maplibre-gl-raster 0.1.1 → 0.1.3

package/dist/{RasterControl-5SqPCn7_.js → RasterControl-D2NAn2EJ.js}

@@ -18470,7 +18470,7 @@ var RasterControl = class {
 		this._mapContainer.appendChild(this._panel);
 		this._layerManager = new LayerManager(map, { interleaved: this._options.interleaved });
 		this._forwardLayerManagerEvents(this._layerManager);
-		const content = this._panel.querySelector(".plugin-control-content");
+		const content = this._panel.querySelector(".mlr-control-content");
 		const autoLoading = this._options.autoLoad && !!this._options.defaultUrl;
 		if (content) this._panelUI = new PanelUI(content, this._layerManager, { defaultUrl: autoLoading ? "" : this._options.defaultUrl });
 		if (autoLoading) this._layerManager.addRaster(this._options.defaultUrl).catch(() => {});
@@ -18720,13 +18720,13 @@ var RasterControl = class {
 	*/
 	_createContainer() {
 		const container = document.createElement("div");
-		container.className = `maplibregl-ctrl maplibregl-ctrl-group plugin-control${this._options.className ? ` ${this._options.className}` : ""}`;
+		container.className = `maplibregl-ctrl maplibregl-ctrl-group mlr-control${this._options.className ? ` ${this._options.className}` : ""}`;
 		const toggleBtn = document.createElement("button");
-		toggleBtn.className = "plugin-control-toggle";
+		toggleBtn.className = "mlr-control-toggle";
 		toggleBtn.type = "button";
 		toggleBtn.setAttribute("aria-label", this._options.title);
 		toggleBtn.innerHTML = `
-      <span class="plugin-control-icon">
+      <span class="mlr-control-icon">
         <svg viewBox="0 0 24 24" width="22" height="22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
           <circle cx="8.5" cy="8.5" r="1.5"/>
@@ -18746,15 +18746,15 @@ var RasterControl = class {
 	*/
 	_createPanel() {
 		const panel = document.createElement("div");
-		panel.className = "plugin-control-panel";
+		panel.className = "mlr-control-panel";
 		panel.style.width = `${this._options.panelWidth}px`;
 		const header = document.createElement("div");
-		header.className = "plugin-control-header";
+		header.className = "mlr-control-header";
 		const title = document.createElement("span");
-		title.className = "plugin-control-title";
+		title.className = "mlr-control-title";
 		title.textContent = this._options.title;
 		const closeBtn = document.createElement("button");
-		closeBtn.className = "plugin-control-close";
+		closeBtn.className = "mlr-control-close";
 		closeBtn.type = "button";
 		closeBtn.setAttribute("aria-label", "Close panel");
 		closeBtn.innerHTML = "&times;";
@@ -18762,7 +18762,7 @@ var RasterControl = class {
 		header.appendChild(title);
 		header.appendChild(closeBtn);
 		const content = document.createElement("div");
-		content.className = "plugin-control-content";
+		content.className = "mlr-control-content";
 		panel.appendChild(header);
 		panel.appendChild(content);
 		return panel;
@@ -18806,7 +18806,7 @@ var RasterControl = class {
 	*/
 	_updatePanelPosition() {
 		if (!this._container || !this._panel || !this._mapContainer) return;
-		const button = this._container.querySelector(".plugin-control-toggle");
+		const button = this._container.querySelector(".mlr-control-toggle");
 		if (!button) return;
 		const buttonRect = button.getBoundingClientRect();
 		const mapRect = this._mapContainer.getBoundingClientRect();
@@ -18816,31 +18816,35 @@ var RasterControl = class {
 		const buttonLeft = buttonRect.left - mapRect.left;
 		const buttonRight = mapRect.right - buttonRect.right;
 		const panelGap = 5;
+		const edgeMargin = 10;
 		this._panel.style.top = "";
 		this._panel.style.bottom = "";
 		this._panel.style.left = "";
 		this._panel.style.right = "";
+		const anchorOffset = (position === "top-left" || position === "top-right" ? buttonTop : buttonBottom) + buttonRect.height + panelGap;
 		switch (position) {
 			case "top-left":
-				this._panel.style.top = `${buttonTop + buttonRect.height + panelGap}px`;
+				this._panel.style.top = `${anchorOffset}px`;
 				this._panel.style.left = `${buttonLeft}px`;
 				break;
 			case "top-right":
-				this._panel.style.top = `${buttonTop + buttonRect.height + panelGap}px`;
+				this._panel.style.top = `${anchorOffset}px`;
 				this._panel.style.right = `${buttonRight}px`;
 				break;
 			case "bottom-left":
-				this._panel.style.bottom = `${buttonBottom + buttonRect.height + panelGap}px`;
+				this._panel.style.bottom = `${anchorOffset}px`;
 				this._panel.style.left = `${buttonLeft}px`;
 				break;
 			case "bottom-right":
-				this._panel.style.bottom = `${buttonBottom + buttonRect.height + panelGap}px`;
+				this._panel.style.bottom = `${anchorOffset}px`;
 				this._panel.style.right = `${buttonRight}px`;
 				break;
 		}
+		const available = Math.max(160, mapRect.height - anchorOffset - edgeMargin);
+		this._panel.style.maxHeight = `min(80vh, 720px, ${available}px)`;
 	}
 };
 //#endregion
 export { colormaps_default as _, debounce as a, throttle as c, percentileFromHistogram as d, readBandNames as f, COLORMAP_ROW_COUNT as g, COLORMAP_OPTIONS as h, classNames as i, MAX_SAMPLE_TILES as l, COLORMAP_NAMES as m, PALETTE_COLORMAP as n, formatNumericValue as o, loadGeoTIFF as p, clamp as r, generateId as s, RasterControl as t, computeAutoStats as u };
 
-//# sourceMappingURL=RasterControl-5SqPCn7_.js.map
+//# sourceMappingURL=RasterControl-D2NAn2EJ.js.map