@expressivecss/expressive 0.12.0 → 0.14.1

package/dist/js/chunks/chunk-RHRQKTTX.mjs

@@ -0,0 +1,139 @@
+import {
+  COLORS,
+  LineChart,
+  svgNode
+} from "./chunk-O5XPWXIQ.mjs";
+
+// src/ts/components/radialChart.ts
+var RADIUS = 46;
+var FILL = 0.8;
+var RadialChart = class extends LineChart {
+  get _type() {
+    return "radial-chart";
+  }
+  get _key() {
+    return "Expressive_RadialChart";
+  }
+  get _points() {
+    return false;
+  }
+  get _circular() {
+    return true;
+  }
+  get _gauge() {
+    return this.el.classList.contains("gauge");
+  }
+  static init(els, options = {}) {
+    return super.init(els, options);
+  }
+  static getInstance(el) {
+    return el["Expressive_RadialChart"];
+  }
+  show(index) {
+    if (!this._tooltip || index === this.activeIndex) return;
+    super.show(index);
+    this._rings.forEach((ring, i) => ring.classList.toggle("active", i === index));
+    if (this._tooltip.hidden) return;
+    const color = this._color(index);
+    this._tooltip.querySelectorAll("[data-series]").forEach((span) => {
+      span.dataset.series = color;
+    });
+  }
+  /** The tooltip sits where the ring's fill ends. */
+  _place(index) {
+    const turn = this._turn(this._fractions[index]);
+    const r = this._radii[index];
+    const [x, y] = [r * Math.sin(turn * 2 * Math.PI), -r * Math.cos(turn * 2 * Math.PI)];
+    this._tooltip.style.left = `${50 + x}%`;
+    this._tooltip.style.top = `${(50 + y) / (this._gauge ? 50 : 100) * 100}%`;
+    this._tooltip.classList.toggle("end", x > 0);
+  }
+  _color(index) {
+    return String(index % COLORS + 1);
+  }
+  /** A fraction of the ring as a turn clockwise from the top. */
+  _turn(fraction) {
+    return this._gauge ? fraction / 2 - 0.25 : fraction;
+  }
+  /** For more than one row, a legend of every row with its color and cell. */
+  _guides() {
+    if (this.labels.length < 2) return [];
+    const legend = document.createElement("ul");
+    legend.className = "radial-chart-legend";
+    legend.setAttribute("aria-hidden", "true");
+    const text = this.series[0].text;
+    legend.append(...this.labels.map((label, i) => {
+      const li = document.createElement("li");
+      li.dataset.series = this._color(i);
+      const [name, value] = [label, text[i]].map((content) => {
+        const span = document.createElement("span");
+        span.textContent = content;
+        return span;
+      });
+      li.append(name, value);
+      return li;
+    }));
+    return [legend];
+  }
+  /** The ring under the pointer by its distance from the middle, or -1. */
+  _indexAt(e) {
+    const box = this._plot.getBoundingClientRect();
+    const [x, y] = [e.clientX - box.left - box.width / 2, e.clientY - box.top - box.width / 2];
+    if (this._gauge && y > 0) return -1;
+    const distance = Math.hypot(x, y) / box.width * 100;
+    const step = this._radii.length > 1 ? this._radii[0] - this._radii[1] : this._width;
+    return this._radii.findIndex((r) => Math.abs(distance - r) <= step / 2);
+  }
+  /**
+   * An SVG of rings in a -50 to 50 box, the top half for a gauge. Each row
+   * is a track circle and a fill circle whose dash is its share; CSS draws
+   * them from --radial-chart-dash. The total is HTML over it.
+   */
+  _draw() {
+    const style = getComputedStyle(this.el);
+    const token = (name, fallback) => {
+      const value = parseFloat(style.getPropertyValue(`--md-comp-radial-chart-${name}`));
+      return Number.isFinite(value) ? value : fallback;
+    };
+    const count = this.labels.length;
+    let [width, gap] = [Math.max(0, token("thickness", 8)), Math.max(0, token("gap", 2))];
+    const scale = Math.min(1, RADIUS * FILL / (count * width + (count - 1) * gap || 1));
+    [width, gap] = [width * scale, gap * scale];
+    this._width = width;
+    this._radii = this.labels.map((_, i) => RADIUS - width / 2 - i * (width + gap));
+    const max = [parseFloat(this.el.dataset.max ?? ""), this.options.max ?? NaN, 100].find((value) => value > 0);
+    this._fractions = this.series[0].values.map((value) => Math.min(1, Math.max(0, (value ?? 0) / max)));
+    const gauge = this._gauge;
+    const svg = svgNode("svg", { viewBox: gauge ? "-50 -50 100 50" : "-50 -50 100 100", focusable: "false" });
+    const transform = gauge ? "rotate(180)" : "rotate(-90)";
+    const span = gauge ? 0.5 : 1;
+    this._rings = this._radii.map((r, i) => {
+      const length = 2 * Math.PI * r;
+      const circle = (name, fraction, capped) => {
+        const ring2 = svgNode("circle", { class: name, r: r.toFixed(3), transform, "stroke-width": width.toFixed(3) });
+        const dash = Math.max(1e-3, fraction * span * length - (capped ? width : 0));
+        ring2.style.setProperty("--radial-chart-dash", `${dash.toFixed(3)} ${length.toFixed(3)}`);
+        if (capped) ring2.style.setProperty("--radial-chart-offset", (-width / 2).toFixed(3));
+        return ring2;
+      };
+      const ring = circle("radial-chart-ring", this._fractions[i], true);
+      ring.dataset.series = this._color(i);
+      if (!this._fractions[i]) ring.classList.add("empty");
+      svg.append(circle("radial-chart-track", 1, gauge), ring);
+      return ring;
+    });
+    const rings = document.createElement("div");
+    rings.className = "radial-chart-rings";
+    rings.setAttribute("aria-hidden", "true");
+    rings.style.setProperty("--radial-chart-middle", `${(this._radii[count - 1] - this._width / 2) * 2}%`);
+    rings.append(svg);
+    const total = this._total("radial-chart-total");
+    if (total) rings.append(total);
+    return rings;
+  }
+};
+
+export {
+  RadialChart
+};
+//# sourceMappingURL=chunk-RHRQKTTX.mjs.map

