maplibre-gl-layer-control 0.7.1 → 0.7.2

package/dist/index.cjs

@@ -642,6 +642,7 @@ class LayerControl {
     __publicField(this, "state");
     __publicField(this, "targetLayers");
     __publicField(this, "styleEditors");
+    __publicField(this, "initialSourceIds", null);
     // Panel width management
     __publicField(this, "minPanelWidth");
     __publicField(this, "maxPanelWidth");
@@ -669,7 +670,7 @@ class LayerControl {
     this.excludeDrawnLayers = options.excludeDrawnLayers !== false;
     this.state = {
       collapsed: options.collapsed !== false,
-      panelWidth: options.panelWidth || 348,
+      panelWidth: options.panelWidth || 360,
       activeStyleEditor: null,
       layerStates: options.layerStates || {},
       originalStyles: /* @__PURE__ */ new Map(),
@@ -693,6 +694,12 @@ class LayerControl {
   onAdd(map) {
     this.map = map;
     this.mapContainer = map.getContainer();
+    const style = this.map.getStyle();
+    if (style && style.sources) {
+      this.initialSourceIds = new Set(Object.keys(style.sources));
+    } else {
+      this.initialSourceIds = /* @__PURE__ */ new Set();
+    }
     if (Object.keys(this.state.layerStates).length === 0) {
       this.autoDetectLayers();
     }
@@ -836,9 +843,11 @@ class LayerControl {
   /**
    * Detect which sources are user-added (not from the basemap style)
    * User-added sources are identified by:
-   * - GeoJSON sources with inline data objects (not URL strings)
-   * - Image, video, canvas sources (always user-added)
-   * - Raster, raster-dem, vector sources from non-basemap tile providers
+   * - Sources that were NOT present when the control was first added
+   * - Additionally for sources added later:
+   *   - GeoJSON sources with inline data objects (not URL strings)
+   *   - Image, video, canvas sources
+   *   - Raster, raster-dem, vector sources from non-basemap tile providers
    */
   detectUserAddedSources() {
     const userAddedSources = /* @__PURE__ */ new Set();
@@ -876,6 +885,9 @@ class LayerControl {
       }
     }
     for (const [sourceId, source] of Object.entries(style.sources)) {
+      if (this.initialSourceIds && this.initialSourceIds.has(sourceId)) {
+        continue;
+      }
       const src = source;
       const sourceType = src.type;
       if (sourceType === "image" || sourceType === "video" || sourceType === "canvas") {
@@ -2402,6 +2414,23 @@ class LayerControl {
       console.warn("Failed to check for new layers:", error);
     }
   }
+  /**
+   * Register a custom layer adapter dynamically.
+   * This allows adding adapters after the LayerControl has been initialized.
+   * @param adapter The custom layer adapter to register
+   */
+  registerCustomAdapter(adapter) {
+    if (!this.customLayerRegistry) {
+      this.customLayerRegistry = new CustomLayerRegistry();
+      this.customLayerUnsubscribe = this.customLayerRegistry.onChange(() => {
+        this.checkForNewLayers();
+      });
+    }
+    this.customLayerRegistry.register(adapter);
+    if (this.panel) {
+      this.checkForNewLayers();
+    }
+  }
 }
 exports.CustomLayerRegistry = CustomLayerRegistry;
 exports.LayerControl = LayerControl;