@fusedashlabs/widgets 0.2.0 → 0.4.0

package/dist/components/lollipop/render/draw.js.map

@@ -1 +1 @@
-{"version":3,"file":"draw.js","sources":["../../../../src/components/lollipop/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateAxisLabels, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  appendLollipopMarkerVertical,\n  calculateNumTicks,\n  calculateScaleLinearDomain,\n  FD,\n  formatCompactNumber,\n  hexWithAlpha,\n  seriesColor as fdSeriesColor,\n  type MarkerShape,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectLabels,\n  type LollipopOrientation,\n  type LollipopPoint,\n  type LollipopSeries,\n} from '../lib/index.js';\n\nexport interface RenderLollipopOptions extends AxisLabelTooltipHandlers {\n  series: LollipopSeries[];\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: LollipopOrientation;\n  /** FuseDash default: rhombus */\n  marker?: MarkerShape;\n  showGrid?: boolean;\n  /** FuseDash categorical label order when available. */\n  labelHint?: string[];\n  xLabel?: string;\n  yLabel?: string;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    point: LollipopPoint;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction resolveColor(series: LollipopSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash Vertical / Horizontal Lollipop plot — visual parity via D3.\n * Scales include margin in range (Visx coordinate system).\n */\nexport function renderLollipopChart(\n  container: HTMLElement,\n  options: RenderLollipopOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.lollipopMargin },\n    theme,\n    orientation = 'vertical',\n    marker = 'rhombus',\n    showGrid = true,\n    labelHint,\n    xLabel,\n    yLabel,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const labels = collectLabels(series, labelHint);\n  const vertical = orientation === 'vertical';\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 12),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const allV: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.value)) allV.push(p.value);\n    }\n  }\n  const [minV, maxV] = calculateScaleLinearDomain(allV);\n  // FuseDash lollipop: domain * 1.2\n  const domainMin = minV * 1.2;\n  const domainMax = maxV === 0 && minV === 0 ? 1 : maxV * 1.2;\n  const numTicks = calculateNumTicks(height);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Lollipop chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  if (vertical) {\n    const xScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotLeft, plotRight])\n      .padding(0);\n\n    const yScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotBottom, plotTop]);\n\n    const yTicks = yScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n\n      for (const cat of labels) {\n        const bx = xScale(cat);\n        if (bx == null) continue;\n        grid\n          .append('line')\n          .attr('x1', bx)\n          .attr('x2', bx)\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      for (const t of yTicks) {\n        grid\n          .append('line')\n          .attr('x1', plotLeft)\n          .attr('x2', plotRight)\n          .attr('y1', yScale(t))\n          .attr('y2', yScale(t))\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      grid\n        .append('line')\n        .attr('x1', plotRight)\n        .attr('x2', plotRight)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', '#e0e0e0')\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n\n      // baseline at 0\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(0))\n        .attr('y2', yScale(0))\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroY = yScale(0);\n\n    series.forEach((s, si) => {\n      const color = resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const offset =\n        series.length > 1\n          ? ((si - (series.length - 1) / 2) * xScale.bandwidth()) / Math.max(series.length, 1)\n          : 0;\n\n      s.points.forEach((p) => {\n        if (xScale(p.label) == null || !Number.isFinite(p.value)) return;\n        const cx = (xScale(p.label) ?? 0) + xScale.bandwidth() / 2 + offset;\n        const cy = yScale(p.value);\n        const markerColor = p.color ?? color;\n\n        const g = layer\n          .append('g')\n          .attr('class', 'lollipop')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        // stem: tip y+2 like FuseDash; width 3; alpha 50%\n        g.append('line')\n          .attr('class', 'stem')\n          .attr('x1', cx)\n          .attr('x2', cx)\n          .attr('y1', cy + 2)\n          .attr('y2', zeroY)\n          .attr('stroke', hexWithAlpha(markerColor, FD.lollipopStemAlphaPct))\n          .attr('stroke-width', FD.lollipopStemWidth);\n\n        appendLollipopMarkerVertical(g, {\n          shape: marker,\n          color: markerColor,\n          cx,\n          cy,\n        });\n\n        g.append('circle')\n          .attr('cx', cx)\n          .attr('cy', cy)\n          .attr('r', 12)\n          .attr('fill', 'transparent');\n\n        if (onPointHover) {\n          g.on('mouseenter', (event: MouseEvent) => {\n            onPointHover({\n              seriesId: s.id,\n              seriesName: s.name ?? s.id,\n              point: p,\n              event,\n            });\n          }).on('mouseleave', () => onPointLeave?.());\n        }\n      });\n    });\n\n    const xAxis = root\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotBottom})`)\n      .call(axisBottom(xScale).tickSize(0).tickPadding(8));\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis.selectAll('line').attr('stroke', 'none');\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n\n    const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n    if (xTickNodes.length > 0) {\n      select(xTickNodes[0]).attr('text-anchor', 'start');\n      if (xTickNodes.length > 1) {\n        select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n      }\n    }\n\n    decorateAxisLabels(xAxis, {\n      slotWidth: xScale.bandwidth(),\n      ...axisLabels,\n    });\n\n    const yAxis = root\n      .append('g')\n      .attr('class', 'y-axis')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(\n        axisLeft(yScale)\n          .tickValues(yTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    yAxis.select('.domain').attr('stroke', 'none');\n    yAxis\n      .selectAll('line')\n      .attr('stroke', FD.axisStroke)\n      .attr('stroke-dasharray', '1 2');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft);\n  } else {\n    // Horizontal: categories on Y, values on X (FuseDash HorizontalLollipop)\n    const yScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotTop, plotBottom])\n      .padding(0.2);\n\n    const xScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotLeft, plotRight]);\n\n    const xTicks = xScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n      for (const t of xTicks) {\n        grid\n          .append('line')\n          .attr('x1', xScale(t))\n          .attr('x2', xScale(t))\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      grid\n        .append('line')\n        .attr('x1', xScale(0))\n        .attr('x2', xScale(0))\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroX = xScale(0);\n\n    series.forEach((s, si) => {\n      const color = resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const offset =\n        series.length > 1\n          ? ((si - (series.length - 1) / 2) * yScale.bandwidth()) / Math.max(series.length, 1)\n          : 0;\n\n      s.points.forEach((p) => {\n        if (yScale(p.label) == null || !Number.isFinite(p.value)) return;\n        const cy = (yScale(p.label) ?? 0) + yScale.bandwidth() / 2 + offset;\n        const cx = xScale(p.value);\n        const markerColor = p.color ?? color;\n\n        const g = layer\n          .append('g')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        g.append('line')\n          .attr('x1', zeroX)\n          .attr('x2', cx - 2)\n          .attr('y1', cy)\n          .attr('y2', cy)\n          .attr('stroke', hexWithAlpha(markerColor, FD.lollipopStemAlphaPct))\n          .attr('stroke-width', FD.lollipopStemWidth);\n\n        appendLollipopMarkerVertical(g, {\n          shape: marker,\n          color: markerColor,\n          cx,\n          cy,\n        });\n\n        if (onPointHover) {\n          g.on('mouseenter', (event: MouseEvent) => {\n            onPointHover({\n              seriesId: s.id,\n              seriesName: s.name ?? s.id,\n              point: p,\n              event,\n            });\n          }).on('mouseleave', () => onPointLeave?.());\n        }\n      });\n    });\n\n    const yAxis = root\n      .append('g')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(axisLeft(yScale).tickSize(0).tickPadding(8));\n    yAxis.select('.domain').attr('stroke', FD.axisStroke);\n    yAxis.selectAll('line').attr('stroke', 'none');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft, axisLabels);\n\n    const xAxis = root\n      .append('g')\n      .attr('transform', `translate(0,${plotBottom})`)\n      .call(\n        axisBottom(xScale)\n          .tickValues(xTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n\n    const xTickNodes = xAxis.selectAll<SVGTextElement, number>('text').nodes();\n    if (xTickNodes.length > 0) {\n      select(xTickNodes[0]).attr('text-anchor', 'start');\n      if (xTickNodes.length > 1) {\n        select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n      }\n    }\n  }\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":"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"}
+{"version":3,"file":"draw.js","sources":["../../../../src/components/lollipop/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateAxisLabels, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  appendLollipopMarkerVertical,\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n  hexWithAlpha,\n  seriesColor as fdSeriesColor,\n  type MarkerShape,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectLabels,\n  collectLollipopValueDomain,\n  lollipopHorizontalMinSpan,\n  stackSegments,\n  type LollipopLayout,\n  type LollipopOrientation,\n  type LollipopPoint,\n  type LollipopSeries,\n} from '../lib/index.js';\n\nexport interface RenderLollipopOptions extends AxisLabelTooltipHandlers {\n  series: LollipopSeries[];\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: LollipopOrientation;\n  /** Multi-series only — a single series always renders as the plain lollipop */\n  layout?: LollipopLayout;\n  /** FuseDash default: rhombus */\n  marker?: MarkerShape;\n  showGrid?: boolean;\n  /** FuseDash categorical label order when available. */\n  labelHint?: string[];\n  xLabel?: string;\n  yLabel?: string;\n  /**\n   * When set on a horizontal chart, the value axis is drawn here and pinned\n   * below the scroll area (client `hasChartYOverflow` + bottom axis SVG).\n   */\n  xAxisContainer?: HTMLElement | null;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    point: LollipopPoint;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction resolveColor(series: LollipopSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash Vertical / Horizontal Lollipop plot — visual parity via D3.\n * Scales include margin in range (Visx coordinate system).\n */\nexport function renderLollipopChart(\n  container: HTMLElement,\n  options: RenderLollipopOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.lollipopMargin },\n    theme,\n    orientation = 'vertical',\n    layout = 'grouped',\n    marker = 'rhombus',\n    showGrid = true,\n    labelHint,\n    xLabel,\n    yLabel,\n    xAxisContainer = null,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  xAxisContainer?.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const labels = collectLabels(series, labelHint);\n  const vertical = orientation === 'vertical';\n  const stacked = layout === 'stacked' && series.length > 1;\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 12),\n  };\n  const fixedBottomAxis = !vertical && !!xAxisContainer;\n  const plotTop = m.top;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  const bottomGutter = vertical || !fixedBottomAxis ? m.bottom : 0;\n  const minSpan = vertical\n    ? 0\n    : lollipopHorizontalMinSpan(labels.length, series.length);\n  const plotHAvail = height - plotTop - bottomGutter;\n  const plotH = vertical ? plotHAvail : Math.max(plotHAvail, minSpan);\n  const plotBottom = plotTop + plotH;\n  const svgH = vertical\n    ? height\n    : plotTop + plotH + (fixedBottomAxis ? 0 : bottomGutter);\n  if (plotRight - plotLeft < 8 || plotH < 8) return;\n\n  if (!vertical) {\n    container.style.height = `${svgH}px`;\n    container.style.minHeight = `${svgH}px`;\n  } else {\n    container.style.height = '';\n    container.style.minHeight = '';\n  }\n\n  const [domainMin, domainMax] = collectLollipopValueDomain(\n    series,\n    stacked ? 'stacked' : 'grouped',\n    labelHint,\n  );\n  const numTicks = calculateNumTicks(vertical ? height : width);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', svgH)\n    .attr('role', 'img')\n    .attr('aria-label', 'Lollipop chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  if (vertical) {\n    const xScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotLeft, plotRight])\n      .padding(0);\n\n    const yScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotBottom, plotTop]);\n\n    const yTicks = yScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n\n      for (const cat of labels) {\n        const bx = xScale(cat);\n        if (bx == null) continue;\n        grid\n          .append('line')\n          .attr('x1', bx)\n          .attr('x2', bx)\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      for (const t of yTicks) {\n        grid\n          .append('line')\n          .attr('x1', plotLeft)\n          .attr('x2', plotRight)\n          .attr('y1', yScale(t))\n          .attr('y2', yScale(t))\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      grid\n        .append('line')\n        .attr('x1', plotRight)\n        .attr('x2', plotRight)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', '#e0e0e0')\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n\n      // baseline at 0\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(0))\n        .attr('y2', yScale(0))\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroY = yScale(0);\n\n    const bindHover = (\n      g: Selection<SVGGElement, unknown, null, undefined>,\n      s: LollipopSeries,\n      p: LollipopPoint,\n    ): void => {\n      if (!onPointHover) return;\n      g.on('mouseenter', (event: MouseEvent) => {\n        onPointHover({\n          seriesId: s.id,\n          seriesName: s.name ?? s.id,\n          point: p,\n          event,\n        });\n      }).on('mouseleave', () => onPointLeave?.());\n    };\n\n    const drawVerticalMark = (\n      s: LollipopSeries,\n      si: number,\n      p: LollipopPoint,\n      cx: number,\n      cyTip: number,\n      cyBase: number,\n    ): void => {\n      const color = p.color ?? resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const g = layer\n        .append('g')\n        .attr('class', 'lollipop')\n        .style('cursor', onPointHover ? 'pointer' : 'default');\n      g.append('line')\n        .attr('class', 'stem')\n        .attr('x1', cx)\n        .attr('x2', cx)\n        .attr('y1', cyTip + 2)\n        .attr('y2', cyBase)\n        .attr('stroke', hexWithAlpha(color, FD.lollipopStemAlphaPct))\n        .attr('stroke-width', FD.lollipopStemWidth);\n      appendLollipopMarkerVertical(g, { shape: marker, color, cx, cy: cyTip });\n      g.append('circle')\n        .attr('cx', cx)\n        .attr('cy', cyTip)\n        .attr('r', 12)\n        .attr('fill', 'transparent');\n      bindHover(g, s, p);\n    };\n\n    if (stacked) {\n      for (const label of labels) {\n        const bx = xScale(label);\n        if (bx == null) continue;\n        const cx = bx + xScale.bandwidth() / 2;\n        for (const seg of stackSegments(series, label)) {\n          drawVerticalMark(\n            seg.series,\n            seg.seriesIndex,\n            { label, value: seg.value, color: seg.series.color },\n            cx,\n            yScale(seg.end),\n            yScale(seg.start),\n          );\n        }\n      }\n    } else {\n      series.forEach((s, si) => {\n        const offset =\n          series.length > 1\n            ? ((si - (series.length - 1) / 2) * xScale.bandwidth()) /\n              Math.max(series.length, 1)\n            : 0;\n        s.points.forEach((p) => {\n          if (xScale(p.label) == null || !Number.isFinite(p.value)) return;\n          const cx = (xScale(p.label) ?? 0) + xScale.bandwidth() / 2 + offset;\n          drawVerticalMark(s, si, p, cx, yScale(p.value), zeroY);\n        });\n      });\n    }\n\n    const xAxis = root\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotBottom})`)\n      .call(axisBottom(xScale).tickSize(0).tickPadding(8));\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis.selectAll('line').attr('stroke', 'none');\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n\n    const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n    if (xTickNodes.length > 0) {\n      select(xTickNodes[0]).attr('text-anchor', 'start');\n      if (xTickNodes.length > 1) {\n        select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n      }\n    }\n\n    decorateAxisLabels(xAxis, {\n      slotWidth: xScale.bandwidth(),\n      ...axisLabels,\n    });\n\n    const yAxis = root\n      .append('g')\n      .attr('class', 'y-axis')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(\n        axisLeft(yScale)\n          .tickValues(yTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    yAxis.select('.domain').attr('stroke', 'none');\n    yAxis\n      .selectAll('line')\n      .attr('stroke', FD.axisStroke)\n      .attr('stroke-dasharray', '1 2');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft);\n  } else {\n    // Horizontal: categories on Y, values on X (FuseDash HorizontalLollipop)\n    const yScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotTop, plotBottom])\n      .padding(0);\n\n    const xScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotLeft, plotRight]);\n\n    const xTicks = xScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n      for (const t of xTicks) {\n        grid\n          .append('line')\n          .attr('x1', xScale(t))\n          .attr('x2', xScale(t))\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      grid\n        .append('line')\n        .attr('x1', xScale(0))\n        .attr('x2', xScale(0))\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroX = xScale(0);\n\n    const bindHoverH = (\n      g: Selection<SVGGElement, unknown, null, undefined>,\n      s: LollipopSeries,\n      p: LollipopPoint,\n    ): void => {\n      if (!onPointHover) return;\n      g.on('mouseenter', (event: MouseEvent) => {\n        onPointHover({\n          seriesId: s.id,\n          seriesName: s.name ?? s.id,\n          point: p,\n          event,\n        });\n      }).on('mouseleave', () => onPointLeave?.());\n    };\n\n    const drawHorizontalMark = (\n      s: LollipopSeries,\n      si: number,\n      p: LollipopPoint,\n      cy: number,\n      xTip: number,\n      xBase: number,\n    ): void => {\n      const color = p.color ?? resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const g = layer\n        .append('g')\n        .style('cursor', onPointHover ? 'pointer' : 'default');\n      const x1 = Math.min(xBase, xTip);\n      const x2 = Math.max(xBase, xTip);\n      g.append('line')\n        .attr('x1', x1)\n        .attr('x2', x2)\n        .attr('y1', cy)\n        .attr('y2', cy)\n        .attr('stroke', hexWithAlpha(color, FD.lollipopStemAlphaPct))\n        .attr('stroke-width', FD.lollipopStemWidth);\n      appendLollipopMarkerVertical(g, { shape: marker, color, cx: xTip, cy });\n      bindHoverH(g, s, p);\n    };\n\n    if (stacked) {\n      for (const label of labels) {\n        const by = yScale(label);\n        if (by == null) continue;\n        const cy = by + yScale.bandwidth() / 2;\n        for (const seg of stackSegments(series, label)) {\n          drawHorizontalMark(\n            seg.series,\n            seg.seriesIndex,\n            { label, value: seg.value, color: seg.series.color },\n            cy,\n            xScale(seg.end),\n            xScale(seg.start),\n          );\n        }\n      }\n    } else {\n      series.forEach((s, si) => {\n        const color = resolveColor(s, si, theme);\n        const layer = root.append('g').attr('class', `series series-${s.id}`);\n        const offset =\n          series.length > 1\n            ? ((si - (series.length - 1) / 2) * yScale.bandwidth()) /\n              Math.max(series.length, 1)\n            : 0;\n        s.points.forEach((p) => {\n          if (yScale(p.label) == null || !Number.isFinite(p.value)) return;\n          const cy = (yScale(p.label) ?? 0) + yScale.bandwidth() / 2 + offset;\n          const cx = xScale(p.value);\n          const markerColor = p.color ?? color;\n          const g = layer\n            .append('g')\n            .style('cursor', onPointHover ? 'pointer' : 'default');\n          g.append('line')\n            .attr('x1', zeroX)\n            .attr('x2', p.value >= 0 ? cx - 2 : cx)\n            .attr('y1', cy)\n            .attr('y2', cy)\n            .attr('stroke', hexWithAlpha(markerColor, FD.lollipopStemAlphaPct))\n            .attr('stroke-width', FD.lollipopStemWidth);\n          appendLollipopMarkerVertical(g, {\n            shape: marker,\n            color: markerColor,\n            cx,\n            cy,\n          });\n          bindHoverH(g, s, p);\n        });\n      });\n    }\n\n    const yAxis = root\n      .append('g')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(axisLeft(yScale).tickSize(0).tickPadding(8));\n    yAxis.select('.domain').attr('stroke', FD.axisStroke);\n    yAxis.selectAll('line').attr('stroke', 'none');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft, axisLabels);\n\n    const renderValueAxis = (\n      target: Selection<SVGGElement, unknown, null, undefined>,\n      y: number,\n    ) => {\n      const xAxis = target\n        .append('g')\n        .attr('class', 'value-axis')\n        .attr('transform', `translate(0,${y})`)\n        .call(\n          axisBottom(xScale)\n            .tickValues(xTicks)\n            .tickSize(5)\n            .tickPadding(6)\n            .tickFormat((d) => {\n              const n = Number(d);\n              const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n              return formatCompactNumber(n, decimals);\n            }),\n        );\n      xAxis.select('.domain').attr('stroke', FD.axisStroke);\n      xAxis\n        .selectAll('text')\n        .attr('fill', FD.axisLabelFill)\n        .attr('font-size', FD.axisLabelSize)\n        .attr('text-anchor', 'middle');\n\n      const xTickNodes = xAxis.selectAll<SVGTextElement, number>('text').nodes();\n      if (xTickNodes.length > 0) {\n        select(xTickNodes[0]).attr('text-anchor', 'start');\n        if (xTickNodes.length > 1) {\n          select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n        }\n      }\n    };\n\n    if (fixedBottomAxis && xAxisContainer) {\n      const axisSvg = select(xAxisContainer)\n        .append('svg')\n        .attr('width', width)\n        .attr('height', m.bottom)\n        .attr('role', 'presentation')\n        .style('display', 'block')\n        .style('font-family', theme.fontFamily);\n      renderValueAxis(axisSvg.append('g'), 1);\n      if (xLabel) {\n        axisSvg\n          .append('text')\n          .attr('x', (plotLeft + plotRight) / 2)\n          .attr('y', m.bottom - 2)\n          .attr('text-anchor', 'middle')\n          .attr('fill', FD.axisLabelFill)\n          .attr('font-size', FD.axisLabelSize)\n          .text(xLabel);\n      }\n    } else {\n      renderValueAxis(root, plotBottom);\n    }\n  }\n\n  if (xLabel && !(fixedBottomAxis)) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', svgH - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":"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"}

package/dist/components/map-chart/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const mapChartStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/map-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/map-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA8W1B,CAAC"}

package/dist/components/map-chart/element/styles.js

@@ -0,0 +1,372 @@
+import { css } from "lit";
+const mapChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 320px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    border-radius: 8px;
+    overflow: hidden;
+    background: var(--ui9000-color-surface-muted, #f3f4f6);
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 12;
+    padding: 8px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    flex: 1;
+    min-height: inherit;
+    padding: 8px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+  .empty[hidden],
+  .chart-root[hidden] {
+    display: none;
+  }
+  .map-legend {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    z-index: 10;
+    width: max-content;
+    min-width: 200px;
+    max-width: calc(100% - 20px);
+    max-height: 50%;
+    display: flex;
+    flex-direction: column;
+    padding: 8px 0;
+    overflow: hidden;
+    background: var(--ui9000-color-surface, #ffffff);
+    border: 1px solid var(--ui9000-color-border, #e5e7eb);
+    border-radius: 8px;
+    box-shadow:
+      0 2px 4px 0 #141c2c0f,
+      0 4px 8px 2px #141c2c0f;
+    user-select: none;
+    pointer-events: auto;
+  }
+  .legend-panel-header {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 12px;
+    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);
+  }
+  .map-legend:not(:has(.legend-layers)) .legend-panel-header {
+    border-bottom: none;
+  }
+  .legend-kicker {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 12px;
+    letter-spacing: 0.88px;
+    text-transform: uppercase;
+    color: var(--ui9000-color-text, #111827);
+  }
+  .legend-chevron {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    border: 0;
+    background: transparent
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f95a0' stroke-width='1.25'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")
+      center / 16px no-repeat;
+    cursor: pointer;
+    transition: transform 0.5s;
+  }
+  .legend-chevron[aria-expanded='false'] {
+    transform: rotate(180deg);
+  }
+  .legend-layers {
+    overflow-y: auto;
+    overflow-x: visible;
+    width: 100%;
+  }
+  .legend-layer {
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .legend-layer:last-child {
+    border-bottom: none;
+  }
+  .legend-layer-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+  }
+  .legend-check {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    flex: 1;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: var(--ui9000-color-text, #111827);
+    cursor: pointer;
+  }
+  .legend-check span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .legend-layer-header .legend-chevron {
+    margin-left: auto;
+  }
+  .legend-check input {
+    appearance: none;
+    -webkit-appearance: none;
+    flex-shrink: 0;
+    width: 17px;
+    height: 17px;
+    margin: 0;
+    border: 1px solid var(--ui9000-color-border, #8f95a0);
+    border-radius: 4px;
+    background: var(--ui9000-color-surface, #ffffff);
+    cursor: pointer;
+  }
+  .legend-check input:checked {
+    border: none;
+    background-color: var(--ui9000-color-primary, #473dd9);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.5 5.2L3.8 7.5 8.5 2.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 10px 10px;
+  }
+  .legend-details {
+    margin-top: 8px;
+  }
+  .legend-stat {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: var(--ui9000-color-text, #111827);
+  }
+  .legend-avg {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 20px;
+    padding-right: 4px;
+  }
+  .legend-scale {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+    padding-top: 8px;
+  }
+  .legend-scale[data-kind='bubbles'] {
+    padding-top: 30px;
+  }
+  .legend-scale[data-kind='spike'] {
+    padding-top: 40px;
+  }
+  .legend-colors {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .legend-colors[data-qualitative]::after {
+    content: '';
+    position: absolute;
+    left: 8px;
+    right: 8px;
+    top: calc(50% + 1px);
+    height: 1px;
+    transform: translateY(-50%);
+    border-top: 1px dashed #8f95a0;
+    z-index: 10;
+    pointer-events: none;
+  }
+  .legend-spikes {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 14px;
+    display: flex;
+    align-items: flex-end;
+    pointer-events: none;
+  }
+  .legend-spike {
+    flex: 1;
+    min-width: 0;
+    height: 60px;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+  }
+  .legend-buckets {
+    position: relative;
+    display: flex;
+    width: 100%;
+  }
+  .legend-bucket {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    height: 12px;
+    background-color: var(--bucket-fill, #6c758429);
+  }
+  .legend-bucket[data-qualitative] {
+    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);
+  }
+  .legend-bucket:first-child {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+  .legend-bucket:last-child {
+    border-right: none;
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+  .legend-bucket[data-bubble]::before,
+  .legend-bucket[data-bubble]::after {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 100%;
+    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);
+    z-index: 1;
+  }
+  .legend-bucket[data-bubble]::before {
+    width: var(--bubble-size, 12px);
+    height: var(--bubble-size, 12px);
+    background-color: #6c758429;
+  }
+  .legend-bucket[data-bubble]::after {
+    display: none;
+    width: var(--inner-size, 0px);
+    height: var(--inner-size, 0px);
+    border: 1px solid var(--ui9000-color-border, #8f95a0);
+    background: transparent;
+  }
+  .legend-bucket[data-bubble][data-inner]::after {
+    display: block;
+  }
+  .legend-values {
+    display: flex;
+    width: 100%;
+    padding-top: 6px;
+  }
+  .legend-value {
+    flex: 1;
+    min-width: 0;
+    padding-right: 5px;
+    font-size: 8px;
+    font-weight: 400;
+    line-height: 16px;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6c7584);
+    user-select: none;
+  }
+  .legend-value:first-child {
+    text-align: start;
+  }
+  .legend-value:last-child {
+    text-align: end;
+  }
+  .legend-range {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 12px;
+    z-index: 100;
+    pointer-events: none;
+  }
+  .legend-range-track {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 12px;
+    cursor: pointer;
+    touch-action: none;
+    pointer-events: none;
+  }
+  .legend-thumb {
+    position: absolute;
+    top: 1px;
+    z-index: 2;
+    box-sizing: border-box;
+    width: 10px;
+    height: 10px;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: var(--ui9000-color-text, #141c2c);
+    box-shadow: 0 0 0 1px inset var(--ui9000-color-surface, #ffffff);
+    transform: translateX(-50%);
+    cursor: pointer;
+    pointer-events: auto;
+    touch-action: none;
+  }
+  .legend-thumb::before {
+    content: '';
+    position: absolute;
+    inset: -4px;
+  }
+  .legend-thumb:hover,
+  .legend-thumb:active {
+    border: 2px solid var(--ui9000-color-border, #8f95a0);
+    background: var(--ui9000-color-surface, #ffffff);
+  }
+  .legend-thumb:focus-visible {
+    outline: 2px solid var(--ui9000-color-primary, #473dd9);
+    outline-offset: 2px;
+  }
+  .match-notice {
+    position: absolute;
+    left: 16px;
+    bottom: 16px;
+    z-index: 10;
+    max-width: calc(100% - 32px);
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    background: #fff8e1;
+    color: #6b5900;
+    border: 1px solid #f5e6b3;
+  }
+`;
+export {
+  mapChartStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/map-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/map-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const mapChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 320px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--ui9000-color-surface-muted, #f3f4f6);\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 12;\n    padding: 8px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1;\n    min-height: inherit;\n    padding: 8px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n  .empty[hidden],\n  .chart-root[hidden] {\n    display: none;\n  }\n  .map-legend {\n    position: absolute;\n    right: 5px;\n    bottom: 5px;\n    z-index: 10;\n    width: max-content;\n    min-width: 200px;\n    max-width: calc(100% - 20px);\n    max-height: 50%;\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    overflow: hidden;\n    background: var(--ui9000-color-surface, #ffffff);\n    border: 1px solid var(--ui9000-color-border, #e5e7eb);\n    border-radius: 8px;\n    box-shadow:\n      0 2px 4px 0 #141c2c0f,\n      0 4px 8px 2px #141c2c0f;\n    user-select: none;\n    pointer-events: auto;\n  }\n  .legend-panel-header {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 12px;\n    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);\n  }\n  .map-legend:not(:has(.legend-layers)) .legend-panel-header {\n    border-bottom: none;\n  }\n  .legend-kicker {\n    margin: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.88px;\n    text-transform: uppercase;\n    color: var(--ui9000-color-text, #111827);\n  }\n  .legend-chevron {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border: 0;\n    background: transparent\n      url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f95a0' stroke-width='1.25'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E\")\n      center / 16px no-repeat;\n    cursor: pointer;\n    transition: transform 0.5s;\n  }\n  .legend-chevron[aria-expanded='false'] {\n    transform: rotate(180deg);\n  }\n  .legend-layers {\n    overflow-y: auto;\n    overflow-x: visible;\n    width: 100%;\n  }\n  .legend-layer {\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--ui9000-color-border, #e5e7eb);\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .legend-layer:last-child {\n    border-bottom: none;\n  }\n  .legend-layer-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n  }\n  .legend-check {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    flex: 1;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    color: var(--ui9000-color-text, #111827);\n    cursor: pointer;\n  }\n  .legend-check span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .legend-layer-header .legend-chevron {\n    margin-left: auto;\n  }\n  .legend-check input {\n    appearance: none;\n    -webkit-appearance: none;\n    flex-shrink: 0;\n    width: 17px;\n    height: 17px;\n    margin: 0;\n    border: 1px solid var(--ui9000-color-border, #8f95a0);\n    border-radius: 4px;\n    background: var(--ui9000-color-surface, #ffffff);\n    cursor: pointer;\n  }\n  .legend-check input:checked {\n    border: none;\n    background-color: var(--ui9000-color-primary, #473dd9);\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.5 5.2L3.8 7.5 8.5 2.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 10px 10px;\n  }\n  .legend-details {\n    margin-top: 8px;\n  }\n  .legend-stat {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 400;\n    color: var(--ui9000-color-text, #111827);\n  }\n  .legend-avg {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 20px;\n    padding-right: 4px;\n  }\n  .legend-scale {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n    padding-top: 8px;\n  }\n  .legend-scale[data-kind='bubbles'] {\n    padding-top: 30px;\n  }\n  .legend-scale[data-kind='spike'] {\n    padding-top: 40px;\n  }\n  .legend-colors {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .legend-colors[data-qualitative]::after {\n    content: '';\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    top: calc(50% + 1px);\n    height: 1px;\n    transform: translateY(-50%);\n    border-top: 1px dashed #8f95a0;\n    z-index: 10;\n    pointer-events: none;\n  }\n  .legend-spikes {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 14px;\n    display: flex;\n    align-items: flex-end;\n    pointer-events: none;\n  }\n  .legend-spike {\n    flex: 1;\n    min-width: 0;\n    height: 60px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n  }\n  .legend-buckets {\n    position: relative;\n    display: flex;\n    width: 100%;\n  }\n  .legend-bucket {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n    height: 12px;\n    background-color: var(--bucket-fill, #6c758429);\n  }\n  .legend-bucket[data-qualitative] {\n    border-right: 1px solid var(--ui9000-color-border, #e5e7eb);\n  }\n  .legend-bucket:first-child {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .legend-bucket:last-child {\n    border-right: none;\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .legend-bucket[data-bubble]::before,\n  .legend-bucket[data-bubble]::after {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 100%;\n    -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n    mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%);\n    z-index: 1;\n  }\n  .legend-bucket[data-bubble]::before {\n    width: var(--bubble-size, 12px);\n    height: var(--bubble-size, 12px);\n    background-color: #6c758429;\n  }\n  .legend-bucket[data-bubble]::after {\n    display: none;\n    width: var(--inner-size, 0px);\n    height: var(--inner-size, 0px);\n    border: 1px solid var(--ui9000-color-border, #8f95a0);\n    background: transparent;\n  }\n  .legend-bucket[data-bubble][data-inner]::after {\n    display: block;\n  }\n  .legend-values {\n    display: flex;\n    width: 100%;\n    padding-top: 6px;\n  }\n  .legend-value {\n    flex: 1;\n    min-width: 0;\n    padding-right: 5px;\n    font-size: 8px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6c7584);\n    user-select: none;\n  }\n  .legend-value:first-child {\n    text-align: start;\n  }\n  .legend-value:last-child {\n    text-align: end;\n  }\n  .legend-range {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 12px;\n    z-index: 100;\n    pointer-events: none;\n  }\n  .legend-range-track {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    height: 12px;\n    cursor: pointer;\n    touch-action: none;\n    pointer-events: none;\n  }\n  .legend-thumb {\n    position: absolute;\n    top: 1px;\n    z-index: 2;\n    box-sizing: border-box;\n    width: 10px;\n    height: 10px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: var(--ui9000-color-text, #141c2c);\n    box-shadow: 0 0 0 1px inset var(--ui9000-color-surface, #ffffff);\n    transform: translateX(-50%);\n    cursor: pointer;\n    pointer-events: auto;\n    touch-action: none;\n  }\n  .legend-thumb::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n  }\n  .legend-thumb:hover,\n  .legend-thumb:active {\n    border: 2px solid var(--ui9000-color-border, #8f95a0);\n    background: var(--ui9000-color-surface, #ffffff);\n  }\n  .legend-thumb:focus-visible {\n    outline: 2px solid var(--ui9000-color-primary, #473dd9);\n    outline-offset: 2px;\n  }\n  .match-notice {\n    position: absolute;\n    left: 16px;\n    bottom: 16px;\n    z-index: 10;\n    max-width: calc(100% - 32px);\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    background: #fff8e1;\n    color: #6b5900;\n    border: 1px solid #f5e6b3;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/map-chart/element/ui9000-map-chart.d.ts

@@ -0,0 +1,54 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+export declare class Ui9000MapChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    mapboxToken: string;
+    geojsonBaseUrl: string;
+    pmtilesBaseUrl: string;
+    private _empty;
+    private _emptyReason;
+    private _tooltip;
+    private _layers;
+    private _sliders;
+    private _activeLayers;
+    private _legendOpen;
+    private _layerOpen;
+    private _model;
+    private _ctl;
+    private _legendKey;
+    private _legendDrag?;
+    private _resizeObserver?;
+    private _raf;
+    private _drawGen;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private shouldRedraw;
+    private scheduleDraw;
+    private chartRoot;
+    private token;
+    private pmtilesUrl;
+    private mode;
+    private draw;
+    private syncLegendState;
+    private pushLegend;
+    private toggleLayer;
+    private toggleLayerOpen;
+    private setSlider;
+    private startThumbDrag;
+    private stopLegendDrag;
+    private setTooltip;
+    private matchNotice;
+    private renderLegend;
+    private renderLegendLayer;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-map-chart': Ui9000MapChart;
+    }
+}
+export declare function registerMapChart(): void;
+//# sourceMappingURL=ui9000-map-chart.d.ts.map

package/dist/components/map-chart/element/ui9000-map-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-map-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/map-chart/element/ui9000-map-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAqF7F,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,WAAW,SAAM;IAGjB,cAAc,SAAM;IAGpB,cAAc,SAAc;IAG5B,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,YAAY,CAAa;IAGjC,OAAO,CAAC,QAAQ,CAAuE;IAGvF,OAAO,CAAC,OAAO,CAAuB;IAGtC,OAAO,CAAC,QAAQ,CAAmC;IAGnD,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,UAAU,CAA+B;IAEjD,OAAO,CAAC,MAAM,CAAyB;IACvC,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,WAAW,CAAC,CAIlB;IACF,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,QAAQ,CAAK;IAEZ,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAM/C,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,KAAK;IAWb,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,IAAI;YAKE,IAAI;IAqFlB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,iBAAiB;IA4HhB,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}