floor-editor-ts 1.0.10 → 1.1.1

package/dist/floor-editor.es.js

@@ -61678,27 +61678,32 @@ var persons = [];
 var lastSpawnTime = 0;
 var SPAWN_INTERVAL = 1e3;
 var MAX_PERSONS = 20;
-var getHeatmapColor = (t, alpha = 1) => {
+function getHeatmapColor(t, alpha = 1) {
 	t = Math.max(0, Math.min(t, 1));
 	let r, g, b;
-	if (t < .35) {
-		const k = t / .35;
+	if (t < .25) {
+		const k = t / .25;
 		r = 0;
-		g = Math.round(120 + 135 * k);
-		b = Math.round(255 - 180 * k);
-	} else if (t < .7) {
-		const k = (t - .35) / .35;
+		g = Math.round(100 * k);
+		b = 255;
+	} else if (t < .5) {
+		const k = (t - .25) / .25;
+		r = 0;
+		g = Math.round(100 + 155 * k);
+		b = Math.round(255 * (1 - k));
+	} else if (t < .75) {
+		const k = (t - .5) / .25;
 		r = Math.round(255 * k);
 		g = 255;
 		b = 0;
 	} else {
-		const k = (t - .7) / .3;
+		const k = (t - .75) / .25;
 		r = 255;
-		g = Math.round(255 - 255 * k);
+		g = Math.round(255 * (1 - k));
 		b = 0;
 	}
 	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-};
+}
 var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false) => {
 	const bodyRadius = 4;
 	const lensR = Math.min(w, d) * .25;
@@ -62605,6 +62610,48 @@ function wts(cs, wx, wy) {
 		y: (wy - cs.camY) * cs.zoom + cs.height / 2
 	};
 }
