@unovis/ts 1.3.0-beta.3 → 1.3.1

package/components/leaflet-flow-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/leaflet-flow-map/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\n\nimport { ComponentCore } from 'core/component'\nimport { ComponentType } from 'types/component'\n\n// Utils\nimport { ResizeObserver } from 'utils/resize-observer'\nimport { getNumber, throttle } from 'utils/data'\nimport { getDataLatLngBounds } from 'utils/map'\nimport { getColor } from 'utils/color'\n\n// Components\nimport { LeafletMap } from 'components/leaflet-map'\n\n// Types\nimport { Bounds } from 'components/leaflet-map/types'\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletFlowMapConfig, LeafletFlowMapConfigInterface } from './config'\n\n// Local Types\nimport { LatLon, Particle } from './types'\n\n// Renderer\nimport { PointRenderer as PointRendererType } from './renderer'\n\nexport class LeafletFlowMap<\n  PointDatum extends GenericDataRecord,\n  FlowDatum extends GenericDataRecord,\n> extends ComponentCore<\n  { points: PointDatum[]; flows?: FlowDatum[] },\n  LeafletFlowMapConfig<PointDatum, FlowDatum>,\n  LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\n  > {\n  static selectors = LeafletMap.selectors\n  type = ComponentType.HTML\n  private leafletMap: LeafletMap<PointDatum>\n  private leafletMapInstance: L.Map\n  private flows: FlowDatum[] = []\n  private points: PointDatum[] = []\n  private hoveredSourcePoint: FlowDatum | undefined\n  private onCanvasMouseMoveBound = throttle(this.onCanvasMouseMove.bind(this), 60)\n  private onCanvasClickBound = this.onCanvasClick.bind(this)\n  private canvasElement: HTMLCanvasElement | undefined\n  config: LeafletFlowMapConfig<PointDatum, FlowDatum> = new LeafletFlowMapConfig()\n  private panningOffset = { x: 0, y: 0 }\n\n  private resizeObserver: ResizeObserver | undefined\n  private renderer: PointRendererType | undefined\n  particles: Particle[] = []\n\n  constructor (container: HTMLDivElement, config?: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>, data?: { points: PointDatum[]; flows?: FlowDatum[] }) {\n    super(ComponentType.HTML)\n\n    this.leafletMap = new LeafletMap<PointDatum>(container, config, data?.points ?? [])\n\n    const rendererImportPromise = import('./renderer')\n    Promise.all([rendererImportPromise, this.leafletMap.getLeafletInstancePromise()])\n      .then((imports) => {\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        const [{ PointRenderer }, leaflet] = imports\n\n        this.leafletMapInstance = leaflet\n        const canvasContainer = this.leafletMapInstance.getPanes().overlayPane as HTMLDivElement\n\n        // Initialize renderer\n        const canvas = select(canvasContainer).insert('canvas', ':first-child')\n        this.canvasElement = canvas.node()\n        this.renderer = new PointRenderer(canvasContainer, container.offsetWidth, container.offsetHeight, this.canvasElement)\n        this.canvasElement.addEventListener('mousemove', this.onCanvasMouseMoveBound)\n        this.canvasElement.addEventListener('click', this.onCanvasClickBound)\n\n        this.leafletMap._onMapMoveEndInternal = this.onMapMove.bind(this)\n\n        // Update renderer size on container resize\n        this.resizeObserver = new ResizeObserver(() => {\n          this.renderer.setSize(container.offsetWidth, container.offsetHeight)\n        })\n        this.resizeObserver.observe(container)\n\n        if (config) this.setConfig(config)\n        if (data) this.setData(data)\n        this.animate()\n      })\n  }\n\n  setConfig (config: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>): void {\n    super.setConfig(config)\n    this.leafletMap.setConfig({ ...config, clusteringDistance: 0 })\n  }\n\n  setData (data: { points: PointDatum[]; flows?: FlowDatum[] }): void {\n    super.setData(data)\n    this.flows = data.flows\n    this.points = data.points\n    this.initParticles()\n    this.leafletMap.setData(this.points)\n    this.render()\n  }\n\n  render (): void {\n    super.render()\n  }\n\n  initParticles (): void {\n    this.clearParticles()\n    for (const flow of this.flows) {\n      const source = {\n        lat: getNumber(flow, this.config.sourceLatitude),\n        lon: getNumber(flow, this.config.sourceLongitude),\n      }\n\n      const target = {\n        lat: getNumber(flow, this.config.targetLatitude),\n        lon: getNumber(flow, this.config.targetLongitude),\n      }\n\n      // Add source particle, showing the origin of the flow\n      const sourcePointRadius = getNumber(flow, this.config.sourcePointRadius)\n      const sourcePointColor = getColor(flow, this.config.sourcePointColor)\n      this.addParticle(source, source, source, 0, sourcePointRadius, sourcePointColor)\n\n      // Add flow particles\n      const dist = Math.sqrt((target.lat - source.lat) ** 2 + (target.lon - source.lon) ** 2)\n      const numParticles = Math.round(dist * getNumber(flow, this.config.flowParticleDensity))\n      const velocity = getNumber(flow, this.config.flowParticleSpeed)\n      const r = getNumber(flow, this.config.flowParticleRadius)\n      const color = getColor(flow, this.config.flowParticleColor)\n      for (let i = 0; i < numParticles; i += 1) {\n        const location = {\n          lat: source.lat + (target.lat - source.lat) * i / numParticles,\n          lon: source.lon + (target.lon - source.lon) * i / numParticles,\n        }\n        this.addParticle(source, target, location, velocity, r, color)\n      }\n    }\n\n    this.renderer?.update(this.particles)\n  }\n\n  private addParticle (source: LatLon, target: LatLon, location = source, velocity = 0.05, r = 0.75, color?: string): void {\n    const x = 0\n    const y = 0\n    this.particles.push({ x, y, source, target, location, velocity, r, color })\n  }\n\n  private clearParticles (): void {\n    this.particles = []\n  }\n\n  private animate (): void {\n    const map = this.leafletMapInstance\n\n    requestAnimationFrame(() => {\n      const zoomLevel = map?.getZoom()\n      for (const p of this.particles) {\n        const fullDist = Math.sqrt((p.target.lat - p.source.lat) ** 2 + (p.target.lon - p.source.lon) ** 2)\n        const remainedDist = Math.sqrt((p.target.lat - p.location.lat) ** 2 + (p.target.lon - p.location.lon) ** 2)\n        const angle = Math.atan2(p.target.lat - p.source.lat, p.target.lon - p.source.lon)\n        p.location.lat += p.velocity * Math.sin(angle)\n        p.location.lon += p.velocity * Math.cos(angle)\n\n        if (\n          (((p.target.lat > p.source.lat) && (p.location.lat > p.target.lat)) || ((p.target.lon > p.source.lon) && (p.location.lon > p.target.lon))) ||\n          (((p.target.lat < p.source.lat) && (p.location.lat < p.target.lat)) || ((p.target.lon < p.source.lon) && (p.location.lon < p.target.lon)))\n        ) {\n          p.location.lat = p.source.lat\n          p.location.lon = p.source.lon\n        }\n\n        const pos = map?.latLngToLayerPoint([p.location.lat, p.location.lon])\n        const orthogonalArcShift = -(zoomLevel ** 2 * fullDist / 8) * Math.cos(Math.PI / 2 * (fullDist / 2 - remainedDist) / (fullDist / 2)) || 0\n        p.x = pos?.x - this.panningOffset.x\n        p.y = pos?.y + orthogonalArcShift - this.panningOffset.y\n      }\n\n      this.renderer.updatePointsPosition(this.particles)\n      this.renderer.draw()\n      this.animate()\n    })\n  }\n\n  private getPointByScreenPos (x: number, y: number): [FlowDatum, number, number] | [] {\n    const map = this.leafletMapInstance\n\n    for (const flow of this.flows) {\n      const lat = getNumber(flow, this.config.sourceLatitude)\n      const lon = getNumber(flow, this.config.sourceLongitude)\n      const r = getNumber(flow, this.config.sourcePointRadius)\n      const pos = map?.latLngToLayerPoint([lat, lon])\n      const posX = pos.x - this.panningOffset.x\n      const posY = pos.y - this.panningOffset.y\n\n      if ((Math.abs(x - posX) < r) && (Math.abs(y - posY) < r)) {\n        return [flow, posX, posY]\n      }\n    }\n\n    return []\n  }\n\n  private onCanvasMouseMove (event: MouseEvent): void {\n    const { config } = this\n\n    this.canvasElement.style.removeProperty('cursor')\n    const [hoveredPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n    if (hoveredPoint) this.canvasElement.style.cursor = 'default'\n\n    if (this.hoveredSourcePoint !== hoveredPoint) {\n      if (hoveredPoint) config.onSourcePointMouseEnter?.(hoveredPoint, x, y, event)\n      if (this.hoveredSourcePoint) config.onSourcePointMouseLeave?.(this.hoveredSourcePoint, event)\n      this.hoveredSourcePoint = hoveredPoint\n    }\n  }\n\n  private onCanvasClick (event: MouseEvent): void {\n    const { config } = this\n\n    const [clickedPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n    if (clickedPoint) config.onSourcePointClick?.(clickedPoint, x, y, event)\n  }\n\n  private onMapMove (leaflet: L.Map): void {\n    const shift = leaflet.containerPointToLayerPoint([0, 0])\n    this.panningOffset.x = shift.x\n    this.panningOffset.y = shift.y\n    this.canvasElement.style.transform = `translate(${shift.x}px, ${shift.y}px)`\n  }\n\n  public destroy (): void {\n    this.resizeObserver?.disconnect()\n    this.renderer?.destroy()\n    this.canvasElement?.removeEventListener('mousemove', this.onCanvasMouseMoveBound)\n    this.canvasElement?.removeEventListener('click', this.onCanvasClickBound)\n    super.destroy()\n  }\n\n  // Leaflet Map useful methods\n  public selectPointById (id: string, centerPoint = false): void { this.leafletMap.selectPointById(id, centerPoint) }\n  public getSelectedPointId (): string | number | undefined { return this.leafletMap.getSelectedPointId() }\n  public unselectPoint (): void { this.leafletMap.unselectPoint() }\n  public zoomToPointById (id: string, selectNode = false, customZoomLevel?: number): void { this.leafletMap.zoomToPointById(id, selectNode, customZoomLevel) }\n  public zoomIn (increment = 1): void { this.leafletMap.zoomIn(increment) }\n  public zoomOut (increment = 1): void { this.leafletMap.zoomOut(increment) }\n  public setZoom (zoomLevel: number): void { this.leafletMap.setZoom(zoomLevel) }\n  public fitView (): void {\n    const points: { lat: number; lon: number }[] = []\n\n    for (const point of this.points) {\n      points.push({\n        lat: getNumber(point, this.config.pointLatitude),\n        lon: getNumber(point, this.config.pointLongitude),\n      })\n    }\n\n    for (const flow of this.flows) {\n      const source = {\n        lat: getNumber(flow, this.config.sourceLatitude),\n        lon: getNumber(flow, this.config.sourceLongitude),\n      }\n\n      const target = {\n        lat: getNumber(flow, this.config.targetLatitude),\n        lon: getNumber(flow, this.config.targetLongitude),\n      }\n\n      points.push(source)\n      points.push(target)\n    }\n\n    const boundsArray = getDataLatLngBounds(points, d => d.lat, d => d.lon, 0)\n    const bounds: Bounds = {\n      northEast: { lat: boundsArray[0][0], lng: boundsArray[1][1] },\n      southWest: { lat: boundsArray[1][0], lng: boundsArray[0][1] },\n    }\n    this.leafletMap.fitToBounds(bounds)\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/leaflet-flow-map/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\n\nimport { ComponentCore } from 'core/component'\nimport { ComponentType } from 'types/component'\n\n// Utils\nimport { ResizeObserver } from 'utils/resize-observer'\nimport { getNumber, throttle } from 'utils/data'\nimport { getDataLatLngBounds } from 'utils/map'\nimport { getColor } from 'utils/color'\n\n// Components\nimport { LeafletMap } from 'components/leaflet-map'\n\n// Types\nimport { Bounds } from 'components/leaflet-map/types'\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletFlowMapDefaultConfig, LeafletFlowMapConfigInterface } from './config'\n\n// Local Types\nimport { LatLon, Particle } from './types'\n\n// Renderer\nimport { PointRenderer as PointRendererType } from './renderer'\n\nexport class LeafletFlowMap<\n  PointDatum extends GenericDataRecord,\n  FlowDatum extends GenericDataRecord,\n> extends ComponentCore<\n  { points: PointDatum[]; flows?: FlowDatum[] },\n  LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\n  > {\n  static selectors = LeafletMap.selectors\n  protected _defaultConfig = LeafletFlowMapDefaultConfig as LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\n  public config: LeafletFlowMapConfigInterface<PointDatum, FlowDatum> = this._defaultConfig\n\n  type = ComponentType.HTML\n  private leafletMap: LeafletMap<PointDatum>\n  private leafletMapInstance: L.Map\n  private flows: FlowDatum[] = []\n  private points: PointDatum[] = []\n  private hoveredSourcePoint: FlowDatum | undefined\n  private onCanvasMouseMoveBound = throttle(this.onCanvasMouseMove.bind(this), 60)\n  private onCanvasClickBound = this.onCanvasClick.bind(this)\n  private canvasElement: HTMLCanvasElement | undefined\n  private panningOffset = { x: 0, y: 0 }\n\n  private resizeObserver: ResizeObserver | undefined\n  private renderer: PointRendererType | undefined\n  particles: Particle[] = []\n\n  constructor (container: HTMLDivElement, config?: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>, data?: { points: PointDatum[]; flows?: FlowDatum[] }) {\n    super(ComponentType.HTML)\n\n    this.leafletMap = new LeafletMap<PointDatum>(container, config, data?.points ?? [])\n\n    const rendererImportPromise = import('./renderer')\n    Promise.all([rendererImportPromise, this.leafletMap.getLeafletInstancePromise()])\n      .then((imports) => {\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        const [{ PointRenderer }, leaflet] = imports\n\n        this.leafletMapInstance = leaflet\n        const canvasContainer = this.leafletMapInstance.getPanes().overlayPane as HTMLDivElement\n\n        // Initialize renderer\n        const canvas = select(canvasContainer).insert('canvas', ':first-child')\n        this.canvasElement = canvas.node()\n        this.renderer = new PointRenderer(canvasContainer, container.offsetWidth, container.offsetHeight, this.canvasElement)\n        this.canvasElement.addEventListener('mousemove', this.onCanvasMouseMoveBound)\n        this.canvasElement.addEventListener('click', this.onCanvasClickBound)\n\n        this.leafletMap._onMapMoveEndInternal = this.onMapMove.bind(this)\n\n        // Update renderer size on container resize\n        this.resizeObserver = new ResizeObserver(() => {\n          this.renderer.setSize(container.offsetWidth, container.offsetHeight)\n        })\n        this.resizeObserver.observe(container)\n\n        if (config) this.setConfig(config)\n        if (data) this.setData(data)\n        this.animate()\n      })\n  }\n\n  setConfig (config: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>): void {\n    super.setConfig(config)\n    this.leafletMap.setConfig({ ...config, clusteringDistance: 0 })\n  }\n\n  setData (data: { points: PointDatum[]; flows?: FlowDatum[] }): void {\n    super.setData(data)\n    this.flows = data.flows\n    this.points = data.points\n    this.initParticles()\n    this.leafletMap.setData(this.points)\n    this.render()\n  }\n\n  render (): void {\n    super.render()\n  }\n\n  initParticles (): void {\n    this.clearParticles()\n    for (const flow of this.flows) {\n      const source = {\n        lat: getNumber(flow, this.config.sourceLatitude),\n        lon: getNumber(flow, this.config.sourceLongitude),\n      }\n\n      const target = {\n        lat: getNumber(flow, this.config.targetLatitude),\n        lon: getNumber(flow, this.config.targetLongitude),\n      }\n\n      // Add source particle, showing the origin of the flow\n      const sourcePointRadius = getNumber(flow, this.config.sourcePointRadius)\n      const sourcePointColor = getColor(flow, this.config.sourcePointColor)\n      this.addParticle(source, source, source, 0, sourcePointRadius, sourcePointColor)\n\n      // Add flow particles\n      const dist = Math.sqrt((target.lat - source.lat) ** 2 + (target.lon - source.lon) ** 2)\n      const numParticles = Math.round(dist * getNumber(flow, this.config.flowParticleDensity))\n      const velocity = getNumber(flow, this.config.flowParticleSpeed)\n      const r = getNumber(flow, this.config.flowParticleRadius)\n      const color = getColor(flow, this.config.flowParticleColor)\n      for (let i = 0; i < numParticles; i += 1) {\n        const location = {\n          lat: source.lat + (target.lat - source.lat) * i / numParticles,\n          lon: source.lon + (target.lon - source.lon) * i / numParticles,\n        }\n        this.addParticle(source, target, location, velocity, r, color)\n      }\n    }\n\n    this.renderer?.update(this.particles)\n  }\n\n  private addParticle (source: LatLon, target: LatLon, location = source, velocity = 0.05, r = 0.75, color?: string): void {\n    const x = 0\n    const y = 0\n    this.particles.push({ x, y, source, target, location, velocity, r, color })\n  }\n\n  private clearParticles (): void {\n    this.particles = []\n  }\n\n  private animate (): void {\n    const map = this.leafletMapInstance\n\n    requestAnimationFrame(() => {\n      const zoomLevel = map?.getZoom()\n      for (const p of this.particles) {\n        const fullDist = Math.sqrt((p.target.lat - p.source.lat) ** 2 + (p.target.lon - p.source.lon) ** 2)\n        const remainedDist = Math.sqrt((p.target.lat - p.location.lat) ** 2 + (p.target.lon - p.location.lon) ** 2)\n        const angle = Math.atan2(p.target.lat - p.source.lat, p.target.lon - p.source.lon)\n        p.location.lat += p.velocity * Math.sin(angle)\n        p.location.lon += p.velocity * Math.cos(angle)\n\n        if (\n          (((p.target.lat > p.source.lat) && (p.location.lat > p.target.lat)) || ((p.target.lon > p.source.lon) && (p.location.lon > p.target.lon))) ||\n          (((p.target.lat < p.source.lat) && (p.location.lat < p.target.lat)) || ((p.target.lon < p.source.lon) && (p.location.lon < p.target.lon)))\n        ) {\n          p.location.lat = p.source.lat\n          p.location.lon = p.source.lon\n        }\n\n        const pos = map?.latLngToLayerPoint([p.location.lat, p.location.lon])\n        const orthogonalArcShift = -(zoomLevel ** 2 * fullDist / 8) * Math.cos(Math.PI / 2 * (fullDist / 2 - remainedDist) / (fullDist / 2)) || 0\n        p.x = pos?.x - this.panningOffset.x\n        p.y = pos?.y + orthogonalArcShift - this.panningOffset.y\n      }\n\n      this.renderer.updatePointsPosition(this.particles)\n      this.renderer.draw()\n      this.animate()\n    })\n  }\n\n  private getPointByScreenPos (x: number, y: number): [FlowDatum, number, number] | [] {\n    const map = this.leafletMapInstance\n\n    for (const flow of this.flows) {\n      const lat = getNumber(flow, this.config.sourceLatitude)\n      const lon = getNumber(flow, this.config.sourceLongitude)\n      const r = getNumber(flow, this.config.sourcePointRadius)\n      const pos = map?.latLngToLayerPoint([lat, lon])\n      const posX = pos.x - this.panningOffset.x\n      const posY = pos.y - this.panningOffset.y\n\n      if ((Math.abs(x - posX) < r) && (Math.abs(y - posY) < r)) {\n        return [flow, posX, posY]\n      }\n    }\n\n    return []\n  }\n\n  private onCanvasMouseMove (event: MouseEvent): void {\n    const { config } = this\n\n    this.canvasElement.style.removeProperty('cursor')\n    const [hoveredPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n    if (hoveredPoint) this.canvasElement.style.cursor = 'default'\n\n    if (this.hoveredSourcePoint !== hoveredPoint) {\n      if (hoveredPoint) config.onSourcePointMouseEnter?.(hoveredPoint, x, y, event)\n      if (this.hoveredSourcePoint) config.onSourcePointMouseLeave?.(this.hoveredSourcePoint, event)\n      this.hoveredSourcePoint = hoveredPoint\n    }\n  }\n\n  private onCanvasClick (event: MouseEvent): void {\n    const { config } = this\n\n    const [clickedPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n    if (clickedPoint) config.onSourcePointClick?.(clickedPoint, x, y, event)\n  }\n\n  private onMapMove (leaflet: L.Map): void {\n    const shift = leaflet.containerPointToLayerPoint([0, 0])\n    this.panningOffset.x = shift.x\n    this.panningOffset.y = shift.y\n    this.canvasElement.style.transform = `translate(${shift.x}px, ${shift.y}px)`\n  }\n\n  public destroy (): void {\n    this.resizeObserver?.disconnect()\n    this.renderer?.destroy()\n    this.canvasElement?.removeEventListener('mousemove', this.onCanvasMouseMoveBound)\n    this.canvasElement?.removeEventListener('click', this.onCanvasClickBound)\n    super.destroy()\n  }\n\n  // Leaflet Map useful methods\n  public selectPointById (id: string, centerPoint = false): void { this.leafletMap.selectPointById(id, centerPoint) }\n  public getSelectedPointId (): string | number | undefined { return this.leafletMap.getSelectedPointId() }\n  public unselectPoint (): void { this.leafletMap.unselectPoint() }\n  public zoomToPointById (id: string, selectNode = false, customZoomLevel?: number): void { this.leafletMap.zoomToPointById(id, selectNode, customZoomLevel) }\n  public zoomIn (increment = 1): void { this.leafletMap.zoomIn(increment) }\n  public zoomOut (increment = 1): void { this.leafletMap.zoomOut(increment) }\n  public setZoom (zoomLevel: number): void { this.leafletMap.setZoom(zoomLevel) }\n  public fitView (): void {\n    const points: { lat: number; lon: number }[] = []\n\n    for (const point of this.points) {\n      points.push({\n        lat: getNumber(point, this.config.pointLatitude),\n        lon: getNumber(point, this.config.pointLongitude),\n      })\n    }\n\n    for (const flow of this.flows) {\n      const source = {\n        lat: getNumber(flow, this.config.sourceLatitude),\n        lon: getNumber(flow, this.config.sourceLongitude),\n      }\n\n      const target = {\n        lat: getNumber(flow, this.config.targetLatitude),\n        lon: getNumber(flow, this.config.targetLongitude),\n      }\n\n      points.push(source)\n      points.push(target)\n    }\n\n    const boundsArray = getDataLatLngBounds(points, d => d.lat, d => d.lon, 0)\n    const bounds: Bounds = {\n      northEast: { lat: boundsArray[0][0], lng: boundsArray[1][1] },\n      southWest: { lat: boundsArray[1][0], lng: boundsArray[0][1] },\n    }\n    this.leafletMap.fitToBounds(bounds)\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;AA2BM,MAAO,cAGX,SAAQ,aAGP,CAAA;AAoBD,IAAA,WAAA,CAAa,SAAyB,EAAE,MAA6D,EAAE,IAAoD,EAAA;;AACzJ,QAAA,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;QAnBjB,IAAc,CAAA,cAAA,GAAG,2BAAmF,CAAA;AACvG,QAAA,IAAA,CAAA,MAAM,GAAyD,IAAI,CAAC,cAAc,CAAA;AAEzF,QAAA,IAAA,CAAA,IAAI,GAAG,aAAa,CAAC,IAAI,CAAA;QAGjB,IAAK,CAAA,KAAA,GAAgB,EAAE,CAAA;QACvB,IAAM,CAAA,MAAA,GAAiB,EAAE,CAAA;AAEzB,QAAA,IAAA,CAAA,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QACxE,IAAkB,CAAA,kBAAA,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAElD,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAItC,IAAS,CAAA,SAAA,GAAe,EAAE,CAAA;QAKxB,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAa,SAAS,EAAE,MAAM,EAAE,MAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAC,CAAA;AAEnF,QAAA,MAAM,qBAAqB,GAAG,OAAO,eAAY,CAAC,CAAA;AAClD,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,CAAC,yBAAyB,EAAE,CAAC,CAAC;AAC9E,aAAA,IAAI,CAAC,CAAC,OAAO,KAAI;;YAEhB,MAAM,CAAC,EAAE,aAAa,EAAE,EAAE,OAAO,CAAC,GAAG,OAAO,CAAA;AAE5C,YAAA,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAA;YACjC,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,WAA6B,CAAA;;AAGxF,YAAA,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;AACvE,YAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,IAAI,EAAE,CAAA;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,aAAa,CAAC,eAAe,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;YACrH,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAA;YAC7E,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAA;AAErE,YAAA,IAAI,CAAC,UAAU,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;;AAGjE,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;AAC5C,gBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;AACtE,aAAC,CAAC,CAAA;AACF,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;AAEtC,YAAA,IAAI,MAAM;AAAE,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;AAClC,YAAA,IAAI,IAAI;AAAE,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;AAChB,SAAC,CAAC,CAAA;KACL;AAED,IAAA,SAAS,CAAE,MAA4D,EAAA;AACrE,QAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QACvB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAA,EAAA,EAAE,kBAAkB,EAAE,CAAC,EAAA,CAAA,CAAG,CAAA;KAChE;AAED,IAAA,OAAO,CAAE,IAAmD,EAAA;AAC1D,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;AACvB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QACzB,IAAI,CAAC,aAAa,EAAE,CAAA;QACpB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,IAAI,CAAC,MAAM,EAAE,CAAA;KACd;IAED,MAAM,GAAA;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;KACf;IAED,aAAa,GAAA;;QACX,IAAI,CAAC,cAAc,EAAE,CAAA;AACrB,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7B,YAAA,MAAM,MAAM,GAAG;gBACb,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;gBAChD,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;aAClD,CAAA;AAED,YAAA,MAAM,MAAM,GAAG;gBACb,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;gBAChD,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;aAClD,CAAA;;AAGD,YAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;AACxE,YAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACrE,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAA;;AAGhF,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAA,CAAA,GAAA,EAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,GAAK,CAAC,CAAA,GAAG,IAAA,CAAA,GAAA,EAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,GAAK,CAAC,CAAA,CAAC,CAAA;AACvF,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAA;AACxF,YAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAC/D,YAAA,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;AACzD,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAC3D,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE;AACxC,gBAAA,MAAM,QAAQ,GAAG;AACf,oBAAA,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,YAAY;AAC9D,oBAAA,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,YAAY;iBAC/D,CAAA;AACD,gBAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;AAC/D,aAAA;AACF,SAAA;QAED,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;KACtC;AAEO,IAAA,WAAW,CAAE,MAAc,EAAE,MAAc,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,KAAc,EAAA;QAC/G,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;KAC5E;IAEO,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;KACpB;IAEO,OAAO,GAAA;AACb,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAA;QAEnC,qBAAqB,CAAC,MAAK;YACzB,MAAM,SAAS,GAAG,GAAG,KAAH,IAAA,IAAA,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE,CAAA;AAChC,YAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AAC9B,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAK,CAAC,CAAA,GAAG,IAAA,CAAA,GAAA,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAK,CAAC,CAAA,CAAC,CAAA;AACnG,gBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAK,CAAC,CAAA,GAAG,IAAA,CAAA,GAAA,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAK,CAAC,CAAA,CAAC,CAAA;AAC3G,gBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAClF,gBAAA,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAC9C,gBAAA,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAE9C,gBAAA,IACE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACzI,qBAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAC1I;oBACA,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA;oBAC7B,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAA;AAC9B,iBAAA;gBAED,MAAM,GAAG,GAAG,GAAG,KAAH,IAAA,IAAA,GAAG,uBAAH,GAAG,CAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;AACrE,gBAAA,MAAM,kBAAkB,GAAG,EAAE,IAAA,CAAA,GAAA,CAAA,SAAS,EAAI,CAAC,CAAA,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,GAAG,YAAY,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;AACzI,gBAAA,CAAC,CAAC,CAAC,GAAG,CAAA,GAAG,aAAH,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAH,GAAG,CAAE,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;AACnC,gBAAA,CAAC,CAAC,CAAC,GAAG,CAAA,GAAG,KAAA,IAAA,IAAH,GAAG,KAAH,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,GAAG,CAAE,CAAC,IAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;AACzD,aAAA;YAED,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AAClD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;YACpB,IAAI,CAAC,OAAO,EAAE,CAAA;AAChB,SAAC,CAAC,CAAA;KACH;IAEO,mBAAmB,CAAE,CAAS,EAAE,CAAS,EAAA;AAC/C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAA;AAEnC,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7B,YAAA,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;AACvD,YAAA,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;AACxD,YAAA,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;AACxD,YAAA,MAAM,GAAG,GAAG,GAAG,KAAH,IAAA,IAAA,GAAG,uBAAH,GAAG,CAAE,kBAAkB,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;YAC/C,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;YACzC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAA;YAEzC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;AACxD,gBAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AAC1B,aAAA;AACF,SAAA;AAED,QAAA,OAAO,EAAE,CAAA;KACV;AAEO,IAAA,iBAAiB,CAAE,KAAiB,EAAA;;AAC1C,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAEvB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;QACjD,MAAM,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;AACnF,QAAA,IAAI,YAAY;YAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;AAE7D,QAAA,IAAI,IAAI,CAAC,kBAAkB,KAAK,YAAY,EAAE;AAC5C,YAAA,IAAI,YAAY;AAAE,gBAAA,CAAA,EAAA,GAAA,MAAM,CAAC,uBAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAA9B,MAAM,EAA2B,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;YAC7E,IAAI,IAAI,CAAC,kBAAkB;AAAE,gBAAA,CAAA,EAAA,GAAA,MAAM,CAAC,uBAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAA9B,MAAM,EAA2B,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;AAC7F,YAAA,IAAI,CAAC,kBAAkB,GAAG,YAAY,CAAA;AACvC,SAAA;KACF;AAEO,IAAA,aAAa,CAAE,KAAiB,EAAA;;AACtC,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAEvB,MAAM,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;AACnF,QAAA,IAAI,YAAY;AAAE,YAAA,CAAA,EAAA,GAAA,MAAM,CAAC,kBAAkB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAzB,MAAM,EAAsB,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;KACzE;AAEO,IAAA,SAAS,CAAE,OAAc,EAAA;AAC/B,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QACxD,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;QAC9B,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,UAAA,EAAa,KAAK,CAAC,CAAC,CAAO,IAAA,EAAA,KAAK,CAAC,CAAC,KAAK,CAAA;KAC7E;IAEM,OAAO,GAAA;;AACZ,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAU,EAAE,CAAA;AACjC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,EAAE,CAAA;AACxB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAA;AACjF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAA;QACzE,KAAK,CAAC,OAAO,EAAE,CAAA;KAChB;;AAGM,IAAA,eAAe,CAAE,EAAU,EAAE,WAAW,GAAG,KAAK,IAAU,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA,EAAE;IAC5G,kBAAkB,GAAA,EAAmC,OAAO,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE,CAAA,EAAE;IAClG,aAAa,GAAA,EAAY,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAA,EAAE;IAC1D,eAAe,CAAE,EAAU,EAAE,UAAU,GAAG,KAAK,EAAE,eAAwB,EAAA,EAAU,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE,UAAU,EAAE,eAAe,CAAC,CAAA,EAAE;AACrJ,IAAA,MAAM,CAAE,SAAS,GAAG,CAAC,IAAU,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA,EAAE;AAClE,IAAA,OAAO,CAAE,SAAS,GAAG,CAAC,IAAU,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA,EAAE;AACpE,IAAA,OAAO,CAAE,SAAiB,EAAU,EAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA,EAAE;IACxE,OAAO,GAAA;QACZ,MAAM,MAAM,GAAmC,EAAE,CAAA;AAEjD,QAAA,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YAC/B,MAAM,CAAC,IAAI,CAAC;gBACV,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;gBAChD,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;AAClD,aAAA,CAAC,CAAA;AACH,SAAA;AAED,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7B,YAAA,MAAM,MAAM,GAAG;gBACb,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;gBAChD,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;aAClD,CAAA;AAED,YAAA,MAAM,MAAM,GAAG;gBACb,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;gBAChD,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;aAClD,CAAA;AAED,YAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AACnB,YAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AACpB,SAAA;QAED,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AAC1E,QAAA,MAAM,MAAM,GAAW;YACrB,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC7D,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;SAC9D,CAAA;AACD,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;KACpC;;AApPM,cAAA,CAAA,SAAS,GAAG,UAAU,CAAC,SAAS;;;;"}

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

