floor-editor-ts 1.3.7 → 1.3.8

package/dist/floor-editor.es.js

@@ -7091,6 +7091,108 @@ var localStore = {
 	}
 };
 //#endregion
+//#region src/lib/utils/heatmapColorScale.ts
+function normalizeHeatmapColorScale(value) {
+	if (!value || typeof value !== "object") return void 0;
+	const raw = value;
+	const mode = raw.mode === "levels" ? "levels" : raw.mode === "gradient" ? "gradient" : void 0;
+	if (!mode) return void 0;
+	const hideBelow = typeof raw.hideBelow === "number" && Number.isFinite(raw.hideBelow) ? raw.hideBelow : 0;
+	const levelsIn = Array.isArray(raw.levels) ? raw.levels : [];
+	const levels = [];
+	for (const item of levelsIn) {
+		if (!item || typeof item !== "object") continue;
+		const row = item;
+		const min = typeof row.min === "number" && Number.isFinite(row.min) ? row.min : NaN;
+		const color = typeof row.color === "string" && row.color.trim() ? row.color.trim() : "";
+		if (!Number.isFinite(min) || !color) continue;
+		const level = {
+			min,
+			color
+		};
+		if (typeof row.max === "number" && Number.isFinite(row.max)) level.max = row.max;
+		if (typeof row.label === "string" && row.label.trim()) level.label = row.label.trim();
+		levels.push(level);
+	}
+	levels.sort((a, b) => a.min - b.min);
+	if (mode === "levels" && levels.length === 0) return {
+		mode: "gradient",
+		hideBelow
+	};
+	return {
+		mode,
+		hideBelow,
+		...levels.length ? { levels } : {}
+	};
+}
+/** Fingerprint for heatmap offscreen cache invalidation. */
+function getHeatmapColorScaleKey(scale) {
+	var _scale$hideBelow, _scale$levels;
+	if (!scale) return "gradient";
+	const hide = (_scale$hideBelow = scale.hideBelow) !== null && _scale$hideBelow !== void 0 ? _scale$hideBelow : 0;
+	if (scale.mode !== "levels" || !((_scale$levels = scale.levels) === null || _scale$levels === void 0 ? void 0 : _scale$levels.length)) return `gradient:${hide}`;
+	return `levels:${hide}:${scale.levels.map((l) => {
+		var _l$max, _l$label;
+		return `${l.min}:${(_l$max = l.max) !== null && _l$max !== void 0 ? _l$max : ""}:${l.color}:${(_l$label = l.label) !== null && _l$label !== void 0 ? _l$label : ""}`;
+	}).join("|")}`;
+}
+function colorWithAlpha(color, alpha) {
+	const a = Math.max(0, Math.min(1, alpha));
+	const c = color.trim();
+	const rgbaMatch = c.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*[\d.]+\s*)?\)$/i);
+	if (rgbaMatch) return `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, ${a})`;
+	let hex = c;
+	const short = hex.match(/^#([0-9a-f]{3})$/i);
+	if (short) {
+		const h = short[1];
+		hex = `#${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}`;
+	}
+	const long = hex.match(/^#([0-9a-f]{6})$/i);
+	if (long) {
+		const n = parseInt(long[1], 16);
+		return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${a})`;
+	}
+	const longA = hex.match(/^#([0-9a-f]{8})$/i);
+	if (longA) {
+		const n = parseInt(longA[1], 16);
+		return `rgba(${n >> 24 & 255}, ${n >> 16 & 255}, ${n >> 8 & 255}, ${a})`;
+	}
+	return c;
+}
+/**
+* Resolve discrete band color for a cell value.
+* @returns null → do not draw
+*/
+function resolveHeatmapLevelColor(value, scale) {
+	var _scale$hideBelow2, _scale$levels2;
+	if (!(value > ((_scale$hideBelow2 = scale.hideBelow) !== null && _scale$hideBelow2 !== void 0 ? _scale$hideBelow2 : 0))) return null;
+	const levels = (_scale$levels2 = scale.levels) !== null && _scale$levels2 !== void 0 ? _scale$levels2 : [];
+	if (!levels.length) return null;
+	const sorted = [...levels].sort((a, b) => a.min - b.min);
+	const levelCount = sorted.length;
+	if (sorted.every((l) => typeof l.max === "number" && Number.isFinite(l.max))) {
+		const idx = sorted.findIndex((l) => value >= l.min && value <= l.max);
+		if (idx < 0) return null;
+		return {
+			color: sorted[idx].color,
+			levelIndex: idx,
+			levelCount
+		};
+	}
+	for (let i = 0; i < sorted.length; i++) {
+		const upper = i + 1 < sorted.length ? sorted[i + 1].min : Infinity;
+		if (value >= sorted[i].min && value < upper) return {
+			color: sorted[i].color,
+			levelIndex: i,
+			levelCount
+		};
+	}
+	return null;
+}
+function isLevelsColorScale(scale) {
+	return !!scale && scale.mode === "levels" && Array.isArray(scale.levels) && scale.levels.length > 0;
+}
+//#endregion
 //#region src/lib/packageDefaults.ts
 /** Flatten host camera object into string props for furniture + UI. */
 function assignedCameraToProps(cam) {
@@ -7110,6 +7212,7 @@ var DEFAULT_CONFIG = {
 	floorMaxHeight: 400,
 	heatmapEnabled: false,
 	heatmapMatrix: [],
+	heatmapColorScale: void 0,
 	projectName: void 0,
 	selectedCameraSerial: null,
 	showCameraCones: false,
@@ -7140,6 +7243,7 @@ function normalizeConfig(value) {
 	const canvasBackground = normalizeColor$1(value.canvasBackground, DEFAULT_CONFIG.canvasBackground);
 	const floorPlateBackground = normalizeColor$1(value.floorPlateBackground, DEFAULT_CONFIG.floorPlateBackground);
 	const headerToolsMode = value.headerToolsMode === "compact" || value.headerToolsMode === "auto" || value.headerToolsMode === "full" ? value.headerToolsMode : DEFAULT_CONFIG.headerToolsMode;
+	const heatmapColorScale = normalizeHeatmapColorScale(value.heatmapColorScale);
 	return {
 		...DEFAULT_CONFIG,
 		...value,
@@ -7149,7 +7253,8 @@ function normalizeConfig(value) {
 		cameraThumbnailOpacity: opacity,
 		canvasBackground,
 		floorPlateBackground,
-		headerToolsMode
+		headerToolsMode,
+		heatmapColorScale
 	};
 }
 function normalizeColor$1(value, fallback) {
@@ -64745,14 +64850,39 @@ function getMatrixKey(matrix) {
 	const step = Math.max(1, Math.floor(flat.length / 20));
 	return flat.filter((_, i) => i % step === 0).join(",");
 }
-function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
+function paintHeatmapBlob(blobCtx, px, py, radius, centerColor, midColor, edgeColor, fadeColor) {
+	const gradient = blobCtx.createRadialGradient(px, py, 0, px, py, radius);
+	gradient.addColorStop(0, centerColor);
+	gradient.addColorStop(.2, midColor);
+	gradient.addColorStop(.5, edgeColor);
+	gradient.addColorStop(1, fadeColor);
+	blobCtx.fillStyle = gradient;
+	blobCtx.beginPath();
+	blobCtx.arc(px, py, radius, 0, Math.PI * 2);
+	blobCtx.fill();
+}
+function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms, colorScale) {
 	var _heatmapMatrix$;
 	const { ctx } = cs;
 	const rows = heatmapMatrix.length;
 	const cols = ((_heatmapMatrix$ = heatmapMatrix[0]) === null || _heatmapMatrix$ === void 0 ? void 0 : _heatmapMatrix$.length) || 0;
 	if (rows === 0 || cols === 0) return;
+	const useLevels = isLevelsColorScale(colorScale);
 	const maxValue = heatmapMatrix.reduce((max, row) => row.reduce((m, v) => v > m ? v : m, max), 0);
-	if (maxValue <= 0) return;
+	if (!useLevels && maxValue <= 0) return;
+	if (useLevels) {
+		var _colorScale$hideBelow;
+		const hide = (_colorScale$hideBelow = colorScale.hideBelow) !== null && _colorScale$hideBelow !== void 0 ? _colorScale$hideBelow : 0;
+		let anyVisible = false;
+		outer: for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) {
+			const v = heatmapMatrix[y][x];
+			if (v > hide && resolveHeatmapLevelColor(v, colorScale)) {
+				anyVisible = true;
+				break outer;
+			}
+		}
+		if (!anyVisible) return;
+	}
 	const bounds = getFloorBounds(floor);
 	if (!bounds) return;
 	const { minX, minY, maxX, maxY } = bounds;
@@ -64760,8 +64890,9 @@ function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 	const boxH = bounds.height;
 	if (boxW <= 0 || boxH <= 0) return;
 	const matrixKey = getMatrixKey(heatmapMatrix);
+	const scaleKey = getHeatmapColorScaleKey(colorScale);
 	const floorId = floor.id;
-	const needsRedraw = !heatmapCache || heatmapCache.matrixKey !== matrixKey || heatmapCache.floorId !== floorId;
+	const needsRedraw = !heatmapCache || heatmapCache.matrixKey !== matrixKey || heatmapCache.scaleKey !== scaleKey || heatmapCache.floorId !== floorId;
 	const OFFSCREEN_W = 512;
 	const OFFSCREEN_H = 512;
 	if (needsRedraw) {
@@ -64776,19 +64907,18 @@ function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 		for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) {
 			const value = heatmapMatrix[y][x];
 			if (!value || value <= 0) continue;
-			const intensity = Math.min(value / maxValue, 1);
 			const px = (x + .5) * offCellW;
 			const py = (y + .5) * offCellH;
-			const alpha = .5 + intensity * .45;
-			const gradient = blobCtx.createRadialGradient(px, py, 0, px, py, radius);
-			gradient.addColorStop(0, getHeatmapColor(intensity, alpha));
-			gradient.addColorStop(.2, getHeatmapColor(intensity, alpha * .75));
-			gradient.addColorStop(.5, getHeatmapColor(intensity, alpha * .25));
-			gradient.addColorStop(1, getHeatmapColor(intensity, 0));
-			blobCtx.fillStyle = gradient;
-			blobCtx.beginPath();
-			blobCtx.arc(px, py, radius, 0, Math.PI * 2);
-			blobCtx.fill();
+			if (useLevels) {
+				const hit = resolveHeatmapLevelColor(value, colorScale);
+				if (!hit) continue;
+				const alpha = .55 + (hit.levelCount <= 1 ? 1 : hit.levelIndex / (hit.levelCount - 1)) * .4;
+				paintHeatmapBlob(blobCtx, px, py, radius, colorWithAlpha(hit.color, alpha), colorWithAlpha(hit.color, alpha * .75), colorWithAlpha(hit.color, alpha * .25), colorWithAlpha(hit.color, 0));
+			} else {
+				const intensity = Math.min(value / maxValue, 1);
+				const alpha = .5 + intensity * .45;
+				paintHeatmapBlob(blobCtx, px, py, radius, getHeatmapColor(intensity, alpha), getHeatmapColor(intensity, alpha * .75), getHeatmapColor(intensity, alpha * .25), getHeatmapColor(intensity, 0));
+			}
 		}
 		const finalCanvas = document.createElement("canvas");
 		finalCanvas.width = OFFSCREEN_W;
@@ -64813,6 +64943,7 @@ function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
 		heatmapCache = {
 			canvas: finalCanvas,
 			matrixKey,
+			scaleKey,
 			floorId
 		};
 	}
@@ -65118,7 +65249,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 	const $panMode = () => store_get(panMode, "$panMode", $$stores);
 	const $projectSettings = () => store_get(projectSettings, "$projectSettings", $$stores);
 	const [$$stores, $$cleanup] = setup_stores();
-	let selectedCameraSerial = prop($$props, "selectedCameraSerial", 3, null), showCameraCones = prop($$props, "showCameraCones", 3, false), showCameraLabels = prop($$props, "showCameraLabels", 3, true), cameraHeatmapMatrix = prop($$props, "cameraHeatmapMatrix", 19, () => []), cameraThumbnail = prop($$props, "cameraThumbnail", 3, ""), canvasBackground = prop($$props, "canvasBackground", 3, "#2E353F"), floorPlateBackground = prop($$props, "floorPlateBackground", 3, "#ffffff");
+	let heatmapColorScale = prop($$props, "heatmapColorScale", 3, void 0), selectedCameraSerial = prop($$props, "selectedCameraSerial", 3, null), showCameraCones = prop($$props, "showCameraCones", 3, false), showCameraLabels = prop($$props, "showCameraLabels", 3, true), cameraHeatmapMatrix = prop($$props, "cameraHeatmapMatrix", 19, () => []), cameraThumbnail = prop($$props, "cameraThumbnail", 3, ""), canvasBackground = prop($$props, "canvasBackground", 3, "#2E353F"), floorPlateBackground = prop($$props, "floorPlateBackground", 3, "#ffffff");
 	let canvas;
 	let ctx;
 	let width = /* @__PURE__ */ state(800);
@@ -65223,6 +65354,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		$$props.projectName;
 		$$props.heatmapEnabled;
 		$$props.heatmapMatrix;
+		heatmapColorScale();
 		markDirty();
 	});
 	let layerVis = /* @__PURE__ */ state(proxy({
@@ -66109,7 +66241,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		var _$$props$heatmapMatri, _$$props$heatmapMatri2;
 		const floor = get(currentFloor);
 		if (!floor || !$$props.heatmapEnabled || !((_$$props$heatmapMatri = $$props.heatmapMatrix) === null || _$$props$heatmapMatri === void 0 ? void 0 : _$$props$heatmapMatri.length)) return;
-		drawFloorHeatmap(getCS(), floor, (_$$props$heatmapMatri2 = $$props.heatmapMatrix) !== null && _$$props$heatmapMatri2 !== void 0 ? _$$props$heatmapMatri2 : [], get(detectedRooms));
+		drawFloorHeatmap(getCS(), floor, (_$$props$heatmapMatri2 = $$props.heatmapMatrix) !== null && _$$props$heatmapMatri2 !== void 0 ? _$$props$heatmapMatri2 : [], get(detectedRooms), heatmapColorScale());
 	}
 	function getFloorWallBounds(floor = get(currentFloor)) {
 		var _floor$walls;
@@ -70439,35 +70571,39 @@ function App($$anchor, $$props) {
 			});
 			let $5 = /* @__PURE__ */ user_derived(() => {
 				var _$$get7;
-				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.projectName;
+				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.heatmapColorScale;
 			});
 			let $6 = /* @__PURE__ */ user_derived(() => {
 				var _$$get8;
-				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.selectedCameraSerial;
+				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.projectName;
 			});
 			let $7 = /* @__PURE__ */ user_derived(() => {
 				var _$$get9;
-				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.showCameraCones;
+				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.selectedCameraSerial;
 			});
 			let $8 = /* @__PURE__ */ user_derived(() => {
 				var _$$get10;
-				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraLabels;
+				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraCones;
 			});
 			let $9 = /* @__PURE__ */ user_derived(() => {
 				var _$$get11;
-				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.cameraHeatmapMatrix;
+				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.showCameraLabels;
 			});
 			let $10 = /* @__PURE__ */ user_derived(() => {
 				var _$$get12;
-				return ((_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraThumbnail) || "";
+				return (_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraHeatmapMatrix;
 			});
 			let $11 = /* @__PURE__ */ user_derived(() => {
 				var _$$get13;
-				return (_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.canvasBackground;
+				return ((_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.cameraThumbnail) || "";
 			});
 			let $12 = /* @__PURE__ */ user_derived(() => {
 				var _$$get14;
-				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.floorPlateBackground;
+				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.canvasBackground;
+			});
+			let $13 = /* @__PURE__ */ user_derived(() => {
+				var _$$get15;
+				return (_$$get15 = get(config)) === null || _$$get15 === void 0 ? void 0 : _$$get15.floorPlateBackground;
 			});
 			FloorPlanCanvas(node_4, {
 				get viewOnly() {
@@ -70485,29 +70621,32 @@ function App($$anchor, $$props) {
 				get heatmapEnabled() {
 					return get($4);
 				},
-				get projectName() {
+				get heatmapColorScale() {
 					return get($5);
 				},
-				get selectedCameraSerial() {
+				get projectName() {
 					return get($6);
 				},
-				get showCameraCones() {
+				get selectedCameraSerial() {
 					return get($7);
 				},
-				get showCameraLabels() {
+				get showCameraCones() {
 					return get($8);
 				},
-				get cameraHeatmapMatrix() {
+				get showCameraLabels() {
 					return get($9);
 				},
-				get cameraThumbnail() {
+				get cameraHeatmapMatrix() {
 					return get($10);
 				},
-				get canvasBackground() {
+				get cameraThumbnail() {
 					return get($11);
 				},
-				get floorPlateBackground() {
+				get canvasBackground() {
 					return get($12);
+				},
+				get floorPlateBackground() {
+					return get($13);
 				}
 			});
 		}
@@ -70536,12 +70675,12 @@ function App($$anchor, $$props) {
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => get(mode) === "3d");
 			let $1 = /* @__PURE__ */ user_derived(() => {
-				var _$$get$siteCameras, _$$get15;
-				return (_$$get$siteCameras = (_$$get15 = get(config)) === null || _$$get15 === void 0 ? void 0 : _$$get15.siteCameras) !== null && _$$get$siteCameras !== void 0 ? _$$get$siteCameras : [];
+				var _$$get$siteCameras, _$$get16;
+				return (_$$get$siteCameras = (_$$get16 = get(config)) === null || _$$get16 === void 0 ? void 0 : _$$get16.siteCameras) !== null && _$$get$siteCameras !== void 0 ? _$$get$siteCameras : [];
 			});
 			let $2 = /* @__PURE__ */ user_derived(() => {
-				var _$$get$cameraThumbnai, _$$get16;
-				return (_$$get$cameraThumbnai = (_$$get16 = get(config)) === null || _$$get16 === void 0 ? void 0 : _$$get16.cameraThumbnail) !== null && _$$get$cameraThumbnai !== void 0 ? _$$get$cameraThumbnai : "";
+				var _$$get$cameraThumbnai, _$$get17;
+				return (_$$get$cameraThumbnai = (_$$get17 = get(config)) === null || _$$get17 === void 0 ? void 0 : _$$get17.cameraThumbnail) !== null && _$$get$cameraThumbnai !== void 0 ? _$$get$cameraThumbnai : "";
 			});
 			PropertiesPanel($$anchor, {
 				get is3D() {