maplibre-gl-components 0.1.0 → 0.2.0

package/dist/{HtmlControl-iggZQwXP.js → HtmlControl-mwWlMV6V.js}

@@ -614,7 +614,6 @@ class Legend {
    */
   constructor(options) {
     __publicField(this, "_container");
-    __publicField(this, "_contentEl");
     __publicField(this, "_options");
     __publicField(this, "_state");
     __publicField(this, "_eventHandlers", /* @__PURE__ */ new Map());
@@ -643,7 +642,6 @@ class Legend {
     var _a, _b;
     (_b = (_a = this._container) == null ? void 0 : _a.parentNode) == null ? void 0 : _b.removeChild(this._container);
     this._container = void 0;
-    this._contentEl = void 0;
     this._eventHandlers.clear();
   }
   /**
@@ -676,10 +674,7 @@ class Legend {
   expand() {
     if (this._state.collapsed) {
       this._state.collapsed = false;
-      if (this._contentEl) {
-        this._contentEl.style.display = "block";
-      }
-      this._updateToggleIcon();
+      this._render();
       this._emit("expand");
     }
   }
@@ -689,10 +684,7 @@ class Legend {
   collapse() {
     if (!this._state.collapsed) {
       this._state.collapsed = true;
-      if (this._contentEl) {
-        this._contentEl.style.display = "none";
-      }
-      this._updateToggleIcon();
+      this._render();
       this._emit("collapse");
     }
   }
@@ -814,18 +806,43 @@ class Legend {
    * @returns The swatch element.
    */
   _createSwatch(item) {
-    const { swatchSize } = this._options;
+    const { swatchSize = 16 } = this._options;
+    const shape = item.shape || "square";
     const swatch = document.createElement("span");
-    swatch.className = `maplibre-gl-legend-swatch maplibre-gl-legend-swatch-${item.shape || "square"}`;
-    Object.assign(swatch.style, {
-      width: `${swatchSize}px`,
-      height: item.shape === "line" ? "3px" : `${swatchSize}px`,
-      backgroundColor: item.color,
-      borderRadius: item.shape === "circle" ? "50%" : item.shape === "line" ? "0" : "2px",
-      border: item.strokeColor ? `1px solid ${item.strokeColor}` : "1px solid rgba(0,0,0,0.1)",
+    swatch.className = `maplibre-gl-legend-swatch maplibre-gl-legend-swatch-${shape}`;
+    const baseStyles = {
       flexShrink: "0",
       display: "inline-block"
-    });
+    };
+    if (shape === "line") {
+      Object.assign(swatch.style, {
+        ...baseStyles,
+        width: `${swatchSize}px`,
+        height: "4px",
+        backgroundColor: item.color,
+        borderRadius: "2px",
+        border: "none",
+        alignSelf: "center"
+      });
+    } else if (shape === "circle") {
+      Object.assign(swatch.style, {
+        ...baseStyles,
+        width: `${swatchSize}px`,
+        height: `${swatchSize}px`,
+        backgroundColor: item.color,
+        borderRadius: "50%",
+        border: item.strokeColor ? `2px solid ${item.strokeColor}` : "1px solid rgba(0,0,0,0.1)"
+      });
+    } else {
+      Object.assign(swatch.style, {
+        ...baseStyles,
+        width: `${swatchSize}px`,
+        height: `${swatchSize}px`,
+        backgroundColor: item.color,
+        borderRadius: "2px",
+        border: item.strokeColor ? `2px solid ${item.strokeColor}` : "1px solid rgba(0,0,0,0.1)"
+      });
+    }
     if (item.icon) {
       Object.assign(swatch.style, {
         backgroundImage: `url(${item.icon})`,
@@ -833,21 +850,13 @@ class Legend {
         backgroundRepeat: "no-repeat",
         backgroundPosition: "center",
         backgroundColor: "transparent",
-        border: "none"
+        border: "none",
+        width: `${swatchSize}px`,
+        height: `${swatchSize}px`
       });
     }
     return swatch;
   }
-  /**
-   * Updates the toggle icon based on collapsed state.
-   */
-  _updateToggleIcon() {
-    var _a;
-    const toggle = (_a = this._container) == null ? void 0 : _a.querySelector(".maplibre-gl-legend-toggle");
-    if (toggle) {
-      toggle.innerHTML = this._state.collapsed ? "▶" : "▼";
-    }
-  }
   /**
    * Renders the legend content.
    */
@@ -866,14 +875,17 @@ class Legend {
       collapsible
     } = this._options;
     this._container.innerHTML = "";
+    const isCollapsedWithHeader = this._state.collapsed && (title || collapsible);
+    const vertPadding = isCollapsedWithHeader ? 4 : padding;
     Object.assign(this._container.style, {
       backgroundColor,
       opacity: opacity.toString(),
       borderRadius: `${borderRadius}px`,
-      padding: `${padding}px`,
+      padding: `${vertPadding}px ${padding}px`,
       fontSize: `${fontSize}px`,
       color: fontColor,
-      width: `${width}px`,
+      width: isCollapsedWithHeader ? "auto" : `${width}px`,
+      maxWidth: `${width}px`,
       boxShadow: "0 0 0 2px rgba(0, 0, 0, 0.1)",
       display: this._state.visible ? "block" : "none",
       fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
@@ -885,7 +897,7 @@ class Legend {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        marginBottom: "8px",
+        paddingBottom: this._state.collapsed ? "0" : "4px",
         cursor: collapsible ? "pointer" : "default"
       });
       if (title) {
@@ -912,7 +924,6 @@ class Legend {
       overflowY: "auto",
       display: this._state.collapsed ? "none" : "block"
     });
-    this._contentEl = content;
     this._state.items.forEach((item) => {
       const row = document.createElement("div");
       row.className = "maplibre-gl-legend-item";
@@ -936,15 +947,20 @@ class Legend {
 const DEFAULT_OPTIONS = {
   html: "",
   element: void 0,
+  title: "",
   position: "top-left",
   className: "",
   visible: true,
+  collapsible: false,
+  collapsed: false,
   backgroundColor: "rgba(255, 255, 255, 0.9)",
   padding: 10,
   borderRadius: 4,
   opacity: 1,
   maxWidth: 300,
-  maxHeight: 400
+  maxHeight: 400,
+  fontSize: 12,
+  fontColor: "#333"
 };
 class HtmlControl {
   /**
@@ -961,6 +977,7 @@ class HtmlControl {
     this._options = { ...DEFAULT_OPTIONS, ...options };
     this._state = {
       visible: this._options.visible,
+      collapsed: this._options.collapsed,
       html: this._options.html
     };
   }
@@ -1011,6 +1028,36 @@ class HtmlControl {
       this._emit("hide");
     }
   }
+  /**
+   * Expands the control (if collapsible).
+   */
+  expand() {
+    if (this._state.collapsed) {
+      this._state.collapsed = false;
+      this._render();
+      this._emit("expand");
+    }
+  }
+  /**
+   * Collapses the control (if collapsible).
+   */
+  collapse() {
+    if (!this._state.collapsed) {
+      this._state.collapsed = true;
+      this._render();
+      this._emit("collapse");
+    }
+  }
+  /**
+   * Toggles the collapsed state.
+   */
+  toggle() {
+    if (this._state.collapsed) {
+      this.expand();
+    } else {
+      this.collapse();
+    }
+  }
   /**
    * Sets the HTML content.
    *
@@ -1057,6 +1104,7 @@ class HtmlControl {
     this._options = { ...this._options, ...options };
     if (options.html !== void 0) this._state.html = options.html;
     if (options.visible !== void 0) this._state.visible = options.visible;
+    if (options.collapsed !== void 0) this._state.collapsed = options.collapsed;
     this._render();
     this._emit("update");
   }
@@ -1121,28 +1169,70 @@ class HtmlControl {
   _render() {
     if (!this._container) return;
     const {
+      title = "",
+      collapsible = false,
       backgroundColor = "rgba(255, 255, 255, 0.9)",
       opacity = 1,
       borderRadius = 4,
       padding = 10,
       maxWidth = 300,
-      maxHeight = 400
+      maxHeight = 400,
+      fontSize = 12,
+      fontColor = "#333"
     } = this._options;
     this._container.innerHTML = "";
+    const isCollapsedWithHeader = this._state.collapsed && (title || collapsible);
+    const vertPadding = isCollapsedWithHeader ? 4 : padding;
     Object.assign(this._container.style, {
       backgroundColor,
       opacity: String(opacity),
       borderRadius: `${borderRadius}px`,
-      padding: `${padding}px`,
+      padding: `${vertPadding}px ${padding}px`,
       maxWidth: `${maxWidth}px`,
-      maxHeight: `${maxHeight}px`,
-      overflowY: "auto",
+      fontSize: `${fontSize}px`,
+      color: fontColor,
       boxShadow: "0 0 0 2px rgba(0, 0, 0, 0.1)",
       display: this._state.visible ? "block" : "none",
       fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
     });
+    if (collapsible || title) {
+      const header = document.createElement("div");
+      header.className = "maplibre-gl-html-control-header";
+      Object.assign(header.style, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingBottom: this._state.collapsed ? "0" : "8px",
+        cursor: collapsible ? "pointer" : "default"
+      });
+      if (title) {
+        const titleEl = document.createElement("span");
+        titleEl.className = "maplibre-gl-html-control-title";
+        titleEl.textContent = title;
+        titleEl.style.fontWeight = "600";
+        header.appendChild(titleEl);
+      }
+      if (collapsible) {
+        const toggleBtn = document.createElement("span");
+        toggleBtn.className = "maplibre-gl-html-control-toggle";
+        toggleBtn.innerHTML = this._state.collapsed ? "▶" : "▼";
+        Object.assign(toggleBtn.style, {
+          marginLeft: "8px",
+          fontSize: "10px",
+          userSelect: "none"
+        });
+        header.appendChild(toggleBtn);
+        header.addEventListener("click", () => this.toggle());
+      }
+      this._container.appendChild(header);
+    }
     const content = document.createElement("div");
     content.className = "maplibre-gl-html-control-content";
+    Object.assign(content.style, {
+      maxHeight: `${maxHeight}px`,
+      overflowY: "auto",
+      display: this._state.collapsed ? "none" : "block"
+    });
     this._contentEl = content;
     if (this._options.element) {
       content.appendChild(this._options.element);
@@ -1188,4 +1278,4 @@ export {
   clamp as y,
   formatNumericValue as z
 };
-//# sourceMappingURL=HtmlControl-iggZQwXP.js.map
+//# sourceMappingURL=HtmlControl-mwWlMV6V.js.map

package/dist/HtmlControl-mwWlMV6V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlControl-mwWlMV6V.js","sources":["../src/lib/colormaps/sequential.ts","../src/lib/colormaps/diverging.ts","../src/lib/colormaps/misc.ts","../src/lib/colormaps/index.ts","../src/lib/utils/helpers.ts","../src/lib/core/Colorbar.ts","../src/lib/core/Legend.ts","../src/lib/core/HtmlControl.ts"],"sourcesContent":["import type { ColorStop } from '../core/types';\n\n/**\n * Viridis colormap - perceptually uniform, colorblind-friendly.\n */\nexport const viridis: ColorStop[] = [\n  { position: 0.0, color: '#440154' },\n  { position: 0.1, color: '#482878' },\n  { position: 0.2, color: '#3e4a89' },\n  { position: 0.3, color: '#31688e' },\n  { position: 0.4, color: '#26838f' },\n  { position: 0.5, color: '#1f9e89' },\n  { position: 0.6, color: '#35b779' },\n  { position: 0.7, color: '#6ece58' },\n  { position: 0.8, color: '#b5de2b' },\n  { position: 0.9, color: '#fde725' },\n  { position: 1.0, color: '#fde725' },\n];\n\n/**\n * Plasma colormap - perceptually uniform.\n */\nexport const plasma: ColorStop[] = [\n  { position: 0.0, color: '#0d0887' },\n  { position: 0.1, color: '#41049d' },\n  { position: 0.2, color: '#6a00a8' },\n  { position: 0.3, color: '#8f0da4' },\n  { position: 0.4, color: '#b12a90' },\n  { position: 0.5, color: '#cc4778' },\n  { position: 0.6, color: '#e16462' },\n  { position: 0.7, color: '#f2844b' },\n  { position: 0.8, color: '#fca636' },\n  { position: 0.9, color: '#fcce25' },\n  { position: 1.0, color: '#f0f921' },\n];\n\n/**\n * Inferno colormap - perceptually uniform.\n */\nexport const inferno: ColorStop[] = [\n  { position: 0.0, color: '#000004' },\n  { position: 0.1, color: '#1b0c41' },\n  { position: 0.2, color: '#4a0c6b' },\n  { position: 0.3, color: '#781c6d' },\n  { position: 0.4, color: '#a52c60' },\n  { position: 0.5, color: '#cf4446' },\n  { position: 0.6, color: '#ed6925' },\n  { position: 0.7, color: '#fb9b06' },\n  { position: 0.8, color: '#f7d13d' },\n  { position: 0.9, color: '#fcffa4' },\n  { position: 1.0, color: '#fcffa4' },\n];\n\n/**\n * Magma colormap - perceptually uniform.\n */\nexport const magma: ColorStop[] = [\n  { position: 0.0, color: '#000004' },\n  { position: 0.1, color: '#180f3d' },\n  { position: 0.2, color: '#440f76' },\n  { position: 0.3, color: '#721f81' },\n  { position: 0.4, color: '#9e2f7f' },\n  { position: 0.5, color: '#cd4071' },\n  { position: 0.6, color: '#f1605d' },\n  { position: 0.7, color: '#fd9668' },\n  { position: 0.8, color: '#fec98d' },\n  { position: 0.9, color: '#fcfdbf' },\n  { position: 1.0, color: '#fcfdbf' },\n];\n\n/**\n * Cividis colormap - colorblind-friendly.\n */\nexport const cividis: ColorStop[] = [\n  { position: 0.0, color: '#00204d' },\n  { position: 0.1, color: '#00306f' },\n  { position: 0.2, color: '#2a406c' },\n  { position: 0.3, color: '#4a5068' },\n  { position: 0.4, color: '#636166' },\n  { position: 0.5, color: '#7b7362' },\n  { position: 0.6, color: '#94865c' },\n  { position: 0.7, color: '#af9b51' },\n  { position: 0.8, color: '#cab040' },\n  { position: 0.9, color: '#e6c628' },\n  { position: 1.0, color: '#ffdd00' },\n];\n","import type { ColorStop } from '../core/types';\n\n/**\n * Coolwarm diverging colormap.\n */\nexport const coolwarm: ColorStop[] = [\n  { position: 0.0, color: '#3b4cc0' },\n  { position: 0.1, color: '#5977e3' },\n  { position: 0.2, color: '#7b9ff9' },\n  { position: 0.3, color: '#9ebeff' },\n  { position: 0.4, color: '#c0d4f5' },\n  { position: 0.5, color: '#dddcdc' },\n  { position: 0.6, color: '#f2cbb7' },\n  { position: 0.7, color: '#f7ac8e' },\n  { position: 0.8, color: '#ee8468' },\n  { position: 0.9, color: '#d65244' },\n  { position: 1.0, color: '#b40426' },\n];\n\n/**\n * Blue-White-Red diverging colormap.\n */\nexport const bwr: ColorStop[] = [\n  { position: 0.0, color: '#0000ff' },\n  { position: 0.5, color: '#ffffff' },\n  { position: 1.0, color: '#ff0000' },\n];\n\n/**\n * Seismic diverging colormap.\n */\nexport const seismic: ColorStop[] = [\n  { position: 0.0, color: '#00004d' },\n  { position: 0.25, color: '#0000ff' },\n  { position: 0.5, color: '#ffffff' },\n  { position: 0.75, color: '#ff0000' },\n  { position: 1.0, color: '#4d0000' },\n];\n\n/**\n * Red-Blue diverging colormap.\n */\nexport const RdBu: ColorStop[] = [\n  { position: 0.0, color: '#67001f' },\n  { position: 0.1, color: '#b2182b' },\n  { position: 0.2, color: '#d6604d' },\n  { position: 0.3, color: '#f4a582' },\n  { position: 0.4, color: '#fddbc7' },\n  { position: 0.5, color: '#f7f7f7' },\n  { position: 0.6, color: '#d1e5f0' },\n  { position: 0.7, color: '#92c5de' },\n  { position: 0.8, color: '#4393c3' },\n  { position: 0.9, color: '#2166ac' },\n  { position: 1.0, color: '#053061' },\n];\n\n/**\n * Red-Yellow-Blue diverging colormap.\n */\nexport const RdYlBu: ColorStop[] = [\n  { position: 0.0, color: '#a50026' },\n  { position: 0.1, color: '#d73027' },\n  { position: 0.2, color: '#f46d43' },\n  { position: 0.3, color: '#fdae61' },\n  { position: 0.4, color: '#fee090' },\n  { position: 0.5, color: '#ffffbf' },\n  { position: 0.6, color: '#e0f3f8' },\n  { position: 0.7, color: '#abd9e9' },\n  { position: 0.8, color: '#74add1' },\n  { position: 0.9, color: '#4575b4' },\n  { position: 1.0, color: '#313695' },\n];\n\n/**\n * Red-Yellow-Green diverging colormap.\n */\nexport const RdYlGn: ColorStop[] = [\n  { position: 0.0, color: '#a50026' },\n  { position: 0.1, color: '#d73027' },\n  { position: 0.2, color: '#f46d43' },\n  { position: 0.3, color: '#fdae61' },\n  { position: 0.4, color: '#fee08b' },\n  { position: 0.5, color: '#ffffbf' },\n  { position: 0.6, color: '#d9ef8b' },\n  { position: 0.7, color: '#a6d96a' },\n  { position: 0.8, color: '#66bd63' },\n  { position: 0.9, color: '#1a9850' },\n  { position: 1.0, color: '#006837' },\n];\n\n/**\n * Spectral diverging colormap.\n */\nexport const spectral: ColorStop[] = [\n  { position: 0.0, color: '#9e0142' },\n  { position: 0.1, color: '#d53e4f' },\n  { position: 0.2, color: '#f46d43' },\n  { position: 0.3, color: '#fdae61' },\n  { position: 0.4, color: '#fee08b' },\n  { position: 0.5, color: '#ffffbf' },\n  { position: 0.6, color: '#e6f598' },\n  { position: 0.7, color: '#abdda4' },\n  { position: 0.8, color: '#66c2a5' },\n  { position: 0.9, color: '#3288bd' },\n  { position: 1.0, color: '#5e4fa2' },\n];\n","import type { ColorStop } from '../core/types';\n\n/**\n * Jet colormap (classic rainbow-like).\n */\nexport const jet: ColorStop[] = [\n  { position: 0.0, color: '#00007f' },\n  { position: 0.125, color: '#0000ff' },\n  { position: 0.25, color: '#007fff' },\n  { position: 0.375, color: '#00ffff' },\n  { position: 0.5, color: '#7fff7f' },\n  { position: 0.625, color: '#ffff00' },\n  { position: 0.75, color: '#ff7f00' },\n  { position: 0.875, color: '#ff0000' },\n  { position: 1.0, color: '#7f0000' },\n];\n\n/**\n * Rainbow colormap.\n */\nexport const rainbow: ColorStop[] = [\n  { position: 0.0, color: '#ff0000' },\n  { position: 0.17, color: '#ff8000' },\n  { position: 0.33, color: '#ffff00' },\n  { position: 0.5, color: '#00ff00' },\n  { position: 0.67, color: '#00ffff' },\n  { position: 0.83, color: '#0000ff' },\n  { position: 1.0, color: '#8000ff' },\n];\n\n/**\n * Turbo colormap (improved rainbow).\n */\nexport const turbo: ColorStop[] = [\n  { position: 0.0, color: '#30123b' },\n  { position: 0.1, color: '#4662d7' },\n  { position: 0.2, color: '#36aaf9' },\n  { position: 0.3, color: '#1ae4b6' },\n  { position: 0.4, color: '#72fe5e' },\n  { position: 0.5, color: '#c8ef34' },\n  { position: 0.6, color: '#faba39' },\n  { position: 0.7, color: '#f66b19' },\n  { position: 0.8, color: '#ca2a04' },\n  { position: 0.9, color: '#7a0403' },\n  { position: 1.0, color: '#7a0403' },\n];\n\n/**\n * Terrain colormap.\n */\nexport const terrain: ColorStop[] = [\n  { position: 0.0, color: '#333399' },\n  { position: 0.15, color: '#0099cc' },\n  { position: 0.25, color: '#00cc99' },\n  { position: 0.35, color: '#99cc00' },\n  { position: 0.5, color: '#ffcc00' },\n  { position: 0.65, color: '#cc6600' },\n  { position: 0.75, color: '#993300' },\n  { position: 0.85, color: '#996633' },\n  { position: 1.0, color: '#ffffff' },\n];\n\n/**\n * Ocean colormap.\n */\nexport const ocean: ColorStop[] = [\n  { position: 0.0, color: '#007f00' },\n  { position: 0.25, color: '#00007f' },\n  { position: 0.5, color: '#0000ff' },\n  { position: 0.75, color: '#7fffff' },\n  { position: 1.0, color: '#ffffff' },\n];\n\n/**\n * Hot colormap (black-red-yellow-white).\n */\nexport const hot: ColorStop[] = [\n  { position: 0.0, color: '#000000' },\n  { position: 0.33, color: '#ff0000' },\n  { position: 0.67, color: '#ffff00' },\n  { position: 1.0, color: '#ffffff' },\n];\n\n/**\n * Cool colormap (cyan-magenta).\n */\nexport const cool: ColorStop[] = [\n  { position: 0.0, color: '#00ffff' },\n  { position: 1.0, color: '#ff00ff' },\n];\n\n/**\n * Gray/Grayscale colormap.\n */\nexport const gray: ColorStop[] = [\n  { position: 0.0, color: '#000000' },\n  { position: 1.0, color: '#ffffff' },\n];\n\n/**\n * Bone colormap.\n */\nexport const bone: ColorStop[] = [\n  { position: 0.0, color: '#000000' },\n  { position: 0.375, color: '#545474' },\n  { position: 0.75, color: '#a9c8c8' },\n  { position: 1.0, color: '#ffffff' },\n];\n","import type { ColorStop, ColormapName } from '../core/types';\nimport { viridis, plasma, inferno, magma, cividis } from './sequential';\nimport { coolwarm, bwr, seismic, RdBu, RdYlBu, RdYlGn, spectral } from './diverging';\nimport { jet, rainbow, turbo, terrain, ocean, hot, cool, gray, bone } from './misc';\n\n/**\n * Map of all built-in colormaps.\n */\nexport const COLORMAPS: Record<ColormapName, ColorStop[]> = {\n  // Sequential\n  viridis,\n  plasma,\n  inferno,\n  magma,\n  cividis,\n  // Diverging\n  coolwarm,\n  bwr,\n  seismic,\n  RdBu,\n  RdYlBu,\n  RdYlGn,\n  spectral,\n  // Miscellaneous\n  jet,\n  rainbow,\n  turbo,\n  terrain,\n  ocean,\n  hot,\n  cool,\n  gray,\n  bone,\n};\n\n/**\n * Gets a colormap by name.\n *\n * @param name - The colormap name.\n * @returns Array of color stops.\n */\nexport function getColormap(name: ColormapName): ColorStop[] {\n  return COLORMAPS[name] || COLORMAPS.viridis;\n}\n\n/**\n * Checks if a colormap name is valid.\n *\n * @param name - The name to check.\n * @returns True if the name is a valid colormap.\n */\nexport function isValidColormap(name: string): name is ColormapName {\n  return name in COLORMAPS;\n}\n\n/**\n * Gets all available colormap names.\n *\n * @returns Array of colormap names.\n */\nexport function getColormapNames(): ColormapName[] {\n  return Object.keys(COLORMAPS) as ColormapName[];\n}\n\n// Re-export individual colormaps\nexport { viridis, plasma, inferno, magma, cividis };\nexport { coolwarm, bwr, seismic, RdBu, RdYlBu, RdYlGn, spectral };\nexport { jet, rainbow, turbo, terrain, ocean, hot, cool, gray, bone };\n","/**\n * Clamps a value between min and max.\n *\n * @param value - The value to clamp.\n * @param min - The minimum value.\n * @param max - The maximum value.\n * @returns The clamped value.\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * Formats a numeric value based on the range.\n *\n * @param value - The value to format.\n * @param range - The total range (max - min).\n * @returns Formatted string.\n */\nexport function formatNumericValue(value: number, range: number): string {\n  if (range >= 100) {\n    return Math.round(value).toString();\n  } else if (range >= 1) {\n    return value.toFixed(1);\n  } else if (range >= 0.1) {\n    return value.toFixed(2);\n  } else {\n    return value.toFixed(3);\n  }\n}\n\n/**\n * Generates a unique ID with optional prefix.\n *\n * @param prefix - Optional prefix for the ID.\n * @returns A unique ID string.\n */\nexport function generateId(prefix = 'mlgl'): string {\n  return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n/**\n * Debounces a function call.\n *\n * @param fn - The function to debounce.\n * @param delay - The delay in milliseconds.\n * @returns A debounced function.\n */\nexport function debounce<T extends (...args: unknown[]) => void>(\n  fn: T,\n  delay: number\n): (...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\n/**\n * Throttles a function call.\n *\n * @param fn - The function to throttle.\n * @param limit - The minimum time between calls in milliseconds.\n * @returns A throttled function.\n */\nexport function throttle<T extends (...args: unknown[]) => void>(\n  fn: T,\n  limit: number\n): (...args: Parameters<T>) => void {\n  let inThrottle = false;\n  return (...args: Parameters<T>) => {\n    if (!inThrottle) {\n      fn(...args);\n      inThrottle = true;\n      setTimeout(() => (inThrottle = false), limit);\n    }\n  };\n}\n\n/**\n * Joins class names, filtering out falsy values.\n *\n * @param classes - Class names to join.\n * @returns Joined class string.\n */\nexport function classNames(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n","import type { IControl, Map as MapLibreMap } from 'maplibre-gl';\nimport type {\n  ColorbarOptions,\n  ColorbarState,\n  ComponentEvent,\n  ComponentEventHandler,\n  ColorStop,\n} from './types';\nimport { getColormap, isValidColormap } from '../colormaps';\nimport { formatNumericValue } from '../utils';\n\n/**\n * Default options for the Colorbar control.\n */\nconst DEFAULT_OPTIONS: Required<Omit<ColorbarOptions, 'colorStops'>> & { colorStops: ColorStop[] } = {\n  colormap: 'viridis',\n  colorStops: [],\n  vmin: 0,\n  vmax: 1,\n  label: '',\n  units: '',\n  orientation: 'vertical',\n  position: 'bottom-right',\n  barThickness: 20,\n  barLength: 200,\n  ticks: { count: 5 },\n  className: '',\n  visible: true,\n  opacity: 1,\n  backgroundColor: 'rgba(255, 255, 255, 0.9)',\n  fontSize: 11,\n  fontColor: '#333',\n  borderRadius: 4,\n  padding: 8,\n};\n\n/**\n * A continuous gradient colorbar control for MapLibre GL maps.\n *\n * Displays a color gradient legend with customizable colormaps,\n * tick marks, labels, and positioning.\n *\n * @example\n * ```typescript\n * const colorbar = new Colorbar({\n *   colormap: 'viridis',\n *   vmin: 0,\n *   vmax: 100,\n *   label: 'Temperature',\n *   units: '°C',\n *   orientation: 'vertical',\n * });\n * map.addControl(colorbar, 'bottom-right');\n * ```\n */\nexport class Colorbar implements IControl {\n  private _container?: HTMLElement;\n  private _options: Required<Omit<ColorbarOptions, 'colorStops'>> & { colorStops: ColorStop[] };\n  private _state: ColorbarState;\n  private _eventHandlers: Map<ComponentEvent, Set<ComponentEventHandler<ColorbarState>>> =\n    new Map();\n\n  /**\n   * Creates a new Colorbar instance.\n   *\n   * @param options - Configuration options for the colorbar.\n   */\n  constructor(options?: ColorbarOptions) {\n    this._options = { ...DEFAULT_OPTIONS, ...options };\n    this._state = {\n      visible: this._options.visible,\n      vmin: this._options.vmin,\n      vmax: this._options.vmax,\n      colormap: this._options.colormap,\n    };\n  }\n\n  /**\n   * Called when the control is added to the map.\n   * Implements the IControl interface.\n   *\n   * @param map - The MapLibre GL map instance.\n   * @returns The control's container element.\n   */\n  onAdd(_map: MapLibreMap): HTMLElement {\n    this._container = this._createContainer();\n    this._render();\n    return this._container;\n  }\n\n  /**\n   * Called when the control is removed from the map.\n   * Implements the IControl interface.\n   */\n  onRemove(): void {\n    this._container?.parentNode?.removeChild(this._container);\n    this._container = undefined;\n    this._eventHandlers.clear();\n  }\n\n  /**\n   * Shows the colorbar.\n   */\n  show(): void {\n    if (!this._state.visible) {\n      this._state.visible = true;\n      if (this._container) {\n        this._container.style.display = 'flex';\n      }\n      this._emit('show');\n    }\n  }\n\n  /**\n   * Hides the colorbar.\n   */\n  hide(): void {\n    if (this._state.visible) {\n      this._state.visible = false;\n      if (this._container) {\n        this._container.style.display = 'none';\n      }\n      this._emit('hide');\n    }\n  }\n\n  /**\n   * Updates the colorbar options and re-renders.\n   *\n   * @param options - Partial options to update.\n   */\n  update(options: Partial<ColorbarOptions>): void {\n    this._options = { ...this._options, ...options };\n    if (options.vmin !== undefined) this._state.vmin = options.vmin;\n    if (options.vmax !== undefined) this._state.vmax = options.vmax;\n    if (options.colormap !== undefined) this._state.colormap = options.colormap;\n    if (options.visible !== undefined) this._state.visible = options.visible;\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Gets the current state.\n   *\n   * @returns The current colorbar state.\n   */\n  getState(): ColorbarState {\n    return { ...this._state };\n  }\n\n  /**\n   * Registers an event handler.\n   *\n   * @param event - The event type to listen for.\n   * @param handler - The callback function.\n   */\n  on(event: ComponentEvent, handler: ComponentEventHandler<ColorbarState>): void {\n    if (!this._eventHandlers.has(event)) {\n      this._eventHandlers.set(event, new Set());\n    }\n    this._eventHandlers.get(event)!.add(handler);\n  }\n\n  /**\n   * Removes an event handler.\n   *\n   * @param event - The event type.\n   * @param handler - The callback function to remove.\n   */\n  off(event: ComponentEvent, handler: ComponentEventHandler<ColorbarState>): void {\n    this._eventHandlers.get(event)?.delete(handler);\n  }\n\n  /**\n   * Gets the resolved color stops for the current colormap.\n   *\n   * @returns Array of color stops.\n   */\n  private _getColorStops(): ColorStop[] {\n    // Custom color stops take priority\n    if (this._options.colorStops && this._options.colorStops.length > 0) {\n      return this._options.colorStops;\n    }\n\n    const colormap = this._options.colormap;\n\n    // If colormap is a string array, convert to color stops\n    if (Array.isArray(colormap)) {\n      return colormap.map((color, i) => ({\n        position: i / (colormap.length - 1),\n        color,\n      }));\n    }\n\n    // If colormap is a name, get the built-in colormap\n    if (typeof colormap === 'string' && isValidColormap(colormap)) {\n      return getColormap(colormap);\n    }\n\n    // Default to viridis\n    return getColormap('viridis');\n  }\n\n  /**\n   * Generates the CSS gradient string.\n   *\n   * @returns CSS linear-gradient string.\n   */\n  private _generateGradient(): string {\n    const stops = this._getColorStops();\n    const direction = this._options.orientation === 'horizontal' ? 'to right' : 'to top';\n    const colorStops = stops.map((stop) => `${stop.color} ${stop.position * 100}%`).join(', ');\n    return `linear-gradient(${direction}, ${colorStops})`;\n  }\n\n  /**\n   * Generates tick values.\n   *\n   * @returns Array of tick values.\n   */\n  private _generateTicks(): number[] {\n    const { ticks, vmin, vmax } = this._options;\n\n    if (ticks.values && ticks.values.length > 0) {\n      return ticks.values;\n    }\n\n    const count = ticks.count || 5;\n    const step = (vmax - vmin) / (count - 1);\n    return Array.from({ length: count }, (_, i) => vmin + i * step);\n  }\n\n  /**\n   * Formats a tick value for display.\n   *\n   * @param value - The tick value.\n   * @returns Formatted string.\n   */\n  private _formatTick(value: number): string {\n    const { ticks, units } = this._options;\n\n    if (ticks.format) {\n      return ticks.format(value);\n    }\n\n    // Auto-format based on range\n    const range = this._options.vmax - this._options.vmin;\n    const formatted = formatNumericValue(value, range);\n\n    return units ? `${formatted}${units}` : formatted;\n  }\n\n  /**\n   * Emits an event to all registered handlers.\n   *\n   * @param event - The event type to emit.\n   */\n  private _emit(event: ComponentEvent): void {\n    const handlers = this._eventHandlers.get(event);\n    if (handlers) {\n      const eventData = { type: event, state: this.getState() };\n      handlers.forEach((handler) => handler(eventData));\n    }\n  }\n\n  /**\n   * Creates the main container element.\n   *\n   * @returns The container element.\n   */\n  private _createContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.className = `maplibregl-ctrl maplibre-gl-colorbar${\n      this._options.className ? ` ${this._options.className}` : ''\n    }`;\n\n    if (!this._state.visible) {\n      container.style.display = 'none';\n    }\n\n    return container;\n  }\n\n  /**\n   * Renders the colorbar content.\n   */\n  private _render(): void {\n    if (!this._container) return;\n\n    const {\n      orientation,\n      barThickness,\n      barLength,\n      label,\n      backgroundColor,\n      opacity,\n      fontSize,\n      fontColor,\n      borderRadius,\n      padding,\n    } = this._options;\n    const isVertical = orientation === 'vertical';\n    const ticks = this._generateTicks();\n\n    // Clear existing content\n    this._container.innerHTML = '';\n\n    // Apply container styles\n    Object.assign(this._container.style, {\n      backgroundColor,\n      opacity: opacity.toString(),\n      borderRadius: `${borderRadius}px`,\n      padding: `${padding}px`,\n      fontSize: `${fontSize}px`,\n      color: fontColor,\n      display: this._state.visible ? 'flex' : 'none',\n      flexDirection: isVertical ? 'row' : 'column',\n      alignItems: 'stretch',\n      gap: '6px',\n      boxShadow: '0 0 0 2px rgba(0, 0, 0, 0.1)',\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    });\n\n    // Add label if provided\n    if (label) {\n      const labelEl = document.createElement('div');\n      labelEl.className = 'maplibre-gl-colorbar-label';\n      labelEl.textContent = label;\n      Object.assign(labelEl.style, {\n        fontWeight: '600',\n        textAlign: 'center',\n        marginBottom: isVertical ? '0' : '4px',\n        writingMode: isVertical ? 'vertical-rl' : 'horizontal-tb',\n        transform: isVertical ? 'rotate(180deg)' : 'none',\n      });\n      this._container.appendChild(labelEl);\n    }\n\n    // Create gradient bar with ticks\n    const barWrapper = document.createElement('div');\n    barWrapper.className = 'maplibre-gl-colorbar-bar-wrapper';\n    Object.assign(barWrapper.style, {\n      display: 'flex',\n      flexDirection: isVertical ? 'row' : 'column',\n      alignItems: 'stretch',\n    });\n\n    // Gradient bar\n    const bar = document.createElement('div');\n    bar.className = 'maplibre-gl-colorbar-bar';\n    Object.assign(bar.style, {\n      background: this._generateGradient(),\n      width: isVertical ? `${barThickness}px` : `${barLength}px`,\n      height: isVertical ? `${barLength}px` : `${barThickness}px`,\n      borderRadius: '2px',\n      border: '1px solid rgba(0, 0, 0, 0.2)',\n    });\n\n    // Ticks container\n    const ticksContainer = document.createElement('div');\n    ticksContainer.className = 'maplibre-gl-colorbar-ticks';\n    Object.assign(ticksContainer.style, {\n      display: 'flex',\n      flexDirection: isVertical ? 'column-reverse' : 'row',\n      justifyContent: 'space-between',\n      width: isVertical ? 'auto' : `${barLength}px`,\n      height: isVertical ? `${barLength}px` : 'auto',\n      marginLeft: isVertical ? '4px' : '0',\n      marginTop: isVertical ? '0' : '4px',\n    });\n\n    ticks.forEach((value) => {\n      const tick = document.createElement('span');\n      tick.className = 'maplibre-gl-colorbar-tick';\n      tick.textContent = this._formatTick(value);\n      tick.style.fontSize = `${fontSize - 1}px`;\n      ticksContainer.appendChild(tick);\n    });\n\n    barWrapper.appendChild(bar);\n    barWrapper.appendChild(ticksContainer);\n    this._container.appendChild(barWrapper);\n  }\n}\n","import type { IControl, Map as MapLibreMap } from 'maplibre-gl';\nimport type {\n  LegendOptions,\n  LegendState,\n  LegendItem,\n  ComponentEvent,\n  ComponentEventHandler,\n} from './types';\n\n/**\n * Default options for the Legend control.\n */\nconst DEFAULT_OPTIONS: Required<LegendOptions> = {\n  title: '',\n  items: [],\n  position: 'bottom-left',\n  className: '',\n  visible: true,\n  collapsible: false,\n  collapsed: false,\n  width: 200,\n  maxHeight: 300,\n  opacity: 1,\n  backgroundColor: 'rgba(255, 255, 255, 0.9)',\n  fontSize: 12,\n  fontColor: '#333',\n  swatchSize: 16,\n  borderRadius: 4,\n  padding: 10,\n};\n\n/**\n * A categorical legend control for MapLibre GL maps.\n *\n * Displays discrete legend items with color swatches and labels.\n *\n * @example\n * ```typescript\n * const legend = new Legend({\n *   title: 'Land Use',\n *   items: [\n *     { label: 'Residential', color: '#ff6b6b' },\n *     { label: 'Commercial', color: '#4ecdc4' },\n *     { label: 'Industrial', color: '#95a5a6' },\n *   ],\n * });\n * map.addControl(legend, 'bottom-left');\n * ```\n */\nexport class Legend implements IControl {\n  private _container?: HTMLElement;\n  private _options: Required<LegendOptions>;\n  private _state: LegendState;\n  private _eventHandlers: Map<ComponentEvent, Set<ComponentEventHandler<LegendState>>> = new Map();\n\n  /**\n   * Creates a new Legend instance.\n   *\n   * @param options - Configuration options for the legend.\n   */\n  constructor(options?: LegendOptions) {\n    this._options = { ...DEFAULT_OPTIONS, ...options };\n    this._state = {\n      visible: this._options.visible,\n      collapsed: this._options.collapsed,\n      items: [...this._options.items],\n    };\n  }\n\n  /**\n   * Called when the control is added to the map.\n   *\n   * @param map - The MapLibre GL map instance.\n   * @returns The control's container element.\n   */\n  onAdd(_map: MapLibreMap): HTMLElement {\n    this._container = this._createContainer();\n    this._render();\n    return this._container;\n  }\n\n  /**\n   * Called when the control is removed from the map.\n   */\n  onRemove(): void {\n    this._container?.parentNode?.removeChild(this._container);\n    this._container = undefined;\n    this._eventHandlers.clear();\n  }\n\n  /**\n   * Shows the legend.\n   */\n  show(): void {\n    if (!this._state.visible) {\n      this._state.visible = true;\n      if (this._container) {\n        this._container.style.display = 'block';\n      }\n      this._emit('show');\n    }\n  }\n\n  /**\n   * Hides the legend.\n   */\n  hide(): void {\n    if (this._state.visible) {\n      this._state.visible = false;\n      if (this._container) {\n        this._container.style.display = 'none';\n      }\n      this._emit('hide');\n    }\n  }\n\n  /**\n   * Expands the legend (if collapsible).\n   */\n  expand(): void {\n    if (this._state.collapsed) {\n      this._state.collapsed = false;\n      this._render();\n      this._emit('expand');\n    }\n  }\n\n  /**\n   * Collapses the legend (if collapsible).\n   */\n  collapse(): void {\n    if (!this._state.collapsed) {\n      this._state.collapsed = true;\n      this._render();\n      this._emit('collapse');\n    }\n  }\n\n  /**\n   * Toggles the collapsed state.\n   */\n  toggle(): void {\n    if (this._state.collapsed) {\n      this.expand();\n    } else {\n      this.collapse();\n    }\n  }\n\n  /**\n   * Updates the legend items.\n   *\n   * @param items - New legend items.\n   */\n  setItems(items: LegendItem[]): void {\n    this._state.items = [...items];\n    this._options.items = [...items];\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Adds a legend item.\n   *\n   * @param item - Legend item to add.\n   */\n  addItem(item: LegendItem): void {\n    this._state.items.push(item);\n    this._options.items.push(item);\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Removes a legend item by label.\n   *\n   * @param label - Label of the item to remove.\n   */\n  removeItem(label: string): void {\n    this._state.items = this._state.items.filter((item) => item.label !== label);\n    this._options.items = [...this._state.items];\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Updates legend options and re-renders.\n   *\n   * @param options - Partial options to update.\n   */\n  update(options: Partial<LegendOptions>): void {\n    this._options = { ...this._options, ...options };\n    if (options.items) this._state.items = [...options.items];\n    if (options.visible !== undefined) this._state.visible = options.visible;\n    if (options.collapsed !== undefined) this._state.collapsed = options.collapsed;\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Gets the current state.\n   *\n   * @returns The current legend state.\n   */\n  getState(): LegendState {\n    return { ...this._state, items: [...this._state.items] };\n  }\n\n  /**\n   * Registers an event handler.\n   *\n   * @param event - The event type to listen for.\n   * @param handler - The callback function.\n   */\n  on(event: ComponentEvent, handler: ComponentEventHandler<LegendState>): void {\n    if (!this._eventHandlers.has(event)) {\n      this._eventHandlers.set(event, new Set());\n    }\n    this._eventHandlers.get(event)!.add(handler);\n  }\n\n  /**\n   * Removes an event handler.\n   *\n   * @param event - The event type.\n   * @param handler - The callback function to remove.\n   */\n  off(event: ComponentEvent, handler: ComponentEventHandler<LegendState>): void {\n    this._eventHandlers.get(event)?.delete(handler);\n  }\n\n  /**\n   * Emits an event to all registered handlers.\n   *\n   * @param event - The event type to emit.\n   */\n  private _emit(event: ComponentEvent): void {\n    const handlers = this._eventHandlers.get(event);\n    if (handlers) {\n      const eventData = { type: event, state: this.getState() };\n      handlers.forEach((handler) => handler(eventData));\n    }\n  }\n\n  /**\n   * Creates the main container element.\n   *\n   * @returns The container element.\n   */\n  private _createContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.className = `maplibregl-ctrl maplibre-gl-legend${\n      this._options.className ? ` ${this._options.className}` : ''\n    }`;\n\n    if (!this._state.visible) {\n      container.style.display = 'none';\n    }\n\n    return container;\n  }\n\n  /**\n   * Creates a color swatch element.\n   *\n   * @param item - Legend item configuration.\n   * @returns The swatch element.\n   */\n  private _createSwatch(item: LegendItem): HTMLElement {\n    const { swatchSize = 16 } = this._options;\n    const shape = item.shape || 'square';\n    const swatch = document.createElement('span');\n    swatch.className = `maplibre-gl-legend-swatch maplibre-gl-legend-swatch-${shape}`;\n\n    // Base styles\n    const baseStyles: Record<string, string> = {\n      flexShrink: '0',\n      display: 'inline-block',\n    };\n\n    if (shape === 'line') {\n      // Line shape: horizontal line with rounded ends\n      Object.assign(swatch.style, {\n        ...baseStyles,\n        width: `${swatchSize}px`,\n        height: '4px',\n        backgroundColor: item.color,\n        borderRadius: '2px',\n        border: 'none',\n        alignSelf: 'center',\n      });\n    } else if (shape === 'circle') {\n      // Circle shape\n      Object.assign(swatch.style, {\n        ...baseStyles,\n        width: `${swatchSize}px`,\n        height: `${swatchSize}px`,\n        backgroundColor: item.color,\n        borderRadius: '50%',\n        border: item.strokeColor ? `2px solid ${item.strokeColor}` : '1px solid rgba(0,0,0,0.1)',\n      });\n    } else {\n      // Square shape (default)\n      Object.assign(swatch.style, {\n        ...baseStyles,\n        width: `${swatchSize}px`,\n        height: `${swatchSize}px`,\n        backgroundColor: item.color,\n        borderRadius: '2px',\n        border: item.strokeColor ? `2px solid ${item.strokeColor}` : '1px solid rgba(0,0,0,0.1)',\n      });\n    }\n\n    // If icon is provided, use background image\n    if (item.icon) {\n      Object.assign(swatch.style, {\n        backgroundImage: `url(${item.icon})`,\n        backgroundSize: 'contain',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n        backgroundColor: 'transparent',\n        border: 'none',\n        width: `${swatchSize}px`,\n        height: `${swatchSize}px`,\n      });\n    }\n\n    return swatch;\n  }\n\n  /**\n   * Renders the legend content.\n   */\n  private _render(): void {\n    if (!this._container) return;\n\n    const {\n      title,\n      backgroundColor,\n      opacity,\n      fontSize,\n      fontColor,\n      borderRadius,\n      padding,\n      width,\n      maxHeight,\n      collapsible,\n    } = this._options;\n\n    // Clear existing content\n    this._container.innerHTML = '';\n\n    // Apply container styles\n    // When collapsed with header, use minimal vertical padding to match HtmlControl\n    const isCollapsedWithHeader = this._state.collapsed && (title || collapsible);\n    const vertPadding = isCollapsedWithHeader ? 4 : padding;\n    Object.assign(this._container.style, {\n      backgroundColor,\n      opacity: opacity.toString(),\n      borderRadius: `${borderRadius}px`,\n      padding: `${vertPadding}px ${padding}px`,\n      fontSize: `${fontSize}px`,\n      color: fontColor,\n      width: isCollapsedWithHeader ? 'auto' : `${width}px`,\n      maxWidth: `${width}px`,\n      boxShadow: '0 0 0 2px rgba(0, 0, 0, 0.1)',\n      display: this._state.visible ? 'block' : 'none',\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    });\n\n    // Add title/header\n    if (title || collapsible) {\n      const header = document.createElement('div');\n      header.className = 'maplibre-gl-legend-header';\n      Object.assign(header.style, {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingBottom: this._state.collapsed ? '0' : '4px',\n        cursor: collapsible ? 'pointer' : 'default',\n      });\n\n      if (title) {\n        const titleEl = document.createElement('span');\n        titleEl.className = 'maplibre-gl-legend-title';\n        titleEl.textContent = title;\n        titleEl.style.fontWeight = '600';\n        header.appendChild(titleEl);\n      }\n\n      if (collapsible) {\n        const toggleBtn = document.createElement('span');\n        toggleBtn.className = 'maplibre-gl-legend-toggle';\n        toggleBtn.innerHTML = this._state.collapsed ? '&#9654;' : '&#9660;';\n        toggleBtn.style.marginLeft = '8px';\n        header.appendChild(toggleBtn);\n        header.addEventListener('click', () => this.toggle());\n      }\n\n      this._container.appendChild(header);\n    }\n\n    // Content area\n    const content = document.createElement('div');\n    content.className = 'maplibre-gl-legend-content';\n    Object.assign(content.style, {\n      maxHeight: `${maxHeight}px`,\n      overflowY: 'auto',\n      display: this._state.collapsed ? 'none' : 'block',\n    });\n\n    // Render legend items\n    this._state.items.forEach((item) => {\n      const row = document.createElement('div');\n      row.className = 'maplibre-gl-legend-item';\n      Object.assign(row.style, {\n        display: 'flex',\n        alignItems: 'center',\n        gap: '8px',\n        padding: '4px 0',\n      });\n\n      const swatch = this._createSwatch(item);\n      const label = document.createElement('span');\n      label.className = 'maplibre-gl-legend-label';\n      label.textContent = item.label;\n\n      row.appendChild(swatch);\n      row.appendChild(label);\n      content.appendChild(row);\n    });\n\n    this._container.appendChild(content);\n  }\n}\n","import type { IControl, Map as MapLibreMap } from 'maplibre-gl';\nimport type {\n  HtmlControlOptions,\n  HtmlControlState,\n  ComponentEvent,\n  ComponentEventHandler,\n} from './types';\n\n/**\n * Default options for the HtmlControl.\n */\nconst DEFAULT_OPTIONS: Required<Omit<HtmlControlOptions, 'element'>> & { element?: HTMLElement } = {\n  html: '',\n  element: undefined,\n  title: '',\n  position: 'top-left',\n  className: '',\n  visible: true,\n  collapsible: false,\n  collapsed: false,\n  backgroundColor: 'rgba(255, 255, 255, 0.9)',\n  padding: 10,\n  borderRadius: 4,\n  opacity: 1,\n  maxWidth: 300,\n  maxHeight: 400,\n  fontSize: 12,\n  fontColor: '#333',\n};\n\n/**\n * A flexible HTML content control for MapLibre GL maps.\n *\n * Allows displaying arbitrary HTML content that can be dynamically updated.\n * Supports collapsible mode with a toggle button.\n *\n * @example\n * ```typescript\n * const htmlControl = new HtmlControl({\n *   html: '<div><strong>Stats:</strong> 1,234 features</div>',\n *   position: 'top-left',\n *   collapsible: true,\n *   title: 'Statistics',\n * });\n * map.addControl(htmlControl, 'top-left');\n *\n * // Update content dynamically\n * htmlControl.setHtml('<div><strong>Stats:</strong> 5,678 features</div>');\n * ```\n */\nexport class HtmlControl implements IControl {\n  private _container?: HTMLElement;\n  private _contentEl?: HTMLElement;\n  private _options: Required<Omit<HtmlControlOptions, 'element'>> & { element?: HTMLElement };\n  private _state: HtmlControlState;\n  private _eventHandlers: Map<ComponentEvent, Set<ComponentEventHandler<HtmlControlState>>> =\n    new Map();\n\n  /**\n   * Creates a new HtmlControl instance.\n   *\n   * @param options - Configuration options for the control.\n   */\n  constructor(options?: HtmlControlOptions) {\n    this._options = { ...DEFAULT_OPTIONS, ...options };\n    this._state = {\n      visible: this._options.visible,\n      collapsed: this._options.collapsed,\n      html: this._options.html,\n    };\n  }\n\n  /**\n   * Called when the control is added to the map.\n   * Implements the IControl interface.\n   *\n   * @param map - The MapLibre GL map instance.\n   * @returns The control's container element.\n   */\n  onAdd(_map: MapLibreMap): HTMLElement {\n    this._container = this._createContainer();\n    this._render();\n    return this._container;\n  }\n\n  /**\n   * Called when the control is removed from the map.\n   * Implements the IControl interface.\n   */\n  onRemove(): void {\n    this._container?.parentNode?.removeChild(this._container);\n    this._container = undefined;\n    this._contentEl = undefined;\n    this._eventHandlers.clear();\n  }\n\n  /**\n   * Shows the control.\n   */\n  show(): void {\n    if (!this._state.visible) {\n      this._state.visible = true;\n      if (this._container) {\n        this._container.style.display = 'block';\n      }\n      this._emit('show');\n    }\n  }\n\n  /**\n   * Hides the control.\n   */\n  hide(): void {\n    if (this._state.visible) {\n      this._state.visible = false;\n      if (this._container) {\n        this._container.style.display = 'none';\n      }\n      this._emit('hide');\n    }\n  }\n\n  /**\n   * Expands the control (if collapsible).\n   */\n  expand(): void {\n    if (this._state.collapsed) {\n      this._state.collapsed = false;\n      this._render();\n      this._emit('expand');\n    }\n  }\n\n  /**\n   * Collapses the control (if collapsible).\n   */\n  collapse(): void {\n    if (!this._state.collapsed) {\n      this._state.collapsed = true;\n      this._render();\n      this._emit('collapse');\n    }\n  }\n\n  /**\n   * Toggles the collapsed state.\n   */\n  toggle(): void {\n    if (this._state.collapsed) {\n      this.expand();\n    } else {\n      this.collapse();\n    }\n  }\n\n  /**\n   * Sets the HTML content.\n   *\n   * @param html - The HTML string to display.\n   */\n  setHtml(html: string): void {\n    this._state.html = html;\n    this._options.html = html;\n    this._options.element = undefined; // Clear element when setting HTML\n    if (this._contentEl) {\n      this._contentEl.innerHTML = html;\n    }\n    this._emit('update');\n  }\n\n  /**\n   * Sets a DOM element as content.\n   *\n   * @param element - The DOM element to display.\n   */\n  setElement(element: HTMLElement): void {\n    this._options.element = element;\n    this._options.html = '';\n    this._state.html = '';\n    if (this._contentEl) {\n      this._contentEl.innerHTML = '';\n      this._contentEl.appendChild(element);\n    }\n    this._emit('update');\n  }\n\n  /**\n   * Gets the content container element.\n   *\n   * @returns The content container element, or undefined if not yet added to map.\n   */\n  getElement(): HTMLElement | undefined {\n    return this._contentEl;\n  }\n\n  /**\n   * Updates control options and re-renders.\n   *\n   * @param options - Partial options to update.\n   */\n  update(options: Partial<HtmlControlOptions>): void {\n    this._options = { ...this._options, ...options };\n    if (options.html !== undefined) this._state.html = options.html;\n    if (options.visible !== undefined) this._state.visible = options.visible;\n    if (options.collapsed !== undefined) this._state.collapsed = options.collapsed;\n    this._render();\n    this._emit('update');\n  }\n\n  /**\n   * Gets the current state.\n   *\n   * @returns The current control state.\n   */\n  getState(): HtmlControlState {\n    return { ...this._state };\n  }\n\n  /**\n   * Registers an event handler.\n   *\n   * @param event - The event type to listen for.\n   * @param handler - The callback function.\n   */\n  on(event: ComponentEvent, handler: ComponentEventHandler<HtmlControlState>): void {\n    if (!this._eventHandlers.has(event)) {\n      this._eventHandlers.set(event, new Set());\n    }\n    this._eventHandlers.get(event)!.add(handler);\n  }\n\n  /**\n   * Removes an event handler.\n   *\n   * @param event - The event type.\n   * @param handler - The callback function to remove.\n   */\n  off(event: ComponentEvent, handler: ComponentEventHandler<HtmlControlState>): void {\n    this._eventHandlers.get(event)?.delete(handler);\n  }\n\n  /**\n   * Emits an event to all registered handlers.\n   *\n   * @param event - The event type to emit.\n   */\n  private _emit(event: ComponentEvent): void {\n    const handlers = this._eventHandlers.get(event);\n    if (handlers) {\n      const eventData = { type: event, state: this.getState() };\n      handlers.forEach((handler) => handler(eventData));\n    }\n  }\n\n  /**\n   * Creates the main container element.\n   *\n   * @returns The container element.\n   */\n  private _createContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.className = `maplibregl-ctrl maplibre-gl-html-control${\n      this._options.className ? ` ${this._options.className}` : ''\n    }`;\n\n    if (!this._state.visible) {\n      container.style.display = 'none';\n    }\n\n    return container;\n  }\n\n  /**\n   * Renders the control content.\n   */\n  private _render(): void {\n    if (!this._container) return;\n\n    const {\n      title = '',\n      collapsible = false,\n      backgroundColor = 'rgba(255, 255, 255, 0.9)',\n      opacity = 1,\n      borderRadius = 4,\n      padding = 10,\n      maxWidth = 300,\n      maxHeight = 400,\n      fontSize = 12,\n      fontColor = '#333',\n    } = this._options;\n\n    // Clear existing content\n    this._container.innerHTML = '';\n\n    // Apply container styles\n    // When collapsed with header, use minimal vertical padding\n    const isCollapsedWithHeader = this._state.collapsed && (title || collapsible);\n    const vertPadding = isCollapsedWithHeader ? 4 : padding;\n    Object.assign(this._container.style, {\n      backgroundColor,\n      opacity: String(opacity),\n      borderRadius: `${borderRadius}px`,\n      padding: `${vertPadding}px ${padding}px`,\n      maxWidth: `${maxWidth}px`,\n      fontSize: `${fontSize}px`,\n      color: fontColor,\n      boxShadow: '0 0 0 2px rgba(0, 0, 0, 0.1)',\n      display: this._state.visible ? 'block' : 'none',\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    });\n\n    // Add header with toggle if collapsible\n    if (collapsible || title) {\n      const header = document.createElement('div');\n      header.className = 'maplibre-gl-html-control-header';\n      Object.assign(header.style, {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingBottom: this._state.collapsed ? '0' : '8px',\n        cursor: collapsible ? 'pointer' : 'default',\n      });\n\n      if (title) {\n        const titleEl = document.createElement('span');\n        titleEl.className = 'maplibre-gl-html-control-title';\n        titleEl.textContent = title;\n        titleEl.style.fontWeight = '600';\n        header.appendChild(titleEl);\n      }\n\n      if (collapsible) {\n        const toggleBtn = document.createElement('span');\n        toggleBtn.className = 'maplibre-gl-html-control-toggle';\n        toggleBtn.innerHTML = this._state.collapsed ? '&#9654;' : '&#9660;';\n        Object.assign(toggleBtn.style, {\n          marginLeft: '8px',\n          fontSize: '10px',\n          userSelect: 'none',\n        });\n        header.appendChild(toggleBtn);\n        header.addEventListener('click', () => this.toggle());\n      }\n\n      this._container.appendChild(header);\n    }\n\n    // Create content element\n    const content = document.createElement('div');\n    content.className = 'maplibre-gl-html-control-content';\n    Object.assign(content.style, {\n      maxHeight: `${maxHeight}px`,\n      overflowY: 'auto',\n      display: this._state.collapsed ? 'none' : 'block',\n    });\n    this._contentEl = content;\n\n    // Set content\n    if (this._options.element) {\n      content.appendChild(this._options.element);\n    } else if (this._options.html) {\n      content.innerHTML = this._options.html;\n    }\n\n    this._container.appendChild(content);\n  }\n}\n"],"names":["DEFAULT_OPTIONS"],"mappings":"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"}