@@ -1,4 +1,4 @@
-import { ComponentConfig, ComponentConfigInterface } from "../../core/component/config";
+import { ComponentConfigInterface } from "../../core/component/config";
 import { Tooltip } from "../tooltip";
 import { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
 import { GenericDataRecord } from "../../types/data";
@@ -56,7 +56,7 @@ export interface LeafletMapConfigInterface<Datum extends GenericDataRecord> exte
     /** Point shape accessor function or constant value. Default: `d => d.shape`  */
     pointShape?: GenericAccessor<LeafletMapPointShape | string, Datum>;
     /** Point color accessor function or constant value. Default: `d => d.color`  */
-    pointColor?: ColorAccessor<Datum>;
+    pointColor?: ColorAccessor<LeafletMapPointDatum<Datum>>;
     /** Point radius accessor function or constant value. Default: `undefined`  */
     pointRadius?: NumericAccessor<LeafletMapPointDatum<Datum>>;
     /** Point inner label accessor function. Default: `undefined`  */
@@ -76,7 +76,7 @@ export interface LeafletMapConfigInterface<Datum extends GenericDataRecord> exte
     /** Set selected point by its unique id. Default: `undefined` */
     selectedPointId?: string;
     /** Cluster color accessor function or constant value. Default: `undefined`  */
-    clusterColor?: ColorAccessor<Datum>;
+    clusterColor?: ColorAccessor<LeafletMapClusterDatum<Datum>>;
     /** Cluster radius accessor function or constant value. Default: `undefined`  */
     clusterRadius?: NumericAccessor<LeafletMapClusterDatum<Datum>>;
     /** Cluster inner label accessor function. Default: `d => d.point_count`  */
@@ -140,59 +140,4 @@ export interface LeafletMapConfigInterface<Datum extends GenericDataRecord> exte
     */
     ariaLabel?: string | null | undefined;
 }