package/dist/js/chunks/chunk-RHRQKTTX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/radialChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { COLORS, LineChart, LineChartOptions, svgNode as node } from './lineChart';\n\nexport type RadialChartOptions = LineChartOptions;\n\n/** The outer ring's outer edge in a 100-unit box. */\nconst RADIUS = 46;\n/** The rings never fill more of the radius than this, leaving a middle. */\nconst FILL = 0.8;\n\n/**\n * Radial chart. It reads its <table> like LineChart, but draws each row of\n * the first value column as a ring, outermost first, filled clockwise from\n * the top as a share of `data-max` above zero (100 by default). With `.gauge` the rings\n * are half circles over the middle. A <tfoot> row shows in the middle, and\n * a legend lists the rows when there is more than one. Further columns show\n * in the tooltip.\n *\n * Re-run `RadialChart.init(el)` after changing the table or the ring tokens.\n */\nexport class RadialChart extends LineChart {\n  // No initializers: LineChart's constructor draws before they would run.\n  /** Each ring's middle radius, and their shared width. */\n  private _radii: number[];\n  private _width: number;\n  /** Each row's share of the maximum, from 0 to 1. */\n  private _fractions: number[];\n  private _rings: SVGCircleElement[];\n\n  protected get _type() {\n    return 'radial-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_RadialChart';\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  protected get _circular() {\n    return true;\n  }\n\n  private get _gauge() {\n    return this.el.classList.contains('gauge');\n  }\n\n  static init(el: HTMLElement, options?: Partial<RadialChartOptions>): RadialChart;\n  static init(els: InitElements<InitElement>, options?: Partial<RadialChartOptions>): RadialChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RadialChartOptions> = {}\n  ): RadialChart | RadialChart[] {\n    return super.init(els as HTMLElement, options) as RadialChart | RadialChart[];\n  }\n\n  static getInstance(el: HTMLElement): RadialChart {\n    return el['Expressive_RadialChart'];\n  }\n\n  show(index: number) {\n    if (!this._tooltip || index === this.activeIndex) return;\n    super.show(index);\n    this._rings.forEach((ring, i) => ring.classList.toggle('active', i === index));\n    // LineChart hides the tooltip for -1 and for an index past the last row.\n    if (this._tooltip.hidden) return;\n    const color = this._color(index);\n    this._tooltip.querySelectorAll<HTMLElement>('[data-series]').forEach((span) => {\n      span.dataset.series = color;\n    });\n  }\n\n  /** The tooltip sits where the ring's fill ends. */\n  protected _place(index: number) {\n    const turn = this._turn(this._fractions[index]);\n    const r = this._radii[index];\n    const [x, y] = [r * Math.sin(turn * 2 * Math.PI), -r * Math.cos(turn * 2 * Math.PI)];\n    this._tooltip.style.left = `${50 + x}%`;\n    this._tooltip.style.top = `${((50 + y) / (this._gauge ? 50 : 100)) * 100}%`;\n    // On the right half it opens leftwards, over the rings.\n    this._tooltip.classList.toggle('end', x > 0);\n  }\n\n  private _color(index: number) {\n    return String((index % COLORS) + 1);\n  }\n\n  /** A fraction of the ring as a turn clockwise from the top. */\n  private _turn(fraction: number) {\n    return this._gauge ? fraction / 2 - 0.25 : fraction;\n  }\n\n  /** For more than one row, a legend of every row with its color and cell. */\n  protected _guides(): Element[] {\n    if (this.labels.length < 2) return [];\n    const legend = document.createElement('ul');\n    legend.className = 'radial-chart-legend';\n    legend.setAttribute('aria-hidden', 'true');\n    const text = this.series[0].text;\n    legend.append(...this.labels.map((label, i) => {\n      const li = document.createElement('li');\n      li.dataset.series = this._color(i);\n      const [name, value] = [label, text[i]].map((content) => {\n        const span = document.createElement('span');\n        span.textContent = content;\n        return span;\n      });\n      li.append(name, value);\n      return li;\n    }));\n    return [legend];\n  }\n\n  /** The ring under the pointer by its distance from the middle, or -1. */\n  protected _indexAt(e: PointerEvent) {\n    const box = this._plot.getBoundingClientRect();\n    // The middle is half the width down in both shapes.\n    const [x, y] = [e.clientX - box.left - box.width / 2, e.clientY - box.top - box.width / 2];\n    if (this._gauge && y > 0) return -1;\n    // The distance in the SVG's 100-unit box; a gap belongs to a ring beside it.\n    const distance = (Math.hypot(x, y) / box.width) * 100;\n    const step = this._radii.length > 1 ? this._radii[0] - this._radii[1] : this._width;\n    return this._radii.findIndex((r) => Math.abs(distance - r) <= step / 2);\n  }\n\n  /**\n   * An SVG of rings in a -50 to 50 box, the top half for a gauge. Each row\n   * is a track circle and a fill circle whose dash is its share; CSS draws\n   * them from --radial-chart-dash. The total is HTML over it.\n   */\n  protected _draw(): Element {\n    const style = getComputedStyle(this.el);\n    const token = (name: string, fallback: number) => {\n      const value = parseFloat(style.getPropertyValue(`--md-comp-radial-chart-${name}`));\n      return Number.isFinite(value) ? value : fallback;\n    };\n    const count = this.labels.length;\n    let [width, gap] = [Math.max(0, token('thickness', 8)), Math.max(0, token('gap', 2))];\n    // Too many rings to leave a middle thin, with their gaps, to fit.\n    // ponytail: past about 18 rings they are hairlines; that many values want a bar chart.\n    const scale = Math.min(1, (RADIUS * FILL) / (count * width + (count - 1) * gap || 1));\n    [width, gap] = [width * scale, gap * scale];\n    this._width = width;\n    this._radii = this.labels.map((_, i) => RADIUS - width / 2 - i * (width + gap));\n    // A maximum of zero or less means nothing, so it falls back.\n    const max = [parseFloat(this.el.dataset.max ?? ''), this.options.max ?? NaN, 100].find((value) => value > 0)!;\n    this._fractions = this.series[0].values.map((value) => Math.min(1, Math.max(0, (value ?? 0) / max)));\n\n    const gauge = this._gauge;\n    const svg = node('svg', { viewBox: gauge ? '-50 -50 100 50' : '-50 -50 100 100', focusable: 'false' });\n    // A circle starts at three o'clock; turn it to the top, or to nine for a gauge.\n    const transform = gauge ? 'rotate(180)' : 'rotate(-90)';\n    const span = gauge ? 0.5 : 1;\n    this._rings = this._radii.map((r, i) => {\n      const length = 2 * Math.PI * r;\n      // Round caps reach half the width past each end of a dash, so a capped\n      // dash is one width shorter and starts half a width in. One shorter\n      // than the width is a dot at the start.\n      const circle = (name: string, fraction: number, capped: boolean) => {\n        const ring = node('circle', { class: name, r: r.toFixed(3), transform, 'stroke-width': width.toFixed(3) });\n        const dash = Math.max(0.001, fraction * span * length - (capped ? width : 0));\n        ring.style.setProperty('--radial-chart-dash', `${dash.toFixed(3)} ${length.toFixed(3)}`);\n        if (capped) ring.style.setProperty('--radial-chart-offset', (-width / 2).toFixed(3));\n        return ring;\n      };\n      const ring = circle('radial-chart-ring', this._fractions[i], true) as SVGCircleElement;\n      ring.dataset.series = this._color(i);\n      // An empty ring would still draw its round cap.\n      if (!this._fractions[i]) ring.classList.add('empty');\n      // Only a gauge's track has ends to round.\n      svg.append(circle('radial-chart-track', 1, gauge), ring);\n      return ring;\n    });\n\n    const rings = document.createElement('div');\n    rings.className = 'radial-chart-rings';\n    rings.setAttribute('aria-hidden', 'true');\n    rings.style.setProperty('--radial-chart-middle', `${(this._radii[count - 1] - this._width / 2) * 2}%`);\n    rings.append(svg);\n\n    const total = this._total('radial-chart-total');\n    if (total) rings.append(total);\n    return rings;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ring"]
+}

