@fusedashlabs/widgets 0.3.1 → 0.4.1

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

@@ -0,0 +1,539 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { readCssVar, CSS_VARS } from "../../../context/widget-context.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { fetchMapGeoJson } from "../lib/geojson.js";
+import { joinLayerFeatures } from "../lib/join.js";
+import { resizeMapChart, stopMapChart, renderMapChart } from "../render/draw.js";
+import { mapChartStyles } from "./styles.js";
+import { normalizeMapData } from "../lib/normalize.js";
+import { defaultLayerSlider, slideThumb, legendLayerOrder, formatAverage, formatFieldLabel, rangeTrackOffset, thumbTrackPercent, MUTED_LEGEND_FILL, formatLegendBucket, sliderIndexFromPointer, legendSpikeHeight } from "../lib/legend.js";
+import { formatMapValue } from "../lib/format.js";
+import { DEFAULT_BUBBLES_RADIUS, sanitizeKey } from "../lib/constants.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+const __vite_import_meta_env__ = {};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const SPIKE_COLOR = "#939BA7";
+function renderLegendSpike(index, id) {
+  const h = legendSpikeHeight(index);
+  return html`
+    <span class="legend-spike">
+      <svg width="25" height=${h} viewBox=${`0 0 25 ${h}`} fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask
+          id=${`mask_${id}`}
+          style="mask-type:alpha"
+          maskUnits="userSpaceOnUse"
+          x="6"
+          y="0"
+          width="13"
+          height=${h}
+        >
+          <path
+            d=${`M18.1992 ${h - 0.75}L12.1992 0.25L6.19922 ${h - 0.75}Z`}
+            fill=${`url(#linear_gradient_${id})`}
+          />
+        </mask>
+        <g mask=${`url(#mask_${id})`}>
+          <path d=${`M18.1992 ${h - 0.75}L12.1992 0.25L6.19922 ${h - 0.75}Z`} fill=${SPIKE_COLOR} />
+        </g>
+        <path
+          d=${`M22.1992 ${h - 0.75}H19.0291C18.5479 ${h - 0.75} 18.135 ${h - 0.1} 18.0463 ${h - 0.5}L12.1992 0.25L6.35216 ${h - 0.5}C6.26348 ${h - 0.1} 5.85051 ${h - 0.75} 5.36929 ${h - 0.75}H2.19922`}
+          stroke=${SPIKE_COLOR}
+          fill=${SPIKE_COLOR}
+          fill-opacity="0"
+          stroke-width="1"
+        />
+        <defs>
+          <linearGradient
+            id=${`linear_gradient_${id}`}
+            x1="12.1992"
+            y1="0.25"
+            x2="12.1992"
+            y2=${h}
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color=${SPIKE_COLOR} stop-opacity="0.7" />
+            <stop offset="1" stop-color=${SPIKE_COLOR} stop-opacity="0.2" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </span>
+  `;
+}
+let Ui9000MapChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.showLegend = true;
+    this.showTooltip = true;
+    this.mapboxToken = "";
+    this.geojsonBaseUrl = "";
+    this.pmtilesBaseUrl = "/pmtiles";
+    this._empty = false;
+    this._emptyReason = "No data";
+    this._tooltip = null;
+    this._layers = [];
+    this._sliders = {};
+    this._activeLayers = [];
+    this._legendOpen = true;
+    this._layerOpen = {};
+    this._model = null;
+    this._ctl = null;
+    this._legendKey = "";
+    this._raf = 0;
+    this._drawGen = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => {
+      cancelAnimationFrame(this._raf);
+      this._raf = requestAnimationFrame(() => {
+        const root = this.chartRoot();
+        if (root && !resizeMapChart(root)) this.scheduleDraw();
+      });
+    });
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    this.stopLegendDrag();
+    const root = this.chartRoot();
+    if (root) stopMapChart(root);
+    this._ctl = null;
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    if (changed.has("dataJson")) this._model = null;
+    if (changed.has("showTooltip") && !this.showTooltip) this._tooltip = null;
+    if (this.shouldRedraw(changed)) this.scheduleDraw();
+  }
+  shouldRedraw(changed) {
+    if (!chartPropsChanged(changed)) return false;
+    for (const key of changed.keys()) {
+      if (typeof key !== "string" || key.startsWith("_")) continue;
+      if (key === "showLegend" || key === "showTooltip") continue;
+      return true;
+    }
+    return false;
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => {
+      void this.draw();
+    });
+  }
+  chartRoot() {
+    var _a;
+    return ((_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root")) ?? null;
+  }
+  token() {
+    if (this.mapboxToken.trim()) return this.mapboxToken.trim();
+    const runtime = typeof window !== "undefined" ? window.__RUNTIME_CONFIG__ : void 0;
+    if (runtime == null ? void 0 : runtime.MAPBOX_TOKEN) return runtime.MAPBOX_TOKEN;
+    const env = __vite_import_meta_env__;
+    return ((env == null ? void 0 : env.STORYBOOK_MAPBOX_TOKEN) || (env == null ? void 0 : env.VITE_MAPBOX_TOKEN) || "").trim();
+  }
+  pmtilesUrl() {
+    if (this.pmtilesBaseUrl.trim()) return this.pmtilesBaseUrl.trim();
+    const runtime = typeof window !== "undefined" ? window.__RUNTIME_CONFIG__ : void 0;
+    if (runtime == null ? void 0 : runtime.MAP_PMTILES_BASE_URL) return runtime.MAP_PMTILES_BASE_URL;
+    const env = __vite_import_meta_env__;
+    return ((env == null ? void 0 : env.STORYBOOK_MAP_PMTILES_BASE_URL) || (env == null ? void 0 : env.VITE_MAP_PMTILES_BASE_URL) || "/pmtiles").trim();
+  }
+  mode() {
+    const value = readCssVar(this, CSS_VARS.mode, "light");
+    return value === "dark" ? "dark" : "light";
+  }
+  async draw() {
+    var _a;
+    const root = this.chartRoot();
+    if (!root) return;
+    const gen = ++this._drawGen;
+    const parsed = parseJsonAttr(this.dataJson, null);
+    let model = this._model ?? normalizeMapData(parsed);
+    this._model = model;
+    if (!model.layers.length) {
+      this._empty = true;
+      this._emptyReason = "No data";
+      this._layers = [];
+      stopMapChart(root);
+      this._ctl = null;
+      return;
+    }
+    const needsGeo = model.layers.some((layer) => !layer.features.length);
+    if (needsGeo && this.geojsonBaseUrl) {
+      const types = [...new Set(model.layers.map((l) => l.mapType))];
+      const loaded = await Promise.all(
+        types.map(async (mapType) => [mapType, await fetchMapGeoJson(mapType, this.geojsonBaseUrl)])
+      );
+      if (gen !== this._drawGen) return;
+      const byType = Object.fromEntries(loaded.filter((entry) => entry[1]));
+      model = {
+        ...model,
+        layers: model.layers.map(
+          (layer) => layer.features.length ? layer : joinLayerFeatures(layer, byType[layer.mapType] ?? void 0)
+        )
+      };
+      this._model = model;
+    }
+    const token = this.token();
+    if (!token) {
+      this._empty = true;
+      this._emptyReason = "Mapbox token required";
+      this._layers = model.layers;
+      stopMapChart(root);
+      this._ctl = null;
+      return;
+    }
+    const hasMarks = model.layers.some((layer) => layer.features.length > 0);
+    this._empty = !hasMarks;
+    this._emptyReason = hasMarks ? "No data" : model.layers.some((l) => l.matchTotal > 0 && l.matchHit === 0) ? "No locations matched the map boundaries" : "Map boundaries required";
+    this._layers = model.layers;
+    if (!hasMarks) {
+      stopMapChart(root);
+      this._ctl = null;
+      return;
+    }
+    this.syncLegendState(model.layers);
+    const ctl = await renderMapChart(root, {
+      model,
+      token,
+      mode: this.mode(),
+      showTooltip: this.showTooltip,
+      pmtilesBaseUrl: this.pmtilesUrl(),
+      activeLayerIds: this._activeLayers,
+      sliders: this._sliders,
+      year: (_a = model.layers.find((layer) => layer.selectedYear)) == null ? void 0 : _a.selectedYear,
+      onHover: this.showTooltip ? (entry) => this.setTooltip(entry) : void 0
+    });
+    if (gen !== this._drawGen) {
+      ctl == null ? void 0 : ctl.destroy();
+      return;
+    }
+    this._ctl = ctl;
+    if (!this._ctl) {
+      this._empty = true;
+      this._emptyReason = "Mapbox GL failed to load";
+      stopMapChart(root);
+    }
+  }
+  syncLegendState(layers) {
+    const ids = layers.map((layer) => layer.layerId);
+    const key = ids.join("\0");
+    if (key !== this._legendKey) {
+      this._legendKey = key;
+      this._sliders = Object.fromEntries(
+        layers.map((layer) => [layer.layerId, defaultLayerSlider(layer.colorRanges.length)])
+      );
+      this._activeLayers = ids;
+      this._layerOpen = {};
+      return;
+    }
+    const sliders = { ...this._sliders };
+    let slidersChanged = false;
+    for (const layer of layers) {
+      if (!sliders[layer.layerId]) {
+        sliders[layer.layerId] = defaultLayerSlider(layer.colorRanges.length);
+        slidersChanged = true;
+      }
+    }
+    if (slidersChanged) this._sliders = sliders;
+  }
+  pushLegend() {
+    var _a;
+    (_a = this._ctl) == null ? void 0 : _a.applyLegend(this._activeLayers, this._sliders);
+  }
+  toggleLayer(layerId) {
+    const on = this._activeLayers.includes(layerId);
+    this._activeLayers = on ? this._activeLayers.filter((id) => id !== layerId) : [...this._activeLayers, layerId];
+    this.pushLegend();
+  }
+  toggleLayerOpen(layerId) {
+    this._layerOpen = { ...this._layerOpen, [layerId]: this._layerOpen[layerId] === false };
+  }
+  setSlider(layerId, edge, raw) {
+    const layer = this._layers.find((item) => item.layerId === layerId);
+    const rangeCount = (layer == null ? void 0 : layer.colorRanges.length) ?? 1;
+    const current = this._sliders[layerId] ?? defaultLayerSlider(rangeCount);
+    const next = slideThumb(current, edge, raw, rangeCount);
+    if (next.leftSlider === current.leftSlider && next.rightSlider === current.rightSlider) return;
+    this._sliders = { ...this._sliders, [layerId]: next };
+    this.pushLegend();
+  }
+  startThumbDrag(layerId, edge, e) {
+    const thumb = e.currentTarget;
+    if (!(thumb instanceof HTMLElement)) return;
+    const track = thumb.parentElement;
+    if (!track) return;
+    e.preventDefault();
+    e.stopPropagation();
+    thumb.setPointerCapture(e.pointerId);
+    this.stopLegendDrag();
+    const move = (ev) => {
+      const layer = this._layers.find((item) => item.layerId === layerId);
+      const max = (layer == null ? void 0 : layer.colorRanges.length) ?? 1;
+      const index = sliderIndexFromPointer(ev.clientX, track.getBoundingClientRect(), max);
+      this.setSlider(layerId, edge, index);
+    };
+    const up = (ev) => {
+      if (thumb.hasPointerCapture(ev.pointerId)) thumb.releasePointerCapture(ev.pointerId);
+      this.stopLegendDrag();
+    };
+    thumb.addEventListener("pointermove", move);
+    thumb.addEventListener("pointerup", up);
+    thumb.addEventListener("pointercancel", up);
+    this._legendDrag = { thumb, move, up };
+    move(e);
+  }
+  stopLegendDrag() {
+    const drag = this._legendDrag;
+    if (!drag) return;
+    drag.thumb.removeEventListener("pointermove", drag.move);
+    drag.thumb.removeEventListener("pointerup", drag.up);
+    drag.thumb.removeEventListener("pointercancel", drag.up);
+    this._legendDrag = void 0;
+  }
+  setTooltip(entry) {
+    var _a, _b;
+    if (!entry) {
+      this._tooltip = null;
+      return;
+    }
+    const root = this.chartRoot();
+    const x = ((_a = entry.point) == null ? void 0 : _a.x) ?? ((root == null ? void 0 : root.clientWidth) ?? 0) / 2;
+    const y = ((_b = entry.point) == null ? void 0 : _b.y) ?? 48;
+    this._tooltip = {
+      x,
+      y,
+      title: entry.regionName,
+      value: `${entry.valueKey}: ${formatMapValue(entry.value)}`
+    };
+  }
+  matchNotice() {
+    const total = this._layers.reduce((sum, l) => sum + l.matchTotal, 0);
+    const hit = this._layers.reduce((sum, l) => sum + l.matchHit, 0);
+    if (total > 0 && hit === 0) {
+      return `0 of ${total} ${total === 1 ? "location" : "locations"} matched the map boundaries`;
+    }
+    return null;
+  }
+  renderLegend() {
+    if (!this.showLegend || this._empty) return nothing;
+    const layers = legendLayerOrder(this._layers.filter((layer) => layer.features.length > 0));
+    if (!layers.length) return nothing;
+    return html`
+      <div class="map-legend" part="legend">
+        <div class="legend-panel-header">
+          <p class="legend-kicker">Legend</p>
+          <button
+            type="button"
+            class="legend-chevron"
+            aria-expanded=${this._legendOpen}
+            aria-label=${this._legendOpen ? "Collapse legend" : "Expand legend"}
+            @click=${() => {
+      this._legendOpen = !this._legendOpen;
+    }}
+          ></button>
+        </div>
+        ${this._legendOpen ? html`<div class="legend-layers">
+              ${layers.map((layer) => this.renderLegendLayer(layer))}
+            </div>` : nothing}
+      </div>
+    `;
+  }
+  renderLegendLayer(layer) {
+    const active = this._activeLayers.includes(layer.layerId);
+    const open = this._layerOpen[layer.layerId] !== false;
+    const slider = this._sliders[layer.layerId] ?? defaultLayerSlider(layer.colorRanges.length);
+    const ranges = layer.colorRanges;
+    const isBubble = layer.visualisationType === "bubbles";
+    const isSpike = layer.visualisationType === "spike";
+    const isMarkers = layer.visualisationType === "markers";
+    const showRamp = ranges.length > 0;
+    return html`
+      <div class="legend-layer">
+        <div class="legend-layer-header">
+          <label class="legend-check">
+            <input
+              type="checkbox"
+              .checked=${active}
+              @change=${(e) => {
+      e.stopPropagation();
+      this.toggleLayer(layer.layerId);
+    }}
+            />
+            <span>${layer.layerName}</span>
+          </label>
+          <button
+            type="button"
+            class="legend-chevron"
+            aria-expanded=${open}
+            aria-label=${open ? `Collapse ${layer.layerName}` : `Expand ${layer.layerName}`}
+            @click=${() => this.toggleLayerOpen(layer.layerId)}
+          ></button>
+        </div>
+        ${open ? html`
+              <div class="legend-details">
+                <p class="legend-stat">
+                  <span class="legend-avg">${formatAverage(layer.average)}</span>
+                  ${formatFieldLabel(layer.valueKey)}
+                </p>
+                ${showRamp ? html`
+                      <div class="legend-scale" data-kind=${layer.visualisationType}>
+                        <div
+                          class="legend-colors"
+                          ?data-qualitative=${isBubble || isSpike}
+                        >
+                          <div class="legend-range">
+                            <div
+                              class="legend-range-track"
+                              style="left:${rangeTrackOffset("left", slider.leftSlider, ranges.length)}"
+                            >
+                              <button
+                                type="button"
+                                class="legend-thumb"
+                                aria-label="Lowest ${layer.layerName} range"
+                                style="left:${thumbTrackPercent(slider.leftSlider, ranges.length)}"
+                                @pointerdown=${(e) => this.startThumbDrag(layer.layerId, "leftSlider", e)}
+                              ></button>
+                            </div>
+                            <div
+                              class="legend-range-track"
+                              style="right:${rangeTrackOffset("right", slider.rightSlider, ranges.length)}"
+                            >
+                              <button
+                                type="button"
+                                class="legend-thumb"
+                                aria-label="Highest ${layer.layerName} range"
+                                style="left:${thumbTrackPercent(slider.rightSlider, ranges.length)}"
+                                @pointerdown=${(e) => this.startThumbDrag(layer.layerId, "rightSlider", e)}
+                              ></button>
+                            </div>
+                          </div>
+                          <div class="legend-buckets">
+                            ${ranges.map((range, index) => {
+      const inRange = slider.leftSlider <= index && index < slider.rightSlider;
+      const fill = isBubble || isSpike ? MUTED_LEGEND_FILL : inRange ? range.color : MUTED_LEGEND_FILL;
+      const bubble = isBubble ? DEFAULT_BUBBLES_RADIUS[index] ?? 12 : 0;
+      const inner = bubble - 15 > 0 ? bubble - 15 : 0;
+      return html`<span
+                                class="legend-bucket"
+                                ?data-bubble=${isBubble}
+                                ?data-inner=${inner > 0}
+                                ?data-qualitative=${isBubble || isSpike}
+                                style="background:${fill};--bubble-size:${bubble}px;--inner-size:${inner}px"
+                              ></span>`;
+    })}
+                          </div>
+                          ${isSpike ? html`<div class="legend-spikes">
+                                ${ranges.map(
+      (_range, index) => renderLegendSpike(
+        index,
+        `${sanitizeKey(layer.layerId)}_${index}`
+      )
+    )}
+                              </div>` : nothing}
+                        </div>
+                        ${isMarkers ? nothing : html`<div class="legend-values">
+                              ${ranges.map(
+      (range) => html`<span class="legend-value">${formatLegendBucket(range.start, 2)}</span>`
+    )}
+                            </div>`}
+                      </div>
+                    ` : nothing}
+              </div>
+            ` : nothing}
+      </div>
+    `;
+  }
+  render() {
+    const title = this.headerTitle();
+    const notice = this.matchNotice();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">${this._emptyReason}</div>` : nothing}
+          ${this.renderLegend()}
+          ${notice && !this._empty ? html`<div class="match-notice">${notice}</div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                <div>${this._tooltip.title}</div>
+                <div>${this._tooltip.value}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000MapChart.styles = [mapChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000MapChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000MapChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "mapbox-token" })
+], Ui9000MapChart.prototype, "mapboxToken", 2);
+__decorateClass([
+  property({ type: String, attribute: "geojson-base-url" })
+], Ui9000MapChart.prototype, "geojsonBaseUrl", 2);
+__decorateClass([
+  property({ type: String, attribute: "pmtiles-base-url" })
+], Ui9000MapChart.prototype, "pmtilesBaseUrl", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_emptyReason", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_layers", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_sliders", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_activeLayers", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_legendOpen", 2);
+__decorateClass([
+  state()
+], Ui9000MapChart.prototype, "_layerOpen", 2);
+Ui9000MapChart = __decorateClass([
+  customElement("ui9000-map-chart")
+], Ui9000MapChart);
+function registerMapChart() {
+  if (!customElements.get("ui9000-map-chart")) {
+    customElements.define("ui9000-map-chart", Ui9000MapChart);
+  }
+}
+registerMapChart();
+export {
+  Ui9000MapChart,
+  registerMapChart
+};
+//# sourceMappingURL=ui9000-map-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-map-chart.js","sources":["../../../../src/components/map-chart/element/ui9000-map-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { CSS_VARS, readCssVar } from '../../../context/widget-context.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { fetchMapGeoJson } from '../lib/geojson.js';\nimport { joinLayerFeatures } from '../lib/join.js';\nimport {\n  DEFAULT_BUBBLES_RADIUS,\n  defaultLayerSlider,\n  formatAverage,\n  formatFieldLabel,\n  formatLegendBucket,\n  legendLayerOrder,\n  legendSpikeHeight,\n  MUTED_LEGEND_FILL,\n  rangeTrackOffset,\n  sanitizeKey,\n  slideThumb,\n  sliderIndexFromPointer,\n  thumbTrackPercent,\n  type LayerSlider,\n  formatMapValue,\n  normalizeMapData,\n  type MapChartInput,\n  type MapHoverEntry,\n  type MapLayerModel,\n  type MapModel,\n} from '../lib/index.js';\nimport { renderMapChart, resizeMapChart, stopMapChart, type MapChartController } from '../render/draw.js';\nimport { mapChartStyles } from './styles.js';\n\nconst SPIKE_COLOR = '#939BA7';\n\nfunction renderLegendSpike(index: number, id: string) {\n  const h = legendSpikeHeight(index);\n  return html`\n    <span class=\"legend-spike\">\n      <svg width=\"25\" height=${h} viewBox=${`0 0 25 ${h}`} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <mask\n          id=${`mask_${id}`}\n          style=\"mask-type:alpha\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"6\"\n          y=\"0\"\n          width=\"13\"\n          height=${h}\n        >\n          <path\n            d=${`M18.1992 ${h - 0.75}L12.1992 0.25L6.19922 ${h - 0.75}Z`}\n            fill=${`url(#linear_gradient_${id})`}\n          />\n        </mask>\n        <g mask=${`url(#mask_${id})`}>\n          <path d=${`M18.1992 ${h - 0.75}L12.1992 0.25L6.19922 ${h - 0.75}Z`} fill=${SPIKE_COLOR} />\n        </g>\n        <path\n          d=${`M22.1992 ${h - 0.75}H19.0291C18.5479 ${h - 0.75} 18.135 ${h - 0.1} 18.0463 ${h - 0.5}L12.1992 0.25L6.35216 ${h - 0.5}C6.26348 ${h - 0.1} 5.85051 ${h - 0.75} 5.36929 ${h - 0.75}H2.19922`}\n          stroke=${SPIKE_COLOR}\n          fill=${SPIKE_COLOR}\n          fill-opacity=\"0\"\n          stroke-width=\"1\"\n        />\n        <defs>\n          <linearGradient\n            id=${`linear_gradient_${id}`}\n            x1=\"12.1992\"\n            y1=\"0.25\"\n            x2=\"12.1992\"\n            y2=${h}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stop-color=${SPIKE_COLOR} stop-opacity=\"0.7\" />\n            <stop offset=\"1\" stop-color=${SPIKE_COLOR} stop-opacity=\"0.2\" />\n          </linearGradient>\n        </defs>\n      </svg>\n    </span>\n  `;\n}\n\ntype RuntimeConfig = {\n  MAPBOX_TOKEN?: string;\n  MAPBOX_DARK_TOKEN?: string;\n  MAP_PMTILES_BASE_URL?: string;\n};\n\n@customElement('ui9000-map-chart')\nexport class Ui9000MapChart extends Ui9000ChartElement {\n  static override styles = [mapChartStyles, chartShellStyles];\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'mapbox-token' })\n  mapboxToken = '';\n\n  @property({ type: String, attribute: 'geojson-base-url' })\n  geojsonBaseUrl = '';\n\n  @property({ type: String, attribute: 'pmtiles-base-url' })\n  pmtilesBaseUrl = '/pmtiles';\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _emptyReason = 'No data';\n\n  @state()\n  private _tooltip: { x: number; y: number; title: string; value: string } | null = null;\n\n  @state()\n  private _layers: MapLayerModel[] = [];\n\n  @state()\n  private _sliders: Record<string, LayerSlider> = {};\n\n  @state()\n  private _activeLayers: string[] = [];\n\n  @state()\n  private _legendOpen = true;\n\n  @state()\n  private _layerOpen: Record<string, boolean> = {};\n\n  private _model: MapModel | null = null;\n  private _ctl: MapChartController | null = null;\n  private _legendKey = '';\n  private _legendDrag?: {\n    thumb: HTMLElement;\n    move: (e: PointerEvent) => void;\n    up: (e: PointerEvent) => void;\n  };\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n  private _drawGen = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => {\n      cancelAnimationFrame(this._raf);\n      this._raf = requestAnimationFrame(() => {\n        const root = this.chartRoot();\n        if (root && !resizeMapChart(root)) this.scheduleDraw();\n      });\n    });\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    this.stopLegendDrag();\n    const root = this.chartRoot();\n    if (root) stopMapChart(root);\n    this._ctl = null;\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (changed.has('dataJson')) this._model = null;\n    if (changed.has('showTooltip') && !this.showTooltip) this._tooltip = null;\n    if (this.shouldRedraw(changed)) this.scheduleDraw();\n  }\n\n  private shouldRedraw(changed: PropertyValues): boolean {\n    if (!chartPropsChanged(changed)) return false;\n    for (const key of changed.keys()) {\n      if (typeof key !== 'string' || key.startsWith('_')) continue;\n      if (key === 'showLegend' || key === 'showTooltip') continue;\n      return true;\n    }\n    return false;\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => {\n      void this.draw();\n    });\n  }\n\n  private chartRoot(): HTMLElement | null {\n    return (this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null) ?? null;\n  }\n\n  private token(): string {\n    if (this.mapboxToken.trim()) return this.mapboxToken.trim();\n    const runtime =\n      typeof window !== 'undefined'\n        ? (window as Window & { __RUNTIME_CONFIG__?: RuntimeConfig }).__RUNTIME_CONFIG__\n        : undefined;\n    if (runtime?.MAPBOX_TOKEN) return runtime.MAPBOX_TOKEN;\n    const env = (import.meta as { env?: Record<string, string | undefined> }).env;\n    return (env?.STORYBOOK_MAPBOX_TOKEN || env?.VITE_MAPBOX_TOKEN || '').trim();\n  }\n\n  private pmtilesUrl(): string {\n    if (this.pmtilesBaseUrl.trim()) return this.pmtilesBaseUrl.trim();\n    const runtime =\n      typeof window !== 'undefined'\n        ? (window as Window & { __RUNTIME_CONFIG__?: RuntimeConfig }).__RUNTIME_CONFIG__\n        : undefined;\n    if (runtime?.MAP_PMTILES_BASE_URL) return runtime.MAP_PMTILES_BASE_URL;\n    const env = (import.meta as { env?: Record<string, string | undefined> }).env;\n    return (env?.STORYBOOK_MAP_PMTILES_BASE_URL || env?.VITE_MAP_PMTILES_BASE_URL || '/pmtiles').trim();\n  }\n\n  private mode(): 'light' | 'dark' {\n    const value = readCssVar(this, CSS_VARS.mode, 'light');\n    return value === 'dark' ? 'dark' : 'light';\n  }\n\n  private async draw(): Promise<void> {\n    const root = this.chartRoot();\n    if (!root) return;\n    const gen = ++this._drawGen;\n\n    const parsed = parseJsonAttr<MapChartInput>(this.dataJson, null);\n    let model = this._model ?? normalizeMapData(parsed);\n    this._model = model;\n\n    if (!model.layers.length) {\n      this._empty = true;\n      this._emptyReason = 'No data';\n      this._layers = [];\n      stopMapChart(root);\n      this._ctl = null;\n      return;\n    }\n\n    const needsGeo = model.layers.some((layer) => !layer.features.length);\n    if (needsGeo && this.geojsonBaseUrl) {\n      const types = [...new Set(model.layers.map((l) => l.mapType))];\n      const loaded = await Promise.all(\n        types.map(async (mapType) => [mapType, await fetchMapGeoJson(mapType, this.geojsonBaseUrl)] as const),\n      );\n      if (gen !== this._drawGen) return;\n      const byType = Object.fromEntries(loaded.filter((entry) => entry[1]));\n      model = {\n        ...model,\n        layers: model.layers.map((layer) =>\n          layer.features.length ? layer : joinLayerFeatures(layer, byType[layer.mapType] ?? undefined),\n        ),\n      };\n      this._model = model;\n    }\n\n    const token = this.token();\n    if (!token) {\n      this._empty = true;\n      this._emptyReason = 'Mapbox token required';\n      this._layers = model.layers;\n      stopMapChart(root);\n      this._ctl = null;\n      return;\n    }\n\n    const hasMarks = model.layers.some((layer) => layer.features.length > 0);\n    this._empty = !hasMarks;\n    this._emptyReason = hasMarks\n      ? 'No data'\n      : model.layers.some((l) => l.matchTotal > 0 && l.matchHit === 0)\n        ? 'No locations matched the map boundaries'\n        : 'Map boundaries required';\n    this._layers = model.layers;\n    if (!hasMarks) {\n      stopMapChart(root);\n      this._ctl = null;\n      return;\n    }\n    this.syncLegendState(model.layers);\n\n    const ctl = await renderMapChart(root, {\n      model,\n      token,\n      mode: this.mode(),\n      showTooltip: this.showTooltip,\n      pmtilesBaseUrl: this.pmtilesUrl(),\n      activeLayerIds: this._activeLayers,\n      sliders: this._sliders,\n      year: model.layers.find((layer) => layer.selectedYear)?.selectedYear,\n      onHover: this.showTooltip\n        ? (entry) => this.setTooltip(entry)\n        : undefined,\n    });\n    if (gen !== this._drawGen) {\n      ctl?.destroy();\n      return;\n    }\n    this._ctl = ctl;\n    if (!this._ctl) {\n      this._empty = true;\n      this._emptyReason = 'Mapbox GL failed to load';\n      stopMapChart(root);\n    }\n  }\n\n  private syncLegendState(layers: MapLayerModel[]): void {\n    const ids = layers.map((layer) => layer.layerId);\n    const key = ids.join('\\0');\n    if (key !== this._legendKey) {\n      this._legendKey = key;\n      this._sliders = Object.fromEntries(\n        layers.map((layer) => [layer.layerId, defaultLayerSlider(layer.colorRanges.length)]),\n      );\n      this._activeLayers = ids;\n      this._layerOpen = {};\n      return;\n    }\n    const sliders = { ...this._sliders };\n    let slidersChanged = false;\n    for (const layer of layers) {\n      if (!sliders[layer.layerId]) {\n        sliders[layer.layerId] = defaultLayerSlider(layer.colorRanges.length);\n        slidersChanged = true;\n      }\n    }\n    if (slidersChanged) this._sliders = sliders;\n  }\n\n  private pushLegend(): void {\n    this._ctl?.applyLegend(this._activeLayers, this._sliders);\n  }\n\n  private toggleLayer(layerId: string): void {\n    const on = this._activeLayers.includes(layerId);\n    this._activeLayers = on\n      ? this._activeLayers.filter((id) => id !== layerId)\n      : [...this._activeLayers, layerId];\n    this.pushLegend();\n  }\n\n  private toggleLayerOpen(layerId: string): void {\n    this._layerOpen = { ...this._layerOpen, [layerId]: this._layerOpen[layerId] === false };\n  }\n\n  private setSlider(layerId: string, edge: 'leftSlider' | 'rightSlider', raw: number): void {\n    const layer = this._layers.find((item) => item.layerId === layerId);\n    const rangeCount = layer?.colorRanges.length ?? 1;\n    const current = this._sliders[layerId] ?? defaultLayerSlider(rangeCount);\n    const next = slideThumb(current, edge, raw, rangeCount);\n    if (next.leftSlider === current.leftSlider && next.rightSlider === current.rightSlider) return;\n    this._sliders = { ...this._sliders, [layerId]: next };\n    this.pushLegend();\n  }\n\n  private startThumbDrag(layerId: string, edge: 'leftSlider' | 'rightSlider', e: PointerEvent): void {\n    const thumb = e.currentTarget;\n    if (!(thumb instanceof HTMLElement)) return;\n    const track = thumb.parentElement;\n    if (!track) return;\n    e.preventDefault();\n    e.stopPropagation();\n    thumb.setPointerCapture(e.pointerId);\n    this.stopLegendDrag();\n\n    const move = (ev: PointerEvent) => {\n      const layer = this._layers.find((item) => item.layerId === layerId);\n      const max = layer?.colorRanges.length ?? 1;\n      const index = sliderIndexFromPointer(ev.clientX, track.getBoundingClientRect(), max);\n      this.setSlider(layerId, edge, index);\n    };\n    const up = (ev: PointerEvent) => {\n      if (thumb.hasPointerCapture(ev.pointerId)) thumb.releasePointerCapture(ev.pointerId);\n      this.stopLegendDrag();\n    };\n    thumb.addEventListener('pointermove', move);\n    thumb.addEventListener('pointerup', up);\n    thumb.addEventListener('pointercancel', up);\n    this._legendDrag = { thumb, move, up };\n    move(e);\n  }\n\n  private stopLegendDrag(): void {\n    const drag = this._legendDrag;\n    if (!drag) return;\n    drag.thumb.removeEventListener('pointermove', drag.move);\n    drag.thumb.removeEventListener('pointerup', drag.up);\n    drag.thumb.removeEventListener('pointercancel', drag.up);\n    this._legendDrag = undefined;\n  }\n\n  private setTooltip(entry: MapHoverEntry | null): void {\n    if (!entry) {\n      this._tooltip = null;\n      return;\n    }\n    const root = this.chartRoot();\n    const x = entry.point?.x ?? (root?.clientWidth ?? 0) / 2;\n    const y = entry.point?.y ?? 48;\n    this._tooltip = {\n      x,\n      y,\n      title: entry.regionName,\n      value: `${entry.valueKey}: ${formatMapValue(entry.value)}`,\n    };\n  }\n\n  private matchNotice(): string | null {\n    const total = this._layers.reduce((sum, l) => sum + l.matchTotal, 0);\n    const hit = this._layers.reduce((sum, l) => sum + l.matchHit, 0);\n    if (total > 0 && hit === 0) {\n      return `0 of ${total} ${total === 1 ? 'location' : 'locations'} matched the map boundaries`;\n    }\n    return null;\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || this._empty) return nothing;\n    const layers = legendLayerOrder(this._layers.filter((layer) => layer.features.length > 0));\n    if (!layers.length) return nothing;\n\n    return html`\n      <div class=\"map-legend\" part=\"legend\">\n        <div class=\"legend-panel-header\">\n          <p class=\"legend-kicker\">Legend</p>\n          <button\n            type=\"button\"\n            class=\"legend-chevron\"\n            aria-expanded=${this._legendOpen}\n            aria-label=${this._legendOpen ? 'Collapse legend' : 'Expand legend'}\n            @click=${() => {\n              this._legendOpen = !this._legendOpen;\n            }}\n          ></button>\n        </div>\n        ${this._legendOpen\n          ? html`<div class=\"legend-layers\">\n              ${layers.map((layer) => this.renderLegendLayer(layer))}\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  private renderLegendLayer(layer: MapLayerModel) {\n    const active = this._activeLayers.includes(layer.layerId);\n    const open = this._layerOpen[layer.layerId] !== false;\n    const slider = this._sliders[layer.layerId] ?? defaultLayerSlider(layer.colorRanges.length);\n    const ranges = layer.colorRanges;\n    const isBubble = layer.visualisationType === 'bubbles';\n    const isSpike = layer.visualisationType === 'spike';\n    const isMarkers = layer.visualisationType === 'markers';\n    const showRamp = ranges.length > 0;\n\n    return html`\n      <div class=\"legend-layer\">\n        <div class=\"legend-layer-header\">\n          <label class=\"legend-check\">\n            <input\n              type=\"checkbox\"\n              .checked=${active}\n              @change=${(e: Event) => {\n                e.stopPropagation();\n                this.toggleLayer(layer.layerId);\n              }}\n            />\n            <span>${layer.layerName}</span>\n          </label>\n          <button\n            type=\"button\"\n            class=\"legend-chevron\"\n            aria-expanded=${open}\n            aria-label=${open ? `Collapse ${layer.layerName}` : `Expand ${layer.layerName}`}\n            @click=${() => this.toggleLayerOpen(layer.layerId)}\n          ></button>\n        </div>\n        ${open\n          ? html`\n              <div class=\"legend-details\">\n                <p class=\"legend-stat\">\n                  <span class=\"legend-avg\">${formatAverage(layer.average)}</span>\n                  ${formatFieldLabel(layer.valueKey)}\n                </p>\n                ${showRamp\n                  ? html`\n                      <div class=\"legend-scale\" data-kind=${layer.visualisationType}>\n                        <div\n                          class=\"legend-colors\"\n                          ?data-qualitative=${isBubble || isSpike}\n                        >\n                          <div class=\"legend-range\">\n                            <div\n                              class=\"legend-range-track\"\n                              style=\"left:${rangeTrackOffset('left', slider.leftSlider, ranges.length)}\"\n                            >\n                              <button\n                                type=\"button\"\n                                class=\"legend-thumb\"\n                                aria-label=\"Lowest ${layer.layerName} range\"\n                                style=\"left:${thumbTrackPercent(slider.leftSlider, ranges.length)}\"\n                                @pointerdown=${(e: PointerEvent) =>\n                                  this.startThumbDrag(layer.layerId, 'leftSlider', e)}\n                              ></button>\n                            </div>\n                            <div\n                              class=\"legend-range-track\"\n                              style=\"right:${rangeTrackOffset('right', slider.rightSlider, ranges.length)}\"\n                            >\n                              <button\n                                type=\"button\"\n                                class=\"legend-thumb\"\n                                aria-label=\"Highest ${layer.layerName} range\"\n                                style=\"left:${thumbTrackPercent(slider.rightSlider, ranges.length)}\"\n                                @pointerdown=${(e: PointerEvent) =>\n                                  this.startThumbDrag(layer.layerId, 'rightSlider', e)}\n                              ></button>\n                            </div>\n                          </div>\n                          <div class=\"legend-buckets\">\n                            ${ranges.map((range, index) => {\n                              const inRange =\n                                slider.leftSlider <= index && index < slider.rightSlider;\n                              const fill =\n                                isBubble || isSpike\n                                  ? MUTED_LEGEND_FILL\n                                  : inRange\n                                    ? range.color\n                                    : MUTED_LEGEND_FILL;\n                              const bubble = isBubble ? (DEFAULT_BUBBLES_RADIUS[index] ?? 12) : 0;\n                              const inner = bubble - 15 > 0 ? bubble - 15 : 0;\n                              return html`<span\n                                class=\"legend-bucket\"\n                                ?data-bubble=${isBubble}\n                                ?data-inner=${inner > 0}\n                                ?data-qualitative=${isBubble || isSpike}\n                                style=\"background:${fill};--bubble-size:${bubble}px;--inner-size:${inner}px\"\n                              ></span>`;\n                            })}\n                          </div>\n                          ${isSpike\n                            ? html`<div class=\"legend-spikes\">\n                                ${ranges.map((_range, index) =>\n                                  renderLegendSpike(\n                                    index,\n                                    `${sanitizeKey(layer.layerId)}_${index}`,\n                                  ),\n                                )}\n                              </div>`\n                            : nothing}\n                        </div>\n                        ${isMarkers\n                          ? nothing\n                          : html`<div class=\"legend-values\">\n                              ${ranges.map(\n                                (range) =>\n                                  html`<span class=\"legend-value\">${formatLegendBucket(range.start, 2)}</span>`,\n                              )}\n                            </div>`}\n                      </div>\n                    `\n                  : nothing}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const notice = this.matchNotice();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">${this._emptyReason}</div>` : nothing}\n          ${this.renderLegend()}\n          ${notice && !this._empty ? html`<div class=\"match-notice\">${notice}</div>` : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div>${this._tooltip.title}</div>\n                <div>${this._tooltip.value}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-map-chart': Ui9000MapChart;\n  }\n}\n\nexport function registerMapChart(): void {\n  if (!customElements.get('ui9000-map-chart')) {\n    customElements.define('ui9000-map-chart', Ui9000MapChart);\n  }\n}\n\nregisterMapChart();\n"],"names":[],"mappings":"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"}

