@expressivecss/expressive 0.15.0 → 0.16.0

package/dist/js/chunks/chunk-752ADW4M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/scatterChart.ts"],
+  "sourcesContent": ["import { svgNode } from '../core/utils';\nimport { LineChart, LineChartOptions, ChartScale, Series, affix, cellValue, morph, numberFormat, pace, tickText } from './lineChart';\n\nexport interface ScatterChartOptions extends LineChartOptions {\n  /**\n   * Lowest value on the x axis. Defaults to the data minimum less 10% of\n   * the range. Overridden by `data-x-min` on the chart.\n   */\n  xMin: number | null;\n  /**\n   * Highest value on the x axis. Defaults to the data maximum plus 10% of\n   * the range. Overridden by `data-x-max` on the chart.\n   */\n  xMax: number | null;\n}\n\n/**\n * A drawn point: its row and series, where it sits in the plot, in percent,\n * and its diameter as a share of the largest bubble's.\n */\ninterface Mark {\n  row: number;\n  series: Series;\n  x: number;\n  y: number;\n  size: number;\n}\n\n/** Points as path data: round caps on zero-length lines. */\nconst dots = (marks: Mark[]) => marks.map(({ x, y }) => `M${x},${y}h0`).join('');\n\n/** A point's row and series column, which update() matches old and new points by. */\nconst place = ({ row, series }: Mark) => `${row} ${series.column}`;\n\n/** A tooltip line part. */\nconst span = (text: string) => Object.assign(document.createElement('span'), { textContent: text });\n\n/** A CSS time, such as 400ms or 0.4s, in milliseconds. */\nconst ms = (time: string) => parseFloat(time) * (time.trim().endsWith('ms') ? 1 : 1000);\n\n/**\n * Sizes a bubble, and with motion timing grows or shrinks it from its old\n * point's size. The Web Animations API, since SVG animation cannot reach a\n * size that CSS computes from a token.\n */\nfunction sized(path: SVGElement, size: number, was: Mark | undefined, timing: ReturnType<typeof pace>) {\n  path.style.setProperty('--scatter-chart-size', `${size}`);\n  if (!timing || !was || was.size === size) return;\n  path.animate({ '--scatter-chart-size': [`${was.size}`, `${size}`] }, { duration: ms(timing.dur), easing: `cubic-bezier(${timing.keySplines})` });\n}\n\n/**\n * Scatter chart. It reads its <table> like LineChart, but the first value\n * column is the x axis: each row draws one point per later column, at the\n * row's x value and that column's y value. A row without an x value, or a\n * cell without a y value, draws no point.\n *\n * With `.bubble`, the last column sizes each row's points, so their areas\n * follow its values, and a row without a positive size draws no point.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class ScatterChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** Each row's x value, or null. */\n  private _xs: (number | null)[];\n  /** Each row's size: 1 without .bubble, or the last cell's value, null unless positive. */\n  private _sizes: (number | null)[];\n  /** The x scale. */\n  private _xFit: ChartScale;\n  /** The signs around the x column's numbers, which its axis labels repeat. */\n  private _xAffix: [string, string];\n  /** The drawn points, row by row and within a row by series. */\n  private _marks: Mark[];\n  /** During update(), the points drawn before it, which the new ones move from. */\n  private _drawn: Mark[];\n\n  protected get _type() {\n    return 'scatter-chart';\n  }\n\n  protected get _seriesFrom() {\n    return 2;\n  }\n\n  protected get _seriesTo() {\n    return this._bubble ? -1 : undefined;\n  }\n\n  private get _bubble() {\n    return this.el.classList.contains('bubble');\n  }\n\n  static get defaults(): ScatterChartOptions {\n    return { ...LineChart.defaults, xMin: null, xMax: null };\n  }\n\n  static key = 'Expressive_ScatterChart';\n\n  /**\n   * Reads each row's x value into `_xs` and its size into `_sizes`, which\n   * the scales and the points use, and leaves out the values of rows\n   * without either, so they neither draw nor stretch a scale. Nothing stacks.\n   */\n  protected _arrange(series: Series[]) {\n    const xs = (this._xs = this._rows.map((row) => cellValue(row.cells[1])));\n    const sizes = (this._sizes = this._rows.map((row) => this._size(row)));\n    for (const each of series) {\n      each.values = each.tops = each.values.map((value, row) => (xs[row] === null || sizes[row] === null ? null : value));\n    }\n  }\n\n  /** A row's size: 1 without .bubble, or its last cell's value, null unless positive. */\n  private _size(row: HTMLTableRowElement) {\n    if (!this._bubble) return 1;\n    const size = cellValue(row.cells[this._header.length - 1]) ?? 0;\n    return size > 0 ? size : null;\n  }\n\n  protected get _count() {\n    return this._marks?.length ?? 0;\n  }\n\n  /** Highlights one point, numbered as `_marks` lists them. Pass -1 to hide the tooltip. */\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    this.activeIndex = index;\n    const mark = this._marks[index];\n    this._cursor.hidden = this._tooltip.hidden = !mark;\n    if (mark) this._fill(mark);\n  }\n\n  /**\n   * Puts the marker on a point, at a bubble's size, and fills the tooltip\n   * beside it: the row, its x header and text, the series and its text, and\n   * with .bubble the size header and text, as the author wrote them. Past\n   * the middle the tooltip opens back over the plot.\n   */\n  private _fill({ row, series, x, y, size }: Mark) {\n    this._cursor.dataset.series = series.color;\n    this._cursor.style.setProperty('--scatter-chart-size', `${size}`);\n    for (const part of [this._cursor, this._tooltip]) Object.assign(part.style, { left: `${x}%`, top: `${y}%` });\n    this._tooltip.classList.toggle('end', x > 50);\n    const [title, name] = [document.createElement('strong'), span(series.name)];\n    title.textContent = this.labels[row];\n    name.dataset.series = series.color;\n    const sizeText = this._bubble ? this._cellText(row, this._header.length - 1) : [];\n    this._tooltip.replaceChildren(title, ...this._cellText(row, 1), name, span(series.text[row]), ...sizeText);\n  }\n\n  /** A column's header, without a swatch since it names no series, and the row's text in it. */\n  private _cellText(row: number, column: number) {\n    const header = span(this._header[column].textContent.trim());\n    header.className = 'x';\n    return [header, span(this._rows[row].cells[column]?.textContent.trim() ?? '')];\n  }\n\n  /** The point nearest the pointer, or -1 with none. */\n  protected _indexAt(e: PointerEvent) {\n    const [plot, box] = [this._plot, this._plot.getBoundingClientRect()];\n    const away = ({ x, y }: Mark) => Math.hypot(\n      box.left + plot.clientLeft + (x / 100) * plot.clientWidth - e.clientX,\n      box.top + plot.clientTop + (y / 100) * plot.clientHeight - e.clientY);\n    return this._marks.reduce((nearest, mark, i) => (nearest < 0 || away(mark) < away(this._marks[nearest]) ? i : nearest), -1);\n  }\n\n  /**\n   * Steps through the points in table order. The arrows keep their meaning\n   * in a right-to-left chart, since table order is no direction on screen.\n   */\n  protected _keyTarget(key: string): number | undefined {\n    // With nothing shown, Escape is left to a dialog or sheet around the chart.\n    if (key === 'Escape') return this.activeIndex < 0 ? undefined : -1;\n    const last = this._marks.length - 1;\n    const step = ({ ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 } as Record<string, number>)[key];\n    if (step) return Math.min(last, Math.max(0, this.activeIndex + step));\n    return ({ Home: 0, End: last } as Record<string, number>)[key];\n  }\n\n  protected _read() {\n    [this._drawn, this._marks] = [this._marks ?? [], []];\n    super._read();\n    if (!this.series.length) return;\n    this._xFit = this._xScale();\n    this._xAffix = affix(this._rows.map((row) => row.cells[1]));\n  }\n\n  /** The x scale over the rows with a point, between `xMin` and `xMax` where they are set. */\n  private _xScale(): ChartScale {\n    const [low, high] = this._xRange();\n    const [min, max] = [this._xEnd('xMin'), this._xEnd('xMax')];\n    return this._fit(min ?? low, max ?? high, [min !== null, max !== null]);\n  }\n\n  /** The x values of the rows with a point, with 10% of their span to spare each side. */\n  private _xRange(): [number, number] {\n    const xs = this._xs.filter((_, row) => this._hasPoint(row)) as number[];\n    if (!xs.length) return [-1, 1];\n    const [low, high] = [xs.reduce((a, b) => Math.min(a, b)), xs.reduce((a, b) => Math.max(a, b))];\n    const pad = (high - low) * 0.1 || 1;\n    return [low - pad, high + pad];\n  }\n\n  /** An x scale end from its data attribute or option, or null. */\n  private _xEnd(name: 'xMin' | 'xMax') {\n    return this._number(name) ?? (this.options as Partial<ScatterChartOptions>)[name] ?? null;\n  }\n\n  /** A value's distance across the plot from its inline start, in percent. */\n  private _xAt(value: number) {\n    const { min, max } = this._xFit;\n    const x = ((value - min) / (max - min || 1)) * 100;\n    return this._reversed ? 100 - x : x;\n  }\n\n  /** Whether any series shown draws a point in a row. */\n  private _hasPoint(row: number) {\n    return this.series.some((series) => series.values[row] !== null);\n  }\n\n  /** The points, each diameter the square root of its row's share of the largest size drawn, so areas follow sizes. */\n  private _layout(): Mark[] {\n    const largest = this._sizes.reduce<number>((most, size, row) => (this._hasPoint(row) ? Math.max(most, size!) : most), 0);\n    return this.labels.flatMap((_, row) => this.series\n      .filter((series) => series.values[row] !== null)\n      .map((series) => ({\n        row,\n        series,\n        x: this._xAt(this._xs[row]!),\n        y: series.y(series.values[row]!),\n        size: Math.sqrt(this._sizes[row]! / largest)\n      })));\n  }\n\n  /** One group per series, its points round caps on zero-length lines, so CSS sizes them in pixels. */\n  protected _draw(): Element {\n    this._marks = this._layout();\n    const svg = svgNode('svg', {\n      viewBox: '0 0 100 100',\n      preserveAspectRatio: 'none',\n      'aria-hidden': 'true',\n      focusable: 'false'\n    });\n    const timing = this._before.length ? pace(this.el) : null;\n    const was = new Map(this._drawn.map((old) => [place(old), old]));\n    svg.append(...this.series.map((series) => this._group(series, timing, was)));\n    return svg;\n  }\n\n  /**\n   * A series' points, in one path, or with .bubble one path each, largest\n   * first so smaller bubbles stay on top.\n   */\n  private _group(series: Series, timing: ReturnType<typeof pace>, was: Map<string, Mark>) {\n    const group = svgNode('g', {\n      class: `scatter-chart-series ${series.className}`.trim(),\n      'data-series': series.color\n    });\n    const marks = this._marks.filter((mark) => mark.series === series);\n    const sets = this._bubble ? marks.sort((a, b) => b.size - a.size).map((mark) => [mark]) : [marks];\n    group.append(...sets.map((set) => this._pointPath(set, timing, was)));\n    return group;\n  }\n\n  /**\n   * A path of points. After update() each moves from where its row's point\n   * in the same column was drawn, or appears where it is.\n   */\n  private _pointPath(marks: Mark[], timing: ReturnType<typeof pace>, was: Map<string, Mark>) {\n    const path = svgNode('path', { class: 'scatter-chart-points', d: dots(marks) });\n    if (timing) morph(path, dots(marks.map((mark) => was.get(place(mark)) ?? mark)), timing);\n    if (this._bubble) sized(path, marks[0].size, was.get(place(marks[0])), timing);\n    return path;\n  }\n\n  /** With .axis, the y scale's labels, and the x scale's below the plot with a grid line at each. */\n  protected _axes(): Element[] {\n    return this._axis ? [...super._axes(), this._xAxis()] : [];\n  }\n\n  private _xAxis() {\n    const axis = document.createElement('ol');\n    axis.className = 'scatter-chart-axis x';\n    axis.setAttribute('aria-hidden', 'true');\n    const number = numberFormat(this.el, { notation: 'compact', maximumSignificantDigits: 3 });\n    for (const tick of this._xFit.ticks) {\n      const li = document.createElement('li');\n      const label = document.createElement('span');\n      label.textContent = tickText(number, tick, this._xAffix);\n      li.style.setProperty('--at', `${this._xAt(tick)}%`);\n      li.append(label);\n      axis.append(li);\n    }\n    return axis;\n  }\n\n  /** The legend only: the rows have no labels along an axis. */\n  protected _guides(): Element[] {\n    return this._legend();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-CK2XCICY.mjs → chunk-75E5EDJF.mjs}

@@ -1,24 +1,15 @@
 import {
   ColumnChart
-} from "./chunk-45FER6RI.mjs";
+} from "./chunk-PA7NU5AK.mjs";
 
 // src/ts/components/barChart.ts
 var BarChart = class extends ColumnChart {
   get _type() {
     return "bar-chart";
   }
-  get _key() {
-    return "Expressive_BarChart";
-  }
   get _horizontal() {
     return true;
   }
-  static init(els, options = {}) {
-    return super.init(els, options);
-  }
-  static getInstance(el) {
-    return el["Expressive_BarChart"];
-  }
   /**
    * The column chart's spans; CSS reads their --top and --bottom across the
    * plot. With .values, a copy of the bars without their clipping holds each
@@ -40,8 +31,9 @@ var BarChart = class extends ColumnChart {
     return layers;
   }
 };
+BarChart.key = "Expressive_BarChart";
 
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-CK2XCICY.mjs.map
+//# sourceMappingURL=chunk-75E5EDJF.mjs.map

package/dist/js/chunks/chunk-75E5EDJF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/barChart.ts"],
+  "sourcesContent": ["import { ColumnChart, ColumnChartOptions } from './columnChart';\n\nexport type BarChartOptions = ColumnChartOptions;\n\n/**\n * Bar chart. A column chart turned on its side: each row of the <table> is\n * a band of bars that grow from zero along the inline axis, with its label\n * beside it. The up and down arrows move the tooltip between rows.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class BarChart extends ColumnChart {\n  protected get _type() {\n    return 'bar-chart';\n  }\n\n  protected get _horizontal() {\n    return true;\n  }\n\n  static key = 'Expressive_BarChart';\n\n  /**\n   * The column chart's spans; CSS reads their --top and --bottom across the\n   * plot. With .values, a copy of the bars without their clipping holds each\n   * cell's text, so text longer than a short bar can run past its end.\n   */\n  protected _draw(): Element {\n    const bars = super._draw() as HTMLElement;\n    bars.className = 'bar-chart-bars';\n    // Read here rather than with :dir(), which misses CSS `direction`.\n    bars.classList.toggle('rtl', getComputedStyle(this.el).direction === 'rtl');\n    if (!this.el.classList.contains('values')) return bars;\n\n    const values = bars.cloneNode(true) as HTMLElement;\n    values.classList.replace('bar-chart-bars', 'bar-chart-values');\n    values.querySelectorAll<HTMLElement>('span[data-text]').forEach((span) => {\n      span.textContent = span.dataset.text;\n    });\n    const layers = document.createElement('div');\n    layers.className = 'bar-chart-layers';\n    layers.append(bars, values);\n    return layers;\n  }\n}\n"],
+  "mappings": ";;;;;AAYO,IAAM,WAAN,cAAuB,YAAY;AAAA,EACxC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,cAAc;AAC1B,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASU,QAAiB;AACzB,UAAM,OAAO,MAAM,MAAM;AACzB,SAAK,YAAY;AAEjB,SAAK,UAAU,OAAO,OAAO,iBAAiB,KAAK,EAAE,EAAE,cAAc,KAAK;AAC1E,QAAI,CAAC,KAAK,GAAG,UAAU,SAAS,QAAQ,EAAG,QAAO;AAElD,UAAM,SAAS,KAAK,UAAU,IAAI;AAClC,WAAO,UAAU,QAAQ,kBAAkB,kBAAkB;AAC7D,WAAO,iBAA8B,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AACxE,WAAK,cAAc,KAAK,QAAQ;AAAA,IAClC,CAAC;AACD,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,OAAO,MAAM,MAAM;AAC1B,WAAO;AAAA,EACT;AACF;AAjCa,SASJ,MAAM;",
+  "names": []
+}

package/dist/js/chunks/{chunk-KHXZ2A4K.mjs → chunk-7NLUI3RR.mjs}

@@ -1,9 +1,9 @@
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-PD6HYHAE.mjs";
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
 
 // src/ts/components/mapView.ts
 var OPENFREEMAP = "https://tiles.openfreemap.org/styles/";
@@ -14,7 +14,14 @@ var _defaults = {
   zoom: 1,
   mapOptions: {}
 };
-var lngLat = (el) => el.dataset.lngLat.split(",").map(Number);
+var isLngLat = (value) => value.length === 2 && value.every(Number.isFinite) && Math.abs(value[1]) <= 90;
+var lngLat = (el) => {
+  const value = el.dataset.lngLat.split(",").map((part) => part.trim() ? Number(part) : NaN);
+  if (isLngLat(value)) return value;
+  console.warn(`MapView skipped data-lng-lat="${el.dataset.lngLat}": expected "longitude,latitude".`, el);
+  return null;
+};
+var positioned = (elements) => elements.map((el) => [el, lngLat(el)]).filter((pair) => pair[1] !== null);
 function arc([x0, y0], [x2, y2], steps = 32) {
   const bow = x2 >= x0 ? 0.25 : -0.25;
   const x1 = (x0 + x2) / 2 - (y2 - y0) * bow;
@@ -24,9 +31,11 @@ function arc([x0, y0], [x2, y2], steps = 32) {
     return [u * u * x0 + 2 * u * t * x1 + t * t * x2, u * u * y0 + 2 * u * t * y1 + t * t * y2];
   });
 }