package/dist/js/chunks/{chunk-UNEMYWEW.mjs → chunk-S3XDFGSZ.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-MNPROCZF.mjs";
 import {
   Component
 } from "./chunk-LTWPGFBR.mjs";
@@ -362,4 +362,4 @@ var Lightbox = _Lightbox;
 export {
   Lightbox
 };
-//# sourceMappingURL=chunk-UNEMYWEW.mjs.map
+//# sourceMappingURL=chunk-S3XDFGSZ.mjs.map

package/dist/js/chunks/chunk-SPETGK25.mjs

@@ -0,0 +1,59 @@
+import {
+  COLORS,
+  LineChart
+} from "./chunk-O5XPWXIQ.mjs";
+
+// src/ts/components/columnChart.ts
+var ColumnChart = class extends LineChart {
+  get _type() {
+    return "column-chart";
+  }
+  get _key() {
+    return "Expressive_ColumnChart";
+  }
+  get _fromZero() {
+    return true;
+  }
+  get _points() {
+    return false;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options);
+  }
+  static getInstance(el) {
+    return el["Expressive_ColumnChart"];
+  }
+  _draw(drawn = this.series) {
+    const columns = document.createElement("div");
+    columns.className = "column-chart-columns";
+    columns.setAttribute("aria-hidden", "true");
+    const clamp = (value, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));
+    columns.style.setProperty("--zero", `${clamp(0)}%`);
+    this._plot.style.setProperty("--rows", String(this.labels.length));
+    this.labels.forEach((_, index) => {
+      const row = document.createElement("div");
+      drawn.forEach((series) => {
+        const to = series.tops[index];
+        const from = series.base?.[index] ?? 0;
+        if (series.base && (to === null || from === null)) return;
+        const column = document.createElement("span");
+        if (to !== null) {
+          column.className = series.className;
+          column.dataset.series = String(this.series.indexOf(series) % COLORS + 1);
+          column.classList.toggle("negative", !series.base && to < from);
+          column.style.setProperty("--top", `${clamp(Math.max(from, to), series.y)}%`);
+          column.style.setProperty("--bottom", `${100 - clamp(Math.min(from, to), series.y)}%`);
+          if (this._horizontal) column.dataset.text = series.text[index];
+        }
+        row.append(column);
+      });
+      columns.append(row);
+    });
+    return columns;
+  }
+};
+
+export {
+  ColumnChart
+};
+//# sourceMappingURL=chunk-SPETGK25.mjs.map

