@unovis/ts 1.3.0-alpha.2 → 1.3.0-beta.0

package/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { scaleOrdinal, ScaleOrdinal } from 'd3-scale'\nimport { drag, D3DragEvent } from 'd3-drag'\nimport { max } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, unique, arrayOfIndices, getMin, getMax, getString, getNumber } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\nimport { trimSVGText } from 'utils/text'\n\n// Config\nimport { TimelineConfig, TimelineConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Timeline<Datum> extends XYComponentCore<Datum, TimelineConfig<Datum>, TimelineConfigInterface<Datum>> {\n  static selectors = s\n  config: TimelineConfig<Datum> = new TimelineConfig()\n  events = {\n    [Timeline.selectors.rows]: {\n      wheel: this._onMouseWheel.bind(this),\n    },\n    [Timeline.selectors.line]: {\n      wheel: this._onMouseWheel.bind(this),\n    },\n  }\n\n  private _background: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _rowsGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _linesGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _labelsGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _scrollBarGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _scrollBarBackground: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _scrollBarHandle: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _scrollBarWidth = 5\n  private _scrollDistance = 0\n  private _scrollBarMargin = 5\n  private _maxScroll = 0\n  private _scrollbarHeight = 0\n  private _labelMargin = 5\n\n  constructor (config?: TimelineConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n\n    // Invisible background rect to track events\n    this._background = this.g.append('rect').attr('class', s.background)\n\n    // Group for content\n    this._rowsGroup = this.g.append('g').attr('class', s.rows)\n    this._linesGroup = this.g.append('g').attr('class', s.lines)\n    this._labelsGroup = this.g.append('g').attr('class', s.labels)\n    this._scrollBarGroup = this.g.append('g').attr('class', s.scrollbar)\n\n    // Scroll bar\n    this._scrollBarBackground = this._scrollBarGroup.append('rect')\n      .attr('class', s.scrollbarBackground)\n\n    this._scrollBarHandle = this._scrollBarGroup.append('rect')\n      .attr('class', s.scrollbarHandle)\n\n    // Set up scrollbar drag event\n    const dragBehaviour = drag<SVGRectElement, unknown>()\n      .on('drag', this._onScrollbarDrag.bind(this))\n\n    this._scrollBarHandle.call(dragBehaviour)\n  }\n\n  get bleed (): { top: number; bottom: number; left: number; right: number } {\n    const { config, datamodel: { data } } = this\n\n    // We calculate the longest label width to set the bleed values accordingly\n    let labelsBleed = 0\n    if (config.showLabels) {\n      if (config.labelWidth) labelsBleed = config.labelWidth + this._labelMargin\n      else {\n        const recordLabels = this._getRecordLabels(data)\n        const longestLabel = recordLabels.reduce((acc, val) => acc.length > val.length ? acc : val, '')\n        const label = this._labelsGroup.append('text')\n          .attr('class', s.label)\n          .text(longestLabel)\n          .call(trimSVGText, config.maxLabelWidth)\n        const labelWidth = label.node().getBBox().width\n        this._labelsGroup.empty()\n\n        const tolerance = 1.15 // Some characters are wider than others so we add a little of extra space to take that into account\n        labelsBleed = labelWidth ? tolerance * labelWidth + this._labelMargin : 0\n      }\n    }\n\n    const maxLineWidth = this._getMaxLineWidth()\n    return {\n      top: 0,\n      bottom: 0,\n      left: maxLineWidth / 2 + labelsBleed,\n      right: maxLineWidth / 2 + this._scrollBarWidth + this._scrollBarMargin,\n    }\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, datamodel: { data } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n    const xRange = this.xScale.range()\n    const yRange = this.yScale.range()\n    const yStart = Math.min(...yRange)\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n    const maxLineWidth = this._getMaxLineWidth()\n    const recordLabels = this._getRecordLabels(data)\n    const recordLabelsUnique = unique(recordLabels)\n    const numUniqueRecords = recordLabelsUnique.length\n\n    // Ordinal scale to handle records on the same type\n    const ordinalScale: ScaleOrdinal<string, number> = scaleOrdinal()\n    ordinalScale.range(arrayOfIndices(numUniqueRecords))\n\n    // Invisible Background rect to track events\n    this._background\n      .attr('width', this._width)\n      .attr('height', this._height)\n      .attr('opacity', 0)\n\n    // Labels\n    const labels = this._labelsGroup.selectAll<SVGTextElement, string>(`.${s.label}`)\n      .data(config.showLabels ? recordLabelsUnique : [])\n\n    const labelsEnter = labels.enter().append('text')\n      .attr('class', s.label)\n\n    labelsEnter.merge(labels)\n      .attr('x', xRange[0] - maxLineWidth / 2 - this._labelMargin)\n      .attr('y', (label, i) => yStart + (ordinalScale(label) + 0.5) * config.rowHeight)\n      .text(label => label)\n      .each((label, i, els) => {\n        trimSVGText(select(els[i]), config.labelWidth || config.maxLabelWidth)\n      })\n\n    labels.exit().remove()\n\n    // Row background rects\n    const xStart = xRange[0]\n    const numRows = Math.max(Math.floor(yHeight / config.rowHeight), numUniqueRecords)\n    const recordTypes: (string | undefined)[] = Array(numRows).fill(null).map((_, i) => recordLabelsUnique[i])\n    const rects = this._rowsGroup.selectAll<SVGRectElement, number>(`.${s.row}`)\n      .data(recordTypes)\n\n    const rectsEnter = rects.enter().append('rect')\n      .attr('class', s.row)\n\n    rectsEnter.merge(rects)\n      .classed(s.rowOdd, config.alternatingRowColors ? (_, i) => !(i % 2) : null)\n      .attr('x', xStart - maxLineWidth / 2)\n      .attr('width', xRange[1] - xStart + maxLineWidth)\n      .attr('y', (_, i) => yStart + i * config.rowHeight)\n      .attr('height', config.rowHeight)\n\n    rects.exit().remove()\n\n    // Lines\n    const lines = this._linesGroup.selectAll<SVGRectElement, Datum>(`.${s.line}`)\n      .data(data, (d: Datum, i) => `${getString(d, config.id, i) ?? i}`)\n    const linesEnter = lines.enter().append('rect')\n      .attr('class', s.line)\n      .classed(s.rowOdd, config.alternatingRowColors\n        ? (d, i) => !(recordLabelsUnique.indexOf(this._getRecordType(d, i)) % 2)\n        : null)\n      .style('fill', (d, i) => getColor(d, config.color, i))\n      .attr('transform', 'translate(0, 10)')\n      .style('opacity', 0)\n    this._positionLines(linesEnter, ordinalScale)\n\n    const linesMerged = smartTransition(linesEnter.merge(lines), duration)\n      .style('fill', (d, i) => getColor(d, config.color, ordinalScale(this._getRecordType(d, i))))\n      .attr('transform', 'translate(0, 0)')\n      .style('cursor', (d, i) => getString(d, config.cursor, i))\n      .style('opacity', 1)\n\n    this._positionLines(linesMerged, ordinalScale)\n\n    smartTransition(lines.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Scroll Bar\n    const contentBBox = this._rowsGroup.node().getBBox() // We determine content size using the rects group because lines are animated\n    const absoluteContentHeight = contentBBox.height\n    this._scrollbarHeight = yHeight * yHeight / absoluteContentHeight || 0\n    this._maxScroll = Math.max(absoluteContentHeight - yHeight, 0)\n\n    this._scrollBarGroup\n      .attr('transform', `translate(${this._width - this._scrollBarWidth}, ${yStart})`)\n      .attr('opacity', this._maxScroll ? 1 : 0)\n\n    this._scrollBarBackground\n      .attr('width', this._scrollBarWidth)\n      .attr('height', this._height)\n      .attr('rx', this._scrollBarWidth / 2)\n      .attr('ry', this._scrollBarWidth / 2)\n\n    this._scrollBarHandle\n      .attr('width', this._scrollBarWidth)\n      .attr('height', this._scrollbarHeight)\n      .attr('rx', this._scrollBarWidth / 2)\n      .attr('ry', this._scrollBarWidth / 2)\n\n    this._updateScrollPosition(0)\n  }\n\n  private _positionLines (\n    selection: Selection<SVGRectElement, Datum, SVGGElement, unknown> | Transition<SVGRectElement, Datum, SVGGElement, unknown>,\n    ordinalScale: ScaleOrdinal<string, number>\n  ): void {\n    const { config, xScale, yScale } = this\n    const yRange = yScale.range()\n    const yStart = Math.min(...yRange)\n\n    selection.each((d, i, elements) => {\n      const x = getNumber(d, config.x, i)\n      const y = ordinalScale(this._getRecordType(d, i)) * config.rowHeight\n      const length = getNumber(d, config.length, i) ?? 0\n\n      // Rect dimensions\n      const height = getNumber(d, config.lineWidth, i)\n      const width = xScale(x + length) - xScale(x)\n\n      if (width < 0) {\n        console.warn('Unovis | Timeline: Line segments should not have negative lengths. Setting to 0.')\n      }\n\n      select(elements[i])\n        .attr('x', xScale(x))\n        .attr('y', yStart + y + (config.rowHeight - height) / 2)\n        .attr('width', config.showEmptySegments\n          ? Math.max(config.lineCap ? height : 1, width)\n          : Math.max(0, width))\n        .attr('height', height)\n        .attr('rx', config.lineCap ? height / 2 : null)\n        .style('opacity', 1)\n    })\n  }\n\n  private _onScrollbarDrag (event: D3DragEvent<any, any, any>): void {\n    const yRange = this.yScale.range()\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n    this._updateScrollPosition(event.dy * this._maxScroll / (yHeight - this._scrollbarHeight))\n  }\n\n  private _onMouseWheel (d: unknown, event: WheelEvent): void {\n    const { config } = this\n\n    this._updateScrollPosition(event?.deltaY)\n    if (this._scrollDistance > 0 && this._scrollDistance < this._maxScroll) event?.preventDefault()\n\n    config.onScroll?.(this._scrollDistance)\n\n    // Programmatically trigger a mousemove event to update Tooltip or Crosshair if they were set up\n    const e = new Event('mousemove')\n    this.element.dispatchEvent(e)\n  }\n\n  private _updateScrollPosition (diff: number): void {\n    const yRange = this.yScale.range()\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n\n    this._scrollDistance += diff\n    this._scrollDistance = Math.max(0, this._scrollDistance)\n    this._scrollDistance = Math.min(this._maxScroll, this._scrollDistance)\n\n    this._linesGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    this._rowsGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    this._labelsGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    const scrollBarPosition = (this._scrollDistance / this._maxScroll * (yHeight - this._scrollbarHeight)) || 0\n    this._scrollBarHandle.attr('y', scrollBarPosition)\n  }\n\n  private _getMaxLineWidth (): number {\n    const { config, datamodel: { data } } = this\n    return max(data, (d, i) => getNumber(d, config.lineWidth, i)) ?? 0\n  }\n\n  private _getRecordType (d: Datum, i: number): string {\n    return getString(d, this.config.type) || `__${i}`\n  }\n\n  private _getRecordLabels (data: Datum[]): string[] {\n    return data.map((d, i) => getString(d, this.config.type) || `${i + 1}`)\n  }\n\n  // Override the default XYComponent getXDataExtent method to take into account line lengths\n  getXDataExtent (): number[] {\n    const { config, datamodel } = this\n    const min = getMin(datamodel.data, config.x)\n    const max = getMax(datamodel.data, (d, i) => getNumber(d, config.x, i) + (getNumber(d, config.length, i) ?? 0))\n    return [min, max]\n  }\n}\n"],"names":["s.background","s.rows","s.lines","s.labels","s.scrollbar","s.scrollbarBackground","s.scrollbarHandle","label","s.label","s.row","s.rowOdd","s.line","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { scaleOrdinal, ScaleOrdinal } from 'd3-scale'\nimport { drag, D3DragEvent } from 'd3-drag'\nimport { max } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, unique, arrayOfIndices, getMin, getMax, getString, getNumber } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\nimport { trimSVGText } from 'utils/text'\n\n// Config\nimport { TimelineDefaultConfig, TimelineConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Timeline<Datum> extends XYComponentCore<Datum, TimelineConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = TimelineDefaultConfig as TimelineConfigInterface<Datum>\n  public config: TimelineConfigInterface<Datum> = this._defaultConfig\n\n  events = {\n    [Timeline.selectors.rows]: {\n      wheel: this._onMouseWheel.bind(this),\n    },\n    [Timeline.selectors.line]: {\n      wheel: this._onMouseWheel.bind(this),\n    },\n  }\n\n  private _background: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _rowsGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _linesGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _labelsGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _scrollBarGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _scrollBarBackground: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _scrollBarHandle: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _scrollBarWidth = 5\n  private _scrollDistance = 0\n  private _scrollBarMargin = 5\n  private _maxScroll = 0\n  private _scrollbarHeight = 0\n  private _labelMargin = 5\n\n  constructor (config?: TimelineConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n\n    // Invisible background rect to track events\n    this._background = this.g.append('rect').attr('class', s.background)\n\n    // Group for content\n    this._rowsGroup = this.g.append('g').attr('class', s.rows)\n    this._linesGroup = this.g.append('g').attr('class', s.lines)\n    this._labelsGroup = this.g.append('g').attr('class', s.labels)\n    this._scrollBarGroup = this.g.append('g').attr('class', s.scrollbar)\n\n    // Scroll bar\n    this._scrollBarBackground = this._scrollBarGroup.append('rect')\n      .attr('class', s.scrollbarBackground)\n\n    this._scrollBarHandle = this._scrollBarGroup.append('rect')\n      .attr('class', s.scrollbarHandle)\n\n    // Set up scrollbar drag event\n    const dragBehaviour = drag<SVGRectElement, unknown>()\n      .on('drag', this._onScrollbarDrag.bind(this))\n\n    this._scrollBarHandle.call(dragBehaviour)\n  }\n\n  get bleed (): { top: number; bottom: number; left: number; right: number } {\n    const { config, datamodel: { data } } = this\n\n    // We calculate the longest label width to set the bleed values accordingly\n    let labelsBleed = 0\n    if (config.showLabels) {\n      if (config.labelWidth) labelsBleed = config.labelWidth + this._labelMargin\n      else {\n        const recordLabels = this._getRecordLabels(data)\n        const longestLabel = recordLabels.reduce((acc, val) => acc.length > val.length ? acc : val, '')\n        const label = this._labelsGroup.append('text')\n          .attr('class', s.label)\n          .text(longestLabel)\n          .call(trimSVGText, config.maxLabelWidth)\n        const labelWidth = label.node().getBBox().width\n        this._labelsGroup.empty()\n\n        const tolerance = 1.15 // Some characters are wider than others so we add a little of extra space to take that into account\n        labelsBleed = labelWidth ? tolerance * labelWidth + this._labelMargin : 0\n      }\n    }\n\n    const maxLineWidth = this._getMaxLineWidth()\n    return {\n      top: 0,\n      bottom: 0,\n      left: maxLineWidth / 2 + labelsBleed,\n      right: maxLineWidth / 2 + this._scrollBarWidth + this._scrollBarMargin,\n    }\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, datamodel: { data } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n    const xRange = this.xScale.range()\n    const yRange = this.yScale.range()\n    const yStart = Math.min(...yRange)\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n    const maxLineWidth = this._getMaxLineWidth()\n    const recordLabels = this._getRecordLabels(data)\n    const recordLabelsUnique = unique(recordLabels)\n    const numUniqueRecords = recordLabelsUnique.length\n\n    // Ordinal scale to handle records on the same type\n    const ordinalScale: ScaleOrdinal<string, number> = scaleOrdinal()\n    ordinalScale.range(arrayOfIndices(numUniqueRecords))\n\n    // Invisible Background rect to track events\n    this._background\n      .attr('width', this._width)\n      .attr('height', this._height)\n      .attr('opacity', 0)\n\n    // Labels\n    const labels = this._labelsGroup.selectAll<SVGTextElement, string>(`.${s.label}`)\n      .data(config.showLabels ? recordLabelsUnique : [])\n\n    const labelsEnter = labels.enter().append('text')\n      .attr('class', s.label)\n\n    labelsEnter.merge(labels)\n      .attr('x', xRange[0] - maxLineWidth / 2 - this._labelMargin)\n      .attr('y', (label, i) => yStart + (ordinalScale(label) + 0.5) * config.rowHeight)\n      .text(label => label)\n      .each((label, i, els) => {\n        trimSVGText(select(els[i]), config.labelWidth || config.maxLabelWidth)\n      })\n\n    labels.exit().remove()\n\n    // Row background rects\n    const xStart = xRange[0]\n    const numRows = Math.max(Math.floor(yHeight / config.rowHeight), numUniqueRecords)\n    const recordTypes: (string | undefined)[] = Array(numRows).fill(null).map((_, i) => recordLabelsUnique[i])\n    const rects = this._rowsGroup.selectAll<SVGRectElement, number>(`.${s.row}`)\n      .data(recordTypes)\n\n    const rectsEnter = rects.enter().append('rect')\n      .attr('class', s.row)\n\n    rectsEnter.merge(rects)\n      .classed(s.rowOdd, config.alternatingRowColors ? (_, i) => !(i % 2) : null)\n      .attr('x', xStart - maxLineWidth / 2)\n      .attr('width', xRange[1] - xStart + maxLineWidth)\n      .attr('y', (_, i) => yStart + i * config.rowHeight)\n      .attr('height', config.rowHeight)\n\n    rects.exit().remove()\n\n    // Lines\n    const lines = this._linesGroup.selectAll<SVGRectElement, Datum>(`.${s.line}`)\n      .data(data, (d: Datum, i) => `${getString(d, config.id, i) ?? i}`)\n    const linesEnter = lines.enter().append('rect')\n      .attr('class', s.line)\n      .classed(s.rowOdd, config.alternatingRowColors\n        ? (d, i) => !(recordLabelsUnique.indexOf(this._getRecordType(d, i)) % 2)\n        : null)\n      .style('fill', (d, i) => getColor(d, config.color, i))\n      .attr('transform', 'translate(0, 10)')\n      .style('opacity', 0)\n    this._positionLines(linesEnter, ordinalScale)\n\n    const linesMerged = smartTransition(linesEnter.merge(lines), duration)\n      .style('fill', (d, i) => getColor(d, config.color, ordinalScale(this._getRecordType(d, i))))\n      .attr('transform', 'translate(0, 0)')\n      .style('cursor', (d, i) => getString(d, config.cursor, i))\n      .style('opacity', 1)\n\n    this._positionLines(linesMerged, ordinalScale)\n\n    smartTransition(lines.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Scroll Bar\n    const contentBBox = this._rowsGroup.node().getBBox() // We determine content size using the rects group because lines are animated\n    const absoluteContentHeight = contentBBox.height\n    this._scrollbarHeight = yHeight * yHeight / absoluteContentHeight || 0\n    this._maxScroll = Math.max(absoluteContentHeight - yHeight, 0)\n\n    this._scrollBarGroup\n      .attr('transform', `translate(${this._width - this._scrollBarWidth}, ${yStart})`)\n      .attr('opacity', this._maxScroll ? 1 : 0)\n\n    this._scrollBarBackground\n      .attr('width', this._scrollBarWidth)\n      .attr('height', this._height)\n      .attr('rx', this._scrollBarWidth / 2)\n      .attr('ry', this._scrollBarWidth / 2)\n\n    this._scrollBarHandle\n      .attr('width', this._scrollBarWidth)\n      .attr('height', this._scrollbarHeight)\n      .attr('rx', this._scrollBarWidth / 2)\n      .attr('ry', this._scrollBarWidth / 2)\n\n    this._updateScrollPosition(0)\n  }\n\n  private _positionLines (\n    selection: Selection<SVGRectElement, Datum, SVGGElement, unknown> | Transition<SVGRectElement, Datum, SVGGElement, unknown>,\n    ordinalScale: ScaleOrdinal<string, number>\n  ): void {\n    const { config, xScale, yScale } = this\n    const yRange = yScale.range()\n    const yStart = Math.min(...yRange)\n\n    selection.each((d, i, elements) => {\n      const x = getNumber(d, config.x, i)\n      const y = ordinalScale(this._getRecordType(d, i)) * config.rowHeight\n      const length = getNumber(d, config.length, i) ?? 0\n\n      // Rect dimensions\n      const height = getNumber(d, config.lineWidth, i)\n      const width = xScale(x + length) - xScale(x)\n\n      if (width < 0) {\n        console.warn('Unovis | Timeline: Line segments should not have negative lengths. Setting to 0.')\n      }\n\n      select(elements[i])\n        .attr('x', xScale(x))\n        .attr('y', yStart + y + (config.rowHeight - height) / 2)\n        .attr('width', config.showEmptySegments\n          ? Math.max(config.lineCap ? height : 1, width)\n          : Math.max(0, width))\n        .attr('height', height)\n        .attr('rx', config.lineCap ? height / 2 : null)\n        .style('opacity', 1)\n    })\n  }\n\n  private _onScrollbarDrag (event: D3DragEvent<any, any, any>): void {\n    const yRange = this.yScale.range()\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n    this._updateScrollPosition(event.dy * this._maxScroll / (yHeight - this._scrollbarHeight))\n  }\n\n  private _onMouseWheel (d: unknown, event: WheelEvent): void {\n    const { config } = this\n\n    this._updateScrollPosition(event?.deltaY)\n    if (this._scrollDistance > 0 && this._scrollDistance < this._maxScroll) event?.preventDefault()\n\n    config.onScroll?.(this._scrollDistance)\n\n    // Programmatically trigger a mousemove event to update Tooltip or Crosshair if they were set up\n    const e = new Event('mousemove')\n    this.element.dispatchEvent(e)\n  }\n\n  private _updateScrollPosition (diff: number): void {\n    const yRange = this.yScale.range()\n    const yHeight = Math.abs(yRange[1] - yRange[0])\n\n    this._scrollDistance += diff\n    this._scrollDistance = Math.max(0, this._scrollDistance)\n    this._scrollDistance = Math.min(this._maxScroll, this._scrollDistance)\n\n    this._linesGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    this._rowsGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    this._labelsGroup.attr('transform', `translate(0,${-this._scrollDistance})`)\n    const scrollBarPosition = (this._scrollDistance / this._maxScroll * (yHeight - this._scrollbarHeight)) || 0\n    this._scrollBarHandle.attr('y', scrollBarPosition)\n  }\n\n  private _getMaxLineWidth (): number {\n    const { config, datamodel: { data } } = this\n    return max(data, (d, i) => getNumber(d, config.lineWidth, i)) ?? 0\n  }\n\n  private _getRecordType (d: Datum, i: number): string {\n    return getString(d, this.config.type) || `__${i}`\n  }\n\n  private _getRecordLabels (data: Datum[]): string[] {\n    return data.map((d, i) => getString(d, this.config.type) || `${i + 1}`)\n  }\n\n  // Override the default XYComponent getXDataExtent method to take into account line lengths\n  getXDataExtent (): number[] {\n    const { config, datamodel } = this\n    const min = getMin(datamodel.data, config.x)\n    const max = getMax(datamodel.data, (d, i) => getNumber(d, config.x, i) + (getNumber(d, config.length, i) ?? 0))\n    return [min, max]\n  }\n}\n"],"names":["s.background","s.rows","s.lines","s.labels","s.scrollbar","s.scrollbarBackground","s.scrollbarHandle","label","s.label","s.row","s.rowOdd","s.line","s"],"mappings":"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"}