-export declare class LeafletMapConfig<Datum extends GenericDataRecord> extends ComponentConfig implements LeafletMapConfigInterface<Datum> {
-    width: any;
-    height: any;
-    flyToDuration: number;
-    fitViewPadding: [number, number];
-    zoomDuration: number;
-    initialBounds: any;
-    fitBoundsOnUpdate: any;
-    fitViewOnInit: boolean;
-    fitViewOnUpdate: boolean;
-    attribution: string[];
-    accessToken: string;
-    style: any;
-    styleDarkTheme: any;
-    renderer: LeafletMapRenderer;
-    onMapInitialized: any;
-    onMapMoveZoom: any;
-    onMapMoveStart: any;
-    onMapMoveEnd: any;
-    onMapZoomStart: any;
-    onMapZoomEnd: any;
-    onMapClick: any;
-    pointLongitude: (d: Datum) => number;
-    pointLatitude: (d: Datum) => number;
-    pointId: (d: Datum) => string;
-    pointShape: (d: Datum) => string;
-    pointColor: (d: Datum) => string;
-    pointRadius: any;
-    pointLabel: any;
-    pointLabelColor: any;
-    pointBottomLabel: string;
-    pointCursor: any;
-    pointRingWidth: number;
-    selectedPointId: any;
-    clusterColor: any;
-    clusterRadius: any;
-    clusterLabel: (d: LeafletMapClusterDatum<Datum>) => string;
-    clusterLabelColor: any;
-    clusterBottomLabel: string;
-    clusterRingWidth: number;
-    clusterBackground: boolean;
-    clusterExpandOnClick: boolean;
-    clusteringDistance: number;
-    colorMap: LeafletMapPointStyles<Datum>;
-    topoJSONLayer: {
-        sources: any;
-        fillOpacity: number;
-        strokeOpacity: number;
-        strokeWidth: number;
-        featureName: any;
-        fillProperty: any;
-        strokeProperty: any;
-    };
-    tooltip: any;
-    ariaLabel: any;
-}
+export declare const LeafletMapDefaultConfig: LeafletMapConfigInterface<GenericDataRecord>;