package/dist/js/chunks/chunk-SPETGK25.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/columnChart.ts"],
+  "sourcesContent": ["import { InitElements, InitElement } from '../core/component';\nimport { COLORS, LineChart, LineChartOptions } from './lineChart';\n\nexport type ColumnChartOptions = LineChartOptions;\n\n/**\n * Column chart. It reads its <table>, scales, labels and tooltip like\n * LineChart, but draws each row as a group of columns from zero, or one\n * column of segments with `stacked`. Columns are HTML clipped to their\n * value, so their rounded corners keep their shape at any size.\n *\n * Re-run `ColumnChart.init(el)` after changing the table.\n */\nexport class ColumnChart extends LineChart {\n  protected get _type() {\n    return 'column-chart';\n  }\n\n  protected get _key() {\n    return 'Expressive_ColumnChart';\n  }\n\n  protected get _fromZero() {\n    return true;\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  static init(el: HTMLElement, options?: Partial<ColumnChartOptions>): ColumnChart;\n  static init(els: InitElements<InitElement>, options?: Partial<ColumnChartOptions>): ColumnChart[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ColumnChartOptions> = {}\n  ): ColumnChart | ColumnChart[] {\n    return super.init(els as HTMLElement, options) as ColumnChart | ColumnChart[];\n  }\n\n  static getInstance(el: HTMLElement): ColumnChart {\n    return el['Expressive_ColumnChart'];\n  }\n\n  protected _draw(drawn = this.series): Element {\n    const columns = document.createElement('div');\n    columns.className = 'column-chart-columns';\n    columns.setAttribute('aria-hidden', 'true');\n    const clamp = (value: number, y = drawn[0]?.y ?? this._y) => Math.min(100, Math.max(0, y(value)));\n    // Columns grow from zero, or from the plot edge when zero is off the scale.\n    columns.style.setProperty('--zero', `${clamp(0)}%`);\n    this._plot.style.setProperty('--rows', String(this.labels.length));\n\n    this.labels.forEach((_, index) => {\n      const row = document.createElement('div');\n      drawn.forEach((series) => {\n        // A stacked segment above a gap has no known base, so it is left out.\n        const to = series.tops[index];\n        const from = series.base?.[index] ?? 0;\n        if (series.base && (to === null || from === null)) return;\n        const column = document.createElement('span');\n        // A gap in a grouped row keeps its empty slot, so the series stay aligned.\n        if (to !== null) {\n          column.className = series.className;\n          column.dataset.series = String((this.series.indexOf(series) % COLORS) + 1);\n          // A stacked segment never hangs from zero, so it keeps the top rounding.\n          column.classList.toggle('negative', !series.base && to < from);\n          column.style.setProperty('--top', `${clamp(Math.max(from, to), series.y)}%`);\n          column.style.setProperty('--bottom', `${100 - clamp(Math.min(from, to), series.y)}%`);\n          // The cell text, which a bar chart with .values writes along its bar.\n          if (this._horizontal) column.dataset.text = series.text[index];\n        }\n        row.append(column);\n      });\n      columns.append(row);\n    });\n    return columns;\n  }\n}\n"],
+  "mappings": ";;;;;;AAaO,IAAM,cAAN,cAA0B,UAAU;AAAA,EACzC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,OAAO;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,YAAY;AACxB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,UAAU;AACtB,WAAO;AAAA,EACT;AAAA,EAIA,OAAO,KACL,KACA,UAAuC,CAAC,GACX;AAC7B,WAAO,MAAM,KAAK,KAAoB,OAAO;AAAA,EAC/C;AAAA,EAEA,OAAO,YAAY,IAA8B;AAC/C,WAAO,GAAG,wBAAwB;AAAA,EACpC;AAAA,EAEU,MAAM,QAAQ,KAAK,QAAiB;AAC5C,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,YAAY;AACpB,YAAQ,aAAa,eAAe,MAAM;AAC1C,UAAM,QAAQ,CAAC,OAAe,IAAI,MAAM,CAAC,GAAG,KAAK,KAAK,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAE,KAAK,CAAC,CAAC;AAEhG,YAAQ,MAAM,YAAY,UAAU,GAAG,MAAM,CAAC,CAAC,GAAG;AAClD,SAAK,MAAM,MAAM,YAAY,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC;AAEjE,SAAK,OAAO,QAAQ,CAAC,GAAG,UAAU;AAChC,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,YAAM,QAAQ,CAAC,WAAW;AAExB,cAAM,KAAK,OAAO,KAAK,KAAK;AAC5B,cAAM,OAAO,OAAO,OAAO,KAAK,KAAK;AACrC,YAAI,OAAO,SAAS,OAAO,QAAQ,SAAS,MAAO;AACnD,cAAM,SAAS,SAAS,cAAc,MAAM;AAE5C,YAAI,OAAO,MAAM;AACf,iBAAO,YAAY,OAAO;AAC1B,iBAAO,QAAQ,SAAS,OAAQ,KAAK,OAAO,QAAQ,MAAM,IAAI,SAAU,CAAC;AAEzE,iBAAO,UAAU,OAAO,YAAY,CAAC,OAAO,QAAQ,KAAK,IAAI;AAC7D,iBAAO,MAAM,YAAY,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAC3E,iBAAO,MAAM,YAAY,YAAY,GAAG,MAAM,MAAM,KAAK,IAAI,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAEpF,cAAI,KAAK,YAAa,QAAO,QAAQ,OAAO,OAAO,KAAK,KAAK;AAAA,QAC/D;AACA,YAAI,OAAO,MAAM;AAAA,MACnB,CAAC;AACD,cAAQ,OAAO,GAAG;AAAA,IACpB,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/js/chunks/chunk-TBM3FT7G.mjs