package/components/tooltip/config.d.ts

@@ -1,4 +1,3 @@
-import { Config } from "../../core/config";
 import { ComponentCore } from "../../core/component";
 import { Position } from "../../types/position";
 export interface TooltipConfigInterface {
@@ -52,17 +51,4 @@ export interface TooltipConfigInterface {
         [attr: string]: string | number | boolean;
     };
 }
-export declare class TooltipConfig extends Config implements TooltipConfigInterface {
-    components: ComponentCore<unknown>[];
-    container: any;
-    horizontalPlacement: Position;
-    horizontalShift: number;
-    verticalPlacement: Position;
-    verticalShift: number;
-    attributes: {
-        [attr: string]: string | number | boolean;
-    };
-    triggers: {
-        [selector: string]: (data: any, i: number, elements: (HTMLElement | SVGElement)[]) => string | HTMLElement | undefined | null;
-    };
-}
+export declare const TooltipDefaultConfig: TooltipConfigInterface;

package/components/tooltip/config.js

@@ -1,20 +1,16 @@
-import { Config } from '../../core/config/index.js';
 import { Position } from '../../types/position.js';
 
-/* eslint-disable no-irregular-whitespace */
-class TooltipConfig extends Config {
-    constructor() {
-        super(...arguments);
-        this.components = [];
-        this.container = undefined;
-        this.horizontalPlacement = Position.Auto;
-        this.horizontalShift = 0;
-        this.verticalPlacement = Position.Top;
-        this.verticalShift = 0;
-        this.attributes = {};
-        this.triggers = {};
-    }
-}
+// Types
+const TooltipDefaultConfig = {
+    components: [],
+    container: undefined,
+    horizontalPlacement: Position.Auto,
+    horizontalShift: 0,
+    verticalPlacement: Position.Top,
+    verticalShift: 0,
+    attributes: {},
+    triggers: {},
+};
 
