maplibre-gl-layer-control 0.17.2 → 0.17.3

package/dist/index.cjs

@@ -1590,7 +1590,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);
       }
     });
@@ -3353,6 +3353,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;
@@ -3432,7 +3433,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) {
@@ -3448,7 +3452,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;
             }
           }
         });
@@ -3469,6 +3476,9 @@ class LayerControl {
           }
         });
       }
+      if (layersAdded) {
+        this.buildLayerItems();
+      }
     } catch (error) {
       console.warn("Failed to check for new layers:", error);
     }