@@ -0,0 +1,398 @@
+import {
+  Utils
+} from "./chunk-MNPROCZF.mjs";
+import {
+  Component
+} from "./chunk-LTWPGFBR.mjs";
+
+// src/ts/components/mapView.ts
+var OPENFREEMAP = "https://tiles.openfreemap.org/styles/";
+var _defaults = {
+  maplibregl: null,
+  style: { light: `${OPENFREEMAP}positron`, dark: `${OPENFREEMAP}dark` },
+  center: [0, 20],
+  zoom: 1,
+  mapOptions: {}
+};
+var lngLat = (el) => el.dataset.lngLat.split(",").map(Number);
+function arc([x0, y0], [x2, y2], steps = 32) {
+  const bow = x2 >= x0 ? 0.25 : -0.25;
+  const x1 = (x0 + x2) / 2 - (y2 - y0) * bow;
+  const y1 = (y0 + y2) / 2 + (x2 - x0) * bow;
+  return Array.from({ length: steps + 1 }, (_, i) => {
+    const t = i / steps, u = 1 - t;
+    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 {
+  constructor(el, options) {
+    super(el, options, _MapView);
+    /** The MapLibre map. */
+    this.map = null;
+    /** The MapLibre markers made from `.map-marker` children, in order. */
+    this.markers = [];
+    this._children = [];
+    this._popups = [];
+    this._markerPopups = /* @__PURE__ */ new Map();
+    this._overlays = /* @__PURE__ */ new Map();
+    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 = [];
+    this._handleStyleLoad = () => {
+      this._styleReady = true;
+      for (const overlay of this._overlays.values()) overlay.draw();
+    };
+    this._handleScheme = () => {
+      const dark = this._isDark();
+      if (dark === this._dark) return;
+      this._dark = dark;
+      this._styleReady = false;
+      this.map.setStyle(this._style(), { diff: false });
+    };
+    this._sync = () => {
+      const zoom = this.map.getZoom();
+      for (const button of this._zoomIn) button.disabled = zoom >= this.map.getMaxZoom();
+      for (const button of this._zoomOut) button.disabled = zoom <= this.map.getMinZoom();
+      this.el.style.setProperty("--md-comp-map-bearing", `${-this.map.getBearing()}deg`);
+    };
+    this._handleFullscreen = () => {
+      for (const button of this._buttons("fullscreen")) {
+        button.setAttribute("aria-pressed", String(document.fullscreenElement === this.el));
+      }
+    };
+    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);
+      }
+    };
+    // A click on the map closes marker popups, but not the one being toggled.
+    this._handleMapClick = (e) => {
+      const target = e.originalEvent.target;
+      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
+    };
+    const lib = this.options.maplibregl;
+    if (!lib) {
+      console.error("MapView needs the maplibre-gl module in options.maplibregl.");
+      return;
+    }
+    this._children = [...el.children];
+    this._zoomIn = [...this._buttons("zoom-in")];
+    this._zoomOut = [...this._buttons("zoom-out")];
+    this._dark = this._isDark();
+    this.map = new lib.Map({
+      ...this.options.mapOptions,
+      container: el,
+      style: this._style(),
+      center: this.options.center,
+      zoom: this.options.zoom
+    });
+    this.map.on("style.load", this._handleStyleLoad);
+    this.map.on("move", this._sync);
+    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]"))) {
+      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);
+    }
+    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);
+    }
+    if (this._themed()) {
+      this._media = matchMedia("(prefers-color-scheme: dark)");
+      this._media.addEventListener("change", this._handleScheme);
+      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);
+    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;
+    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._observer?.disconnect();
+    for (const overlay of this._overlays.values()) overlay.off?.();
+    for (const popup of this._popups) popup.remove();
+    for (const marker of this.markers) {
+      marker.remove();
+      const element = marker.getElement();
+      element.classList.remove(...[...element.classList].filter((name) => name.startsWith("maplibregl-")));
+      element.style.removeProperty("transform");
+      element.style.removeProperty("opacity");
+      if (element.hasAttribute("aria-controls")) element.removeAttribute("aria-expanded");
+    }
+    this._location?.remove();
+    this._location = null;
+    this.map.remove();
+    this.map = null;
+    this.markers = [];
+    this._popups = [];
+    this._markerPopups.clear();
+    this._overlays.clear();
+    this.el.style.removeProperty("--md-comp-map-bearing");
+    for (const button of this.el.querySelectorAll(".map-controls [data-action]")) {
+      button.disabled = false;
+      button.hidden = false;
+      button.removeAttribute("aria-pressed");
+    }
+    this.el.append(...this._children);
+  }
+  /** Draws a line through `[longitude, latitude]` points. Replaces an overlay with the same id. */
+  addRoute(id, coordinates, options = {}) {
+    this._line(id, { type: "LineString", coordinates }, "route", { width: 4, ...options });
+  }
+  /** Draws a curved line for each `{ from, to }`. Replaces an overlay with the same id. */
+  addArcs(id, arcs, options = {}) {
+    this._line(id, { type: "MultiLineString", coordinates: arcs.map(({ from, to }) => arc(from, to)) }, "arc", { width: 2, ...options });
+  }
+  /**
+   * Draws GeoJSON points, or the URL of a GeoJSON file, as clusters that
+   * show their count and zoom in when clicked. The layers are
+   * `${id}-clusters`, `${id}-count` and `${id}-points`.
+   */
+  addClusters(id, data, options = {}) {
+    const clusters = `${id}-clusters`, points = `${id}-points`;
+    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 });
+    };
+    const pointer = () => {
+      this.map.getCanvas().style.cursor = "pointer";
+    };
+    const reset = () => {
+      this.map.getCanvas().style.cursor = "";
+    };
+    this._draw(id, {
+      draw: () => {
+        const color = options.color ?? this._color("var(--md-comp-map-cluster-color)");
+        const surface = this._color("var(--md-comp-map-marker-ring-color)");
+        this.map.addSource(id, {
+          type: "geojson",
+          data,
+          cluster: true,
+          clusterRadius: options.radius ?? 50,
+          clusterMaxZoom: options.maxZoom ?? 14
+        });
+        this.map.addLayer({
+          id: clusters,
+          type: "circle",
+          source: id,
+          filter: ["has", "point_count"],
+          paint: {
+            "circle-color": color,
+            "circle-radius": ["step", ["get", "point_count"], 16, 10, 20, 100, 26],
+            "circle-stroke-width": 6,
+            "circle-stroke-color": color,
+            "circle-stroke-opacity": 0.3
+          }
+        });
+        const style = this.map.getStyle();
+        const font = style.glyphs && style.layers.find((layer) => layer.layout?.["text-font"])?.layout["text-font"];
+        if (font) {
+          this.map.addLayer({
+            id: `${id}-count`,
+            type: "symbol",
+            source: id,
+            filter: ["has", "point_count"],
+            layout: { "text-field": ["get", "point_count_abbreviated"], "text-font": font, "text-size": 12 },
+            paint: { "text-color": this._color("var(--md-comp-map-cluster-label-color)") }
+          });
+        }
+        this.map.addLayer({
+          id: points,
+          type: "circle",
+          source: id,
+          filter: ["!", ["has", "point_count"]],
+          paint: { "circle-color": color, "circle-radius": 6, "circle-stroke-width": 2, "circle-stroke-color": surface }
+        });
+      },
+      off: () => {
+        this.map.off("click", clusters, zoomIn);
+        for (const layer of [clusters, points]) {
+          this.map.off("mouseenter", layer, pointer);
+          this.map.off("mouseleave", layer, reset);
+        }
+      }
+    });
+    this.map.on("click", clusters, zoomIn);
+    for (const layer of [clusters, points]) {
+      this.map.on("mouseenter", layer, pointer);
+      this.map.on("mouseleave", layer, reset);
+    }
+  }
+  /** Removes a route, arcs or clusters added with this id. */
+  removeOverlay(id) {
+    const overlay = this._overlays.get(id);
+    if (!overlay) return;
+    this._overlays.delete(id);
+    overlay.off?.();
+    if (!this._styleReady || !this.map.getSource(id)) return;
+    for (const layer of this.map.getStyle().layers) if (layer.source === id) this.map.removeLayer(layer.id);
+    this.map.removeSource(id);
+  }
+  _line(id, geometry, token, options) {
+    this._draw(id, {
+      draw: () => {
+        this.map.addSource(id, { type: "geojson", data: { type: "Feature", properties: {}, geometry } });
+        this.map.addLayer({
+          id,
+          type: "line",
+          source: id,
+          layout: { "line-cap": "round", "line-join": "round" },
+          paint: {
+            "line-color": options.color ?? this._color(`var(--md-comp-map-${token}-color)`),
+            "line-width": options.width,
+            "line-opacity": options.opacity ?? 1,
+            ...options.dashArray && { "line-dasharray": options.dashArray }
+          }
+        });
+      }
+    });
+  }
+  // Sources and layers go with the style, so every overlay is drawn again
+  // when a theme change swaps it.
+  _draw(id, overlay) {
+    this.removeOverlay(id);
+    this._overlays.set(id, overlay);
+    if (this._styleReady) overlay.draw();
+  }
+  _addMarker(element, content) {
+    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 }));
+    });
+    this.markers.push(marker);
+    if (!content) return;
+    element.setAttribute("aria-expanded", "false");
+    const popup = this._popup(content, 16);
+    popup.on("open", () => element.setAttribute("aria-expanded", "true"));
+    popup.on("close", () => {
+      element.setAttribute("aria-expanded", "false");
+      if (!document.activeElement || document.activeElement === document.body) element.focus();
+    });
+    this._markerPopups.set(element, popup);
+  }
+  _popup(content, offset) {
+    const popup = new this.options.maplibregl.Popup({ closeOnClick: false, maxWidth: "none", offset }).setDOMContent(content);
+    this._popups.push(popup);
+    return popup;
+  }
+  _toggle(marker) {
+    const popup = this._markerPopups.get(marker);
+    if (popup.isOpen()) popup.remove();
+    else popup.setLngLat(this.markers.find((m) => m.getElement() === marker).getLngLat()).addTo(this.map);
+  }
+  _buttons(action) {
+    return this.el.querySelectorAll(`.map-controls [data-action="${action}"]`);
+  }
+  _locate(button) {
+    navigator.geolocation?.getCurrentPosition(
+      ({ coords }) => {
+        if (!this.map) return;
+        const center = [coords.longitude, coords.latitude];
+        if (!this._location) {
+          const dot = document.createElement("span");
+          dot.className = "map-marker location";
+          dot.setAttribute("aria-hidden", "true");
+          this._location = new this.options.maplibregl.Marker({ element: dot });
+        }
+        this._location.setLngLat(center).addTo(this.map);
+        this.map.flyTo({ center, zoom: Math.max(this.map.getZoom(), 14) });
+      },
+      (error) => {
+        if (this.map && error.code === error.PERMISSION_DENIED) button.disabled = true;
+      }
+    );
+  }
+  // Resolves a CSS color where the map is, so light-dark() and scoped
+  // themes apply, then paints it on a canvas to read back the sRGB value.
+  // MapLibre does not parse the oklch() the theme tokens compute to.
+  _color(value) {
+    const probe = document.createElement("span");
+    probe.hidden = true;
+    probe.style.color = value;
+    this.el.append(probe);
+    const context = document.createElement("canvas").getContext("2d", { willReadFrequently: true });
+    context.fillStyle = getComputedStyle(probe).color;
+    probe.remove();
+    context.fillRect(0, 0, 1, 1);
+    const [r, g, b, a] = context.getImageData(0, 0, 1, 1).data;
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(a / 255 * 100) / 100})`;
+  }
+  _isDark() {
+    return this._color("light-dark(black, white)") === "rgba(255, 255, 255, 1)";
+  }
+  _themed() {
+    const style = this.options.style;
+    return typeof style === "object" && "light" in style && "dark" in style;
+  }
+  _style() {
+    return this._themed() ? this.options.style[this._dark ? "dark" : "light"] : this.options.style;
+  }
+};
+
+export {
+  MapView
+};
+//# sourceMappingURL=chunk-TBM3FT7G.mjs.map