-var MapView = class _MapView extends Component {
+var ARROWS = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] };
+var plainArrow = (e) => Utils.plainKey(e) ? ARROWS[e.key] : void 0;
+var MapView = class extends Component {
   constructor(el, options) {
-    super(el, options, _MapView);
+    super(el, options);
     /** The MapLibre map. */
     this.map = null;
     /** The MapLibre markers made from `.map-marker` children, in order. */
@@ -38,11 +47,27 @@ var MapView = class _MapView extends Component {
     this._styleReady = false;
     this._dark = false;
     this._location = null;
-    this._media = null;
     this._observer = null;
     // Looked up once: `move` fires every frame of a pan or zoom.
     this._zoomIn = [];
     this._zoomOut = [];
+    // The draggable marker a tap picked up, waiting for the tap that drops it.
+    this._picked = null;
+    // The marker whose drag just ended, so the click that follows does not pick it up.
+    this._dragged = null;
+    // Undoes what the map added to the page's markup, for destroy().
+    this._restore = [];
+    this._actions = {
+      "zoom-in": () => this.map.zoomIn(),
+      "zoom-out": () => this.map.zoomOut(),
+      compass: () => this.map.resetNorthPitch(),
+      locate: (button) => this._locate(button),
+      fullscreen: () => this._toggleFullscreen(),
+      "pan-up": () => this._pan(0, -1),
+      "pan-down": () => this._pan(0, 1),
+      "pan-left": () => this._pan(-1, 0),
+      "pan-right": () => this._pan(1, 0)
+    };
     this._handleStyleLoad = () => {
       this._styleReady = true;
       for (const overlay of this._overlays.values()) overlay.draw();
@@ -68,39 +93,19 @@ var MapView = class _MapView extends Component {
     this._handleClick = (e) => {
       const target = e.target;
       const button = target.closest(".map-controls [data-action]");
-      const action = button?.dataset.action;
-      if (action === "zoom-in") this.map.zoomIn();
-      else if (action === "zoom-out") this.map.zoomOut();
-      else if (action === "compass") this.map.resetNorthPitch();
-      else if (action === "locate") this._locate(button);
-      else if (action === "fullscreen") {
-        if (document.fullscreenElement === this.el) document.exitFullscreen();
-        else this.el.requestFullscreen();
-      } else {
-        const marker = target.closest(".map-marker");
-        if (this._markerPopups.has(marker)) this._toggle(marker);
-      }
+      if (button) this._actions[button.dataset.action]?.(button);
+      else this._tapMarker(target.closest(".map-marker"));
     };
     // A click on the map closes marker popups, but not the one being toggled.
     this._handleMapClick = (e) => {
       const target = e.originalEvent.target;
+      this._drop(target, e.lngLat);
       for (const [marker, popup] of this._markerPopups) {
         if (!marker.contains(target) && !popup.getElement()?.contains(target)) popup.remove();
       }
     };
     this._handleKeydown = (e) => {
-      if (e.key !== "Escape") return;
-      for (const popup of this._popups) {
-        if (popup.getElement()?.contains(e.target)) {
-          e.preventDefault();
-          popup.remove();
-        }
-      }
-    };
-    this.el["Expressive_MapView"] = this;
-    this.options = {
-      ..._MapView.defaults,
-      ...options
+      if (e.key === "Escape") this._escape(e);
     };
     const lib = this.options.maplibregl;
     if (!lib) {
@@ -123,48 +128,34 @@ var MapView = class _MapView extends Component {
     this.map.on("click", this._handleMapClick);
     const children = this._children.filter((child) => child instanceof HTMLElement);
     const claimed = /* @__PURE__ */ new Set();
-    for (const marker of children.filter((child) => child.matches(".map-marker[data-lng-lat]"))) {
+    for (const [marker, at] of positioned(children.filter((child) => child.matches(".map-marker[data-lng-lat]")))) {
       const target = marker.hasAttribute("aria-controls") ? Utils.getElementById(marker, marker.getAttribute("aria-controls")) : null;
       const popup = target?.parentElement === el && target.matches(".map-popup") ? target : null;
       if (popup) claimed.add(popup);
-      this._addMarker(marker, popup);
+      this._addMarker(marker, popup, at);
     }
-    for (const popup of children.filter((child) => child.matches(".map-popup[data-lng-lat]") && !claimed.has(child))) {
-      this._popup(popup, 0).setLngLat(lngLat(popup)).addTo(this.map);
+    for (const [popup, at] of positioned(children.filter((child) => child.matches(".map-popup[data-lng-lat]") && !claimed.has(child)))) {
+      this._popup(popup, 0).setLngLat(at).addTo(this.map);
     }
+    const { signal } = this._events;
     if (this._themed()) {
-      this._media = matchMedia("(prefers-color-scheme: dark)");
-      this._media.addEventListener("change", this._handleScheme);
+      matchMedia("(prefers-color-scheme: dark)").addEventListener("change", this._handleScheme, { signal });
       this._observer = new MutationObserver(this._handleScheme);
       this._observer.observe(document.documentElement, { attributes: true, attributeFilter: ["theme"], subtree: true });
     }
     for (const button of this._buttons("fullscreen")) button.hidden = !document.fullscreenEnabled;
-    document.addEventListener("fullscreenchange", this._handleFullscreen);
-    el.addEventListener("click", this._handleClick);
-    el.addEventListener("keydown", this._handleKeydown);
+    document.addEventListener("fullscreenchange", this._handleFullscreen, { signal });
+    el.addEventListener("click", this._handleClick, { signal });
+    el.addEventListener("keydown", this._handleKeydown, { signal });
     this._sync();
   }
   static get defaults() {
     return _defaults;
   }
-  /**
-   * Initializes instances of MapView.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options = {}) {
-    return super.init(els, options, _MapView);
-  }
-  static getInstance(el) {
-    return el["Expressive_MapView"];
-  }
   destroy() {
-    this.el["Expressive_MapView"] = void 0;
+    super.destroy();
     if (!this.map) return;
-    this.el.removeEventListener("click", this._handleClick);
-    this.el.removeEventListener("keydown", this._handleKeydown);
-    document.removeEventListener("fullscreenchange", this._handleFullscreen);
-    this._media?.removeEventListener("change", this._handleScheme);
+    this._releaseMarkers();
     this._observer?.disconnect();
     for (const overlay of this._overlays.values()) overlay.off?.();
     for (const popup of this._popups) popup.remove();
@@ -210,7 +201,7 @@ var MapView = class _MapView extends Component {
     const zoomIn = async (e) => {
       const [feature] = e.features;
       const zoom = await this.map.getSource(id).getClusterExpansionZoom(feature.properties.cluster_id);
-      this.map.easeTo({ center: feature.geometry.coordinates, zoom });
+      this.map?.easeTo({ center: feature.geometry.coordinates, zoom });
     };
     const pointer = () => {
       this.map.getCanvas().style.cursor = "pointer";
@@ -309,16 +300,13 @@ var MapView = class _MapView extends Component {
     this._overlays.set(id, overlay);
     if (this._styleReady) overlay.draw();
   }
-  _addMarker(element, content) {
+  _addMarker(element, content, at) {
     const marker = new this.options.maplibregl.Marker({
       element,
       draggable: element.hasAttribute("data-draggable")
-    }).setLngLat(lngLat(element)).addTo(this.map);
-    marker.on("dragend", () => {
-      const { lng, lat } = marker.getLngLat();
-      element.dataset.lngLat = `${lng},${lat}`;
-      element.dispatchEvent(new Event("change", { bubbles: true }));
-    });
+    }).setLngLat(at).addTo(this.map);
+    marker.on("dragend", () => this._moved(marker));
+    if (element.hasAttribute("data-draggable")) this._makeMovable(element, marker);
     this.markers.push(marker);
     if (!content) return;
     element.setAttribute("aria-expanded", "false");
@@ -330,6 +318,68 @@ var MapView = class _MapView extends Component {
     });
     this._markerPopups.set(element, popup);
   }
+  /** A marker moved: its `data-lng-lat` holds the new place, and it fires `change`. */
+  _moved(marker) {
+    const element = marker.getElement();
+    const { lng, lat } = marker.getLngLat();
+    element.dataset.lngLat = `${lng},${lat}`;
+    element.dispatchEvent(new Event("change", { bubbles: true }));
+  }
+  // A drag is not the only way to move it (WCAG 2.5.7): a tap picks it up,
+  // and the arrow keys nudge it. A button is already a control; anything
+  // else becomes one, and destroy() takes that back off.
+  _makeMovable(element, marker) {
+    const added = element instanceof HTMLButtonElement ? [] : ["role", "tabindex"].filter((name) => !element.hasAttribute(name));
+    if (added.includes("role")) element.setAttribute("role", "button");
+    if (added.includes("tabindex")) element.tabIndex = 0;
+    element.setAttribute("aria-pressed", "false");
+    this._restore.push(() => ["aria-pressed", ...added].forEach((name) => element.removeAttribute(name)));
+    element.addEventListener("keydown", (e) => this._nudge(e, marker), { signal: this._events.signal });
+    marker.on("dragstart", () => this._dragged = element);
+    marker.on("dragend", () => setTimeout(() => this._dragged = null));
+  }
+  /** Takes back the attributes `_makeMovable()` added. Destroy removes its listeners. */
+  _releaseMarkers() {
+    this._restore.splice(0).forEach((undo) => undo());
+    this._picked = null;
+  }
+  /** The arrow keys move a focused draggable marker 10px, and the map stays put. */
+  _nudge(e, marker) {
+    const step = plainArrow(e);
+    if (!step) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const at = this.map.project(marker.getLngLat());
+    marker.setLngLat(this.map.unproject([at.x + step[0] * 10, at.y + step[1] * 10]));
+    this._moved(marker);
+  }
+  /** Picks a marker up, or puts down the one already picked up. */
+  _pick(element) {
+    this._picked?.setAttribute("aria-pressed", "false");
+    this._picked = element;
+    element?.setAttribute("aria-pressed", "true");
+  }
+  // A tap on a draggable marker picks it up, or puts it back down; the click
+  // that ends a drag does neither.
+  _tapMarker(element) {
+    if (element?.hasAttribute("data-draggable")) this._tapMovable(element);
+    else if (this._markerPopups.has(element)) this._toggle(element);
+  }
+  _tapMovable(element) {
+    if (this._dragged !== element) this._pick(this._picked === element ? null : element);
+  }
+  /** A third of the map's width or height in a direction. */
+  _pan(x, y) {
+    const { width, height } = this.el.getBoundingClientRect();
+    this.map.panBy([x * width / 3, y * height / 3]);
+  }
+  // Either can be refused (an iframe without allowfullscreen, say). The
+  // button state follows fullscreenchange, so there is nothing to undo.
+  _toggleFullscreen() {
+    const request = document.fullscreenElement === this.el ? document.exitFullscreen() : this.el.requestFullscreen();
+    request.catch(() => {
+    });
+  }
   _popup(content, offset) {
     const popup = new this.options.maplibregl.Popup({ closeOnClick: false, maxWidth: "none", offset }).setDOMContent(content);
     this._popups.push(popup);
@@ -387,9 +437,32 @@ var MapView = class _MapView extends Component {
   _style() {
     return this._themed() ? this.options.style[this._dark ? "dark" : "light"] : this.options.style;
   }
+  // A tap on the map, not on a marker, puts a picked-up marker there.
+  _drop(target, at) {
+    if (!this._picked || target.closest?.(".map-marker")) return;
+    const marker = this.markers.find((m) => m.getElement() === this._picked);
+    marker.setLngLat(at);
+    this._moved(marker);
+    this._pick(null);
+  }
+  // Escape puts down a picked-up marker first, then closes a popup.
+  _escape(e) {
+    if (this._picked) {
+      e.preventDefault();
+      this._pick(null);
+      return;
+    }
+    for (const popup of this._popups) {
+      if (popup.getElement()?.contains(e.target)) {
+        e.preventDefault();
+        popup.remove();
+      }
+    }
+  }
 };
+MapView.key = "Expressive_MapView";
 
 export {
   MapView
 };
-//# sourceMappingURL=chunk-KHXZ2A4K.mjs.map
+//# sourceMappingURL=chunk-7NLUI3RR.mjs.map

package/dist/js/chunks/chunk-7NLUI3RR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/mapView.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\n/** `[longitude, latitude]`, MapLibre's order. */\nexport type LngLat = [number, number];\n\n/**\n * The parts of the `maplibre-gl` module this component uses. Declared here so\n * the published types do not depend on MapLibre.\n */\nexport interface MapLibre {\n  Map: new (options: object) => any;\n  Marker: new (options: object) => any;\n  Popup: new (options: object) => any;\n}\n\n/** A style for each color scheme. The map follows the page's theme. */\nexport interface MapThemedStyle {\n  light: string | object;\n  dark: string | object;\n}\n\nexport interface MapViewOptions extends BaseOptions {\n  /**\n   * The `maplibre-gl` module. ExpressiveCSS does not bundle MapLibre, so the\n   * page imports it and passes it in.\n   * @default null\n   */\n  maplibregl: MapLibre | null;\n  /**\n   * A MapLibre style URL or object, or `{ light, dark }` to follow the theme.\n   * @default OpenFreeMap Positron and Dark\n   */\n  style: string | object | MapThemedStyle;\n  /**\n   * Starting `[longitude, latitude]`.\n   * @default [0, 20]\n   */\n  center: LngLat;\n  /**\n   * Starting zoom level.\n   * @default 1\n   */\n  zoom: number;\n  /**\n   * More MapLibre `Map` options, such as `maxZoom` or `bearing`.\n   * @default {}\n   */\n  mapOptions: object;\n}\n\nexport interface MapLineOptions {\n  /** CSS color. Defaults to the route or arc color token. */\n  color?: string;\n  /** Width in pixels. Routes default to 4, arcs to 2. */\n  width?: number;\n  /** 0 to 1. */\n  opacity?: number;\n  /** Dash and gap lengths in line widths, such as `[2, 2]`. */\n  dashArray?: number[];\n}\n\nexport interface MapArc {\n  from: LngLat;\n  to: LngLat;\n}\n\nexport interface MapClusterOptions {\n  /** CSS color. Defaults to the cluster color token. */\n  color?: string;\n  /**\n   * Pixels within which points join a cluster.\n   * @default 50\n   */\n  radius?: number;\n  /**\n   * Last zoom level that clusters points.\n   * @default 14\n   */\n  maxZoom?: number;\n}\n\nconst OPENFREEMAP = 'https://tiles.openfreemap.org/styles/';\n\nconst _defaults: MapViewOptions = {\n  maplibregl: null,\n  style: { light: `${OPENFREEMAP}positron`, dark: `${OPENFREEMAP}dark` },\n  center: [0, 20],\n  zoom: 1,\n  mapOptions: {}\n};\n\ntype Overlay = { draw: () => void; off?: () => void };\n\nconst isLngLat = (value: number[]): value is LngLat =>\n  value.length === 2 && value.every(Number.isFinite) && Math.abs(value[1]) <= 90;\n\n// MapLibre throws on a bad position only after the map exists, which leaked\n// the map and stopped every later element in the same init(). A value that\n// is not \"lng,lat\", such as Google's lat,lng order past 90, is skipped.\nconst lngLat = (el: HTMLElement): LngLat | null => {\n  // Number('') is 0, so an empty part (\"12.5,\") becomes NaN and fails.\n  const value = el.dataset.lngLat.split(',').map((part) => (part.trim() ? Number(part) : NaN));\n  if (isLngLat(value)) return value;\n  console.warn(`MapView skipped data-lng-lat=\"${el.dataset.lngLat}\": expected \"longitude,latitude\".`, el);\n  return null;\n};\n\n/** The elements with a usable `data-lng-lat`, each paired with its position. */\nconst positioned = (elements: HTMLElement[]) =>\n  elements.map((el) => [el, lngLat(el)] as const).filter((pair): pair is readonly [HTMLElement, LngLat] => pair[1] !== null);\n\n// A quadratic B\u00E9zier from `from` to `to`, bowed north of an eastward line.\n// ponytail: drawn in degrees, so an arc across the antimeridian goes the long\n// way round; split it at \u00B1180 if that matters.\nfunction arc([x0, y0]: LngLat, [x2, y2]: LngLat, steps = 32): LngLat[] {\n  const bow = x2 >= x0 ? 0.25 : -0.25;\n  const x1 = (x0 + x2) / 2 - (y2 - y0) * bow;\n  const y1 = (y0 + y2) / 2 + (x2 - x0) * bow;\n  return Array.from({ length: steps + 1 }, (_, i) => {\n    const t = i / steps, u = 1 - t;\n    return [u * u * x0 + 2 * u * t * x1 + t * t * x2, u * u * y0 + 2 * u * t * y1 + t * t * y2];\n  });\n}\n\n// How far each arrow key nudges a focused draggable marker, in steps.\nconst ARROWS: Record<string, [number, number]> = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] };\nconst plainArrow = (e: KeyboardEvent) => (Utils.plainKey(e) ? ARROWS[e.key] : undefined);\n\n/**\n * An interactive map built on MapLibre: a `.map` holding `.map-marker`,\n * `.map-popup` and `.map-controls` children.\n *\n * Each marker sits at its `data-lng-lat`. A marker button with\n * `aria-controls` opens the `.map-popup` it names; a popup with its own\n * `data-lng-lat` and no marker opens at init. Buttons in `.map-controls`\n * run their `data-action`: `zoom-in`, `zoom-out`, `compass`, `locate`,\n * `fullscreen` or `pan-up`, `pan-down`, `pan-left` and `pan-right`. A\n * `data-draggable` marker moves without a drag too: a tap picks it up and\n * the next tap on the map drops it, and the arrow keys nudge it. Routes, arcs and clusters are data, so they are added from\n * script. The default style follows the page's light or dark theme, and\n * line and cluster colors come from the theme.\n *\n * The class is `MapView` rather than `Map` so importing it does not shadow\n * JavaScript's `Map`.\n */\nexport class MapView extends Component<MapViewOptions> {\n  /** The MapLibre map. */\n  map: any = null;\n  /** The MapLibre markers made from `.map-marker` children, in order. */\n  markers: any[] = [];\n  private _children: Element[] = [];\n  private _popups: any[] = [];\n  private _markerPopups = new Map<HTMLElement, any>();\n  private _overlays = new Map<string, Overlay>();\n  private _styleReady = false;\n  private _dark = false;\n  private _location: any = null;\n  private _observer: MutationObserver | null = null;\n  // Looked up once: `move` fires every frame of a pan or zoom.\n  private _zoomIn: HTMLButtonElement[] = [];\n  private _zoomOut: HTMLButtonElement[] = [];\n  // The draggable marker a tap picked up, waiting for the tap that drops it.\n  private _picked: HTMLElement | null = null;\n  // The marker whose drag just ended, so the click that follows does not pick it up.\n  private _dragged: HTMLElement | null = null;\n  // Undoes what the map added to the page's markup, for destroy().\n  private _restore: (() => void)[] = [];\n  private _actions: Record<string, (button: HTMLButtonElement) => void> = {\n    'zoom-in': () => this.map.zoomIn(),\n    'zoom-out': () => this.map.zoomOut(),\n    compass: () => this.map.resetNorthPitch(),\n    locate: (button) => this._locate(button),\n    fullscreen: () => this._toggleFullscreen(),\n    'pan-up': () => this._pan(0, -1),\n    'pan-down': () => this._pan(0, 1),\n    'pan-left': () => this._pan(-1, 0),\n    'pan-right': () => this._pan(1, 0)\n  };\n\n  constructor(el: HTMLElement, options: Partial<MapViewOptions>) {\n    super(el, options);\n    const lib = this.options.maplibregl;\n    if (!lib) {\n      console.error('MapView needs the maplibre-gl module in options.maplibregl.');\n      return;\n    }\n\n    this._children = [...el.children];\n    this._zoomIn = [...this._buttons('zoom-in')];\n    this._zoomOut = [...this._buttons('zoom-out')];\n    this._dark = this._isDark();\n    this.map = new lib.Map({\n      ...this.options.mapOptions,\n      container: el,\n      style: this._style(),\n      center: this.options.center,\n      zoom: this.options.zoom\n    });\n    this.map.on('style.load', this._handleStyleLoad);\n    this.map.on('move', this._sync);\n    this.map.on('click', this._handleMapClick);\n\n    const children = this._children.filter((child): child is HTMLElement => child instanceof HTMLElement);\n    const claimed = new Set<Element>();\n    for (const [marker, at] of positioned(children.filter((child) => child.matches('.map-marker[data-lng-lat]')))) {\n      const target = marker.hasAttribute('aria-controls') ? Utils.getElementById(marker, marker.getAttribute('aria-controls')) : null;\n      const popup = target?.parentElement === el && target.matches('.map-popup') ? target : null;\n      if (popup) claimed.add(popup);\n      this._addMarker(marker, popup, at);\n    }\n    for (const [popup, at] of positioned(children.filter((child) => child.matches('.map-popup[data-lng-lat]') && !claimed.has(child)))) {\n      this._popup(popup, 0).setLngLat(at).addTo(this.map);\n    }\n\n    const { signal } = this._events;\n    if (this._themed()) {\n      matchMedia('(prefers-color-scheme: dark)').addEventListener('change', this._handleScheme, { signal });\n      this._observer = new MutationObserver(this._handleScheme);\n      this._observer.observe(document.documentElement, { attributes: true, attributeFilter: ['theme'], subtree: true });\n    }\n    for (const button of this._buttons('fullscreen')) button.hidden = !document.fullscreenEnabled;\n    document.addEventListener('fullscreenchange', this._handleFullscreen, { signal });\n    el.addEventListener('click', this._handleClick, { signal });\n    el.addEventListener('keydown', this._handleKeydown, { signal });\n    this._sync();\n  }\n\n  static get defaults(): MapViewOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_MapView';\n\n  destroy() {\n    super.destroy();\n    if (!this.map) return;\n    this._releaseMarkers();\n    this._observer?.disconnect();\n    for (const overlay of this._overlays.values()) overlay.off?.();\n    for (const popup of this._popups) popup.remove();\n    for (const marker of this.markers) {\n      marker.remove();\n      const element: HTMLElement = marker.getElement();\n      element.classList.remove(...[...element.classList].filter((name) => name.startsWith('maplibregl-')));\n      element.style.removeProperty('transform');\n      element.style.removeProperty('opacity');\n      if (element.hasAttribute('aria-controls')) element.removeAttribute('aria-expanded');\n    }\n    this._location?.remove();\n    this._location = null;\n    this.map.remove();\n    this.map = null;\n    this.markers = [];\n    this._popups = [];\n    this._markerPopups.clear();\n    this._overlays.clear();\n    this.el.style.removeProperty('--md-comp-map-bearing');\n    for (const button of this.el.querySelectorAll<HTMLButtonElement>('.map-controls [data-action]')) {\n      button.disabled = false;\n      button.hidden = false;\n      button.removeAttribute('aria-pressed');\n    }\n    this.el.append(...this._children);\n  }\n\n  /** Draws a line through `[longitude, latitude]` points. Replaces an overlay with the same id. */\n  addRoute(id: string, coordinates: LngLat[], options: MapLineOptions = {}) {\n    this._line(id, { type: 'LineString', coordinates }, 'route', { width: 4, ...options });\n  }\n\n  /** Draws a curved line for each `{ from, to }`. Replaces an overlay with the same id. */\n  addArcs(id: string, arcs: MapArc[], options: MapLineOptions = {}) {\n    this._line(id, { type: 'MultiLineString', coordinates: arcs.map(({ from, to }) => arc(from, to)) }, 'arc', { width: 2, ...options });\n  }\n\n  /**\n   * Draws GeoJSON points, or the URL of a GeoJSON file, as clusters that\n   * show their count and zoom in when clicked. The layers are\n   * `${id}-clusters`, `${id}-count` and `${id}-points`.\n   */\n  addClusters(id: string, data: object | string, options: MapClusterOptions = {}) {\n    const clusters = `${id}-clusters`, points = `${id}-points`;\n    const zoomIn = async (e: any) => {\n      const [feature] = e.features;\n      const zoom = await this.map.getSource(id).getClusterExpansionZoom(feature.properties.cluster_id);\n      // destroy() may have run while the zoom was looked up.\n      this.map?.easeTo({ center: feature.geometry.coordinates, zoom });\n    };\n    const pointer = () => { this.map.getCanvas().style.cursor = 'pointer'; };\n    const reset = () => { this.map.getCanvas().style.cursor = ''; };\n    const listen = (method: 'on' | 'off') => {\n      this.map[method]('click', clusters, zoomIn);\n      for (const layer of [clusters, points]) {\n        this.map[method]('mouseenter', layer, pointer);\n        this.map[method]('mouseleave', layer, reset);\n      }\n    };\n    this._draw(id, {\n      draw: () => {\n        const color = options.color ?? this._color('var(--md-comp-map-cluster-color)');\n        const surface = this._color('var(--md-comp-map-marker-ring-color)');\n        this.map.addSource(id, {\n          type: 'geojson',\n          data,\n          cluster: true,\n          clusterRadius: options.radius ?? 50,\n          clusterMaxZoom: options.maxZoom ?? 14\n        });\n        this.map.addLayer({\n          id: clusters,\n          type: 'circle',\n          source: id,\n          filter: ['has', 'point_count'],\n          paint: {\n            'circle-color': color,\n            'circle-radius': ['step', ['get', 'point_count'], 16, 10, 20, 100, 26],\n            'circle-stroke-width': 6,\n            'circle-stroke-color': color,\n            'circle-stroke-opacity': 0.3\n          }\n        });\n        // A symbol layer needs the style's glyphs and one of its fonts.\n        const style = this.map.getStyle();\n        const font = style.glyphs && style.layers.find((layer: any) => layer.layout?.['text-font'])?.layout['text-font'];\n        if (font) {\n          this.map.addLayer({\n            id: `${id}-count`,\n            type: 'symbol',\n            source: id,\n            filter: ['has', 'point_count'],\n            layout: { 'text-field': ['get', 'point_count_abbreviated'], 'text-font': font, 'text-size': 12 },\n            paint: { 'text-color': this._color('var(--md-comp-map-cluster-label-color)') }\n          });\n        }\n        this.map.addLayer({\n          id: points,\n          type: 'circle',\n          source: id,\n          filter: ['!', ['has', 'point_count']],\n          paint: { 'circle-color': color, 'circle-radius': 6, 'circle-stroke-width': 2, 'circle-stroke-color': surface }\n        });\n      },\n      off: () => listen('off')\n    });\n    listen('on');\n  }\n\n  /** Removes a route, arcs or clusters added with this id. */\n  removeOverlay(id: string) {\n    const overlay = this._overlays.get(id);\n    if (!overlay) return;\n    this._overlays.delete(id);\n    overlay.off?.();\n    if (!this._styleReady || !this.map.getSource(id)) return;\n    for (const layer of this.map.getStyle().layers) if (layer.source === id) this.map.removeLayer(layer.id);\n    this.map.removeSource(id);\n  }\n\n  private _line(id: string, geometry: object, token: string, options: MapLineOptions) {\n    this._draw(id, {\n      draw: () => {\n        this.map.addSource(id, { type: 'geojson', data: { type: 'Feature', properties: {}, geometry } });\n        this.map.addLayer({\n          id,\n          type: 'line',\n          source: id,\n          layout: { 'line-cap': 'round', 'line-join': 'round' },\n          paint: {\n            'line-color': options.color ?? this._color(`var(--md-comp-map-${token}-color)`),\n            'line-width': options.width,\n            'line-opacity': options.opacity ?? 1,\n            ...(options.dashArray && { 'line-dasharray': options.dashArray })\n          }\n        });\n      }\n    });\n  }\n\n  // Sources and layers go with the style, so every overlay is drawn again\n  // when a theme change swaps it.\n  private _draw(id: string, overlay: Overlay) {\n    this.removeOverlay(id);\n    this._overlays.set(id, overlay);\n    if (this._styleReady) overlay.draw();\n  }\n\n  private _addMarker(element: HTMLElement, content: HTMLElement | null, at: LngLat) {\n    const marker = new this.options.maplibregl.Marker({\n      element,\n      draggable: element.hasAttribute('data-draggable')\n    }).setLngLat(at).addTo(this.map);\n    marker.on('dragend', () => this._moved(marker));\n    if (element.hasAttribute('data-draggable')) this._makeMovable(element, marker);\n    this.markers.push(marker);\n    if (!content) return;\n    element.setAttribute('aria-expanded', 'false');\n    const popup = this._popup(content, 16);\n    popup.on('open', () => element.setAttribute('aria-expanded', 'true'));\n    popup.on('close', () => {\n      element.setAttribute('aria-expanded', 'false');\n      if (!document.activeElement || document.activeElement === document.body) element.focus();\n    });\n    this._markerPopups.set(element, popup);\n  }\n\n  /** A marker moved: its `data-lng-lat` holds the new place, and it fires `change`. */\n  private _moved(marker: any) {\n    const element: HTMLElement = marker.getElement();\n    const { lng, lat } = marker.getLngLat();\n    element.dataset.lngLat = `${lng},${lat}`;\n    element.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  // A drag is not the only way to move it (WCAG 2.5.7): a tap picks it up,\n  // and the arrow keys nudge it. A button is already a control; anything\n  // else becomes one, and destroy() takes that back off.\n  private _makeMovable(element: HTMLElement, marker: any) {\n    const added = element instanceof HTMLButtonElement ? [] : ['role', 'tabindex'].filter((name) => !element.hasAttribute(name));\n    if (added.includes('role')) element.setAttribute('role', 'button');\n    if (added.includes('tabindex')) element.tabIndex = 0;\n    element.setAttribute('aria-pressed', 'false');\n    this._restore.push(() => ['aria-pressed', ...added].forEach((name) => element.removeAttribute(name)));\n    element.addEventListener('keydown', (e) => this._nudge(e, marker), { signal: this._events.signal });\n    marker.on('dragstart', () => (this._dragged = element));\n    marker.on('dragend', () => setTimeout(() => (this._dragged = null)));\n  }\n\n  /** Takes back the attributes `_makeMovable()` added. Destroy removes its listeners. */\n  private _releaseMarkers() {\n    this._restore.splice(0).forEach((undo) => undo());\n    this._picked = null;\n  }\n\n  /** The arrow keys move a focused draggable marker 10px, and the map stays put. */\n  private _nudge(e: KeyboardEvent, marker: any) {\n    const step = plainArrow(e);\n    if (!step) return;\n    e.preventDefault();\n    e.stopPropagation();\n    const at = this.map.project(marker.getLngLat());\n    marker.setLngLat(this.map.unproject([at.x + step[0] * 10, at.y + step[1] * 10]));\n    this._moved(marker);\n  }\n\n  /** Picks a marker up, or puts down the one already picked up. */\n  private _pick(element: HTMLElement | null) {\n    this._picked?.setAttribute('aria-pressed', 'false');\n    this._picked = element;\n    element?.setAttribute('aria-pressed', 'true');\n  }\n\n  // A tap on a draggable marker picks it up, or puts it back down; the click\n  // that ends a drag does neither.\n  private _tapMarker(element: HTMLElement | null) {\n    if (element?.hasAttribute('data-draggable')) this._tapMovable(element);\n    else if (this._markerPopups.has(element)) this._toggle(element);\n  }\n\n  private _tapMovable(element: HTMLElement) {\n    if (this._dragged !== element) this._pick(this._picked === element ? null : element);\n  }\n\n  /** A third of the map's width or height in a direction. */\n  private _pan(x: number, y: number) {\n    const { width, height } = this.el.getBoundingClientRect();\n    this.map.panBy([(x * width) / 3, (y * height) / 3]);\n  }\n\n  // Either can be refused (an iframe without allowfullscreen, say). The\n  // button state follows fullscreenchange, so there is nothing to undo.\n  private _toggleFullscreen() {\n    const request = document.fullscreenElement === this.el ? document.exitFullscreen() : this.el.requestFullscreen();\n    request.catch(() => {});\n  }\n\n  private _popup(content: HTMLElement, offset: number) {\n    const popup = new this.options.maplibregl.Popup({ closeOnClick: false, maxWidth: 'none', offset }).setDOMContent(content);\n    this._popups.push(popup);\n    return popup;\n  }\n\n  private _toggle(marker: HTMLElement) {\n    const popup = this._markerPopups.get(marker);\n    if (popup.isOpen()) popup.remove();\n    else popup.setLngLat(this.markers.find((m) => m.getElement() === marker).getLngLat()).addTo(this.map);\n  }\n\n  private _buttons(action: string) {\n    return this.el.querySelectorAll<HTMLButtonElement>(`.map-controls [data-action=\"${action}\"]`);\n  }\n\n  private _locate(button: HTMLButtonElement) {\n    navigator.geolocation?.getCurrentPosition(\n      ({ coords }) => {\n        if (!this.map) return;\n        const center = [coords.longitude, coords.latitude];\n        if (!this._location) {\n          const dot = document.createElement('span');\n          dot.className = 'map-marker location';\n          dot.setAttribute('aria-hidden', 'true');\n          this._location = new this.options.maplibregl.Marker({ element: dot });\n        }\n        this._location.setLngLat(center).addTo(this.map);\n        this.map.flyTo({ center, zoom: Math.max(this.map.getZoom(), 14) });\n      },\n      (error) => { if (this.map && error.code === error.PERMISSION_DENIED) button.disabled = true; }\n    );\n  }\n\n  // Resolves a CSS color where the map is, so light-dark() and scoped\n  // themes apply, then paints it on a canvas to read back the sRGB value.\n  // MapLibre does not parse the oklch() the theme tokens compute to.\n  private _color(value: string) {\n    const probe = document.createElement('span');\n    probe.hidden = true;\n    probe.style.color = value;\n    this.el.append(probe);\n    const context = document.createElement('canvas').getContext('2d', { willReadFrequently: true });\n    context.fillStyle = getComputedStyle(probe).color;\n    probe.remove();\n    context.fillRect(0, 0, 1, 1);\n    const [r, g, b, a] = context.getImageData(0, 0, 1, 1).data;\n    return `rgba(${r}, ${g}, ${b}, ${Math.round((a / 255) * 100) / 100})`;\n  }\n\n  private _isDark() {\n    return this._color('light-dark(black, white)') === 'rgba(255, 255, 255, 1)';\n  }\n\n  private _themed() {\n    const style = this.options.style;\n    return typeof style === 'object' && 'light' in style && 'dark' in style;\n  }\n\n  private _style() {\n    return this._themed() ? this.options.style[this._dark ? 'dark' : 'light'] : this.options.style;\n  }\n\n  private _handleStyleLoad = () => {\n    this._styleReady = true;\n    for (const overlay of this._overlays.values()) overlay.draw();\n  };\n\n  private _handleScheme = () => {\n    const dark = this._isDark();\n    if (dark === this._dark) return;\n    this._dark = dark;\n    this._styleReady = false;\n    this.map.setStyle(this._style(), { diff: false });\n  };\n\n  private _sync = () => {\n    const zoom = this.map.getZoom();\n    for (const button of this._zoomIn) button.disabled = zoom >= this.map.getMaxZoom();\n    for (const button of this._zoomOut) button.disabled = zoom <= this.map.getMinZoom();\n    this.el.style.setProperty('--md-comp-map-bearing', `${-this.map.getBearing()}deg`);\n  };\n\n  private _handleFullscreen = () => {\n    for (const button of this._buttons('fullscreen')) {\n      button.setAttribute('aria-pressed', String(document.fullscreenElement === this.el));\n    }\n  };\n\n  private _handleClick = (e: MouseEvent) => {\n    const target = e.target as Element;\n    const button = target.closest<HTMLButtonElement>('.map-controls [data-action]');\n    if (button) this._actions[button.dataset.action]?.(button);\n    else this._tapMarker(target.closest<HTMLElement>('.map-marker'));\n  };\n\n  // A click on the map closes marker popups, but not the one being toggled.\n  private _handleMapClick = (e: any) => {\n    const target = e.originalEvent.target as Node;\n    this._drop(target, e.lngLat);\n    for (const [marker, popup] of this._markerPopups) {\n      if (!marker.contains(target) && !popup.getElement()?.contains(target)) popup.remove();\n    }\n  };\n\n  // A tap on the map, not on a marker, puts a picked-up marker there.\n  private _drop(target: Node, at: any) {\n    if (!this._picked || (target as Element).closest?.('.map-marker')) return;\n    const marker = this.markers.find((m) => m.getElement() === this._picked);\n    marker.setLngLat(at);\n    this._moved(marker);\n    this._pick(null);\n  }\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') this._escape(e);\n  };\n\n  // Escape puts down a picked-up marker first, then closes a popup.\n  private _escape(e: KeyboardEvent) {\n    if (this._picked) {\n      e.preventDefault();\n      this._pick(null);\n      return;\n    }\n    for (const popup of this._popups) {\n      if (popup.getElement()?.contains(e.target as Node)) {\n        e.preventDefault();\n        popup.remove();\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-7W7TV6NY.mjs

@@ -0,0 +1,108 @@
+import {
+  Utils,
+  controllerFor
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/behaviors/paneResize.ts
+var container = ":is(.panes, .pane-layout, .list-detail, .supporting-pane-layout):not(.equal, .three-pane)";
+var handleSelector = `${container} > button.drag-handle`;
+var minWidth = 240;
+var step = 16;
+var _PaneResize = class _PaneResize {
+  // A second Init adds nothing: addEventListener ignores a listener it has.
+  static Init() {
+    if (typeof document === "undefined") return;
+    document.addEventListener("pointerdown", _PaneResize._onPointerDown);
+    document.addEventListener("keydown", _PaneResize._onKeyDown);
+    document.addEventListener("click", _PaneResize._onClick);
+  }
+  /** The current width of the handle's resizable pane, or null for a handle outside a supported layout. */
+  static width(handle) {
+    const pane = _PaneResize._pane(handle);
+    return pane ? pane.getBoundingClientRect().width : null;
+  }
+  /** Sets the resizable pane's width, clamped to what the layout can hold. */
+  static setWidth(handle, width) {
+    const pane = _PaneResize._pane(handle);
+    if (!pane) return;
+    const [min, max] = _PaneResize._bounds(handle);
+    const layout = handle.parentElement;
+    layout.style.setProperty(_PaneResize._token(layout), `${Math.round(Math.min(Math.max(width, min), max))}px`);
+  }
+  static _token(layout) {
+    return layout.matches(".supporting, .supporting-pane-layout") ? "--md-comp-pane-supporting-width" : "--md-comp-pane-list-width";
+  }
+  /** The pane the handle resizes: the list or supporting pane beside it. */
+  static _pane(handle) {
+    if (!handle.matches(handleSelector)) return null;
+    const layout = handle.parentElement;
+    const trailing = layout.matches(".supporting, .supporting-pane-layout") && !layout.matches(".start, .left");
+    return trailing ? handle.nextElementSibling : handle.previousElementSibling;
+  }
+  static _bounds(handle) {
+    const layout = handle.parentElement;
+    const style = getComputedStyle(layout);
+    const other = parseFloat(style.getPropertyValue("--md-comp-pane-primary-min-width")) || 360;
+    const content = layout.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);
+    const room = content - handle.getBoundingClientRect().width - other;
+    return [minWidth, Math.max(minWidth, room)];
+  }
+  /** True when the resizable pane sits physically left of the handle, so moving right widens it. */
+  static _paneIsLeft(handle) {
+    return _PaneResize._pane(handle).getBoundingClientRect().left < handle.getBoundingClientRect().left;
+  }
+  static _onPointerDown(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle || e.button !== 0) return;
+    const pane = _PaneResize._pane(handle);
+    if (!pane) return;
+    const startX = e.clientX;
+    const startWidth = pane.getBoundingClientRect().width;
+    const sign = _PaneResize._paneIsLeft(handle) ? 1 : -1;
+    _PaneResize._dragged = false;
+    handle.setPointerCapture(e.pointerId);
+    const move = (event) => {
+      const delta = event.clientX - startX;
+      if (Math.abs(delta) < 4 && !_PaneResize._dragged) return;
+      _PaneResize._dragged = true;
+      _PaneResize.setWidth(handle, startWidth + sign * delta);
+    };
+    const drag = controllerFor(handle);
+    const end = () => drag.abort();
+    const { signal } = drag;
+    handle.addEventListener("pointermove", move, { signal });
+    handle.addEventListener("pointerup", end, { signal });
+    handle.addEventListener("pointercancel", end, { signal });
+  }
+  static _onClick(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle) return;
+    if (e.detail !== 0 && _PaneResize._dragged) return;
+    const [min, max] = _PaneResize._bounds(handle);
+    const current = _PaneResize.width(handle);
+    const next = [min, (min + max) / 2, max].find((width) => width > current + 1) ?? min;
+    _PaneResize.setWidth(handle, next);
+  }
+  static _onKeyDown(e) {
+    const handle = Utils.closestInPath(e, handleSelector);
+    if (!handle || !Utils.plainKey(e)) return;
+    const current = _PaneResize.width(handle);
+    const [min, max] = _PaneResize._bounds(handle);
+    const amount = e.shiftKey ? step * 4 : step;
+    const physical = { ArrowLeft: -amount, ArrowRight: amount }[e.key];
+    let width;
+    if (physical) width = current + (_PaneResize._paneIsLeft(handle) ? physical : -physical);
+    else if (e.key === "Home") width = min;
+    else if (e.key === "End") width = max;
+    else return;
+    e.preventDefault();
+    _PaneResize.setWidth(handle, width);
+  }
+};
+_PaneResize._dragged = false;
+var PaneResize = _PaneResize;
+
+export {
+  PaneResize
+};
+//# sourceMappingURL=chunk-7W7TV6NY.mjs.map

package/dist/js/chunks/chunk-7W7TV6NY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/paneResize.ts"],
+  "sourcesContent": ["import { Utils, controllerFor } from '../core/utils';\n\nconst container = ':is(.panes, .pane-layout, .list-detail, .supporting-pane-layout):not(.equal, .three-pane)';\nconst handleSelector = `${container} > button.drag-handle`;\n// The narrowest a resized pane may get, and the arrow-key step.\nconst minWidth = 240;\nconst step = 16;\n\n/**\n * Resizable panes. A `<button class=\"drag-handle\">` between the two panes of a\n * list-detail or supporting layout resizes the pane whose width is a token:\n * the list pane, or the supporting pane. Dragging moves the boundary; Left and\n * Right move it 16px (64px with Shift); Home and End jump to the narrowest\n * and widest; a click, Enter or Space steps through narrow, middle and wide,\n * the single-pointer alternative to dragging. The other pane keeps at least\n * `--md-comp-pane-primary-min-width`.\n *\n * The width is written as `--md-comp-pane-list-width` or\n * `--md-comp-pane-supporting-width` on the container's style.\n */\nexport class PaneResize {\n  private static _dragged = false;\n\n  // A second Init adds nothing: addEventListener ignores a listener it has.\n  static Init() {\n    if (typeof document === 'undefined') return;\n    document.addEventListener('pointerdown', PaneResize._onPointerDown);\n    document.addEventListener('keydown', PaneResize._onKeyDown);\n    document.addEventListener('click', PaneResize._onClick);\n  }\n\n  /** The current width of the handle's resizable pane, or null for a handle outside a supported layout. */\n  static width(handle: Element): number | null {\n    const pane = PaneResize._pane(handle);\n    return pane ? pane.getBoundingClientRect().width : null;\n  }\n\n  /** Sets the resizable pane's width, clamped to what the layout can hold. */\n  static setWidth(handle: Element, width: number) {\n    const pane = PaneResize._pane(handle);\n    if (!pane) return;\n    const [min, max] = PaneResize._bounds(handle);\n    const layout = handle.parentElement;\n    layout.style.setProperty(PaneResize._token(layout), `${Math.round(Math.min(Math.max(width, min), max))}px`);\n  }\n\n  private static _token(layout: Element) {\n    return layout.matches('.supporting, .supporting-pane-layout')\n      ? '--md-comp-pane-supporting-width'\n      : '--md-comp-pane-list-width';\n  }\n\n  /** The pane the handle resizes: the list or supporting pane beside it. */\n  private static _pane(handle: Element): Element | null {\n    if (!handle.matches(handleSelector)) return null;\n    const layout = handle.parentElement;\n    const trailing = layout.matches('.supporting, .supporting-pane-layout') && !layout.matches('.start, .left');\n    return trailing ? handle.nextElementSibling : handle.previousElementSibling;\n  }\n\n  private static _bounds(handle: Element): [number, number] {\n    const layout = handle.parentElement;\n    const style = getComputedStyle(layout);\n    const other = parseFloat(style.getPropertyValue('--md-comp-pane-primary-min-width')) || 360;\n    // The separated appearance pads the layout, so measure its content box.\n    const content = layout.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\n    const room = content - handle.getBoundingClientRect().width - other;\n    return [minWidth, Math.max(minWidth, room)];\n  }\n\n  /** True when the resizable pane sits physically left of the handle, so moving right widens it. */\n  private static _paneIsLeft(handle: Element) {\n    return PaneResize._pane(handle).getBoundingClientRect().left < handle.getBoundingClientRect().left;\n  }\n\n  private static _onPointerDown(e: PointerEvent) {\n    const handle = Utils.closestInPath(e, handleSelector) as HTMLElement;\n    if (!handle || e.button !== 0) return;\n    const pane = PaneResize._pane(handle);\n    if (!pane) return;\n    const startX = e.clientX;\n    const startWidth = pane.getBoundingClientRect().width;\n    const sign = PaneResize._paneIsLeft(handle) ? 1 : -1;\n    PaneResize._dragged = false;\n    handle.setPointerCapture(e.pointerId);\n    const move = (event: PointerEvent) => {\n      const delta = event.clientX - startX;\n      // A few pixels of travel is still a click.\n      if (Math.abs(delta) < 4 && !PaneResize._dragged) return;\n      PaneResize._dragged = true;\n      PaneResize.setWidth(handle, startWidth + sign * delta);\n    };\n    const drag = controllerFor(handle);\n    const end = () => drag.abort();\n    const { signal } = drag;\n    handle.addEventListener('pointermove', move, { signal });\n    handle.addEventListener('pointerup', end, { signal });\n    handle.addEventListener('pointercancel', end, { signal });\n  }\n\n  private static _onClick(e: MouseEvent) {\n    const handle = Utils.closestInPath(e, handleSelector);\n    if (!handle) return;\n    // The click that ends a mouse drag is not a request to step. A keyboard\n    // click (detail 0) always is, even after a touch drag that left the flag\n    // set; the next pointerdown clears it. BottomSheets guards the same way.\n    if (e.detail !== 0 && PaneResize._dragged) return;\n    const [min, max] = PaneResize._bounds(handle);\n    const current = PaneResize.width(handle);\n    const next = [min, (min + max) / 2, max].find((width) => width > current + 1) ?? min;\n    PaneResize.setWidth(handle, next);\n  }\n\n  private static _onKeyDown(e: KeyboardEvent) {\n    const handle = Utils.closestInPath(e, handleSelector);\n    if (!handle || !Utils.plainKey(e)) return;\n    const current = PaneResize.width(handle);\n    const [min, max] = PaneResize._bounds(handle);\n    const amount = e.shiftKey ? step * 4 : step;\n    const physical = { ArrowLeft: -amount, ArrowRight: amount }[e.key];\n    let width: number;\n    if (physical) width = current + (PaneResize._paneIsLeft(handle) ? physical : -physical);\n    else if (e.key === 'Home') width = min;\n    else if (e.key === 'End') width = max;\n    else return;\n    e.preventDefault();\n    PaneResize.setWidth(handle, width);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}