floor-editor-ts 1.1.4 → 1.1.5

package/dist/floor-editor.es.js

@@ -6951,6 +6951,54 @@ var localStore = {
 	}
 };
 //#endregion
+//#region src/lib/packageDefaults.ts
+var DEFAULT_CONFIG = {
+	viewOnly: false,
+	floorMaxWidth: 600,
+	floorMaxHeight: 400,
+	heatmapEnabled: false,
+	heatmapMatrix: [],
+	projectName: void 0,
+	selectedCameraSerial: null,
+	showCameraCones: false,
+	showCameraLabels: true,
+	cameraHeatmapMatrix: []
+};
+function normalizeConfig(value) {
+	if (!value || typeof value !== "object") return { ...DEFAULT_CONFIG };
+	return {
+		...DEFAULT_CONFIG,
+		...value
+	};
+}
+function normalizeFloorData(data) {
+	if (!data || typeof data !== "object") return createDefaultProject();
+	if (!Array.isArray(data.floors) || data.floors.length === 0) return createDefaultProject();
+	if (!data.activeFloorId || !data.floors.some((f) => f.id === data.activeFloorId)) return {
+		...createDefaultProject(),
+		...data,
+		floors: data.floors,
+		activeFloorId: data.floors[0].id
+	};
+	return data;
+}
+var RUNTIME_FURNITURE_FIELDS = [
+	"showHeatmap",
+	"heatmapMatrix",
+	"hasPerson"
+];
+/** Strip runtime-only fields before persisting or dispatching floor:save. */
+function exportProjectForSave(project) {
+	const exported = JSON.parse(JSON.stringify(project));
+	exported.updatedAt = /* @__PURE__ */ new Date();
+	for (const floor of exported.floors) floor.furniture = floor.furniture.map((item) => {
+		const clean = { ...item };
+		for (const key of RUNTIME_FURNITURE_FIELDS) delete clean[key];
+		return clean;
+	});
+	return exported;
+}
+//#endregion
 //#region src/lib/utils/furnitureCatalog.ts
 var furnitureCatalog = [
 	{
@@ -56762,7 +56810,7 @@ async function autoSave(onDispatch) {
 	try {
 		const thumbnail = captureThumbnail(p.id);
 		onDispatch("floor:autoSave", { data: {
-			...p,
+			...exportProjectForSave(p),
 			thumbnail
 		} });
 		saveState.set("saved");
@@ -56947,9 +56995,10 @@ function TopBar($$anchor, $$props) {
 	}
 	async function save() {
 		const p = get$1(currentProject);
+		if (!p) return;
 		const thumbnail = captureThumbnail(p.id);
 		$$props.onDispatch("floor:save", { data: {
-			...p,
+			...exportProjectForSave(p),
 			thumbnail
 		} });
 	}
@@ -61948,8 +61997,17 @@ function drawFurnitureIcon(ctx, catalogId, w, d, color, strokeColor, heatmapMatr
 }
 //#endregion
 //#region src/lib/utils/shortcuts.ts
+/** True when the user is typing in a form field — canvas shortcuts should not run. */
+function isEditableTarget(e) {
+	const el = e.target;
+	if (!el) return false;
+	const tag = el.tagName;
+	if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+	if (el.isContentEditable) return true;
+	return !!el.closest("[contenteditable=\"true\"]");
+}
 function handleGlobalShortcut(e, ctx = {}) {
-	var _e$target;
+	if (isEditableTarget(e)) return false;
 	const mod = e.metaKey || e.ctrlKey;
 	if (mod && e.key === "z" && !e.shiftKey) {
 		e.preventDefault();
@@ -61970,8 +62028,6 @@ function handleGlobalShortcut(e, ctx = {}) {
 		}
 		return true;
 	}
-	const tag = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName;
-	if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return false;
 	if (e.key === "Escape") {
 		selectedTool.set("select");
 		selectedElementId.set(null);
@@ -63356,7 +63412,7 @@ function drawWindowDistanceDimensions(cs, wall, window, dimSettings) {
 	}
 }
 function drawFurnitureItem(cs, item, selected, options) {
-	var _item$scale$x, _item$scale, _item$scale$y, _item$scale2, _item$width, _item$depth, _options$showCameraCo, _options$showCameraLa, _item$color;
+	var _item$scale$x, _item$scale, _item$scale$y, _item$scale2, _item$width, _item$depth, _options$showCameraCo, _options$showCameraLa, _options$cameraHeatma, _item$color;
 	const { ctx, zoom } = cs;
 	const cat = getCatalogItem(item.catalogId);
 	if (!cat) return;
@@ -63370,6 +63426,9 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const showCameraCones = (_options$showCameraCo = options === null || options === void 0 ? void 0 : options.showCameraCones) !== null && _options$showCameraCo !== void 0 ? _options$showCameraCo : false;
 	const showCameraLabels = (_options$showCameraLa = options === null || options === void 0 ? void 0 : options.showCameraLabels) !== null && _options$showCameraLa !== void 0 ? _options$showCameraLa : true;
 	const isCamera = item.catalogId === "camera";
+	const useConfigHeatmap = isCamera && highlighted && !!(options === null || options === void 0 || (_options$cameraHeatma = options.cameraHeatmapMatrix) === null || _options$cameraHeatma === void 0 ? void 0 : _options$cameraHeatma.length);
+	const drawHeatmapMatrix = useConfigHeatmap ? options.cameraHeatmapMatrix : item.heatmapMatrix;
+	const drawShowHeatmap = item.showHeatmap || useConfigHeatmap;
 	ctx.save();
 	ctx.translate(s.x, s.y);
 	ctx.rotate(angle);
@@ -63377,7 +63436,7 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const itemColor = (_item$color = item.color) !== null && _item$color !== void 0 ? _item$color : cat.color;
 	const strokeColor = selected ? "#3b82f6" : itemColor;
 	ctx.lineWidth = selected ? 2 : 1;
-	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, item.heatmapMatrix, item.hasPerson, item.showHeatmap, isCamera ? showCameraCones : false, isCamera ? highlighted : false);
+	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, drawHeatmapMatrix, item.hasPerson, drawShowHeatmap, isCamera ? showCameraCones : false, isCamera ? highlighted : false);
 	const fontSize = Math.max(8, Math.min(12, Math.min(w, d) * .2));
 	if (showCameraLabels && Math.min(w, d) > 20) {
 		var _item$name;
@@ -64586,7 +64645,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);
+	let selectedCameraSerial = prop($$props, "selectedCameraSerial", 3, null), showCameraCones = prop($$props, "showCameraCones", 3, false), showCameraLabels = prop($$props, "showCameraLabels", 3, true), cameraHeatmapMatrix = prop($$props, "cameraHeatmapMatrix", 19, () => []);
 	let canvas;
 	let ctx;
 	let width = /* @__PURE__ */ state(800);
@@ -64678,6 +64737,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		selectedCameraSerial();
 		showCameraCones();
 		showCameraLabels();
+		cameraHeatmapMatrix();
 		$$props.projectName;
 		$$props.heatmapEnabled;
 		$$props.heatmapMatrix;
@@ -65121,7 +65181,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 		drawFurnitureItem(getCS(), item, selected, {
 			selectedCameraSerial: selectedCameraSerial(),
 			showCameraCones: showCameraCones(),
-			showCameraLabels: showCameraLabels()
+			showCameraLabels: showCameraLabels(),
+			cameraHeatmapMatrix: cameraHeatmapMatrix()
 		});
 	}
 	let placementWallSnap = /* @__PURE__ */ state(null);
@@ -68505,6 +68566,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 	}
 	function onKeyDown(e) {
 		if ($$props.viewOnly) return;
+		if (isEditableTarget(e)) return;
 		set(shiftDown, e.shiftKey, true);
 		if (e.code === "Space") {
 			set(spaceDown, true);
@@ -70552,37 +70614,6 @@ function OnboardingTooltip($$anchor, $$props) {
 }
 delegate(["click"]);
 //#endregion
-//#region src/lib/packageDefaults.ts
-var DEFAULT_CONFIG = {
-	viewOnly: false,
-	floorMaxWidth: 600,
-	floorMaxHeight: 400,
-	heatmapEnabled: false,
-	heatmapMatrix: [],
-	projectName: void 0,
-	selectedCameraSerial: null,
-	showCameraCones: false,
-	showCameraLabels: true
-};
-function normalizeConfig(value) {
-	if (!value || typeof value !== "object") return { ...DEFAULT_CONFIG };
-	return {
-		...DEFAULT_CONFIG,
-		...value
-	};
-}
-function normalizeFloorData(data) {
-	if (!data || typeof data !== "object") return createDefaultProject();
-	if (!Array.isArray(data.floors) || data.floors.length === 0) return createDefaultProject();
-	if (!data.activeFloorId || !data.floors.some((f) => f.id === data.activeFloorId)) return {
-		...createDefaultProject(),
-		...data,
-		floors: data.floors,
-		activeFloorId: data.floors[0].id
-	};
-	return data;
-}
-//#endregion
 //#region src/App.svelte
 init_client();
 init_index_client();
@@ -70629,12 +70660,12 @@ function App($$anchor, $$props) {
 	});
 	var fragment = root();
 	event("keydown", $window, (e) => {
-		var _e$target, _e$target2, _e$target3;
+		if (isEditableTarget(e)) return;
 		if (e.key === "p" && (e.ctrlKey || e.metaKey)) {
 			e.preventDefault();
 			set(printOpen, true);
 		}
-		if (e.key === "k" && (e.ctrlKey || e.metaKey) || e.key === "/" && !e.ctrlKey && !e.metaKey && ((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) !== "INPUT" && ((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.tagName) !== "TEXTAREA") {
+		if (e.key === "k" && (e.ctrlKey || e.metaKey) || e.key === "/" && !e.ctrlKey && !e.metaKey) {
 			e.preventDefault();
 			set(commandPaletteOpen, !get(commandPaletteOpen));
 		}
@@ -70643,7 +70674,7 @@ function App($$anchor, $$props) {
 			e.preventDefault();
 		}
 		if (e.key === "Escape" && get(showHelp)) set(showHelp, false);
-		if (e.key === "l" && !e.ctrlKey && !e.metaKey && !e.altKey && ((_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.tagName) !== "INPUT") set(showLayers, !get(showLayers));
+		if (e.key === "l" && !e.ctrlKey && !e.metaKey && !e.altKey) set(showLayers, !get(showLayers));
 	});
 	var div = first_child(fragment);
 	var node = child(div);
@@ -70730,6 +70761,10 @@ function App($$anchor, $$props) {
 				var _$$get10;
 				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraLabels;
 			});
+			let $9 = /* @__PURE__ */ user_derived(() => {
+				var _$$get11;
+				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.cameraHeatmapMatrix;
+			});
 			FloorPlanCanvas(node_3, {
 				get viewOnly() {
 					return get($0);
@@ -70757,6 +70792,9 @@ function App($$anchor, $$props) {
 				},
 				get showCameraLabels() {
 					return get($8);
+				},
+				get cameraHeatmapMatrix() {
+					return get($9);
 				}
 			});
 		}