maplibre-gl-layer-control-tidop 0.0.12 → 0.0.14

package/dist/index.cjs

@@ -1626,6 +1626,10 @@ class LayerControl {
         }
       }
     }
+    const tidopButton = this.createTidopButton(layerId);
+    if (tidopButton) {
+      row.appendChild(tidopButton);
+    }
     item.appendChild(row);
     if (this.enableContextMenu && layerId !== "Background") {
       row.addEventListener("contextmenu", (e) => {
@@ -2098,6 +2102,29 @@ class LayerControl {
     });
     return button;
   }
+  createTidopButton(layerId) {
+    if (layerId === "Background") {
+      return null;
+    }
+    const layerState = this.state.layerStates[layerId];
+    const isCustomLayer = (layerState == null ? void 0 : layerState.isCustomLayer) === true;
+    const button = document.createElement("button");
+    button.className = "layer-control-style-button layer-control-tidop-button-" + layerId;
+    button.innerHTML = "⚙";
+    if (isCustomLayer) {
+      button.title = "Layer info (style editing not available)";
+      button.setAttribute("aria-label", `Layer info for ${layerId}`);
+    } else {
+      button.title = "Edit layer style";
+      button.setAttribute("aria-label", `Edit style for ${layerId}`);
+    }
+    button.addEventListener("click", (e) => {
+      e.stopPropagation();
+      this.toggleStyleEditor(layerId);
+      console.log(e);
+    });
+    return button;
+  }
   /**
    * Toggle style editor for a layer
    */