package/components/leaflet-map/config.js

@@ -1,72 +1,28 @@
-import { ComponentConfig } from '../../core/component/config.js';
+import { ComponentDefaultConfig } from '../../core/component/config.js';
 import { LeafletMapRenderer } from './types.js';
 
-/* eslint-disable dot-notation, no-irregular-whitespace */
-class LeafletMapConfig extends ComponentConfig {
-    constructor() {
-        super(...arguments);
-        // General
-        this.width = undefined;
-        this.height = undefined;
-        this.flyToDuration = 1500;
-        this.fitViewPadding = [150, 150];
-        this.zoomDuration = 800;
-        this.initialBounds = undefined;
-        this.fitBoundsOnUpdate = undefined;
-        this.fitViewOnInit = true;
-        this.fitViewOnUpdate = false;
-        this.attribution = ['<a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap contributors</a>'];
-        this.accessToken = '';
-        this.style = undefined;
-        this.styleDarkTheme = undefined;
-        this.renderer = LeafletMapRenderer.MapLibre;
-        // Map events
-        this.onMapInitialized = undefined;
-        this.onMapMoveZoom = undefined;
-        this.onMapMoveStart = undefined;
-        this.onMapMoveEnd = undefined;
-        this.onMapZoomStart = undefined;
-        this.onMapZoomEnd = undefined;
-        this.onMapClick = undefined;
-        // Point
-        this.pointLongitude = (d) => d['longitude'];
-        this.pointLatitude = (d) => d['latitude'];
-        this.pointId = (d) => d['id'];
-        this.pointShape = (d) => d['shape'];
-        this.pointColor = (d) => d['color'];
-        this.pointRadius = undefined;
-        this.pointLabel = undefined;
-        this.pointLabelColor = undefined;
-        this.pointBottomLabel = '';
-        this.pointCursor = null;
-        this.pointRingWidth = 1.25;
-        this.selectedPointId = undefined;
-        // Cluster
-        this.clusterColor = undefined;
-        this.clusterRadius = undefined;
-        this.clusterLabel = (d) => `${d.point_count}`;
-        this.clusterLabelColor = undefined;
-        this.clusterBottomLabel = '';
-        this.clusterRingWidth = 1.25;
-        this.clusterBackground = true;
-        this.clusterExpandOnClick = true;
-        this.clusteringDistance = 55;
-        this.colorMap = {};
-        // TopoJSON Overlay
-        this.topoJSONLayer = {
-            sources: undefined,
-            fillOpacity: 0.6,
-            strokeOpacity: 0.8,
-            strokeWidth: 1,
-            featureName: undefined,
-            fillProperty: undefined,
-            strokeProperty: undefined,
-        };
-        // Misc
-        this.tooltip = undefined;
-        this.ariaLabel = undefined;
-    }
-}
+/* eslint-disable no-irregular-whitespace */
+const LeafletMapDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { 
+    // General
+    width: undefined, height: undefined, flyToDuration: 1500, fitViewPadding: [150, 150], zoomDuration: 800, initialBounds: undefined, fitBoundsOnUpdate: undefined, fitViewOnInit: true, fitViewOnUpdate: false, attribution: ['<a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap contributors</a>'], accessToken: '', style: undefined, styleDarkTheme: undefined, renderer: LeafletMapRenderer.MapLibre, 
+    // Map events
+    onMapInitialized: undefined, onMapMoveZoom: undefined, onMapMoveStart: undefined, onMapMoveEnd: undefined, onMapZoomStart: undefined, onMapZoomEnd: undefined, onMapClick: undefined, 
+    // Point
+    pointLongitude: (d) => d.longitude, pointLatitude: (d) => d.latitude, pointId: (d) => d.id, pointShape: (d) => d.shape, pointColor: (d) => d.color, pointRadius: undefined, pointLabel: undefined, pointLabelColor: undefined, pointBottomLabel: '', pointCursor: null, pointRingWidth: 1.25, selectedPointId: undefined, 
+    // Cluster
+    clusterColor: undefined, clusterRadius: undefined, clusterLabel: (d) => `${d.point_count}`, clusterLabelColor: undefined, clusterBottomLabel: '', clusterRingWidth: 1.25, clusterBackground: true, clusterExpandOnClick: true, clusteringDistance: 55, colorMap: {}, 
+    // TopoJSON Overlay
+    topoJSONLayer: {
+        sources: undefined,
+        fillOpacity: 0.6,
+        strokeOpacity: 0.8,
+        strokeWidth: 1,
+        featureName: undefined,
+        fillProperty: undefined,
+        strokeProperty: undefined,
+    }, 
+    // Misc
+    tooltip: undefined, ariaLabel: undefined });
 
