@expressivecss/expressive 0.13.1 → 0.14.1

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/mapView.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } 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 lngLat = (el: HTMLElement) => el.dataset.lngLat.split(',').map(Number) as LngLat;\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/**\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` or\n * `fullscreen`. 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 _media: MediaQueryList | null = 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\n  constructor(el: HTMLElement, options: Partial<MapViewOptions>) {\n    super(el, options, MapView);\n    this.el['Expressive_MapView'] = this;\n    this.options = {\n      ...MapView.defaults,\n      ...options\n    };\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 of 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);\n    }\n    for (const popup of children.filter((child) => child.matches('.map-popup[data-lng-lat]') && !claimed.has(child))) {\n      this._popup(popup, 0).setLngLat(lngLat(popup)).addTo(this.map);\n    }\n\n    if (this._themed()) {\n      this._media = matchMedia('(prefers-color-scheme: dark)');\n      this._media.addEventListener('change', this._handleScheme);\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);\n    el.addEventListener('click', this._handleClick);\n    el.addEventListener('keydown', this._handleKeydown);\n    this._sync();\n  }\n\n  static get defaults(): MapViewOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of MapView.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<MapViewOptions>): MapView;\n  /**\n   * Initializes instances of MapView.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<MapViewOptions>): MapView[];\n  /**\n   * Initializes instances of MapView.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<MapViewOptions> = {}\n  ): MapView | MapView[] {\n    return super.init(els, options, MapView);\n  }\n\n  static getInstance(el: HTMLElement): MapView {\n    return el['Expressive_MapView'];\n  }\n\n  destroy() {\n    this.el['Expressive_MapView'] = undefined;\n    if (!this.map) return;\n    this.el.removeEventListener('click', this._handleClick);\n    this.el.removeEventListener('keydown', this._handleKeydown);\n    document.removeEventListener('fullscreenchange', this._handleFullscreen);\n    this._media?.removeEventListener('change', this._handleScheme);\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      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    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: () => {\n        this.map.off('click', clusters, zoomIn);\n        for (const layer of [clusters, points]) {\n          this.map.off('mouseenter', layer, pointer);\n          this.map.off('mouseleave', layer, reset);\n        }\n      }\n    });\n    this.map.on('click', clusters, zoomIn);\n    for (const layer of [clusters, points]) {\n      this.map.on('mouseenter', layer, pointer);\n      this.map.on('mouseleave', layer, reset);\n    }\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) {\n    const marker = new this.options.maplibregl.Marker({\n      element,\n      draggable: element.hasAttribute('data-draggable')\n    }).setLngLat(lngLat(element)).addTo(this.map);\n    marker.on('dragend', () => {\n      const { lng, lat } = marker.getLngLat();\n      element.dataset.lngLat = `${lng},${lat}`;\n      element.dispatchEvent(new Event('change', { bubbles: true }));\n    });\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  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    const action = button?.dataset.action;\n    if (action === 'zoom-in') this.map.zoomIn();\n    else if (action === 'zoom-out') this.map.zoomOut();\n    else if (action === 'compass') this.map.resetNorthPitch();\n    else if (action === 'locate') this._locate(button);\n    else if (action === 'fullscreen') {\n      if (document.fullscreenElement === this.el) document.exitFullscreen();\n      else this.el.requestFullscreen();\n    } else {\n      const marker = target.closest<HTMLElement>('.map-marker');\n      if (this._markerPopups.has(marker)) this._toggle(marker);\n    }\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    for (const [marker, popup] of this._markerPopups) {\n      if (!marker.contains(target) && !popup.getElement()?.contains(target)) popup.remove();\n    }\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape') return;\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": []
+}