-export { TooltipConfig };
+export { TooltipDefaultConfig };
 //# sourceMappingURL=config.js.map

package/components/tooltip/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/tooltip/config.ts"],"sourcesContent":["/* eslint-disable no-irregular-whitespace */\nimport { Config } from 'core/config'\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\nexport interface TooltipConfigInterface {\n  /** An array of visualization components to interact with. Default: `[]` */\n  components?: ComponentCore<unknown>[];\n  /** Container to where the Tooltip component should be inserted. Default: `undefined` */\n  container?: HTMLElement;\n  /** Horizontal placement of the tooltip. Default: `Position.Auto` */\n  horizontalPlacement?: Position | string | undefined;\n  /** Horizontal shift of the tooltip in pixels. Default: `0` */\n  horizontalShift?: number;\n  /** Vertical placement of the tooltip. Default: `Position.Top` */\n  verticalPlacement?: Position | string | undefined;\n  /** Vertical shift of the tooltip in pixels. Default: `0` */\n  verticalShift?: number;\n  /** Defines the content of the tooltip and hovering over which elements should trigger it.\n   * An object containing properties in the following format:\n   *\n   * ```\n   * {\n   *   [selectorString]: (d: unknown) => string | HTMLElement\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   [Area.selectors.area]: (d: AreaDatum[]) => `<div>${d.value.toString()}</div>\n   * }\n   * ```\n   */\n  triggers?: {\n    [selector: string]: (data: any, i: number, elements: (HTMLElement | SVGElement)[]) => string | HTMLElement | undefined | null;\n  };\n  /** Custom DOM attributes for the tooltip. Useful when you need to refer to a specific tooltip instance\n   * by using a CSS selector. Attributes configuration object has the following structure:\n   *\n   * ```\n   * {\n   *   [attributeName]: attribute value\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   'type': 'area-tooltip',\n   *   'value': 42\n   * }\n   * ```\n   */\n  attributes?: { [attr: string]: string | number | boolean };\n}\n\nexport class TooltipConfig extends Config implements TooltipConfigInterface {\n  components: ComponentCore<unknown>[] = []\n  container = undefined\n  horizontalPlacement = Position.Auto\n  horizontalShift = 0\n  verticalPlacement = Position.Top\n  verticalShift = 0\n  attributes: { [attr: string]: string | number | boolean } = {}\n  triggers: {\n    [selector: string]: (data: any, i: number, elements: (HTMLElement | SVGElement)[]) => string | HTMLElement | undefined | null;\n  } = {}\n}\n"],"names":[],"mappings":";;;AAAA;AAyDM,MAAO,aAAc,SAAQ,MAAM,CAAA;AAAzC,IAAA,WAAA,GAAA;;QACE,IAAU,CAAA,UAAA,GAA6B,EAAE,CAAA;QACzC,IAAS,CAAA,SAAA,GAAG,SAAS,CAAA;AACrB,QAAA,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAA;QACnC,IAAe,CAAA,eAAA,GAAG,CAAC,CAAA;AACnB,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAA;QAChC,IAAa,CAAA,aAAA,GAAG,CAAC,CAAA;QACjB,IAAU,CAAA,UAAA,GAAkD,EAAE,CAAA;QAC9D,IAAQ,CAAA,QAAA,GAEJ,EAAE,CAAA;KACP;AAAA;;;;"}
+{"version":3,"file":"config.js","sources":["../../../src/components/tooltip/config.ts"],"sourcesContent":["/* eslint-disable no-irregular-whitespace */\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\nexport interface TooltipConfigInterface {\n  /** An array of visualization components to interact with. Default: `[]` */\n  components?: ComponentCore<unknown>[];\n  /** Container to where the Tooltip component should be inserted. Default: `undefined` */\n  container?: HTMLElement;\n  /** Horizontal placement of the tooltip. Default: `Position.Auto` */\n  horizontalPlacement?: Position | string | undefined;\n  /** Horizontal shift of the tooltip in pixels. Default: `0` */\n  horizontalShift?: number;\n  /** Vertical placement of the tooltip. Default: `Position.Top` */\n  verticalPlacement?: Position | string | undefined;\n  /** Vertical shift of the tooltip in pixels. Default: `0` */\n  verticalShift?: number;\n  /** Defines the content of the tooltip and hovering over which elements should trigger it.\n   * An object containing properties in the following format:\n   *\n   * ```\n   * {\n   *   [selectorString]: (d: unknown) => string | HTMLElement\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   [Area.selectors.area]: (d: AreaDatum[]) => `<div>${d.value.toString()}</div>\n   * }\n   * ```\n   */\n  triggers?: {\n    [selector: string]: (data: any, i: number, elements: (HTMLElement | SVGElement)[]) => string | HTMLElement | undefined | null;\n  };\n  /** Custom DOM attributes for the tooltip. Useful when you need to refer to a specific tooltip instance\n   * by using a CSS selector. Attributes configuration object has the following structure:\n   *\n   * ```\n   * {\n   *   [attributeName]: attribute value\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   'type': 'area-tooltip',\n   *   'value': 42\n   * }\n   * ```\n   */\n  attributes?: { [attr: string]: string | number | boolean };\n}\n\nexport const TooltipDefaultConfig: TooltipConfigInterface = {\n  components: [],\n  container: undefined,\n  horizontalPlacement: Position.Auto,\n  horizontalShift: 0,\n  verticalPlacement: Position.Top,\n  verticalShift: 0,\n  attributes: {},\n  triggers: {},\n}\n\n"],"names":[],"mappings":";;AAGA;AAqDa,MAAA,oBAAoB,GAA2B;AAC1D,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,SAAS,EAAE,SAAS;IACpB,mBAAmB,EAAE,QAAQ,CAAC,IAAI;AAClC,IAAA,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,QAAQ,CAAC,GAAG;AAC/B,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,QAAQ,EAAE,EAAE;;;;;"}