+function getFloorBounds(floor, options = {}) {
+	var _floor$walls;
+	if (!((_floor$walls = floor.walls) === null || _floor$walls === void 0 ? void 0 : _floor$walls.length)) return null;
+	let minX = Infinity;
+	let maxX = -Infinity;
+	let minY = Infinity;
+	let maxY = -Infinity;
+	let found = false;
+	function expand(x, y, pad = 0) {
+		minX = Math.min(minX, x - pad);
+		maxX = Math.max(maxX, x + pad);
+		minY = Math.min(minY, y - pad);
+		maxY = Math.max(maxY, y + pad);
+		found = true;
+	}
+	for (const wall of floor.walls) {
+		const pad = options.includeWallThickness ? wall.thickness / 2 : 0;
+		if (wall.curvePoint) {
+			const segments = 24;
+			for (let i = 0; i <= segments; i++) {
+				const t = i / segments;
+				const mt = 1 - t;
+				expand(mt * mt * wall.start.x + 2 * mt * t * wall.curvePoint.x + t * t * wall.end.x, mt * mt * wall.start.y + 2 * mt * t * wall.curvePoint.y + t * t * wall.end.y, pad);
+			}
+		} else {
+			expand(wall.start.x, wall.start.y, pad);
+			expand(wall.end.x, wall.end.y, pad);
+		}
+	}
+	if (!found) return null;
+	const width = maxX - minX;
+	const height = maxY - minY;
+	if (width <= 0 || height <= 0) return null;
+	return {
+		minX,
+		minY,
+		maxX,
+		maxY,
+		width,
+		height
+	};
+}
 function drawWall(cs, w, selected, showDimensions, dimSettings) {
 	const { ctx, zoom, width, height } = cs;
 	const s = wts(cs, w.start.x, w.start.y);
@@ -63825,15 +63872,15 @@ function drawAnnotations(cs, floor, selectedAnnotationId, dimSettings) {
 }
 var ROOM_FILLS_BY_TYPE = {
 	"Living Room": "rgba(96, 165, 250, 0.08)",
-	"Bedroom": "rgba(167, 139, 250, 0.08)",
-	"Kitchen": "rgba(251, 191, 36, 0.08)",
-	"Bathroom": "rgba(45, 212, 191, 0.08)",
+	Bedroom: "rgba(167, 139, 250, 0.08)",
+	Kitchen: "rgba(251, 191, 36, 0.08)",
+	Bathroom: "rgba(45, 212, 191, 0.08)",
 	"Dining Room": "rgba(251, 146, 60, 0.08)",
-	"Office": "rgba(52, 211, 153, 0.08)",
-	"Hallway": "rgba(156, 163, 175, 0.06)",
-	"Closet": "rgba(244, 114, 182, 0.06)",
-	"Laundry": "rgba(129, 140, 248, 0.08)",
-	"Garage": "rgba(163, 163, 163, 0.08)"
+	Office: "rgba(52, 211, 153, 0.08)",
+	Hallway: "rgba(156, 163, 175, 0.06)",
+	Closet: "rgba(244, 114, 182, 0.06)",
+	Laundry: "rgba(129, 140, 248, 0.08)",
+	Garage: "rgba(163, 163, 163, 0.08)"
 };
 var ROOM_FILLS_DEFAULT = [
 	"rgba(167, 139, 250, 0.07)",
@@ -63855,15 +63902,15 @@ function getRoomFill(room, index) {
 }
 var ROOM_FLOOR_PATTERN = {
 	"Living Room": "wood",
-	"Bedroom": "wood",
-	"Office": "wood",
+	Bedroom: "wood",
+	Office: "wood",
 	"Dining Room": "wood",
-	"Hallway": "wood",
-	"Kitchen": "tile",
-	"Bathroom": "tile",
-	"Laundry": "tile",
-	"Garage": "stone",
-	"Closet": "none"
+	Hallway: "wood",
+	Kitchen: "tile",
+	Bathroom: "tile",
+	Laundry: "tile",
+	Garage: "stone",
+	Closet: "none"
 };
 function drawRoomFloorPattern(cs, room, screenPoly) {
 	var _ROOM_FLOOR_PATTERN$r;
@@ -64133,6 +64180,1202 @@ function drawMinimap(cs, minimapCanvas, floor, getWorldBBox) {
 	mctx.lineWidth = 1;
 	mctx.strokeRect(0, 0, mw, mh);
 }
+var heatmapCache = null;
+function getMatrixKey(matrix) {
+	const flat = matrix.flat();
+	const step = Math.max(1, Math.floor(flat.length / 20));
+	return flat.filter((_, i) => i % step === 0).join(",");
+}
+function drawFloorHeatmap(cs, floor, heatmapMatrix, detectedRooms) {
+	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 maxValue = heatmapMatrix.reduce((max, row) => row.reduce((m, v) => v > m ? v : m, max), 0);
+	if (maxValue <= 0) return;
+	const bounds = getFloorBounds(floor);
+	if (!bounds) return;
+	const { minX, minY, maxX, maxY } = bounds;
+	const boxW = bounds.width;
+	const boxH = bounds.height;
+	if (boxW <= 0 || boxH <= 0) return;
+	const matrixKey = getMatrixKey(heatmapMatrix);
+	const floorId = floor.id;
+	const needsRedraw = !heatmapCache || heatmapCache.matrixKey !== matrixKey || heatmapCache.floorId !== floorId;
+	const OFFSCREEN_W = 512;
+	const OFFSCREEN_H = 512;
+	if (needsRedraw) {
+		const offCellW = OFFSCREEN_W / cols;
+		const offCellH = OFFSCREEN_H / rows;
+		const radius = Math.max(offCellW, offCellH) * 1.3;
+		const blobCanvas = document.createElement("canvas");
+		blobCanvas.width = OFFSCREEN_W;
+		blobCanvas.height = OFFSCREEN_H;
+		const blobCtx = blobCanvas.getContext("2d");
+		blobCtx.filter = `blur(${Math.min(10, Math.max(2, radius * .2))}px)`;
+		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();
+		}
+		const finalCanvas = document.createElement("canvas");
+		finalCanvas.width = OFFSCREEN_W;
+		finalCanvas.height = OFFSCREEN_H;
+		const finalCtx = finalCanvas.getContext("2d");
+		finalCtx.drawImage(blobCanvas, 0, 0);
+		finalCtx.filter = "none";
+		finalCtx.strokeStyle = "rgba(255, 255, 255, 0.18)";
+		finalCtx.lineWidth = .5;
+		finalCtx.beginPath();
+		for (let x = 0; x <= cols; x++) {
+			const px = x * offCellW;
+			finalCtx.moveTo(px, 0);
+			finalCtx.lineTo(px, OFFSCREEN_H);
+		}
+		for (let y = 0; y <= rows; y++) {
+			const py = y * offCellH;
+			finalCtx.moveTo(0, py);
+			finalCtx.lineTo(OFFSCREEN_W, py);
+		}
+		finalCtx.stroke();
+		heatmapCache = {
+			canvas: finalCanvas,
+			matrixKey,
+			floorId
+		};
+	}
+	const p1 = wts(cs, minX, minY);
+	const p2 = wts(cs, maxX, maxY);
+	const destX = Math.min(p1.x, p2.x);
+	const destY = Math.min(p1.y, p2.y);
+	const destW = Math.abs(p2.x - p1.x);
+	const destH = Math.abs(p2.y - p1.y);
+	const canvasW = ctx.canvas.width;
+	const canvasH = ctx.canvas.height;
+	if (destX > canvasW || destY > canvasH || destX + destW < 0 || destY + destH < 0) return;
+	ctx.save();
+	let hasRoomClip = false;
+	ctx.beginPath();
+	for (const room of detectedRooms) {
+		const poly = getRoomPolygon(room, floor.walls);
+		if (poly.length < 3) continue;
+		const screenPoly = poly.map((p) => wts(cs, p.x, p.y));
+		ctx.moveTo(screenPoly[0].x, screenPoly[0].y);
+		for (let i = 1; i < screenPoly.length; i++) ctx.lineTo(screenPoly[i].x, screenPoly[i].y);
+		ctx.closePath();
+		hasRoomClip = true;
+	}
+	if (hasRoomClip) ctx.clip("evenodd");
+	ctx.globalAlpha = .92;
+	ctx.drawImage(heatmapCache.canvas, destX, destY, destW, destH);
+	ctx.globalAlpha = 1;
+	ctx.restore();
+}
+//#endregion
+//#region src/lib/utils/heatmapData.ts
+var SAMPLE_HEATMAP_32X32 = [
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		12.748932716414688,
+		45.32230658043087,
+		68.04250459126601,
+		45.32230658043087,
+		12.748932716414688,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		45.4224478194094,
+		181.72045122075266,
+		275.3766843118068,
+		181.72045122075266,
+		45.4224478194094,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		68.31590812975966,
+		276.0871751974888,
+		412.63080261542115,
+		276.0567800219605,
+		68.28551295423132,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.030395175528338574,
+		45.85002901047233,
+		183.2669337255748,
+		277.5660942229701,
+		183.11495784793308,
+		45.72844830835897,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.04559276329250786,
+		13.231129308385174,
+		46.80863529396807,
+		70.01815269312522,
+		46.595869065269696,
+		13.063955842979313,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.1184538668534887,
+		.0883900124257005,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		.3548876788672499,
+		1.5365008894852765,
+		2.311642755673626,
+		1.849545906847856,
+		1.0591053080371047,
+		.8374628344858726,
+		.48600196369050996,
+		.12261466435560091,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.29523389170488973,
+		.4437516129861666,
+		.29523389170488973,
+		.11706693153681717,
+		.10683366069643516,
+		.1641874989186685,
+		.10683366069643516,
+		.028676919111116663,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		1.6847750070526843,
+		6.3386099807859395,
+		9.604681011260025,
+		6.92418895556232,
+		2.368873542688024,
+		.47238164060697785,
+		.1889763779527559,
+		.047244094488188976,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.1184538668534887,
+		.4437516129861666,
+		.6806593466931441,
+		.4437516129861666,
+		.24890957479401832,
+		.5533188947542446,
+		.8378523578793984,
+		.5533188947542446,
+		.13045570794052963,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		2.68681452030272,
+		10.263846862973189,
+		16.09777913600441,
+		12.361964591844814,
+		5.143188882061816,
+		1.4223676084533452,
+		.312782108314394,
+		.031496062992125984,
+		0,
+		0,
+		0,
+		0,
+		0,
+		.0883900124257005,
+		.29523389170488973,
+		.4437516129861666,
+		.3160367950679749,
+		.4853954240093081,
+		1.3799926127035786,
+		1.9659744022399421,
+		1.2759780958881528,
+		.3137937981312669,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		.05750012585497277,
+		3.990289650564119,
+		20.695365814712115,
+		44.3522989543404,
+		49.69632864092277,
+		29.689044491512576,
+		9.033393108938617,
+		1.2347274821574294,
+		.15202866764519157,
+		.023622047244094488,
+		.06937364893635427,
+		.08512168043241726,
+		.1312648874568188,
+		.06921481053660235,
+		.038269191276370074,
+		.0883900124257005,
+		.1184538668534887,
+		.17160162587804118,
+		.7552196059639998,
+		2.180300310840757,
+		2.82987585217934,
+		1.7231446814349316,
+		.406046259121632,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		8.344447730094426,
+		52.77867806990315,
+		128.79488712220683,
+		155.50781484945549,
+		94.8111770857038,
+		26.204290047405273,
+		2.6172004234133746,
+		.5926756971464383,
+		.17415822209335685,
+		.2081209468090628,
+		.41986725837226924,
+		.4562363446228147,
+		.3389093190666259,
+		.13000516159327952,
+		.030395175528338574,
+		0,
+		.1619472165746013,
+		.9301572259016863,
+		2.265879784982036,
+		2.6140297641904335,
+		1.4892533182159182,
+		.3278895175363135,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		11.569261098471213,
+		74.91244899006341,
+		185.41798253416076,
+		223.16964950617853,
+		134.47162508401345,
+		35.29886422851894,
+		2.9823101815276254,
+		.8519113063812257,
+		.239572716510202,
+		.3186059411116472,
+		.6464195523675033,
+		.6905038159663283,
+		.4700153681236928,
+		.20654354414601966,
+		.04559276329250786,
+		0,
+		.1659149823226328,
+		.7137277220177837,
+		1.4724250590707373,
+		1.4853812653248704,
+		.7879622264171209,
+		.14960629921259844,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		7.659608408222048,
+		49.47160326026555,
+		122.0267564546405,
+		146.90471606648813,
+		87.12454645840202,
+		22.206612666760837,
+		1.6704856213622203,
+		.5848016813984068,
+		.17415822209335685,
+		.2081209468090628,
+		.41986725837226924,
+		.4562363446228147,
+		.3389093190666259,
+		.13000516159327952,
+		.030395175528338574,
+		0,
+		.07873560312226063,
+		.2801144141850509,
+		.4950055287578913,
+		.4297207133976494,
+		.1968458393427331,
+		.031496062992125984,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		1.8758964163111886,
+		12.528184619475534,
+		30.384574544711377,
+		36.35399650870346,
+		21.427909044768864,
+		5.489463881244808,
+		.38028740695142366,
+		.12840662040109707,
+		.023622047244094488,
+		.06937364893635427,
+		.08512168043241726,
+		.1312648874568188,
+		.06921481053660235,
+		.038269191276370074,
+		0,
+		0,
+		0,
+		.05793269975917546,
+		.08270336887029212,
+		.05793269975917546,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	],
+	[
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0,
+		0
+	]
+];
 //#endregion
 //#region src/lib/utils/hitTesting.ts
 function pointInPolygon(p, poly) {
@@ -65296,7 +66539,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		canvasDirty = false;
 		ctx.clearRect(0, 0, get(width), get(height));
 		ctx.fillStyle = "#f8f9fa";
-		ctx.fillRect(0, 0, $$props.floorMaxWidth, $$props.floorMaxHeight);
+		ctx.fillRect(0, 0, $$props.viewOnly ? $$props.floorMaxWidth : get(width), $$props.viewOnly ? $$props.floorMaxHeight : get(height));
 		drawGrid();
 		if (!$$props.viewOnly && get(layerVis).guides) drawGuides$1();
 		drawBackgroundImage();
@@ -65317,6 +66560,12 @@ function FloorPlanCanvas($$anchor, $$props) {
 			return id === selId || multiIds.has(id);
 		}
 		drawRooms$1();
+		console.log("🚀 ~ draw ~ heatmapEnabled:", $$props.heatmapEnabled);
+		console.log("🚀 ~ draw ~ heatmapMatrix:", $$props.heatmapMatrix);
+		if (floor) {
+			var _$$props$heatmapMatri;
+			drawFloorHeatmap(getCS(), floor, $$props.heatmapMatrix ? ((_$$props$heatmapMatri = $$props.heatmapMatrix) === null || _$$props$heatmapMatri === void 0 ? void 0 : _$$props$heatmapMatri.length) > 0 ? $$props.heatmapMatrix : SAMPLE_HEATMAP_32X32 : SAMPLE_HEATMAP_32X32, get(detectedRooms));
+		}
 		if (!$$props.viewOnly) drawSnapPoints$1();
 		if (get(layerVis).walls) {
 			for (const w of floor.walls) drawWall$1(w, isSelected(w.id));
@@ -70335,7 +71584,9 @@ function App($$anchor, $$props) {
 	let config = /* @__PURE__ */ state(proxy({
 		viewOnly: false,
 		floorMaxWidth: 600,
-		floorMaxHeight: 400
+		floorMaxHeight: 400,
+		heatmapEnabled: false,
+		heatmapMatrix: []
 	}));
 	(_$$props$stores = $$props.stores) === null || _$$props$stores === void 0 || _$$props$stores.floorData.subscribe((v) => set(floorData, v, true));
 	(_$$props$stores2 = $$props.stores) === null || _$$props$stores2 === void 0 || _$$props$stores2.config.subscribe((v) => set(config, v, true));
@@ -70446,6 +71697,14 @@ function App($$anchor, $$props) {
 					var _$$get4;
 					return (_$$get4 = get(config)) === null || _$$get4 === void 0 ? void 0 : _$$get4.floorMaxHeight;
 				});
+				let $3 = /* @__PURE__ */ user_derived(() => {
+					var _$$get5;
+					return (_$$get5 = get(config)) === null || _$$get5 === void 0 ? void 0 : _$$get5.heatmapMatrix;
+				});
+				let $4 = /* @__PURE__ */ user_derived(() => {
+					var _$$get6;
+					return (_$$get6 = get(config)) === null || _$$get6 === void 0 ? void 0 : _$$get6.heatmapEnabled;
+				});
 				FloorPlanCanvas(node_4, {
 					get viewOnly() {
 						return get($0);
@@ -70455,6 +71714,12 @@ function App($$anchor, $$props) {
 					},
 					get floorMaxHeight() {
 						return get($2);
+					},
+					get heatmapMatrix() {
+						return get($3);
+					},
+					get heatmapEnabled() {
+						return get($4);
 					}
 				});
 			}