package/dist/components/map-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000MapChart, registerMapChart } from './element/ui9000-map-chart.js';
+export { renderMapChart, resizeMapChart, stopMapChart, type MapChartController, type RenderMapChartOptions, } from './render/index.js';
+export { GEOJSON_KEYS, createFeaturesIndex, fetchMapGeoJson, formatMapValue, generateColorRanges, getRegionId, inferMapTypeFromKeyNames, joinLayerFeatures, normalizeMapData, type MapChartInput, type MapHoverEntry, type MapLayerModel, type MapModel, } from './lib/index.js';
+export { default as mapChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/map-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/map-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EACL,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,WAAW,EACX,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/map-chart/index.js

@@ -0,0 +1,29 @@
+import { registerMapChart } from "./element/ui9000-map-chart.js";
+import { Ui9000MapChart } from "./element/ui9000-map-chart.js";
+import { default as default2 } from "./metadata.json.js";
+import { GEOJSON_KEYS } from "./lib/constants.js";
+import { createFeaturesIndex, getRegionId, inferMapTypeFromKeyNames } from "./lib/geo-index.js";
+import { fetchMapGeoJson } from "./lib/geojson.js";
+import { formatMapValue } from "./lib/format.js";
+import { generateColorRanges } from "./lib/domain.js";
+import { joinLayerFeatures } from "./lib/join.js";
+import { normalizeMapData } from "./lib/normalize.js";
+import { renderMapChart, resizeMapChart, stopMapChart } from "./render/draw.js";
+export {
+  GEOJSON_KEYS,
+  Ui9000MapChart,
+  createFeaturesIndex,
+  fetchMapGeoJson,
+  formatMapValue,
+  generateColorRanges,
+  getRegionId,
+  inferMapTypeFromKeyNames,
+  joinLayerFeatures,
+  default2 as mapChartMetadata,
+  normalizeMapData,
+  registerMapChart,
+  renderMapChart,
+  resizeMapChart,
+  stopMapChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/map-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}