maplibre-gl-layer-control 0.17.1 → 0.17.3

package/dist/index.mjs

@@ -722,6 +722,8 @@ class LayerControl {
     __publicField(this, "onLayerRename");
     __publicField(this, "onLayerReorder");
     __publicField(this, "onLayerRemove");
+    __publicField(this, "onBackgroundVisibilityChange");
+    __publicField(this, "onBackgroundOpacityChange");
     // Background-layer visibility presets
     __publicField(this, "enableBackgroundPresets");
     __publicField(this, "backgroundPresetStorageKey");
@@ -742,6 +744,8 @@ class LayerControl {
     this.onLayerRename = options.onLayerRename;
     this.onLayerReorder = options.onLayerReorder;
     this.onLayerRemove = options.onLayerRemove;
+    this.onBackgroundVisibilityChange = options.onBackgroundVisibilityChange;
+    this.onBackgroundOpacityChange = options.onBackgroundOpacityChange;
     this.enableBackgroundPresets = options.enableBackgroundPresets !== false;
     this.backgroundPresetStorageKey = options.backgroundPresetStorageKey || "maplibre-layer-control:background-presets";
     this.onBackgroundPresetsChange = options.onBackgroundPresetsChange;
@@ -1584,7 +1588,7 @@ class LayerControl {
       if (!state) {
         return;
       }
-      if (this.targetLayers.length === 0 || this.targetLayers.includes(layerId)) {
+      if (layerId === "Background" || this.targetLayers.length === 0 || this.targetLayers.includes(layerId)) {
         this.addLayerItem(layerId, state);
       }
     });
@@ -1904,6 +1908,7 @@ class LayerControl {
    * Toggle visibility for all background layers (basemap layers)
    */
   toggleBackgroundVisibility(visible) {
+    var _a;
     if (this.state.layerStates["Background"]) {
       this.state.layerStates["Background"].visible = visible;
     }
@@ -1931,11 +1936,13 @@ class LayerControl {
         });
       }
     }
+    (_a = this.onBackgroundVisibilityChange) == null ? void 0 : _a.call(this, visible);
   }
   /**
    * Change opacity for all background layers (basemap layers)
    */
   changeBackgroundOpacity(opacity) {
+    var _a;
     if (this.state.layerStates["Background"]) {
       this.state.layerStates["Background"].opacity = opacity;
     }
@@ -1948,6 +1955,7 @@ class LayerControl {
         }
       }
     });
+    (_a = this.onBackgroundOpacityChange) == null ? void 0 : _a.call(this, opacity);
   }
   // ===== Background Legend Methods =====
   /**
@@ -3343,6 +3351,7 @@ class LayerControl {
       const isAutoDetectMode = this.targetLayers.length === 0 || this.targetLayers.length === 1 && this.targetLayers[0] === "Background" || this.targetLayers.every(
         (id) => id === "Background" || this.state.layerStates[id]
       );
+      let layersAdded = false;
       const newLayers = [];
       const useBasemapStyleDetection = this.basemapLayerIds !== null && this.basemapLayerIds.size > 0;
       const useInitialLayerDetection = !useBasemapStyleDetection && this.initialLayerIds !== null && this.initialLayerIds.size > 0;
@@ -3422,7 +3431,10 @@ class LayerControl {
             opacity,
             name: this.generateFriendlyName(layerId)
           };
-          this.addLayerItem(layerId, this.state.layerStates[layerId]);
+          if (this.targetLayers.length > 0 && !this.targetLayers.includes(layerId)) {
+            this.targetLayers.push(layerId);
+          }
+          layersAdded = true;
         });
       }
       if (this.customLayerRegistry) {
@@ -3438,7 +3450,10 @@ class LayerControl {
                 isCustomLayer: true,
                 customLayerType: this.customLayerRegistry.getSymbolType(layerId) || void 0
               };
-              this.addLayerItem(layerId, this.state.layerStates[layerId]);
+              if (this.targetLayers.length > 0 && !this.targetLayers.includes(layerId)) {
+                this.targetLayers.push(layerId);
+              }
+              layersAdded = true;
             }
           }
         });
@@ -3459,6 +3474,9 @@ class LayerControl {
           }
         });
       }
+      if (layersAdded) {
+        this.buildLayerItems();
+      }
     } catch (error) {
       console.warn("Failed to check for new layers:", error);
     }