package/components/tooltip/index.d.ts

@@ -1,11 +1,12 @@
 import { Selection } from 'd3-selection';
 import { ComponentCore } from "../../core/component";
-import { TooltipConfig, TooltipConfigInterface } from './config';
+import { TooltipConfigInterface } from './config';
 export declare class Tooltip {
     element: HTMLElement;
     div: Selection<HTMLElement, unknown, null, undefined>;
-    config: TooltipConfig;
-    prevConfig: TooltipConfig;
+    protected _defaultConfig: TooltipConfigInterface;
+    config: TooltipConfigInterface;
+    prevConfig: TooltipConfigInterface;
     components: ComponentCore<unknown>[];
     static selectors: any;
     private _setUpEventsThrottled;

package/components/tooltip/index.js

@@ -1,12 +1,14 @@
 import { select, pointer } from 'd3-selection';
 import { Position } from '../../types/position.js';
-import { throttle } from '../../utils/data.js';
-import { TooltipConfig } from './config.js';
+import { throttle, merge } from '../../utils/data.js';
+import { TooltipDefaultConfig } from './config.js';
 import * as style from './style.js';
 import { tooltip, show, positionFixed } from './style.js';
 
 class Tooltip {
     constructor(config = {}) {
+        this._defaultConfig = TooltipDefaultConfig;
+        this.config = this._defaultConfig;
         this._setUpEventsThrottled = throttle(this._setUpEvents, 500);
         this._setContainerPositionThrottled = throttle(this._setContainerPosition, 500);
         this._isShown = false;
@@ -19,7 +21,7 @@ class Tooltip {
     setConfig(config) {
         var _a;
         this.prevConfig = this.config;
-        this.config = new TooltipConfig().init(config);
+        this.config = merge(this._defaultConfig, config);
         if (this.config.container && (this.config.container !== ((_a = this.prevConfig) === null || _a === void 0 ? void 0 : _a.container))) {
             this.setContainer(this.config.container);
         }

package/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import { select, Selection, pointer } from 'd3-selection'\n\n// Core\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\n// Utils\nimport { throttle } from 'utils/data'\n\n// Config\nimport { TooltipConfig, TooltipConfigInterface } from './config'\n\n// Style\nimport * as s from './style'\n\nexport class Tooltip {\n  element: HTMLElement\n  div: Selection<HTMLElement, unknown, null, undefined>\n  config: TooltipConfig\n  prevConfig: TooltipConfig\n  components: ComponentCore<unknown>[]\n  static selectors = s\n  private _setUpEventsThrottled = throttle(this._setUpEvents, 500)\n  private _setContainerPositionThrottled = throttle(this._setContainerPosition, 500)\n  private _isShown = false\n  private _container: HTMLElement\n\n  constructor (config: TooltipConfigInterface = {}) {\n    this.element = document.createElement('div')\n    this.div = select(this.element)\n      .attr('class', s.tooltip)\n\n    this.setConfig(config)\n    this.components = this.config.components\n  }\n\n  public setConfig (config: TooltipConfigInterface): void {\n    this.prevConfig = this.config\n    this.config = new TooltipConfig().init(config)\n\n    if (this.config.container && (this.config.container !== this.prevConfig?.container)) {\n      this.setContainer(this.config.container)\n    }\n\n    this._setUpAttributes()\n  }\n\n  public setContainer (container: HTMLElement): void {\n    this.element.parentNode?.removeChild(this.element)\n\n    this._container = container\n    this._container.appendChild(this.element)\n\n    this._setContainerPositionThrottled()\n  }\n\n  public getContainer (): HTMLElement {\n    return this._container\n  }\n\n  public hasContainer (): boolean {\n    return !!this._container && this._container.isConnected\n  }\n\n  public setComponents (components: ComponentCore<unknown>[]): void {\n    this.components = components\n  }\n\n  public update (): void {\n    if (!this._container) return\n\n    this._setUpEventsThrottled()\n  }\n\n  public show (html: string | HTMLElement, pos: { x: number; y: number }): void {\n    if (html instanceof HTMLElement) {\n      const node = this.div.select(':first-child').node()\n      if (node !== html) this.div.html('').append(() => html)\n    } else {\n      this.div.html(html)\n    }\n\n    this.div.classed(s.show, true)\n    this._isShown = true\n    this.place(pos)\n  }\n\n  public hide (): void {\n    this.div.classed(s.show, false)\n    this._isShown = false\n  }\n\n  public place (pos: { x: number; y: number }): void {\n    if (!this.hasContainer()) {\n      console.warn('Unovis | Tooltip: Container was not set or is not initialized yet')\n      return\n    }\n    const { config } = this\n    const isContainerBody = this.isContainerBody()\n    const width = this.element.offsetWidth\n    const height = this.element.offsetHeight\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n\n    const horizontalPlacement = config.horizontalPlacement === Position.Auto\n      ? (pos.x > containerWidth / 2 ? Position.Left : Position.Right)\n      : config.horizontalPlacement\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? (pos.y > containerHeight / 2 ? Position.Top : Position.Bottom)\n      : config.verticalPlacement\n\n    // dx and dy variables shift the tooltip from the default position (above the cursor, centred horizontally)\n    const margin = 5\n    const dx = horizontalPlacement === Position.Left ? -width - margin - config.horizontalShift\n      : horizontalPlacement === Position.Center ? -width / 2\n        : margin + config.horizontalShift\n    const dy = verticalPlacement === Position.Bottom ? height + margin + config.verticalShift\n      : verticalPlacement === Position.Center ? height / 2\n        : -margin - config.verticalShift\n\n    // Constraint to container\n    const paddingX = 10\n    const hitRight = pos.x > (containerWidth - width - dx - paddingX)\n    const hitLeft = pos.x < -dx + paddingX\n    const constraintX = hitRight ? (containerWidth - width - dx) - pos.x - paddingX\n      : hitLeft ? -dx - pos.x + paddingX : 0\n\n    const paddingY = 10\n    const hitBottom = pos.y > (containerHeight - dy - paddingY)\n    const hitTop = pos.y < (height - dy + paddingY)\n    const constraintY = hitBottom ? containerHeight - dy - pos.y - paddingY\n      : hitTop ? height - dy - pos.y + paddingY : 0\n\n    // Placing\n    // If the container size is smaller than the the tooltip size we just stick the tooltip to the top / left\n    const x = containerWidth < width ? 0 : pos.x + constraintX + dx\n    const y = containerHeight < height ? height : pos.y + constraintY + dy\n\n    this.div\n      .classed(s.positionFixed, isContainerBody)\n      .style('top', isContainerBody ? `${y - height}px` : 'unset')\n      .style('bottom', !isContainerBody ? `${containerHeight - y}px` : 'unset')\n      .style('left', `${x}px`)\n  }\n\n  public isContainerBody (): boolean {\n    return this._container === document.body\n  }\n\n  private _setContainerPosition (): void {\n    // Tooltip position calculation relies on the parent position\n    // If it's not set (static), we set it to `relative` (not a good practice)\n    if (getComputedStyle(this._container)?.position === 'static') {\n      this._container.style.position = 'relative'\n    }\n  }\n\n  private _setUpEvents (): void {\n    const { config: { triggers } } = this\n    const isContainerBody = this.isContainerBody()\n\n    // We use the Event Delegation pattern to set up Tooltip events\n    // Every component will have single `mousemove` and `mouseleave` event listener functions, where we'll check\n    // the `path` of the event and trigger corresponding callbacks\n    this.components.forEach(component => {\n      const selection = select(component.element)\n      selection\n        .on('mousemove.tooltip', (e: MouseEvent) => {\n          const [x, y] = isContainerBody ? [e.clientX, e.clientY] : pointer(e, this._container)\n          const path: (HTMLElement | SVGGElement)[] = (e.composedPath && e.composedPath()) || (e as any).path || [e.target]\n\n          // Go through all of the configured triggers\n          for (const className of Object.keys(triggers)) {\n            const template = triggers[className]\n            const els = selection.selectAll<HTMLElement | SVGGElement, unknown>(`.${className}`).nodes()\n\n            // Go through all of the elements in the event path (from the deepest element upwards)\n            for (const el of path) {\n              if (el === selection.node()) break // Break on the component's level (usually the `<g>` element)\n              if (el.classList.contains(className)) { // If there's a match, show the tooltip\n                const i = els.indexOf(el)\n                const d = select(el).datum()\n                const content = template(d, i, els)\n                if (content) this.show(content, { x, y })\n                else this.hide()\n\n                e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n                return // Stop looking for other matches\n              }\n            }\n          }\n\n          // Hide the tooltip if the event didn't pass through any of the configured triggers.\n          // We use the `this._isShown` condition as a little performance optimization tweak\n          // (we don't want the tooltip to update its class on every mouse movement, see `this.hide()`).\n          if (this._isShown) this.hide()\n        })\n        .on('mouseleave.tooltip', (e: MouseEvent) => {\n          e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n          this.hide()\n        })\n    })\n  }\n\n  private _setUpAttributes (): void {\n    const attributesMap = this.config.attributes\n    if (!attributesMap) return\n\n    Object.keys(attributesMap).forEach(attr => {\n      this.div.attr(attr, attributesMap[attr])\n    })\n  }\n\n  public destroy (): void {\n    this.div?.remove()\n  }\n}\n"],"names":["s.tooltip","s.show","s.positionFixed","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import { select, Selection, pointer } from 'd3-selection'\n\n// Core\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\n// Utils\nimport { merge, throttle } from 'utils/data'\n\n// Config\nimport { TooltipDefaultConfig, TooltipConfigInterface } from './config'\n\n// Style\nimport * as s from './style'\n\nexport class Tooltip {\n  element: HTMLElement\n  div: Selection<HTMLElement, unknown, null, undefined>\n  protected _defaultConfig = TooltipDefaultConfig as TooltipConfigInterface\n  public config: TooltipConfigInterface = this._defaultConfig\n  prevConfig: TooltipConfigInterface\n  components: ComponentCore<unknown>[]\n  static selectors = s\n  private _setUpEventsThrottled = throttle(this._setUpEvents, 500)\n  private _setContainerPositionThrottled = throttle(this._setContainerPosition, 500)\n  private _isShown = false\n  private _container: HTMLElement\n\n  constructor (config: TooltipConfigInterface = {}) {\n    this.element = document.createElement('div')\n    this.div = select(this.element)\n      .attr('class', s.tooltip)\n\n    this.setConfig(config)\n    this.components = this.config.components\n  }\n\n  public setConfig (config: TooltipConfigInterface): void {\n    this.prevConfig = this.config\n    this.config = merge(this._defaultConfig, config)\n\n    if (this.config.container && (this.config.container !== this.prevConfig?.container)) {\n      this.setContainer(this.config.container)\n    }\n\n    this._setUpAttributes()\n  }\n\n  public setContainer (container: HTMLElement): void {\n    this.element.parentNode?.removeChild(this.element)\n\n    this._container = container\n    this._container.appendChild(this.element)\n\n    this._setContainerPositionThrottled()\n  }\n\n  public getContainer (): HTMLElement {\n    return this._container\n  }\n\n  public hasContainer (): boolean {\n    return !!this._container && this._container.isConnected\n  }\n\n  public setComponents (components: ComponentCore<unknown>[]): void {\n    this.components = components\n  }\n\n  public update (): void {\n    if (!this._container) return\n\n    this._setUpEventsThrottled()\n  }\n\n  public show (html: string | HTMLElement, pos: { x: number; y: number }): void {\n    if (html instanceof HTMLElement) {\n      const node = this.div.select(':first-child').node()\n      if (node !== html) this.div.html('').append(() => html)\n    } else {\n      this.div.html(html)\n    }\n\n    this.div.classed(s.show, true)\n    this._isShown = true\n    this.place(pos)\n  }\n\n  public hide (): void {\n    this.div.classed(s.show, false)\n    this._isShown = false\n  }\n\n  public place (pos: { x: number; y: number }): void {\n    if (!this.hasContainer()) {\n      console.warn('Unovis | Tooltip: Container was not set or is not initialized yet')\n      return\n    }\n    const { config } = this\n    const isContainerBody = this.isContainerBody()\n    const width = this.element.offsetWidth\n    const height = this.element.offsetHeight\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n\n    const horizontalPlacement = config.horizontalPlacement === Position.Auto\n      ? (pos.x > containerWidth / 2 ? Position.Left : Position.Right)\n      : config.horizontalPlacement\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? (pos.y > containerHeight / 2 ? Position.Top : Position.Bottom)\n      : config.verticalPlacement\n\n    // dx and dy variables shift the tooltip from the default position (above the cursor, centred horizontally)\n    const margin = 5\n    const dx = horizontalPlacement === Position.Left ? -width - margin - config.horizontalShift\n      : horizontalPlacement === Position.Center ? -width / 2\n        : margin + config.horizontalShift\n    const dy = verticalPlacement === Position.Bottom ? height + margin + config.verticalShift\n      : verticalPlacement === Position.Center ? height / 2\n        : -margin - config.verticalShift\n\n    // Constraint to container\n    const paddingX = 10\n    const hitRight = pos.x > (containerWidth - width - dx - paddingX)\n    const hitLeft = pos.x < -dx + paddingX\n    const constraintX = hitRight ? (containerWidth - width - dx) - pos.x - paddingX\n      : hitLeft ? -dx - pos.x + paddingX : 0\n\n    const paddingY = 10\n    const hitBottom = pos.y > (containerHeight - dy - paddingY)\n    const hitTop = pos.y < (height - dy + paddingY)\n    const constraintY = hitBottom ? containerHeight - dy - pos.y - paddingY\n      : hitTop ? height - dy - pos.y + paddingY : 0\n\n    // Placing\n    // If the container size is smaller than the the tooltip size we just stick the tooltip to the top / left\n    const x = containerWidth < width ? 0 : pos.x + constraintX + dx\n    const y = containerHeight < height ? height : pos.y + constraintY + dy\n\n    this.div\n      .classed(s.positionFixed, isContainerBody)\n      .style('top', isContainerBody ? `${y - height}px` : 'unset')\n      .style('bottom', !isContainerBody ? `${containerHeight - y}px` : 'unset')\n      .style('left', `${x}px`)\n  }\n\n  public isContainerBody (): boolean {\n    return this._container === document.body\n  }\n\n  private _setContainerPosition (): void {\n    // Tooltip position calculation relies on the parent position\n    // If it's not set (static), we set it to `relative` (not a good practice)\n    if (getComputedStyle(this._container)?.position === 'static') {\n      this._container.style.position = 'relative'\n    }\n  }\n\n  private _setUpEvents (): void {\n    const { config: { triggers } } = this\n    const isContainerBody = this.isContainerBody()\n\n    // We use the Event Delegation pattern to set up Tooltip events\n    // Every component will have single `mousemove` and `mouseleave` event listener functions, where we'll check\n    // the `path` of the event and trigger corresponding callbacks\n    this.components.forEach(component => {\n      const selection = select(component.element)\n      selection\n        .on('mousemove.tooltip', (e: MouseEvent) => {\n          const [x, y] = isContainerBody ? [e.clientX, e.clientY] : pointer(e, this._container)\n          const path: (HTMLElement | SVGGElement)[] = (e.composedPath && e.composedPath()) || (e as any).path || [e.target]\n\n          // Go through all of the configured triggers\n          for (const className of Object.keys(triggers)) {\n            const template = triggers[className]\n            const els = selection.selectAll<HTMLElement | SVGGElement, unknown>(`.${className}`).nodes()\n\n            // Go through all of the elements in the event path (from the deepest element upwards)\n            for (const el of path) {\n              if (el === selection.node()) break // Break on the component's level (usually the `<g>` element)\n              if (el.classList.contains(className)) { // If there's a match, show the tooltip\n                const i = els.indexOf(el)\n                const d = select(el).datum()\n                const content = template(d, i, els)\n                if (content) this.show(content, { x, y })\n                else this.hide()\n\n                e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n                return // Stop looking for other matches\n              }\n            }\n          }\n\n          // Hide the tooltip if the event didn't pass through any of the configured triggers.\n          // We use the `this._isShown` condition as a little performance optimization tweak\n          // (we don't want the tooltip to update its class on every mouse movement, see `this.hide()`).\n          if (this._isShown) this.hide()\n        })\n        .on('mouseleave.tooltip', (e: MouseEvent) => {\n          e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n          this.hide()\n        })\n    })\n  }\n\n  private _setUpAttributes (): void {\n    const attributesMap = this.config.attributes\n    if (!attributesMap) return\n\n    Object.keys(attributesMap).forEach(attr => {\n      this.div.attr(attr, attributesMap[attr])\n    })\n  }\n\n  public destroy (): void {\n    this.div?.remove()\n  }\n}\n"],"names":["s.tooltip","s.show","s.positionFixed","s"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { GeoProjection } from 'd3-geo';
-import { ComponentConfigInterface, ComponentConfig } from "../../core/component/config";
+import { ComponentConfigInterface } from "../../core/component/config";
 import { ColorAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
 import { MapPointLabelPosition } from './types';
 export interface TopoJSONMapConfigInterface<AreaDatum, PointDatum = unknown, LinkDatum = unknown> extends ComponentConfigInterface {
@@ -24,7 +24,7 @@ export interface TopoJSONMapConfigInterface<AreaDatum, PointDatum = unknown, Lin
     /** Link color value or accessor function. Default: `d => d.color ?? null` */
     linkColor?: ColorAccessor<LinkDatum>;
     /** Link cursor value or accessor function. Default: `null` */
-    linkCursor?: StringAccessor<AreaDatum>;
+    linkCursor?: StringAccessor<LinkDatum>;
     /** Link id accessor function. Default: `d => d.id` */
     linkId?: StringAccessor<LinkDatum>;
     /** Link source accessor function. Default: `d => d.source` */
@@ -44,7 +44,7 @@ export interface TopoJSONMapConfigInterface<AreaDatum, PointDatum = unknown, Lin
     /** Point stroke width accessor. Default: `d => d.strokeWidth ?? null` */
     pointStrokeWidth?: NumericAccessor<PointDatum>;
     /** Point cursor constant value or accessor function. Default: `null` */
-    pointCursor?: StringAccessor<AreaDatum>;
+    pointCursor?: StringAccessor<PointDatum>;
     /** Point longitude accessor function. Default: `d => d.longitude ?? null` */
     longitude?: NumericAccessor<PointDatum>;
     /** Point latitude accessor function. Default: `d => d.latitude ?? null` */
@@ -64,36 +64,4 @@ export interface TopoJSONMapConfigInterface<AreaDatum, PointDatum = unknown, Lin
     /** Zoom level at which the heatmap mode will be disabled. Default: `2.5` */
     heatmapModeZoomLevelThreshold?: number;
 }
-export declare class TopoJSONMapConfig<AreaDatum, PointDatum = unknown, LinkDatum = unknown> extends ComponentConfig implements TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> {
-    projection: GeoProjection;
-    duration: number;
-    topojson: any;
-    mapFeatureName: string;
-    mapFitToPoints: boolean;
-    zoomExtent: number[];
-    zoomDuration: number;
-    disableZoom: boolean;
-    zoomFactor: any;
-    linkWidth: (d: LinkDatum) => number;
-    linkColor: (d: LinkDatum) => string;
-    linkCursor: any;
-    linkId: (d: LinkDatum, i: number | undefined) => string;
-    linkSource: (d: LinkDatum) => (number | string | PointDatum);
-    linkTarget: (d: LinkDatum) => (number | string | PointDatum);
-    areaId: (d: AreaDatum) => string;
-    areaColor: (d: AreaDatum) => string;
-    areaCursor: any;
-    longitude: (d: PointDatum) => number;
-    latitude: (d: PointDatum) => number;
-    pointColor: (d: PointDatum) => string;
-    pointRadius: (d: PointDatum) => number;
-    pointStrokeWidth: (d: PointDatum) => number;
-    pointCursor: any;
-    pointLabel: any;
-    pointLabelPosition: MapPointLabelPosition;
-    pointLabelTextBrightnessRatio: number;
-    pointId: (d: PointDatum) => string;
-    heatmapMode: boolean;
-    heatmapModeBlurStdDeviation: number;
-    heatmapModeZoomLevelThreshold: number;
-}
+export declare const TopoJSONMapDefaultConfig: TopoJSONMapConfigInterface<unknown, unknown, unknown>;

package/components/topojson-map/config.js

@@ -1,42 +1,7 @@
-import { ComponentConfig } from '../../core/component/config.js';
+import { ComponentDefaultConfig } from '../../core/component/config.js';
 import { MapProjection, MapPointLabelPosition } from './types.js';
 
-class TopoJSONMapConfig extends ComponentConfig {
-    constructor() {
-        super(...arguments);
-        this.projection = MapProjection.Kavrayskiy7();
-        this.duration = 1500;
-        this.topojson = undefined;
-        this.mapFeatureName = 'countries';
-        this.mapFitToPoints = false;
-        this.zoomExtent = [0.5, 6];
-        this.zoomDuration = 400;
-        this.disableZoom = false;
-        this.zoomFactor = undefined;
-        this.linkWidth = (d) => { var _a; return (_a = d['width']) !== null && _a !== void 0 ? _a : 1; };
-        this.linkColor = (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; };
-        this.linkCursor = null;
-        this.linkId = (d, i) => { var _a; return `${(_a = d['id']) !== null && _a !== void 0 ? _a : i}`; };
-        this.linkSource = (d) => d['source'];
-        this.linkTarget = (d) => d['target'];
-        this.areaId = (d) => { var _a; return (_a = d['id']) !== null && _a !== void 0 ? _a : ''; };
-        this.areaColor = (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; };
-        this.areaCursor = null;
-        this.longitude = (d) => d['longitude'];
-        this.latitude = (d) => d['latitude'];
-        this.pointColor = (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; };
-        this.pointRadius = (d) => { var _a; return (_a = d['radius']) !== null && _a !== void 0 ? _a : 8; };
-        this.pointStrokeWidth = (d) => { var _a; return (_a = d['strokeWidth']) !== null && _a !== void 0 ? _a : 0; };
-        this.pointCursor = null;
-        this.pointLabel = undefined;
-        this.pointLabelPosition = MapPointLabelPosition.Bottom;
-        this.pointLabelTextBrightnessRatio = 0.65;
-        this.pointId = (d) => d['id'];
-        this.heatmapMode = false;
-        this.heatmapModeBlurStdDeviation = 8;
-        this.heatmapModeZoomLevelThreshold = 2.5;
-    }
-}
+const TopoJSONMapDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { projection: MapProjection.Kavrayskiy7(), duration: 1500, topojson: undefined, mapFeatureName: 'countries', mapFitToPoints: false, zoomExtent: [0.5, 6], zoomDuration: 400, disableZoom: false, zoomFactor: undefined, linkWidth: (d) => { var _a; return (_a = d['width']) !== null && _a !== void 0 ? _a : 1; }, linkColor: (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; }, linkCursor: null, linkId: (d, i) => { var _a; return `${(_a = d['id']) !== null && _a !== void 0 ? _a : i}`; }, linkSource: (d) => d['source'], linkTarget: (d) => d['target'], areaId: (d) => { var _a; return (_a = d['id']) !== null && _a !== void 0 ? _a : ''; }, areaColor: (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; }, areaCursor: null, longitude: (d) => d['longitude'], latitude: (d) => d['latitude'], pointColor: (d) => { var _a; return (_a = d['color']) !== null && _a !== void 0 ? _a : null; }, pointRadius: (d) => { var _a; return (_a = d['radius']) !== null && _a !== void 0 ? _a : 8; }, pointStrokeWidth: (d) => { var _a; return (_a = d['strokeWidth']) !== null && _a !== void 0 ? _a : 0; }, pointCursor: null, pointLabel: undefined, pointLabelPosition: MapPointLabelPosition.Bottom, pointLabelTextBrightnessRatio: 0.65, pointId: (d) => d['id'], heatmapMode: false, heatmapModeBlurStdDeviation: 8, heatmapModeZoomLevelThreshold: 2.5 });
 
-export { TopoJSONMapConfig };
+export { TopoJSONMapDefaultConfig };
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/topojson-map/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\nimport { GeoProjection } from 'd3-geo'\nimport { ComponentConfigInterface, ComponentConfig } from 'core/component/config'\n\n// Types\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\n\n// Local Types\nimport { MapProjection, MapPointLabelPosition } from './types'\n\nexport interface TopoJSONMapConfigInterface<\n  AreaDatum,\n  PointDatum = unknown,\n  LinkDatum = unknown,\n> extends ComponentConfigInterface {\n  // General\n  /** MapProjection (aka D3's GeoProjection) instance. Default: `MapProjection.Kavrayskiy7()` */\n  projection?: GeoProjection;\n  /** Map data in the TopoJSON topology format. Default: `undefined` */\n  topojson?: TopoJSON.Topology;\n  /** Name of the map features to be displayed, e.g. 'countries' or 'counties'. Default: `countries` */\n  mapFeatureName?: string;\n  /** Set initial map fit to points instead of topojson features. Default: `false` */\n  mapFitToPoints?: boolean;\n  /** Initial zoom level. Default: `undefined` */\n  zoomFactor?: number;\n  /** Disable pan / zoom interactions. Default: `false` */\n  disableZoom?: boolean;\n  /** Zoom extent. Default: `[0.5, 6]` */\n  zoomExtent?: number[];\n  /** Zoom animation duration. Default: `400` */\n  zoomDuration?: number;\n\n  /** Link width value or accessor function. Default: `d => d.width ?? 1` */\n  linkWidth?: NumericAccessor<LinkDatum>;\n  /** Link color value or accessor function. Default: `d => d.color ?? null` */\n  linkColor?: ColorAccessor<LinkDatum>;\n  /** Link cursor value or accessor function. Default: `null` */\n  linkCursor?: StringAccessor<AreaDatum>;\n  /** Link id accessor function. Default: `d => d.id` */\n  linkId?: StringAccessor<LinkDatum>;\n  /** Link source accessor function. Default: `d => d.source` */\n  linkSource?: ((l: LinkDatum) => number | string | PointDatum);\n  /** Link target accessor function. Default: `d => d.target` */\n  linkTarget?: ((l: LinkDatum) => number | string | PointDatum);\n\n  /** Area id accessor function corresponding to the feature id from TopoJSON. Default: `d => d.id ?? ''` */\n  areaId?: StringAccessor<AreaDatum>;\n  /** Area color value or accessor function. Default: `d => d.color ?? null` */\n  areaColor?: ColorAccessor<AreaDatum>;\n  /** Area cursor value or accessor function. Default: `null` */\n  areaCursor?: StringAccessor<AreaDatum>;\n\n  /** Point color accessor. Default: `d => d.color ?? null` */\n  pointColor?: ColorAccessor<PointDatum>;\n  /** Point radius accessor. Default: `d => d.radius ?? 8` */\n  pointRadius?: NumericAccessor<PointDatum>;\n  /** Point stroke width accessor. Default: `d => d.strokeWidth ?? null` */\n  pointStrokeWidth?: NumericAccessor<PointDatum>;\n  /** Point cursor constant value or accessor function. Default: `null` */\n  pointCursor?: StringAccessor<AreaDatum>;\n  /** Point longitude accessor function. Default: `d => d.longitude ?? null` */\n  longitude?: NumericAccessor<PointDatum>;\n  /** Point latitude accessor function. Default: `d => d.latitude ?? null` */\n  latitude?: NumericAccessor<PointDatum>;\n  /** Point label accessor function. Default: `undefined` */\n  pointLabel?: StringAccessor<PointDatum>;\n  /** Point label position. Default: `Position.Bottom` */\n  pointLabelPosition?: MapPointLabelPosition;\n  /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */\n  pointLabelTextBrightnessRatio?: number;\n  /** Point id accessor function. Default: `d => d.id` */\n  pointId?: ((d: PointDatum, i: number) => string);\n\n  /** Enables blur and blending between neighbouring points. Default: `false` */\n  heatmapMode?: boolean;\n  /** Heatmap blur filter stdDeviation value. Default: `10` */\n  heatmapModeBlurStdDeviation?: number;\n  /** Zoom level at which the heatmap mode will be disabled. Default: `2.5` */\n  heatmapModeZoomLevelThreshold?: number;\n}\n\nexport class TopoJSONMapConfig<\n  AreaDatum,\n  PointDatum = unknown,\n  LinkDatum = unknown,\n> extends ComponentConfig implements TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> {\n  projection = MapProjection.Kavrayskiy7()\n  duration = 1500\n  topojson = undefined\n  mapFeatureName = 'countries'\n  mapFitToPoints = false\n\n  zoomExtent = [0.5, 6]\n  zoomDuration = 400\n  disableZoom = false\n  zoomFactor = undefined\n\n  linkWidth = (d: LinkDatum): number => d['width'] ?? 1\n  linkColor = (d: LinkDatum): string => d['color'] ?? null\n  linkCursor = null\n  linkId = (d: LinkDatum, i: number | undefined): string => `${d['id'] ?? i}`\n  linkSource = (d: LinkDatum): (number | string | PointDatum) => d['source']\n  linkTarget = (d: LinkDatum): (number | string | PointDatum) => d['target']\n\n  areaId = (d: AreaDatum): string => d['id'] ?? ''\n  areaColor = (d: AreaDatum): string => d['color'] ?? null\n  areaCursor = null\n\n  longitude = (d: PointDatum): number => d['longitude']\n  latitude = (d: PointDatum): number => d['latitude']\n  pointColor = (d: PointDatum): string => d['color'] ?? null\n  pointRadius = (d: PointDatum): number => d['radius'] ?? 8\n  pointStrokeWidth = (d: PointDatum): number => d['strokeWidth'] ?? 0\n  pointCursor = null\n  pointLabel = undefined\n  pointLabelPosition = MapPointLabelPosition.Bottom\n  pointLabelTextBrightnessRatio = 0.65\n  pointId = (d: PointDatum): string => d['id']\n\n  heatmapMode = false\n  heatmapModeBlurStdDeviation = 8\n  heatmapModeZoomLevelThreshold = 2.5\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.js","sources":["../../../src/components/topojson-map/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\nimport { GeoProjection } from 'd3-geo'\nimport { ComponentConfigInterface, ComponentDefaultConfig } from 'core/component/config'\n\n// Types\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\n\n// Local Types\nimport { MapProjection, MapPointLabelPosition } from './types'\n\nexport interface TopoJSONMapConfigInterface<\n  AreaDatum,\n  PointDatum = unknown,\n  LinkDatum = unknown,\n> extends ComponentConfigInterface {\n  // General\n  /** MapProjection (aka D3's GeoProjection) instance. Default: `MapProjection.Kavrayskiy7()` */\n  projection?: GeoProjection;\n  /** Map data in the TopoJSON topology format. Default: `undefined` */\n  topojson?: TopoJSON.Topology;\n  /** Name of the map features to be displayed, e.g. 'countries' or 'counties'. Default: `countries` */\n  mapFeatureName?: string;\n  /** Set initial map fit to points instead of topojson features. Default: `false` */\n  mapFitToPoints?: boolean;\n  /** Initial zoom level. Default: `undefined` */\n  zoomFactor?: number;\n  /** Disable pan / zoom interactions. Default: `false` */\n  disableZoom?: boolean;\n  /** Zoom extent. Default: `[0.5, 6]` */\n  zoomExtent?: number[];\n  /** Zoom animation duration. Default: `400` */\n  zoomDuration?: number;\n\n  /** Link width value or accessor function. Default: `d => d.width ?? 1` */\n  linkWidth?: NumericAccessor<LinkDatum>;\n  /** Link color value or accessor function. Default: `d => d.color ?? null` */\n  linkColor?: ColorAccessor<LinkDatum>;\n  /** Link cursor value or accessor function. Default: `null` */\n  linkCursor?: StringAccessor<LinkDatum>;\n  /** Link id accessor function. Default: `d => d.id` */\n  linkId?: StringAccessor<LinkDatum>;\n  /** Link source accessor function. Default: `d => d.source` */\n  linkSource?: ((l: LinkDatum) => number | string | PointDatum);\n  /** Link target accessor function. Default: `d => d.target` */\n  linkTarget?: ((l: LinkDatum) => number | string | PointDatum);\n\n  /** Area id accessor function corresponding to the feature id from TopoJSON. Default: `d => d.id ?? ''` */\n  areaId?: StringAccessor<AreaDatum>;\n  /** Area color value or accessor function. Default: `d => d.color ?? null` */\n  areaColor?: ColorAccessor<AreaDatum>;\n  /** Area cursor value or accessor function. Default: `null` */\n  areaCursor?: StringAccessor<AreaDatum>;\n\n  /** Point color accessor. Default: `d => d.color ?? null` */\n  pointColor?: ColorAccessor<PointDatum>;\n  /** Point radius accessor. Default: `d => d.radius ?? 8` */\n  pointRadius?: NumericAccessor<PointDatum>;\n  /** Point stroke width accessor. Default: `d => d.strokeWidth ?? null` */\n  pointStrokeWidth?: NumericAccessor<PointDatum>;\n  /** Point cursor constant value or accessor function. Default: `null` */\n  pointCursor?: StringAccessor<PointDatum>;\n  /** Point longitude accessor function. Default: `d => d.longitude ?? null` */\n  longitude?: NumericAccessor<PointDatum>;\n  /** Point latitude accessor function. Default: `d => d.latitude ?? null` */\n  latitude?: NumericAccessor<PointDatum>;\n  /** Point label accessor function. Default: `undefined` */\n  pointLabel?: StringAccessor<PointDatum>;\n  /** Point label position. Default: `Position.Bottom` */\n  pointLabelPosition?: MapPointLabelPosition;\n  /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */\n  pointLabelTextBrightnessRatio?: number;\n  /** Point id accessor function. Default: `d => d.id` */\n  pointId?: ((d: PointDatum, i: number) => string);\n\n  /** Enables blur and blending between neighbouring points. Default: `false` */\n  heatmapMode?: boolean;\n  /** Heatmap blur filter stdDeviation value. Default: `10` */\n  heatmapModeBlurStdDeviation?: number;\n  /** Zoom level at which the heatmap mode will be disabled. Default: `2.5` */\n  heatmapModeZoomLevelThreshold?: number;\n}\n\nexport const TopoJSONMapDefaultConfig: TopoJSONMapConfigInterface<unknown, unknown, unknown> = {\n  ...ComponentDefaultConfig,\n  projection: MapProjection.Kavrayskiy7(),\n  duration: 1500,\n  topojson: undefined,\n  mapFeatureName: 'countries',\n  mapFitToPoints: false,\n\n  zoomExtent: [0.5, 6],\n  zoomDuration: 400,\n  disableZoom: false,\n  zoomFactor: undefined,\n\n  linkWidth: <LinkDatum>(d: LinkDatum): number => d['width'] ?? 1,\n  linkColor: <LinkDatum>(d: LinkDatum): string => d['color'] ?? null,\n  linkCursor: null,\n  linkId: <LinkDatum>(d: LinkDatum, i: number | undefined): string => `${d['id'] ?? i}`,\n  linkSource: <LinkDatum>(d: LinkDatum): (number | string | unknown) => d['source'],\n  linkTarget: <LinkDatum>(d: LinkDatum): (number | string | unknown) => d['target'],\n\n  areaId: <AreaDatum>(d: AreaDatum): string => d['id'] ?? '',\n  areaColor: <AreaDatum>(d: AreaDatum): string => d['color'] ?? null,\n  areaCursor: null,\n\n  longitude: <PointDatum>(d: PointDatum): number => d['longitude'],\n  latitude: <PointDatum>(d: PointDatum): number => d['latitude'],\n  pointColor: <PointDatum>(d: PointDatum): string => d['color'] ?? null,\n  pointRadius: <PointDatum>(d: PointDatum): number => d['radius'] ?? 8,\n  pointStrokeWidth: <PointDatum>(d: PointDatum): number => d['strokeWidth'] ?? 0,\n  pointCursor: null,\n  pointLabel: undefined,\n  pointLabelPosition: MapPointLabelPosition.Bottom,\n  pointLabelTextBrightnessRatio: 0.65,\n  pointId: <PointDatum>(d: PointDatum): string => d['id'],\n\n  heatmapMode: false,\n  heatmapModeBlurStdDeviation: 8,\n  heatmapModeZoomLevelThreshold: 2.5,\n}\n\n"],"names":[],"mappings":"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"}

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

@@ -3,11 +3,12 @@ import { D3ZoomEvent, ZoomTransform } from 'd3-zoom';
 import { ComponentCore } from "../../core/component";
 import { MapGraphDataModel } from "../../data-models/map-graph";
 import { MapData } from './types';
-import { TopoJSONMapConfig, TopoJSONMapConfigInterface } from './config';
+import { TopoJSONMapConfigInterface } from './config';
 import * as s from './style';
-export declare class TopoJSONMap<AreaDatum, PointDatum = unknown, LinkDatum = unknown> extends ComponentCore<MapData<AreaDatum, PointDatum, LinkDatum>, TopoJSONMapConfig<AreaDatum, PointDatum, LinkDatum>, TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>> {
+export declare class TopoJSONMap<AreaDatum, PointDatum = unknown, LinkDatum = unknown> extends ComponentCore<MapData<AreaDatum, PointDatum, LinkDatum>, TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>> {
     static selectors: typeof s;
-    config: TopoJSONMapConfig<AreaDatum, PointDatum, LinkDatum>;
+    protected _defaultConfig: TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>;
+    config: TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>;
     datamodel: MapGraphDataModel<AreaDatum, PointDatum, LinkDatum>;
     g: Selection<SVGGElement, unknown, null, undefined>;
     private _firstRender;

package/components/topojson-map/index.js

@@ -10,7 +10,7 @@ import { smartTransition } from '../../utils/d3.js';
 import { getColor, hexToBrightness } from '../../utils/color.js';
 import { isStringCSSVariable, getCSSVariableValue } from '../../utils/misc.js';
 import { MapPointLabelPosition } from './types.js';
-import { TopoJSONMapConfig } from './config.js';
+import { TopoJSONMapDefaultConfig } from './config.js';
 import { getLonLat, arc } from './utils.js';
 import * as style from './style.js';
 import { background, features, links, points, feature as feature$1, link, point, pointCircle, pointLabel } from './style.js';
@@ -18,7 +18,8 @@ import { background, features, links, points, feature as feature$1, link, point,
 class TopoJSONMap extends ComponentCore {
     constructor(config, data) {
         super();
-        this.config = new TopoJSONMapConfig();
+        this._defaultConfig = TopoJSONMapDefaultConfig;
+        this.config = this._defaultConfig;
         this.datamodel = new MapGraphDataModel();
         this._firstRender = true;
         this._isResizing = false;
@@ -169,7 +170,6 @@ class TopoJSONMap extends ComponentCore {
         edges.exit().remove();
     }
     _renderPoints(duration) {
-        var _a;
         const { config, datamodel } = this;
         const pointData = datamodel.points;
         const points = this._pointsGroup
@@ -202,7 +202,7 @@ class TopoJSONMap extends ComponentCore {
             .style('stroke-width', d => getNumber(d, config.pointStrokeWidth) / this._currentZoomLevel);
         const pointLabelsMerged = pointsMerged.select(`.${pointLabel}`);
         pointLabelsMerged
-            .text((_a = config.pointLabel) !== null && _a !== void 0 ? _a : '')
+            .text(d => { var _a; return (_a = getString(d, config.pointLabel)) !== null && _a !== void 0 ? _a : ''; })
             .style('font-size', d => {
             if (config.pointLabelPosition === MapPointLabelPosition.Bottom) {
                 return `calc(var(--vis-map-point-label-font-size) / ${this._currentZoomLevel}`;