@unovis/ts 1.3.0-beta.0 → 1.3.0-beta.3

package/components/grouped-bar/index.js

@@ -8,15 +8,14 @@ import { smartTransition } from '../../utils/d3.js';
 import { getColor } from '../../utils/color.js';
 import { Direction } from '../../types/direction.js';
 import { Orientation } from '../../types/position.js';
-import { GroupedBarDefaultConfig } from './config.js';
+import { GroupedBarConfig } from './config.js';
 import * as style from './style.js';
 import { barGroup, barGroupExit, bar } from './style.js';
 
 class GroupedBar extends XYComponentCore {
     constructor(config) {
         super();
-        this._defaultConfig = GroupedBarDefaultConfig;
-        this.config = this._defaultConfig;
+        this.config = new GroupedBarConfig();
         this.getAccessors = () => isArray(this.config.y) ? this.config.y : [this.config.y];
         this.events = {
             [GroupedBar.selectors.barGroup]: {
@@ -28,7 +27,7 @@ class GroupedBar extends XYComponentCore {
         };
         this._barData = [];
         if (config)
-            this.setConfig(config);
+            this.config.init(config);
     }
     get bleed() {
         this._barData = this._getVisibleData();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.ts"],"sourcesContent":["import { scaleBand } from 'd3-scale'\nimport { min, max, range } from 'd3-array'\nimport { select } from 'd3'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { clamp, getExtent, getMax, getMin, getNumber, getString, isArray, isEmpty, isNumber } from 'utils/data'\nimport { roundedRectPath } from 'utils/path'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Direction } from 'types/direction'\nimport { Orientation } from 'types/position'\nimport { ContinuousScale } from 'types/scale'\n\n// Config\nimport { GroupedBarDefaultConfig, GroupedBarConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class GroupedBar<Datum> extends XYComponentCore<Datum, GroupedBarConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = GroupedBarDefaultConfig as GroupedBarConfigInterface<Datum>\n  public config: GroupedBarConfigInterface<Datum> = this._defaultConfig\n\n  getAccessors = (): NumericAccessor<Datum>[] =>\n    isArray(this.config.y) ? this.config.y : [this.config.y]\n\n  events = {\n    [GroupedBar.selectors.barGroup]: {\n      mouseover: this._raiseSelection,\n    },\n    [GroupedBar.selectors.bar]: {\n      mouseover: this._raiseSelection,\n    },\n  }\n\n  private _barData: Datum[] = []\n\n  constructor (config?: GroupedBarConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  get bleed (): Spacing {\n    this._barData = this._getVisibleData()\n    if (this._barData.length === 0) return { top: 0, bottom: 0, left: 0, right: 0 }\n\n    // By default, horizontal orientation is \"flipped\", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`\n    const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1])\n    const dataDomain = this.dataScale.domain()\n    const halfGroupWidth = this._getGroupWidth() / 2\n\n    const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i))\n    const firstDataValue = min(dataScaleValues)\n    const lastDataValue = max(dataScaleValues)\n    const firstValuePx = this.dataScale(firstDataValue)\n    const lastValuePx = this.dataScale(lastDataValue)\n\n    const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth))\n    const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth))\n    const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0\n    const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0\n\n    return {\n      top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),\n      bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),\n      left: this.isVertical() ? bleedPxStart : 0,\n      right: this.isVertical() ? bleedPxEnd : 0,\n    }\n  }\n\n  private get dataScale (): ContinuousScale {\n    return this.isVertical() ? this.xScale : this.yScale\n  }\n\n  private get valueScale (): ContinuousScale {\n    return this.isVertical() ? this.yScale : this.xScale\n  }\n\n  private isVertical (): boolean {\n    return this.config.orientation === Orientation.Vertical\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration)\n      ? customDuration\n      : config.duration\n    const groupWidth = this._getGroupWidth()\n\n    const yAccessors = this.getAccessors()\n    const innerBandScaleRange = [-groupWidth / 2, groupWidth / 2] as [\n      number,\n      number,\n    ]\n    const innerBandScale = scaleBand<number>()\n      .domain(range(yAccessors.length))\n      .range(innerBandScaleRange)\n      .paddingInner(config.barPadding)\n      .paddingOuter(config.barPadding)\n\n    const barGroups = this.g\n      .selectAll<SVGGElement, Datum>(`.${s.barGroup}`)\n      .data(this._barData, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const getBarGroupsTransform = (d: Datum, i: number): string => {\n      const v = this.dataScale(getNumber(d, config.x, i))\n      const x = this.isVertical() ? v : 0\n      const y = this.isVertical() ? 0 : v\n      return `translate(${x},${y})`\n    }\n\n    const barGroupsEnter = barGroups\n      .enter()\n      .append('g')\n      .attr('class', s.barGroup)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupsMerged = barGroupsEnter.merge(barGroups)\n    smartTransition(barGroupsMerged, duration)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupExit = barGroups.exit().attr('class', s.barGroupExit)\n    smartTransition(barGroupExit, duration).style('opacity', 0).remove()\n\n    // Animate exiting bars going down\n    smartTransition(barGroupExit.selectAll<SVGPathElement, Datum>(`.${s.bar}`), duration)\n      .attr('transform', (d, i, e) => {\n        return this.isVertical()\n          ? `translate(0,${this.yScale(0)}) scale(1,0)`\n          : `translate(${this.xScale(0)},0) scale(0,1)`\n      })\n\n    const barWidth = innerBandScale.bandwidth()\n    const bars = barGroupsMerged\n      .selectAll<SVGPathElement, Datum>(`.${s.bar}`)\n      .data((d) => yAccessors.map(() => d))\n\n    const valueAxisDirection = this._getValueAxisDirection()\n    const barsEnter = bars\n      .enter()\n      .append('path')\n      .attr('class', s.bar)\n      .attr('d', (d, i) => {\n        const x = innerBandScale(i)\n        const y = this.valueScale(0)\n        const width = barWidth\n        const height = 0\n        return this._getBarPath(x, y, width, height, false, valueAxisDirection)\n      })\n      .style('fill', (d, i) => getColor(d, config.color, i))\n\n    const barsMerged = barsEnter.merge(bars)\n    smartTransition(barsMerged, duration)\n      .attr('d', (d, j) => {\n        const x = innerBandScale(j)\n        const width = barWidth\n\n        // Todo: Find a way to pass the datum index to `getNumber` below\n        const value = getNumber(d, yAccessors[j])\n        const isNegative = value < 0\n        let y = isNegative ? this.valueScale(0) : this.valueScale(value || 0)\n        let height = Math.abs(this.valueScale(0) - this.valueScale(value)) || 0\n\n        // Optionally set minimum bar height\n        if (height < config.barMinHeight) {\n          const dir = valueAxisDirection === Direction.North ? -1 : 1\n          y = this.valueScale(0) + dir * config.barMinHeight\n          height = config.barMinHeight\n        }\n        return this._getBarPath(x, y, width, height, isNegative, valueAxisDirection)\n      })\n      .style('fill', (d, i) => getColor(d, config.color, i))\n      .style('cursor', (d, i) => getString(d, config.cursor, i))\n\n    smartTransition(bars.exit(), duration).remove()\n  }\n\n  _getValueAxisDirection (): Direction.North | Direction.South {\n    return this.valueScale.range()[0] > this.valueScale.range()[1]\n      ? Direction.North\n      : Direction.South\n  }\n\n  _getVisibleData (): Datum[] {\n    const {\n      config,\n      datamodel: { data },\n    } = this\n    const groupWidth = this._getGroupWidth()\n    const halfGroupWidth = data.length < 2 ? 0 : groupWidth / 2\n\n    const dataScale = this.dataScale\n    const xHalfGroupWidth = Math.abs(\n      (dataScale.invert(halfGroupWidth) as number) -\n        (dataScale.invert(0) as number)\n    )\n    const filtered = data?.filter((d, i) => {\n      const v = getNumber(d, config.x, i)\n      const domain: number[] | Date[] = dataScale.domain()\n      const domainMin = +domain[0]\n      const domainMax = +domain[1]\n      return (\n        v >= domainMin - xHalfGroupWidth && v <= domainMax + xHalfGroupWidth\n      )\n    })\n\n    return filtered\n  }\n\n  _getBarPath (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    isNegative: boolean,\n    direction: Direction.North | Direction.South\n  ): string {\n    const { config } = this\n\n    const cornerRadius = config.roundedCorners\n      ? isNumber(config.roundedCorners)\n        ? +config.roundedCorners\n        : width / 2\n      : 0\n    const cornerRadiusClamped = clamp(\n      cornerRadius,\n      0,\n      Math.min(height, width) / 2\n    )\n\n    const isNorthDirected = direction === Direction.North\n    const roundedTop = this.isVertical() && isNegative !== isNorthDirected\n    const roundedBottom = this.isVertical() && isNegative === isNorthDirected\n    const roundedLeft = !this.isVertical() && isNegative\n    const roundedRight = !this.isVertical() && !isNegative\n\n    return roundedRectPath({\n      x: this.isVertical() ? x : y + (isNorthDirected ? 0 : -height),\n      y: this.isVertical() ? y + (isNorthDirected ? 0 : -height) : x,\n      w: this.isVertical() ? width : height,\n      h: this.isVertical() ? height : width,\n      tl: roundedTop || roundedLeft,\n      tr: roundedTop || roundedRight,\n      bl: roundedBottom || roundedLeft,\n      br: roundedBottom || roundedRight,\n      r: cornerRadiusClamped,\n    })\n  }\n\n  _getGroupWidth (): number {\n    const {\n      config,\n      datamodel: { data },\n    } = this\n    if (isEmpty(data)) return 0\n    if (config.groupWidth) { return min([config.groupWidth, config.groupMaxWidth]) }\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const isOrdinal = this.dataScale.bandwidth\n    const domain = (\n      this.dataScale.domain ? this.dataScale.domain() : []\n    ) as number[]\n    const domainLength = isOrdinal ? domain.length : domain[1] - domain[0]\n\n    // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep\n    //   otherwise we get the number of data elements within the domain range\n    // Or if the scale is ordinal we use data.length\n    let dataSize =\n      1 + domainLength / config.dataStep ||\n      (!isOrdinal &&\n        data.filter((d, i) => {\n          const value = getNumber(d, config.x, i)\n          return value >= domain[0] && value <= domain[1]\n        }).length) ||\n      data.length\n\n    // We increase the dataSize by 1 to take into account possible additional domain space\n    if (!isOrdinal && dataSize >= 2) dataSize += 1\n\n    const c = dataSize < 2 ? 1 : 1 - config.groupPadding\n    const groupWidth =\n      (c * (this.isVertical() ? this._width : this._height)) / dataSize\n    return min([groupWidth, config.groupMaxWidth])\n  }\n\n  getValueScaleExtent (scaleByVisibleData: boolean): number[] {\n    const { datamodel } = this\n    const yAccessors = this.getAccessors()\n\n    const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data\n    const min = getMin(data, ...yAccessors)\n    const max = getMax(data, ...yAccessors)\n    return [min > 0 ? 0 : min, max < 0 ? 0 : max]\n  }\n\n  _raiseSelection (d, i, els): void {\n    select(els[i]).raise()\n  }\n\n  getDataScaleExtent (): number[] {\n    const { config, datamodel } = this\n    return getExtent(datamodel.data, config.x)\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    return this.isVertical()\n      ? this.getValueScaleExtent(scaleByVisibleData)\n      : this.getDataScaleExtent()\n  }\n\n  getXDataExtent (): number[] {\n    return this.isVertical()\n      ? this.getDataScaleExtent()\n      : this.getValueScaleExtent(false)\n  }\n}\n"],"names":["s.barGroup","barGroupExit","s.barGroupExit","s.bar","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.ts"],"sourcesContent":["import { scaleBand } from 'd3-scale'\nimport { min, max, range } from 'd3-array'\nimport { select } from 'd3'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { clamp, getExtent, getMax, getMin, getNumber, getString, isArray, isEmpty, isNumber } from 'utils/data'\nimport { roundedRectPath } from 'utils/path'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Direction } from 'types/direction'\nimport { Orientation } from 'types/position'\nimport { ContinuousScale } from 'types/scale'\n\n// Config\nimport { GroupedBarConfig, GroupedBarConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class GroupedBar<Datum> extends XYComponentCore<Datum, GroupedBarConfig<Datum>, GroupedBarConfigInterface<Datum>> {\n  static selectors = s\n  config: GroupedBarConfig<Datum> = new GroupedBarConfig()\n  getAccessors = (): NumericAccessor<Datum>[] =>\n    isArray(this.config.y) ? this.config.y : [this.config.y]\n\n  events = {\n    [GroupedBar.selectors.barGroup]: {\n      mouseover: this._raiseSelection,\n    },\n    [GroupedBar.selectors.bar]: {\n      mouseover: this._raiseSelection,\n    },\n  }\n\n  private _barData: Datum[] = []\n\n  constructor (config?: GroupedBarConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n  }\n\n  get bleed (): Spacing {\n    this._barData = this._getVisibleData()\n    if (this._barData.length === 0) return { top: 0, bottom: 0, left: 0, right: 0 }\n\n    // By default, horizontal orientation is \"flipped\", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`\n    const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1])\n    const dataDomain = this.dataScale.domain()\n    const halfGroupWidth = this._getGroupWidth() / 2\n\n    const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i))\n    const firstDataValue = min(dataScaleValues)\n    const lastDataValue = max(dataScaleValues)\n    const firstValuePx = this.dataScale(firstDataValue)\n    const lastValuePx = this.dataScale(lastDataValue)\n\n    const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth))\n    const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth))\n    const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0\n    const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0\n\n    return {\n      top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),\n      bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),\n      left: this.isVertical() ? bleedPxStart : 0,\n      right: this.isVertical() ? bleedPxEnd : 0,\n    }\n  }\n\n  private get dataScale (): ContinuousScale {\n    return this.isVertical() ? this.xScale : this.yScale\n  }\n\n  private get valueScale (): ContinuousScale {\n    return this.isVertical() ? this.yScale : this.xScale\n  }\n\n  private isVertical (): boolean {\n    return this.config.orientation === Orientation.Vertical\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration)\n      ? customDuration\n      : config.duration\n    const groupWidth = this._getGroupWidth()\n\n    const yAccessors = this.getAccessors()\n    const innerBandScaleRange = [-groupWidth / 2, groupWidth / 2] as [\n      number,\n      number,\n    ]\n    const innerBandScale = scaleBand<number>()\n      .domain(range(yAccessors.length))\n      .range(innerBandScaleRange)\n      .paddingInner(config.barPadding)\n      .paddingOuter(config.barPadding)\n\n    const barGroups = this.g\n      .selectAll<SVGGElement, Datum>(`.${s.barGroup}`)\n      .data(this._barData, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const getBarGroupsTransform = (d: Datum, i: number): string => {\n      const v = this.dataScale(getNumber(d, config.x, i))\n      const x = this.isVertical() ? v : 0\n      const y = this.isVertical() ? 0 : v\n      return `translate(${x},${y})`\n    }\n\n    const barGroupsEnter = barGroups\n      .enter()\n      .append('g')\n      .attr('class', s.barGroup)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupsMerged = barGroupsEnter.merge(barGroups)\n    smartTransition(barGroupsMerged, duration)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupExit = barGroups.exit().attr('class', s.barGroupExit)\n    smartTransition(barGroupExit, duration).style('opacity', 0).remove()\n\n    // Animate exiting bars going down\n    smartTransition(barGroupExit.selectAll<SVGPathElement, Datum>(`.${s.bar}`), duration)\n      .attr('transform', (d, i, e) => {\n        return this.isVertical()\n          ? `translate(0,${this.yScale(0)}) scale(1,0)`\n          : `translate(${this.xScale(0)},0) scale(0,1)`\n      })\n\n    const barWidth = innerBandScale.bandwidth()\n    const bars = barGroupsMerged\n      .selectAll<SVGPathElement, Datum>(`.${s.bar}`)\n      .data((d) => yAccessors.map(() => d))\n\n    const valueAxisDirection = this._getValueAxisDirection()\n    const barsEnter = bars\n      .enter()\n      .append('path')\n      .attr('class', s.bar)\n      .attr('d', (d, i) => {\n        const x = innerBandScale(i)\n        const y = this.valueScale(0)\n        const width = barWidth\n        const height = 0\n        return this._getBarPath(x, y, width, height, false, valueAxisDirection)\n      })\n      .style('fill', (d, i) => getColor(d, config.color, i))\n\n    const barsMerged = barsEnter.merge(bars)\n    smartTransition(barsMerged, duration)\n      .attr('d', (d, j) => {\n        const x = innerBandScale(j)\n        const width = barWidth\n\n        // Todo: Find a way to pass the datum index to `getNumber` below\n        const value = getNumber(d, yAccessors[j])\n        const isNegative = value < 0\n        let y = isNegative ? this.valueScale(0) : this.valueScale(value || 0)\n        let height = Math.abs(this.valueScale(0) - this.valueScale(value)) || 0\n\n        // Optionally set minimum bar height\n        if (height < config.barMinHeight) {\n          const dir = valueAxisDirection === Direction.North ? -1 : 1\n          y = this.valueScale(0) + dir * config.barMinHeight\n          height = config.barMinHeight\n        }\n        return this._getBarPath(x, y, width, height, isNegative, valueAxisDirection)\n      })\n      .style('fill', (d, i) => getColor(d, config.color, i))\n      .style('cursor', (d, i) => getString(d, config.cursor, i))\n\n    smartTransition(bars.exit(), duration).remove()\n  }\n\n  _getValueAxisDirection (): Direction.North | Direction.South {\n    return this.valueScale.range()[0] > this.valueScale.range()[1]\n      ? Direction.North\n      : Direction.South\n  }\n\n  _getVisibleData (): Datum[] {\n    const {\n      config,\n      datamodel: { data },\n    } = this\n    const groupWidth = this._getGroupWidth()\n    const halfGroupWidth = data.length < 2 ? 0 : groupWidth / 2\n\n    const dataScale = this.dataScale\n    const xHalfGroupWidth = Math.abs(\n      (dataScale.invert(halfGroupWidth) as number) -\n        (dataScale.invert(0) as number)\n    )\n    const filtered = data?.filter((d, i) => {\n      const v = getNumber(d, config.x, i)\n      const domain: number[] | Date[] = dataScale.domain()\n      const domainMin = +domain[0]\n      const domainMax = +domain[1]\n      return (\n        v >= domainMin - xHalfGroupWidth && v <= domainMax + xHalfGroupWidth\n      )\n    })\n\n    return filtered\n  }\n\n  _getBarPath (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    isNegative: boolean,\n    direction: Direction.North | Direction.South\n  ): string {\n    const { config } = this\n\n    const cornerRadius = config.roundedCorners\n      ? isNumber(config.roundedCorners)\n        ? +config.roundedCorners\n        : width / 2\n      : 0\n    const cornerRadiusClamped = clamp(\n      cornerRadius,\n      0,\n      Math.min(height, width) / 2\n    )\n\n    const isNorthDirected = direction === Direction.North\n    const roundedTop = this.isVertical() && isNegative !== isNorthDirected\n    const roundedBottom = this.isVertical() && isNegative === isNorthDirected\n    const roundedLeft = !this.isVertical() && isNegative\n    const roundedRight = !this.isVertical() && !isNegative\n\n    return roundedRectPath({\n      x: this.isVertical() ? x : y + (isNorthDirected ? 0 : -height),\n      y: this.isVertical() ? y + (isNorthDirected ? 0 : -height) : x,\n      w: this.isVertical() ? width : height,\n      h: this.isVertical() ? height : width,\n      tl: roundedTop || roundedLeft,\n      tr: roundedTop || roundedRight,\n      bl: roundedBottom || roundedLeft,\n      br: roundedBottom || roundedRight,\n      r: cornerRadiusClamped,\n    })\n  }\n\n  _getGroupWidth (): number {\n    const {\n      config,\n      datamodel: { data },\n    } = this\n    if (isEmpty(data)) return 0\n    if (config.groupWidth) { return min([config.groupWidth, config.groupMaxWidth]) }\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const isOrdinal = this.dataScale.bandwidth\n    const domain = (\n      this.dataScale.domain ? this.dataScale.domain() : []\n    ) as number[]\n    const domainLength = isOrdinal ? domain.length : domain[1] - domain[0]\n\n    // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep\n    //   otherwise we get the number of data elements within the domain range\n    // Or if the scale is ordinal we use data.length\n    let dataSize =\n      1 + domainLength / config.dataStep ||\n      (!isOrdinal &&\n        data.filter((d, i) => {\n          const value = getNumber(d, config.x, i)\n          return value >= domain[0] && value <= domain[1]\n        }).length) ||\n      data.length\n\n    // We increase the dataSize by 1 to take into account possible additional domain space\n    if (!isOrdinal && dataSize >= 2) dataSize += 1\n\n    const c = dataSize < 2 ? 1 : 1 - config.groupPadding\n    const groupWidth =\n      (c * (this.isVertical() ? this._width : this._height)) / dataSize\n    return min([groupWidth, config.groupMaxWidth])\n  }\n\n  getValueScaleExtent (scaleByVisibleData: boolean): number[] {\n    const { datamodel } = this\n    const yAccessors = this.getAccessors()\n\n    const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data\n    const min = getMin(data, ...yAccessors)\n    const max = getMax(data, ...yAccessors)\n    return [min > 0 ? 0 : min, max < 0 ? 0 : max]\n  }\n\n  _raiseSelection (d, i, els): void {\n    select(els[i]).raise()\n  }\n\n  getDataScaleExtent (): number[] {\n    const { config, datamodel } = this\n    return getExtent(datamodel.data, config.x)\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    return this.isVertical()\n      ? this.getValueScaleExtent(scaleByVisibleData)\n      : this.getDataScaleExtent()\n  }\n\n  getXDataExtent (): number[] {\n    return this.isVertical()\n      ? this.getDataScaleExtent()\n      : this.getValueScaleExtent(false)\n  }\n}\n"],"names":["s.barGroup","barGroupExit","s.barGroupExit","s.bar","s"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { LeafletMapConfigInterface } from "../leaflet-map/config";
+import { LeafletMapConfig, LeafletMapConfigInterface } from "../leaflet-map/config";
 import { ColorAccessor, NumericAccessor } from "../../types/accessor";
 import { GenericDataRecord } from "../../types/data";
 export interface LeafletFlowMapConfigInterface<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> extends LeafletMapConfigInterface<PointDatum> {
@@ -29,4 +29,18 @@ export interface LeafletFlowMapConfigInterface<PointDatum extends GenericDataRec
     /** Flow source point mouse leave callback function. Default: `undefined` */
     onSourcePointMouseLeave?: (f: FlowDatum, event: MouseEvent) => void;
 }
-export declare const LeafletFlowMapDefaultConfig: LeafletFlowMapConfigInterface<GenericDataRecord, GenericDataRecord>;
+export declare class LeafletFlowMapConfig<PointDatum extends GenericDataRecord = GenericDataRecord, FlowDatum extends GenericDataRecord = GenericDataRecord> extends LeafletMapConfig<PointDatum> implements LeafletFlowMapConfigInterface<PointDatum, FlowDatum> {
+    sourceLongitude: (f: FlowDatum) => number;
+    sourceLatitude: (f: FlowDatum) => number;
+    targetLongitude: (f: FlowDatum) => number;
+    targetLatitude: (f: FlowDatum) => number;
+    sourcePointRadius: number;
+    sourcePointColor: string;
+    flowParticleColor: string;
+    flowParticleRadius: number;
+    flowParticleSpeed: number;
+    flowParticleDensity: number;
+    onSourcePointClick: any;
+    onSourcePointMouseEnter: any;
+    onSourcePointMouseLeave: any;
+}

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

@@ -1,7 +1,25 @@
-import { LeafletMapDefaultConfig } from '../leaflet-map/config.js';
+import { LeafletMapConfig } from '../leaflet-map/config.js';
 
 /* eslint-disable dot-notation */
-const LeafletFlowMapDefaultConfig = Object.assign(Object.assign({}, LeafletMapDefaultConfig), { sourceLongitude: (f) => f['sourceLongitude'], sourceLatitude: (f) => f['sourceLatitude'], targetLongitude: (f) => f['targetLongitude'], targetLatitude: (f) => f['targetLatitude'], sourcePointRadius: 3, sourcePointColor: '#88919f', flowParticleColor: '#949dad', flowParticleRadius: 1.1, flowParticleSpeed: 0.07, flowParticleDensity: 0.6, onSourcePointClick: undefined, onSourcePointMouseEnter: undefined, onSourcePointMouseLeave: undefined });
+class LeafletFlowMapConfig extends LeafletMapConfig {
+    constructor() {
+        super(...arguments);
+        this.sourceLongitude = (f) => f['sourceLongitude'];
+        this.sourceLatitude = (f) => f['sourceLatitude'];
+        this.targetLongitude = (f) => f['targetLongitude'];
+        this.targetLatitude = (f) => f['targetLatitude'];
+        this.sourcePointRadius = 3;
+        this.sourcePointColor = '#88919f';
+        this.flowParticleColor = '#949dad';
+        this.flowParticleRadius = 1.1;
+        this.flowParticleSpeed = 0.07;
+        this.flowParticleDensity = 0.6;
+        // Events
+        this.onSourcePointClick = undefined;
+        this.onSourcePointMouseEnter = undefined;
+        this.onSourcePointMouseLeave = undefined;
+    }
+}
 
-export { LeafletFlowMapDefaultConfig };
+export { LeafletFlowMapConfig };
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/leaflet-flow-map/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\n\n// Config\nimport { LeafletMapDefaultConfig, LeafletMapConfigInterface } from 'components/leaflet-map/config'\n\n// Types\nimport { ColorAccessor, NumericAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\nexport interface LeafletFlowMapConfigInterface<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> extends LeafletMapConfigInterface<PointDatum> {\n  /** Flow source point longitude accessor function or value. Default:.`f => f.sourceLongitude` */\n  sourceLongitude?: NumericAccessor<FlowDatum>;\n  /** Flow source point latitude accessor function or value. Default: `f => f.sourceLatitude` */\n  sourceLatitude?: NumericAccessor<FlowDatum>;\n  /** Flow target point longitude accessor function or value. Default: `f => f.targetLongitude` */\n  targetLongitude?: NumericAccessor<FlowDatum>;\n  /** Flow target point latitude accessor function or value. Default: `f => f.targetLatitude` */\n  targetLatitude?: NumericAccessor<FlowDatum>;\n  /** Flow source point radius accessor function or value. Default: `3` */\n  sourcePointRadius?: NumericAccessor<FlowDatum>;\n  /** Source point color accessor function or value. Default: `'#88919f'` */\n  sourcePointColor?: ColorAccessor<FlowDatum>;\n  /** Flow particle color accessor function or value. Default: `'#949dad'` */\n  flowParticleColor?: ColorAccessor<FlowDatum>;\n  /** Flow particle radius accessor function or value. Default: `1.1` */\n  flowParticleRadius?: NumericAccessor<FlowDatum>;\n  /** Flow particle speed accessor function or value. The unit is arbitrary, recommended range is 0 – 0.2. Default: `0.07` */\n  flowParticleSpeed?: NumericAccessor<FlowDatum>;\n  /** Flow particle density accessor function or value on the range of [0, 1]. Default: `0.6` */\n  flowParticleDensity?: NumericAccessor<FlowDatum>;\n\n  // Events\n  /** Flow source point click callback function. Default: `undefined` */\n  onSourcePointClick?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;\n  /** Flow source point mouse over callback function. Default: `undefined` */\n  onSourcePointMouseEnter?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;\n  /** Flow source point mouse leave callback function. Default: `undefined` */\n  onSourcePointMouseLeave?: (f: FlowDatum, event: MouseEvent) => void;\n}\n\nexport const LeafletFlowMapDefaultConfig: LeafletFlowMapConfigInterface<GenericDataRecord, GenericDataRecord> = {\n  ...LeafletMapDefaultConfig,\n  sourceLongitude: <FlowDatum>(f: FlowDatum): number => f['sourceLongitude'] as number,\n  sourceLatitude: <FlowDatum>(f: FlowDatum): number => f['sourceLatitude'] as number,\n  targetLongitude: <FlowDatum>(f: FlowDatum): number => f['targetLongitude'] as number,\n  targetLatitude: <FlowDatum>(f: FlowDatum): number => f['targetLatitude'] as number,\n  sourcePointRadius: 3,\n  sourcePointColor: '#88919f',\n  flowParticleColor: '#949dad',\n  flowParticleRadius: 1.1,\n  flowParticleSpeed: 0.07,\n  flowParticleDensity: 0.6,\n  onSourcePointClick: undefined,\n  onSourcePointMouseEnter: undefined,\n  onSourcePointMouseLeave: undefined,\n}\n"],"names":[],"mappings":";;AAAA;AAwCa,MAAA,2BAA2B,mCACnC,uBAAuB,CAAA,EAAA,EAC1B,eAAe,EAAE,CAAY,CAAY,KAAa,CAAC,CAAC,iBAAiB,CAAW,EACpF,cAAc,EAAE,CAAY,CAAY,KAAa,CAAC,CAAC,gBAAgB,CAAW,EAClF,eAAe,EAAE,CAAY,CAAY,KAAa,CAAC,CAAC,iBAAiB,CAAW,EACpF,cAAc,EAAE,CAAY,CAAY,KAAa,CAAC,CAAC,gBAAgB,CAAW,EAClF,iBAAiB,EAAE,CAAC,EACpB,gBAAgB,EAAE,SAAS,EAC3B,iBAAiB,EAAE,SAAS,EAC5B,kBAAkB,EAAE,GAAG,EACvB,iBAAiB,EAAE,IAAI,EACvB,mBAAmB,EAAE,GAAG,EACxB,kBAAkB,EAAE,SAAS,EAC7B,uBAAuB,EAAE,SAAS,EAClC,uBAAuB,EAAE,SAAS;;;;"}
+{"version":3,"file":"config.js","sources":["../../../src/components/leaflet-flow-map/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\n\n// Config\nimport { LeafletMapConfig, LeafletMapConfigInterface } from 'components/leaflet-map/config'\n\n// Types\nimport { ColorAccessor, NumericAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\nexport interface LeafletFlowMapConfigInterface<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> extends LeafletMapConfigInterface<PointDatum> {\n  /** Flow source point longitude accessor function or value. Default:.`f => f.sourceLongitude` */\n  sourceLongitude?: NumericAccessor<FlowDatum>;\n  /** Flow source point latitude accessor function or value. Default: `f => f.sourceLatitude` */\n  sourceLatitude?: NumericAccessor<FlowDatum>;\n  /** Flow target point longitude accessor function or value. Default: `f => f.targetLongitude` */\n  targetLongitude?: NumericAccessor<FlowDatum>;\n  /** Flow target point latitude accessor function or value. Default: `f => f.targetLatitude` */\n  targetLatitude?: NumericAccessor<FlowDatum>;\n  /** Flow source point radius accessor function or value. Default: `3` */\n  sourcePointRadius?: NumericAccessor<FlowDatum>;\n  /** Source point color accessor function or value. Default: `'#88919f'` */\n  sourcePointColor?: ColorAccessor<FlowDatum>;\n  /** Flow particle color accessor function or value. Default: `'#949dad'` */\n  flowParticleColor?: ColorAccessor<FlowDatum>;\n  /** Flow particle radius accessor function or value. Default: `1.1` */\n  flowParticleRadius?: NumericAccessor<FlowDatum>;\n  /** Flow particle speed accessor function or value. The unit is arbitrary, recommended range is 0 – 0.2. Default: `0.07` */\n  flowParticleSpeed?: NumericAccessor<FlowDatum>;\n  /** Flow particle density accessor function or value on the range of [0, 1]. Default: `0.6` */\n  flowParticleDensity?: NumericAccessor<FlowDatum>;\n\n  // Events\n  /** Flow source point click callback function. Default: `undefined` */\n  onSourcePointClick?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;\n  /** Flow source point mouse over callback function. Default: `undefined` */\n  onSourcePointMouseEnter?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;\n  /** Flow source point mouse leave callback function. Default: `undefined` */\n  onSourcePointMouseLeave?: (f: FlowDatum, event: MouseEvent) => void;\n}\n\nexport class LeafletFlowMapConfig<\n  PointDatum extends GenericDataRecord = GenericDataRecord,\n  FlowDatum extends GenericDataRecord = GenericDataRecord,\n> extends LeafletMapConfig<PointDatum> implements LeafletFlowMapConfigInterface<PointDatum, FlowDatum> {\n  sourceLongitude = (f: FlowDatum): number => f['sourceLongitude'] as number\n  sourceLatitude = (f: FlowDatum): number => f['sourceLatitude'] as number\n  targetLongitude = (f: FlowDatum): number => f['targetLongitude'] as number\n  targetLatitude = (f: FlowDatum): number => f['targetLatitude'] as number\n  sourcePointRadius = 3\n  sourcePointColor = '#88919f'\n  flowParticleColor = '#949dad'\n  flowParticleRadius = 1.1\n  flowParticleSpeed = 0.07\n  flowParticleDensity = 0.6\n\n  // Events\n  onSourcePointClick = undefined\n  onSourcePointMouseEnter = undefined\n  onSourcePointMouseLeave = undefined\n}\n"],"names":[],"mappings":";;AAAA;AAwCM,MAAO,oBAGX,SAAQ,gBAA4B,CAAA;AAHtC,IAAA,WAAA,GAAA;;QAIE,IAAe,CAAA,eAAA,GAAG,CAAC,CAAY,KAAa,CAAC,CAAC,iBAAiB,CAAW,CAAA;QAC1E,IAAc,CAAA,cAAA,GAAG,CAAC,CAAY,KAAa,CAAC,CAAC,gBAAgB,CAAW,CAAA;QACxE,IAAe,CAAA,eAAA,GAAG,CAAC,CAAY,KAAa,CAAC,CAAC,iBAAiB,CAAW,CAAA;QAC1E,IAAc,CAAA,cAAA,GAAG,CAAC,CAAY,KAAa,CAAC,CAAC,gBAAgB,CAAW,CAAA;QACxE,IAAiB,CAAA,iBAAA,GAAG,CAAC,CAAA;QACrB,IAAgB,CAAA,gBAAA,GAAG,SAAS,CAAA;QAC5B,IAAiB,CAAA,iBAAA,GAAG,SAAS,CAAA;QAC7B,IAAkB,CAAA,kBAAA,GAAG,GAAG,CAAA;QACxB,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAA;QACxB,IAAmB,CAAA,mBAAA,GAAG,GAAG,CAAA;;QAGzB,IAAkB,CAAA,kBAAA,GAAG,SAAS,CAAA;QAC9B,IAAuB,CAAA,uBAAA,GAAG,SAAS,CAAA;QACnC,IAAuB,CAAA,uBAAA,GAAG,SAAS,CAAA;KACpC;AAAA;;;;"}

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

@@ -1,15 +1,13 @@
 import { ComponentCore } from "../../core/component";
 import { ComponentType } from "../../types/component";
 import { GenericDataRecord } from "../../types/data";
-import { LeafletFlowMapConfigInterface } from './config';
+import { LeafletFlowMapConfig, LeafletFlowMapConfigInterface } from './config';
 import { Particle } from './types';
 export declare class LeafletFlowMap<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> extends ComponentCore<{
     points: PointDatum[];
     flows?: FlowDatum[];
-}, LeafletFlowMapConfigInterface<PointDatum, FlowDatum>> {
+}, LeafletFlowMapConfig<PointDatum, FlowDatum>, LeafletFlowMapConfigInterface<PointDatum, FlowDatum>> {
     static selectors: typeof import("../leaflet-map/style");
-    protected _defaultConfig: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>;
-    config: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>;
     type: ComponentType;
     private leafletMap;
     private leafletMapInstance;
@@ -19,6 +17,7 @@ export declare class LeafletFlowMap<PointDatum extends GenericDataRecord, FlowDa
     private onCanvasMouseMoveBound;
     private onCanvasClickBound;
     private canvasElement;
+    config: LeafletFlowMapConfig<PointDatum, FlowDatum>;
     private panningOffset;
     private resizeObserver;
     private renderer;

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

@@ -6,19 +6,18 @@ import { throttle, getNumber } from '../../utils/data.js';
 import { getDataLatLngBounds } from '../../utils/map.js';
 import { getColor } from '../../utils/color.js';
 import { LeafletMap } from '../leaflet-map/index.js';
-import { LeafletFlowMapDefaultConfig } from './config.js';
+import { LeafletFlowMapConfig } from './config.js';
 
 class LeafletFlowMap extends ComponentCore {
     constructor(container, config, data) {
         var _a;
         super(ComponentType.HTML);
-        this._defaultConfig = LeafletFlowMapDefaultConfig;
-        this.config = this._defaultConfig;
         this.type = ComponentType.HTML;
         this.flows = [];
         this.points = [];
         this.onCanvasMouseMoveBound = throttle(this.onCanvasMouseMove.bind(this), 60);
         this.onCanvasClickBound = this.onCanvasClick.bind(this);
+        this.config = new LeafletFlowMapConfig();
         this.panningOffset = { x: 0, y: 0 };
         this.particles = [];
         this.leafletMap = new LeafletMap(container, config, (_a = data === null || data === void 0 ? void 0 : data.points) !== null && _a !== void 0 ? _a : []);

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 { 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":"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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 { 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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"}

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

@@ -1,4 +1,4 @@
-import { ComponentConfigInterface } from "../../core/component/config";
+import { ComponentConfig, 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<LeafletMapPointDatum<Datum>>;
+    pointColor?: ColorAccessor<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<LeafletMapClusterDatum<Datum>>;
+    clusterColor?: ColorAccessor<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,4 +140,59 @@ export interface LeafletMapConfigInterface<Datum extends GenericDataRecord> exte
     */
     ariaLabel?: string | null | undefined;
 }
-export declare const LeafletMapDefaultConfig: LeafletMapConfigInterface<GenericDataRecord>;
+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;
+}

package/components/leaflet-map/config.js

@@ -1,28 +1,72 @@
-import { ComponentDefaultConfig } from '../../core/component/config.js';
+import { ComponentConfig } from '../../core/component/config.js';
 import { LeafletMapRenderer } from './types.js';
 
 /* eslint-disable dot-notation, 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 });
+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;
+    }
+}
 
-export { LeafletMapDefaultConfig };
+export { LeafletMapConfig };
 //# sourceMappingURL=config.js.map