-export { LeafletMapConfig };
+export { LeafletMapDefaultConfig };
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/leaflet-map/config.ts"],"sourcesContent":["/* eslint-disable dot-notation, no-irregular-whitespace */\n\n// Core\nimport { ComponentConfig, ComponentConfigInterface } from 'core/component/config'\nimport { Tooltip } from 'components/tooltip'\n\n// Types\nimport { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\n// Local Types\nimport {\n  Bounds,\n  LeafletMapPointStyles,\n  MapZoomState,\n  LeafletMapPointDatum,\n  LeafletMapPointShape,\n  LeafletMapClusterDatum,\n  LeafletMapRenderer,\n} from './types'\n\n// Renderer settings\nimport { MapLibreStyleSpecs } from './renderer/map-style'\n\nexport interface LeafletMapConfigInterface<Datum extends GenericDataRecord> extends ComponentConfigInterface {\n  // General\n  /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */\n  width?: number | string;\n  /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */\n  height?: number | string;\n  /** Animation duration when the map is automatically panning or zooming to a point or area. Default: `1500` ms */\n  flyToDuration?: number;\n  /** Padding to be used when the `fitView` function has been called. The value is in pixels, [topLeft, bottomRight]. Default: `[150, 150]` */\n  fitViewPadding?: [number, number];\n  /** Animation duration for the `setZoom` function. Default: `800` ms */\n  zoomDuration?: number;\n  /** Default bounds that will be applied on the first map render if the bounds property is not set. Default: `undefined` */\n  initialBounds?: Bounds;\n  /** Force set map bounds on config and data updates. Default: `undefined` */\n  fitBoundsOnUpdate?: Bounds;\n  /** Fit the view to contain the data points on map initialization. Default: `true` */\n  fitViewOnInit?: boolean;\n  /** Fit the view to contain the data points on map config and data updates. Default: `false` */\n  fitViewOnUpdate?: boolean;\n  /** MapLibre `StyleSpecification` settings, or a URL to it. When renderer is set to`LeafletMapRenderer.Raster`, provide a template URL. Default: `undefined` */\n  style: MapLibreStyleSpecs | string | undefined;\n  /** MapLibre `StyleSpecification` settings or URL for dark theme. Default: `undefined` */\n  styleDarkTheme?: MapLibreStyleSpecs | string | undefined;\n  /** Tile server access token or API key. Default: `''` */\n  accessToken?: string;\n  /** Array of attribution labels. Default: `['<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap contributors</a>']` */\n  attribution?: string[];\n  /** Rendering mode for map's tile layer. For raster files, use `LeafletMapRenderer.Raster`. Default: `LeafletMapRenderer.MapLibre` */\n  renderer?: LeafletMapRenderer | string;\n\n  // Map events\n  /** Function to be called after the map's async initialization is done. Default: `undefined` */\n  onMapInitialized?: (() => void);\n  /** Map Move / Zoom unified callback function. Default: `undefined` */\n  onMapMoveZoom?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Move Start callback function. Default: `undefined` */\n  onMapMoveStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Move End callback function. Default: `undefined` */\n  onMapMoveEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom Start callback function. Default: `undefined` */\n  onMapZoomStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom End callback function. Default: `undefined` */\n  onMapZoomEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom Click callback function. Default: `undefined` */\n  onMapClick?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n\n  // Point\n  /** Point longitude accessor function. Default: `d => d.longitude` */\n  pointLongitude?: NumericAccessor<Datum>;\n  /** Point latitude accessor function. Default: `d => d.latitude` */\n  pointLatitude?: NumericAccessor<Datum>;\n  /** Point id accessor function or constant value. Default: `d => d.id`  */\n  pointId?: StringAccessor<Datum>;\n  /** Point shape accessor function or constant value. Default: `d => d.shape`  */\n  pointShape?: GenericAccessor<LeafletMapPointShape | string, Datum>;\n  /** Point color accessor function or constant value. Default: `d => d.color`  */\n  pointColor?: ColorAccessor<Datum>;\n  /** Point radius accessor function or constant value. Default: `undefined`  */\n  pointRadius?: NumericAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point inner label accessor function. Default: `undefined`  */\n  pointLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point inner label color accessor function or constant value.\n   * By default, the label color will be set, depending on the point brightness, either to\n   * `--vis-map-point-inner-label-text-color-light` or to `--vis-map-point-inner-label-text-color-dark` CSS variable.\n   * Default: `undefined`\n  */\n  pointLabelColor?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point bottom label accessor function. Default: `''` */\n  pointBottomLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point cursor value or accessor function. Default: `null` */\n  pointCursor?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** The width of the ring when a point has a `LeafletMapPointShape.Ring` shape. Default: `1.25` */\n  pointRingWidth?: number;\n  /** Set selected point by its unique id. Default: `undefined` */\n  selectedPointId?: string;\n\n  // Cluster\n  /** Cluster color accessor function or constant value. Default: `undefined`  */\n  clusterColor?: ColorAccessor<Datum>;\n  /** Cluster radius accessor function or constant value. Default: `undefined`  */\n  clusterRadius?: NumericAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster inner label accessor function. Default: `d => d.point_count`  */\n  clusterLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster inner label color accessor function or constant value.\n   * By default, the label color will be set, depending on the point brightness, either to\n   * `--vis-map-cluster-inner-label-text-color-light` or to `--vis-map-cluster-inner-label-text-color-dark` CSS variable.\n   * Default: `undefined`\n  */\n  clusterLabelColor?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster bottom label accessor function. Default: `''` */\n  clusterBottomLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** The width of the cluster point ring. Default: `1.25` */\n  clusterRingWidth?: number;\n  /** When cluster is expanded, show a background circle to better separate points from the base map. Default: `true` */\n  clusterBackground?: boolean;\n  /** Defines whether the cluster should expand on click or not. Default: `true` */\n  clusterExpandOnClick?: boolean;\n  /** Clustering distance in pixels. This value will be passed to Supercluster as the `radius` property https://github.com/mapbox/supercluster. Default: `55` */\n  clusteringDistance?: number;\n  /** A single map point can have multiple properties displayed as a small pie chart (or a donut chart for a cluster of points).\n   * By setting the colorMap configuration you can specify data properties that should be mapped to various pie / donut segments.\n   *\n   * ```\n   * {\n   *   [key in keyof Datum]?: { color: string, className?: string }\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   healthy: { color: 'green' },\n   *   warning: { color: 'orange' },\n   *   danger: { color: 'red' }\n   * }\n   * ```\n   * where every data point has the `healthy`, `warning` and `danger` numerical or boolean property.\n   */\n  colorMap?: LeafletMapPointStyles<Datum>;\n\n  // TopoJSON overlay\n  /** A TopoJSON Geometry layer to be displayed on top of the map. Supports fill and stroke */\n  topoJSONLayer?: {\n    /** The TopoJSON.Topology object. Default: `undefined` */\n    sources: any;\n    /** Name of the geometry feature to be displayed. Default: `undefined` */\n    featureName?: string;\n    /** Name of the property to be used for defining the fill color of the geometry. Default: `undefined` */\n    fillProperty?: string;\n    /** Name of the property to be used for defining the stroke color of the geometry. Default: `undefined` */\n    strokeProperty?: string;\n    /** Geometry fill opacity value. Default: `0.6` */\n    fillOpacity?: number;\n    /** Geometry stroke opacity value. Default: `0.8` */\n    strokeOpacity?: number;\n    /** Geometry stroke width. Default: `2` */\n    strokeWidth?: number;\n  };\n\n  // Misc\n  /** Tooltip component. Default: `undefined` */\n  tooltip?: Tooltip;\n\n  /** Alternative text description of the chart for accessibility purposes. It will be applied as an\n   * `aria-label` attribute to the div element containing your chart. Default: `undefined`.\n  */\n  ariaLabel?: string | null | undefined;\n}\n\nexport class LeafletMapConfig<Datum extends GenericDataRecord> extends ComponentConfig implements LeafletMapConfigInterface<Datum> {\n  // General\n  width = undefined\n  height = undefined\n  flyToDuration = 1500\n  fitViewPadding = [150, 150] as [number, number]\n  zoomDuration = 800\n  initialBounds = undefined\n  fitBoundsOnUpdate = undefined\n  fitViewOnInit = true\n  fitViewOnUpdate = false\n  attribution = ['<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap contributors</a>']\n  accessToken = ''\n  style = undefined\n  styleDarkTheme = undefined\n  renderer = LeafletMapRenderer.MapLibre\n\n  // Map events\n  onMapInitialized = undefined\n  onMapMoveZoom = undefined\n  onMapMoveStart = undefined\n  onMapMoveEnd = undefined\n  onMapZoomStart = undefined\n  onMapZoomEnd = undefined\n  onMapClick = undefined\n\n  // Point\n  pointLongitude = (d: Datum): number => d['longitude'] as number\n  pointLatitude = (d: Datum): number => d['latitude'] as number\n  pointId = (d: Datum): string => d['id'] as string\n  pointShape = (d: Datum): string => d['shape'] as string\n  pointColor = (d: Datum): string => d['color'] as string\n  pointRadius = undefined\n  pointLabel = undefined\n  pointLabelColor = undefined\n  pointBottomLabel = ''\n  pointCursor = null\n  pointRingWidth = 1.25\n  selectedPointId = undefined\n\n  // Cluster\n  clusterColor = undefined\n  clusterRadius = undefined\n  clusterLabel = (d: LeafletMapClusterDatum<Datum>): string => `${d.point_count}`\n  clusterLabelColor = undefined\n  clusterBottomLabel = ''\n  clusterRingWidth = 1.25\n  clusterBackground = true\n  clusterExpandOnClick = true\n  clusteringDistance = 55\n  colorMap = {} as LeafletMapPointStyles<Datum>\n\n  // TopoJSON Overlay\n  topoJSONLayer = {\n    sources: undefined,\n    fillOpacity: 0.6,\n    strokeOpacity: 0.8,\n    strokeWidth: 1,\n    featureName: undefined,\n    fillProperty: undefined,\n    strokeProperty: undefined,\n  }\n\n  // Misc\n  tooltip = undefined\n  ariaLabel = undefined\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.js","sources":["../../../src/components/leaflet-map/config.ts"],"sourcesContent":["/* eslint-disable no-irregular-whitespace */\n\n// Core\nimport { ComponentDefaultConfig, ComponentConfigInterface } from 'core/component/config'\nimport { Tooltip } from 'components/tooltip'\n\n// Types\nimport { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\n// Local Types\nimport {\n  Bounds,\n  LeafletMapPointStyles,\n  MapZoomState,\n  LeafletMapPointDatum,\n  LeafletMapPointShape,\n  LeafletMapClusterDatum,\n  LeafletMapRenderer,\n} from './types'\n\n// Renderer settings\nimport { MapLibreStyleSpecs } from './renderer/map-style'\n\nexport interface LeafletMapConfigInterface<Datum extends GenericDataRecord> extends ComponentConfigInterface {\n  // General\n  /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */\n  width?: number | string;\n  /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */\n  height?: number | string;\n  /** Animation duration when the map is automatically panning or zooming to a point or area. Default: `1500` ms */\n  flyToDuration?: number;\n  /** Padding to be used when the `fitView` function has been called. The value is in pixels, [topLeft, bottomRight]. Default: `[150, 150]` */\n  fitViewPadding?: [number, number];\n  /** Animation duration for the `setZoom` function. Default: `800` ms */\n  zoomDuration?: number;\n  /** Default bounds that will be applied on the first map render if the bounds property is not set. Default: `undefined` */\n  initialBounds?: Bounds;\n  /** Force set map bounds on config and data updates. Default: `undefined` */\n  fitBoundsOnUpdate?: Bounds;\n  /** Fit the view to contain the data points on map initialization. Default: `true` */\n  fitViewOnInit?: boolean;\n  /** Fit the view to contain the data points on map config and data updates. Default: `false` */\n  fitViewOnUpdate?: boolean;\n  /** MapLibre `StyleSpecification` settings, or a URL to it. When renderer is set to`LeafletMapRenderer.Raster`, provide a template URL. Default: `undefined` */\n  style: MapLibreStyleSpecs | string | undefined;\n  /** MapLibre `StyleSpecification` settings or URL for dark theme. Default: `undefined` */\n  styleDarkTheme?: MapLibreStyleSpecs | string | undefined;\n  /** Tile server access token or API key. Default: `''` */\n  accessToken?: string;\n  /** Array of attribution labels. Default: `['<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap contributors</a>']` */\n  attribution?: string[];\n  /** Rendering mode for map's tile layer. For raster files, use `LeafletMapRenderer.Raster`. Default: `LeafletMapRenderer.MapLibre` */\n  renderer?: LeafletMapRenderer | string;\n\n  // Map events\n  /** Function to be called after the map's async initialization is done. Default: `undefined` */\n  onMapInitialized?: (() => void);\n  /** Map Move / Zoom unified callback function. Default: `undefined` */\n  onMapMoveZoom?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Move Start callback function. Default: `undefined` */\n  onMapMoveStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Move End callback function. Default: `undefined` */\n  onMapMoveEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom Start callback function. Default: `undefined` */\n  onMapZoomStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom End callback function. Default: `undefined` */\n  onMapZoomEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n  /** Map Zoom Click callback function. Default: `undefined` */\n  onMapClick?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);\n\n  // Point\n  /** Point longitude accessor function. Default: `d => d.longitude` */\n  pointLongitude?: NumericAccessor<Datum>;\n  /** Point latitude accessor function. Default: `d => d.latitude` */\n  pointLatitude?: NumericAccessor<Datum>;\n  /** Point id accessor function or constant value. Default: `d => d.id`  */\n  pointId?: StringAccessor<Datum>;\n  /** Point shape accessor function or constant value. Default: `d => d.shape`  */\n  pointShape?: GenericAccessor<LeafletMapPointShape | string, Datum>;\n  /** Point color accessor function or constant value. Default: `d => d.color`  */\n  pointColor?: ColorAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point radius accessor function or constant value. Default: `undefined`  */\n  pointRadius?: NumericAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point inner label accessor function. Default: `undefined`  */\n  pointLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point inner label color accessor function or constant value.\n   * By default, the label color will be set, depending on the point brightness, either to\n   * `--vis-map-point-inner-label-text-color-light` or to `--vis-map-point-inner-label-text-color-dark` CSS variable.\n   * Default: `undefined`\n  */\n  pointLabelColor?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point bottom label accessor function. Default: `''` */\n  pointBottomLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** Point cursor value or accessor function. Default: `null` */\n  pointCursor?: StringAccessor<LeafletMapPointDatum<Datum>>;\n  /** The width of the ring when a point has a `LeafletMapPointShape.Ring` shape. Default: `1.25` */\n  pointRingWidth?: number;\n  /** Set selected point by its unique id. Default: `undefined` */\n  selectedPointId?: string;\n\n  // Cluster\n  /** Cluster color accessor function or constant value. Default: `undefined`  */\n  clusterColor?: ColorAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster radius accessor function or constant value. Default: `undefined`  */\n  clusterRadius?: NumericAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster inner label accessor function. Default: `d => d.point_count`  */\n  clusterLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster inner label color accessor function or constant value.\n   * By default, the label color will be set, depending on the point brightness, either to\n   * `--vis-map-cluster-inner-label-text-color-light` or to `--vis-map-cluster-inner-label-text-color-dark` CSS variable.\n   * Default: `undefined`\n  */\n  clusterLabelColor?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** Cluster bottom label accessor function. Default: `''` */\n  clusterBottomLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;\n  /** The width of the cluster point ring. Default: `1.25` */\n  clusterRingWidth?: number;\n  /** When cluster is expanded, show a background circle to better separate points from the base map. Default: `true` */\n  clusterBackground?: boolean;\n  /** Defines whether the cluster should expand on click or not. Default: `true` */\n  clusterExpandOnClick?: boolean;\n  /** Clustering distance in pixels. This value will be passed to Supercluster as the `radius` property https://github.com/mapbox/supercluster. Default: `55` */\n  clusteringDistance?: number;\n  /** A single map point can have multiple properties displayed as a small pie chart (or a donut chart for a cluster of points).\n   * By setting the colorMap configuration you can specify data properties that should be mapped to various pie / donut segments.\n   *\n   * ```\n   * {\n   *   [key in keyof Datum]?: { color: string, className?: string }\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   healthy: { color: 'green' },\n   *   warning: { color: 'orange' },\n   *   danger: { color: 'red' }\n   * }\n   * ```\n   * where every data point has the `healthy`, `warning` and `danger` numerical or boolean property.\n   */\n  colorMap?: LeafletMapPointStyles<Datum>;\n\n  // TopoJSON overlay\n  /** A TopoJSON Geometry layer to be displayed on top of the map. Supports fill and stroke */\n  topoJSONLayer?: {\n    /** The TopoJSON.Topology object. Default: `undefined` */\n    sources: any;\n    /** Name of the geometry feature to be displayed. Default: `undefined` */\n    featureName?: string;\n    /** Name of the property to be used for defining the fill color of the geometry. Default: `undefined` */\n    fillProperty?: string;\n    /** Name of the property to be used for defining the stroke color of the geometry. Default: `undefined` */\n    strokeProperty?: string;\n    /** Geometry fill opacity value. Default: `0.6` */\n    fillOpacity?: number;\n    /** Geometry stroke opacity value. Default: `0.8` */\n    strokeOpacity?: number;\n    /** Geometry stroke width. Default: `2` */\n    strokeWidth?: number;\n  };\n\n  // Misc\n  /** Tooltip component. Default: `undefined` */\n  tooltip?: Tooltip;\n\n  /** Alternative text description of the chart for accessibility purposes. It will be applied as an\n   * `aria-label` attribute to the div element containing your chart. Default: `undefined`.\n  */\n  ariaLabel?: string | null | undefined;\n}\n\nexport const LeafletMapDefaultConfig: LeafletMapConfigInterface<GenericDataRecord> = {\n  ...ComponentDefaultConfig,\n  // General\n  width: undefined,\n  height: undefined,\n  flyToDuration: 1500,\n  fitViewPadding: [150, 150],\n  zoomDuration: 800,\n  initialBounds: undefined,\n  fitBoundsOnUpdate: undefined,\n  fitViewOnInit: true,\n  fitViewOnUpdate: false,\n  attribution: ['<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">OpenStreetMap contributors</a>'],\n  accessToken: '',\n  style: undefined,\n  styleDarkTheme: undefined,\n  renderer: LeafletMapRenderer.MapLibre,\n\n  // Map events\n  onMapInitialized: undefined,\n  onMapMoveZoom: undefined,\n  onMapMoveStart: undefined,\n  onMapMoveEnd: undefined,\n  onMapZoomStart: undefined,\n  onMapZoomEnd: undefined,\n  onMapClick: undefined,\n\n  // Point\n  pointLongitude: (d: unknown): number => (d as { longitude: number }).longitude,\n  pointLatitude: (d: unknown): number => (d as { latitude: number }).latitude,\n  pointId: (d: unknown): string => (d as { id: string }).id,\n  pointShape: (d: unknown): string => (d as { shape: string }).shape,\n  pointColor: (d: unknown): string => (d as { color: string }).color,\n  pointRadius: undefined,\n  pointLabel: undefined,\n  pointLabelColor: undefined,\n  pointBottomLabel: '',\n  pointCursor: null,\n  pointRingWidth: 1.25,\n  selectedPointId: undefined,\n\n  // Cluster\n  clusterColor: undefined,\n  clusterRadius: undefined,\n  clusterLabel: <Datum extends GenericDataRecord>(d: LeafletMapClusterDatum<Datum>): string => `${d.point_count}`,\n  clusterLabelColor: undefined,\n  clusterBottomLabel: '',\n  clusterRingWidth: 1.25,\n  clusterBackground: true,\n  clusterExpandOnClick: true,\n  clusteringDistance: 55,\n  colorMap: {},\n\n  // TopoJSON Overlay\n  topoJSONLayer: {\n    sources: undefined,\n    fillOpacity: 0.6,\n    strokeOpacity: 0.8,\n    strokeWidth: 1,\n    featureName: undefined,\n    fillProperty: undefined,\n    strokeProperty: undefined,\n  },\n\n  // Misc\n  tooltip: undefined,\n  ariaLabel: undefined,\n}\n"],"names":[],"mappings":";;;AAAA;AA6KO,MAAM,uBAAuB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC/B,sBAAsB,CAAA,EAAA;;AAEzB,IAAA,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,aAAa,EAAE,IAAI,EACnB,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAC1B,YAAY,EAAE,GAAG,EACjB,aAAa,EAAE,SAAS,EACxB,iBAAiB,EAAE,SAAS,EAC5B,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,KAAK,EACtB,WAAW,EAAE,CAAC,kGAAkG,CAAC,EACjH,WAAW,EAAE,EAAE,EACf,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,SAAS,EACzB,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;;IAGrC,gBAAgB,EAAE,SAAS,EAC3B,aAAa,EAAE,SAAS,EACxB,cAAc,EAAE,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EAAE,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,SAAS;;AAGrB,IAAA,cAAc,EAAE,CAAC,CAAU,KAAc,CAA2B,CAAC,SAAS,EAC9E,aAAa,EAAE,CAAC,CAAU,KAAc,CAA0B,CAAC,QAAQ,EAC3E,OAAO,EAAE,CAAC,CAAU,KAAc,CAAoB,CAAC,EAAE,EACzD,UAAU,EAAE,CAAC,CAAU,KAAc,CAAuB,CAAC,KAAK,EAClE,UAAU,EAAE,CAAC,CAAU,KAAc,CAAuB,CAAC,KAAK,EAClE,WAAW,EAAE,SAAS,EACtB,UAAU,EAAE,SAAS,EACrB,eAAe,EAAE,SAAS,EAC1B,gBAAgB,EAAE,EAAE,EACpB,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE,IAAI,EACpB,eAAe,EAAE,SAAS;;IAG1B,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,SAAS,EACxB,YAAY,EAAE,CAAkC,CAAgC,KAAa,CAAG,EAAA,CAAC,CAAC,WAAW,CAAA,CAAE,EAC/G,iBAAiB,EAAE,SAAS,EAC5B,kBAAkB,EAAE,EAAE,EACtB,gBAAgB,EAAE,IAAI,EACtB,iBAAiB,EAAE,IAAI,EACvB,oBAAoB,EAAE,IAAI,EAC1B,kBAAkB,EAAE,EAAE,EACtB,QAAQ,EAAE,EAAE;;AAGZ,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,WAAW,EAAE,GAAG;AAChB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,cAAc,EAAE,SAAS;AAC1B,KAAA;;AAGD,IAAA,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS;;;;"}

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

