maplibre-gl-layer-control 0.16.0 → 0.17.0

package/dist/maplibre-gl-layer-control.css

@@ -61,63 +61,6 @@
   font-size: 13px;
 }
 
-/* Width control */
-.layer-control-width-control {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 500;
-  font-size: 11px;
-  color: #5c6a7d;
-  flex-shrink: 0;
-  margin-left: auto;
-}
-
-.layer-control-width-slider {
-  position: relative;
-  width: 130px;
-  height: 16px;
-  border-radius: 8px;
-  cursor: ew-resize;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  touch-action: none;
-  background: transparent;
-  padding: 0 8px;
-  box-sizing: border-box;
-}
-
-.layer-control-width-value {
-  min-width: 44px;
-  text-align: right;
-  font-feature-settings: "tnum";
-  color: #3a4756;
-}
-
-.layer-control-width-track {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  height: 4px;
-  border-radius: 2px;
-  background: linear-gradient(90deg, #d0d7e2, #2f6fed);
-  pointer-events: none;
-}
-
-.layer-control-width-thumb {
-  position: absolute;
-  top: 50%;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: #fff;
-  border: 2px solid #2f6fed;
-  transform: translateY(-50%);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-  pointer-events: none;
-}
-
 /* Edge resize handle — drag the panel edge to resize its width */
 .layer-control-resize-handle {
   position: absolute;

package/dist/types/index.d.ts

@@ -250,6 +250,7 @@ export declare class LayerControl implements IControl {
     private minPanelWidth;
     private maxPanelWidth;
     private initialPanelWidth;
+    /** Explicit max panel height; null means fill available vertical space */
     private maxPanelHeight;
     private showStyleEditor;
     private showOpacitySlider;
@@ -262,13 +263,6 @@ export declare class LayerControl implements IControl {
     private nativeLayerGroups;
     private basemapStyleUrl;
     private basemapLayerIds;
-    private widthSliderEl;
-    private widthThumbEl;
-    private widthValueEl;
-    private isWidthSliderActive;
-    private widthDragRectWidth;
-    private widthDragStartX;
-    private widthDragStartWidth;
     private widthFrame;
     private opacityInputEl;
     private resizeHandleEls;
@@ -399,29 +393,14 @@ export declare class LayerControl implements IControl {
      */
     private setAllLayersVisibility;
     /**
-     * Create the panel header with title and width control
+     * Create the panel header with the title. Panel width is adjusted by
+     * dragging either edge of the panel (see createResizeHandle).
      */
     private createPanelHeader;
-    /**
-     * Create the width control slider
-     */
-    private createWidthControl;
-    /**
-     * Setup event listeners for width slider
-     */
-    private setupWidthSliderEvents;
-    /**
-     * Update panel width from pointer event
-     */
-    private updateWidthFromPointer;
     /**
      * Apply panel width (clamped to min/max)
      */
     private applyPanelWidth;
-    /**
-     * Update width display (value label and thumb position)
-     */
-    private updateWidthDisplay;
     /**
      * Setup main event listeners
      */
@@ -801,7 +780,7 @@ export declare interface LayerControlOptions {
     panelWidth?: number;
     /** Minimum panel width in pixels (default: 240) */
     panelMinWidth?: number;
-    /** Maximum panel width in pixels (default: 420) */
+    /** Maximum panel width in pixels (default: 960) */
     panelMaxWidth?: number;
     /** Whether to show the style editor button (gear icon) for layers (default: true) */
     showStyleEditor?: boolean;
@@ -809,7 +788,12 @@ export declare interface LayerControlOptions {
     showOpacitySlider?: boolean;
     /** Whether to show layer type symbols/icons next to layer names (default: true) */
     showLayerSymbol?: boolean;
-    /** Maximum panel height in pixels (default: 600). When content exceeds this height, the panel becomes scrollable. */
+    /**
+     * Maximum panel height in pixels. When omitted, the panel grows to fill the
+     * available vertical space in the map container and only becomes scrollable
+     * once the layer list is taller than that space. Set an explicit value to
+     * cap the height instead.
+     */
     panelMaxHeight?: number;
     /** Whether to exclude drawn layers from drawing libraries like Geoman, Mapbox GL Draw, etc. (default: true) */
     excludeDrawnLayers?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maplibre-gl-layer-control",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "A comprehensive layer control for MapLibre GL with advanced styling capabilities",
   "type": "module",
   "main": "./dist/index.cjs",