@@ -6,9 +6,9 @@ import { MapDataModel } from "../../data-models/map";
 import { ComponentType } from "../../types/component";
 import { GenericDataRecord } from "../../types/data";
 import { Bounds, LeafletMapPoint } from './types';
-import { LeafletMapConfig, LeafletMapConfigInterface } from './config';
+import { LeafletMapConfigInterface } from './config';
 import * as s from './style';
-export declare class LeafletMap<Datum extends GenericDataRecord> extends ComponentCore<Datum[], LeafletMapConfig<Datum>, LeafletMapConfigInterface<Datum>> {
+export declare class LeafletMap<Datum extends GenericDataRecord> extends ComponentCore<Datum[], LeafletMapConfigInterface<Datum>> {
     static selectors: typeof s;
     static cssVariables: {
         mapContainerBackgroundColor: "--vis-map-container-background-color";
@@ -43,10 +43,11 @@ export declare class LeafletMap<Datum extends GenericDataRecord> extends Compone
         darkMapPointBottomLabelTextColor: "--vis-dark-map-point-bottom-label-text-color";
         darkMapClusterExpandedBackgroundFillColor: "--vis-dark-map-cluster-expanded-background-fill-color";
     };
+    protected _defaultConfig: LeafletMapConfigInterface<Datum>;
+    config: LeafletMapConfigInterface<Datum>;
     g: Selection<HTMLElement, unknown, null, undefined>;
     type: ComponentType;
     element: HTMLElement;
-    config: LeafletMapConfig<Datum>;
     datamodel: MapDataModel<Datum>;
     protected _container: HTMLElement;
     protected _containerSelection: Selection<HTMLElement, unknown, null, undefined>;
@@ -78,7 +79,7 @@ export declare class LeafletMap<Datum extends GenericDataRecord> extends Compone
     private _flyToBoundsAnimationFrameId;
     readonly _leafletInitializationPromise: Promise<L.Map>;
     static DEFAULT_CONTAINER_HEIGHT: number;
-    events: {
+    protected events: {
         [x: string]: {
             mouseup: (d: LeafletMapPoint<Datum>, event: MouseEvent) => void;
             mousedown: (d: LeafletMapPoint<Datum>, event: MouseEvent) => void;

package/components/leaflet-map/index.js

@@ -8,7 +8,7 @@ import { isString, getNumber, isNil, getString, clamp } from '../../utils/data.j
 import { constraintMapViewThrottled } from './renderer/mapboxgl-utils.js';
 import { calculateClusterIndex, projectPoint, findPointAndClusterByPointId, getNodeRelativePosition, bBoxMerge, shouldClusterExpand, getNextZoomLevelOnClusterClick, getPointRadius, getClusterRadius, getClustersAndPoints, geoJsonPointToScreenPoint } from './modules/utils.js';
 import { LeafletMapRenderer } from './types.js';
-import { LeafletMapConfig } from './config.js';
+import { LeafletMapDefaultConfig } from './config.js';
 import * as style from './style.js';
 import { root, map, svgOverlay, backgroundRect, points, clusterBackground, pointSelectionRing, point, variables } from './style.js';
 import { setupMap, initialMapCenter, initialMapZoom, updateTopoJson } from './modules/map.js';
@@ -19,8 +19,9 @@ import { createBackgroundNode, updateBackgroundNode } from './modules/clusterBac
 class LeafletMap extends ComponentCore {
     constructor(container, config, data) {
         super(ComponentType.HTML);
+        this._defaultConfig = LeafletMapDefaultConfig;
+        this.config = this._defaultConfig;
         this.type = ComponentType.HTML;
-        this.config = new LeafletMapConfig();
         this.datamodel = new MapDataModel();
         this._expandedCluster = null;
         this._cancelBackgroundClick = false;
@@ -141,7 +142,7 @@ class LeafletMap extends ComponentCore {
         }
     }
     setConfig(config) {
-        this.config = new LeafletMapConfig().init(config);
+        super.setConfig(config);
         if (config.width)
             this._containerSelection.style('width', isString(config.width) ? config.width : `${config.width}px`);
         if (config.height)