floor-editor-ts 1.3.11 → 1.3.13

package/dist/floor-editor.es.js

@@ -6472,7 +6472,7 @@ function addFurniture(catalogId, position) {
 			}
 		});
 	}, `Added ${catalogId}`);
-	Promise.resolve().then(() => (init_onboarding_svelte(), onboarding_svelte_exports)).then((m) => m.triggerTip("first-furniture", position.x + 20, position.y + 20));
+	if (!isAssignedCamerasSyncing()) Promise.resolve().then(() => (init_onboarding_svelte(), onboarding_svelte_exports)).then((m) => m.triggerTip("first-furniture", position.x + 20, position.y + 20));
 	return id;
 }
 /** Move furniture without creating an undo snapshot on every call (used during drag).
@@ -57286,6 +57286,7 @@ function initAutoSave(onDispatch) {
 			skipNext = false;
 			return;
 		}
+		if (isAssignedCamerasSyncing()) return;
 		if (!_p) return;
 		markDirty(onDispatch);
 	});
@@ -57333,6 +57334,12 @@ async function autoSave(onDispatch) {
 		saveState.set("unsaved");
 	}
 }
+/** Mark as saved without triggering dirty (e.g. after loadProject) */
+function markClean() {
+	if (debounceTimer) clearTimeout(debounceTimer);
+	saveState.set("saved");
+	skipNext = true;
+}
 //#endregion
 //#region src/lib/components/toolbar/VersionHistoryPanel.svelte
 init_client();
@@ -65744,13 +65751,16 @@ function FloorPlanCanvas($$anchor, $$props) {
 		};
 	}
 	user_effect(() => {
-		canvasZoom.set(get(zoom));
+		const z = get(zoom);
+		if (get$1(canvasZoom) !== z) canvasZoom.set(z);
 	});
 	user_effect(() => {
-		canvasCamX.set(get(camX));
+		const x = get(camX);
+		if (get$1(canvasCamX) !== x) canvasCamX.set(x);
 	});
 	user_effect(() => {
-		canvasCamY.set(get(camY));
+		const y = get(camY);
+		if (get$1(canvasCamY) !== y) canvasCamY.set(y);
 	});
 	let wallStart = /* @__PURE__ */ state(null);
 	let wallSequenceFirst = /* @__PURE__ */ state(null);
@@ -65847,7 +65857,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 	}));
 	let showFurniture = /* @__PURE__ */ user_derived(() => get(layerVis).furniture);
 	user_effect(() => {
-		showFurnitureStore.set(get(layerVis).furniture);
+		const on = get(layerVis).furniture;
+		if (get$1(showFurnitureStore) !== on) showFurnitureStore.set(on);
 	});
 	let showDoors = /* @__PURE__ */ user_derived(() => get(layerVis).doors);
 	let showWindows = /* @__PURE__ */ user_derived(() => get(layerVis).windows);
@@ -70844,17 +70855,18 @@ function OnboardingTooltip($$anchor, $$props) {
 	let visible = /* @__PURE__ */ state(false);
 	let autoTimer = null;
 	user_effect(() => {
-		if (activeTipState.current) {
-			set(visible, false);
+		const tip = activeTipState.current;
+		if (tip) {
+			if (get(visible)) set(visible, false);
 			requestAnimationFrame(() => {
-				set(visible, true);
+				if (activeTipState.current === tip) set(visible, true);
 			});
 			if (autoTimer) clearTimeout(autoTimer);
 			autoTimer = setTimeout(() => {
 				dismissTip();
 			}, 8e3);
 		} else {
-			set(visible, false);
+			if (get(visible)) set(visible, false);
 			if (autoTimer) {
 				clearTimeout(autoTimer);
 				autoTimer = null;
@@ -71114,38 +71126,105 @@ function App($$anchor, $$props) {
 	let config = /* @__PURE__ */ state(proxy({ ...DEFAULT_CONFIG }));
 	let activeFloorId = /* @__PURE__ */ state(null);
 	let activeFloorWallCount = /* @__PURE__ */ state(0);
-	(_$$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, normalizeConfig(v), true));
+	/** Latest assignedCameras from host config — sync is NOT in $effect (avoids depth loops). */
+	let latestAssigned = [];
+	let assignedSyncTimer = null;
+	let lastScheduledAssignKey = "";
+	let lastScheduledFloorKey = "";
+	let lastFloorDataKey = "";
+	function assignedKey(list) {
+		return list.map((c) => {
+			if (!(c === null || c === void 0 ? void 0 : c.serial)) return "";
+			return Object.keys(c).sort().map((k) => {
+				var _c$k;
+				return `${k}=${String((_c$k = c[k]) !== null && _c$k !== void 0 ? _c$k : "")}`;
+			}).join("&");
+		}).filter(Boolean).sort().join("|");
+	}
+	function clearAssignedSyncTimer() {
+		if (assignedSyncTimer != null) {
+			clearTimeout(assignedSyncTimer);
+			assignedSyncTimer = null;
+		}
+	}
+	/**
+	* viewOnly must never run assignedCameras sync.
+	* Otherwise `assignedCameras: []` + leftover module `lastSyncedSerials`
+	* (from an edit session / other instance) strips cameras loaded from floorData.
+	*/
+	function scheduleAssignedCamerasSync(_reason) {
+		var _$$get;
+		if (get(config).viewOnly) return;
+		const aKey = assignedKey(latestAssigned);
+		const fKey = `${(_$$get = get(activeFloorId)) !== null && _$$get !== void 0 ? _$$get : ""}:${get(activeFloorWallCount)}`;
+		if (aKey === lastScheduledAssignKey && fKey === lastScheduledFloorKey && assignedSyncTimer != null) return;
+		lastScheduledAssignKey = aKey;
+		lastScheduledFloorKey = fKey;
+		clearAssignedSyncTimer();
+		assignedSyncTimer = setTimeout(() => {
+			assignedSyncTimer = null;
+			if (get(config).viewOnly) return;
+			syncAssignedCameras(latestAssigned);
+		}, 0);
+	}
+	function applyFloorData(v) {
+		set(floorData, v, true);
+		let key = "";
+		try {
+			key = JSON.stringify(v !== null && v !== void 0 ? v : null);
+		} catch (_unused) {
+			key = String(Date.now());
+		}
+		if (key === lastFloorDataKey) return;
+		lastFloorDataKey = key;
+		resetAssignedCamerasSyncState();
+		lastScheduledAssignKey = "";
+		lastScheduledFloorKey = "";
+		currentProject.set(normalizeFloorData(v));
+		markClean();
+		if (!get(config).viewOnly) scheduleAssignedCamerasSync("floor");
+	}
+	(_$$props$stores = $$props.stores) === null || _$$props$stores === void 0 || _$$props$stores.floorData.subscribe((v) => applyFloorData(v));
+	(_$$props$stores2 = $$props.stores) === null || _$$props$stores2 === void 0 || _$$props$stores2.config.subscribe((v) => {
+		var _next$assignedCameras;
+		const next = normalizeConfig(v);
+		const wasViewOnly = get(config).viewOnly;
+		set(config, next, true);
+		latestAssigned = (_next$assignedCameras = next.assignedCameras) !== null && _next$assignedCameras !== void 0 ? _next$assignedCameras : [];
+		if (next.cameraThumbnailOpacity != null && get$1(cameraThumbnailOpacity) !== next.cameraThumbnailOpacity) cameraThumbnailOpacity.set(next.cameraThumbnailOpacity);
+		if (next.projectName) {
+			const proj = get$1(currentProject);
+			if (proj && proj.name !== next.projectName) currentProject.update((p) => p ? {
+				...p,
+				name: next.projectName
+			} : p);
+		}
+		if (next.viewOnly) {
+			resetAssignedCamerasSyncState();
+			lastScheduledAssignKey = "";
+			lastScheduledFloorKey = "";
+			clearAssignedSyncTimer();
+			return;
+		}
+		if (wasViewOnly && !next.viewOnly) {
+			lastScheduledAssignKey = "";
+			lastScheduledFloorKey = "";
+		}
+		scheduleAssignedCamerasSync("config");
+	});
 	activeFloor.subscribe((f) => {
 		var _f$id, _f$walls$length, _f$walls;
 		const id = (_f$id = f === null || f === void 0 ? void 0 : f.id) !== null && _f$id !== void 0 ? _f$id : null;
 		const walls = (_f$walls$length = f === null || f === void 0 || (_f$walls = f.walls) === null || _f$walls === void 0 ? void 0 : _f$walls.length) !== null && _f$walls$length !== void 0 ? _f$walls$length : 0;
+		const floorChanged = id !== get(activeFloorId) || walls !== get(activeFloorWallCount);
 		if (id !== get(activeFloorId)) set(activeFloorId, id, true);
 		if (walls !== get(activeFloorWallCount)) set(activeFloorWallCount, walls, true);
+		if (floorChanged && !get(config).viewOnly) scheduleAssignedCamerasSync("floor");
 	});
 	user_effect(() => {
 		setFloorCallbackDispatcher($$props.onDispatch ? (eventName, detail) => $$props.onDispatch(eventName, detail) : null);
 		return () => setFloorCallbackDispatcher(null);
 	});
-	user_effect(() => {
-		if (get(config).cameraThumbnailOpacity != null) cameraThumbnailOpacity.set(get(config).cameraThumbnailOpacity);
-	});
-	user_effect(() => {
-		var _$$get$assignedCamera;
-		const assigned = (_$$get$assignedCamera = get(config).assignedCameras) !== null && _$$get$assignedCamera !== void 0 ? _$$get$assignedCamera : [];
-		assigned.map((c) => {
-			if (!(c === null || c === void 0 ? void 0 : c.serial)) return "";
-			return Object.keys(c).sort().map((k) => {
-				var _c$k;
-				return `${k}=${String((_c$k = c[k]) !== null && _c$k !== void 0 ? _c$k : "")}`;
-			}).join("&");
-		}).filter(Boolean).sort().join("|");
-		get(activeFloorId);
-		get(activeFloorWallCount);
-		untrack(() => {
-			syncAssignedCameras(assigned);
-		});
-	});
 	let commandPaletteOpen = /* @__PURE__ */ state(false);
 	let printOpen = /* @__PURE__ */ state(false);
 	let mode = /* @__PURE__ */ state("2d");
@@ -71154,27 +71233,18 @@ function App($$anchor, $$props) {
 	viewMode.subscribe((m) => {
 		set(mode, m, true);
 	});
-	user_effect(() => {
-		resetAssignedCamerasSyncState();
-		currentProject.set(normalizeFloorData(get(floorData)));
-	});
-	user_effect(() => {
-		if (!get(config).projectName) return;
-		currentProject.update((p) => p ? {
-			...p,
-			name: get(config).projectName
-		} : p);
-	});
 	onMount(() => {
 		let saveTimeout;
 		const unsub = currentProject.subscribe((p) => {
 			if (!p) return;
+			if (isAssignedCamerasSyncing()) return;
 			clearTimeout(saveTimeout);
 			saveTimeout = setTimeout(() => localStore.save(p), 500);
 		});
 		return () => {
 			unsub();
 			clearTimeout(saveTimeout);
+			clearAssignedSyncTimer();
 		};
 	});
 	var fragment = root();
@@ -71260,8 +71330,8 @@ function App($$anchor, $$props) {
 		append($$anchor, div_2);
 	};
 	if_block(node_1, ($$render) => {
-		var _$$get;
-		if (get(mode) === "2d" && !((_$$get = get(config)) === null || _$$get === void 0 ? void 0 : _$$get.viewOnly)) $$render(consequent_1);
+		var _$$get2;
+		if (get(mode) === "2d" && !((_$$get2 = get(config)) === null || _$$get2 === void 0 ? void 0 : _$$get2.viewOnly)) $$render(consequent_1);
 	});
 	var div_4 = sibling(node_1, 2);
 	var node_3 = child(div_4);
@@ -71270,56 +71340,56 @@ function App($$anchor, $$props) {
 		var node_4 = first_child(fragment_2);
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => {
-				var _$$get2;
-				return (_$$get2 = get(config)) === null || _$$get2 === void 0 ? void 0 : _$$get2.viewOnly;
+				var _$$get3;
+				return (_$$get3 = get(config)) === null || _$$get3 === void 0 ? void 0 : _$$get3.viewOnly;
 			});
 			let $1 = /* @__PURE__ */ user_derived(() => {
-				var _$$get3;
-				return (_$$get3 = get(config)) === null || _$$get3 === void 0 ? void 0 : _$$get3.floorMaxWidth;
+				var _$$get4;
+				return (_$$get4 = get(config)) === null || _$$get4 === void 0 ? void 0 : _$$get4.floorMaxWidth;
 			});
 			let $2 = /* @__PURE__ */ user_derived(() => {
-				var _$$get4;
-				return (_$$get4 = get(config)) === null || _$$get4 === void 0 ? void 0 : _$$get4.floorMaxHeight;
+				var _$$get5;
+				return (_$$get5 = get(config)) === null || _$$get5 === void 0 ? void 0 : _$$get5.floorMaxHeight;
 			});
 			let $3 = /* @__PURE__ */ user_derived(() => {
-				var _$$get5;
-				return (_$$get5 = get(config)) === null || _$$get5 === void 0 ? void 0 : _$$get5.heatmapMatrix;
+				var _$$get6;
+				return (_$$get6 = get(config)) === null || _$$get6 === void 0 ? void 0 : _$$get6.heatmapMatrix;
 			});
 			let $4 = /* @__PURE__ */ user_derived(() => {
-				var _$$get6;
-				return (_$$get6 = get(config)) === null || _$$get6 === void 0 ? void 0 : _$$get6.heatmapEnabled;
+				var _$$get7;
+				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.heatmapEnabled;
 			});
 			let $5 = /* @__PURE__ */ user_derived(() => {
-				var _$$get7;
-				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.heatmapColorScale;
+				var _$$get8;
+				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.heatmapColorScale;
 			});
 			let $6 = /* @__PURE__ */ user_derived(() => {
-				var _$$get8;
-				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.selectedCameraSerial;
+				var _$$get9;
+				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.selectedCameraSerial;
 			});
 			let $7 = /* @__PURE__ */ user_derived(() => {
-				var _$$get9;
-				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.showCameraCones;
+				var _$$get10;
+				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraCones;
 			});
 			let $8 = /* @__PURE__ */ user_derived(() => {
-				var _$$get10;
-				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraLabels;
+				var _$$get11;
+				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.showCameraLabels;
 			});
 			let $9 = /* @__PURE__ */ user_derived(() => {
-				var _$$get11;
-				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.cameraHeatmapMatrix;
+				var _$$get12;
+				return (_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraHeatmapMatrix;
 			});
 			let $10 = /* @__PURE__ */ user_derived(() => {
-				var _$$get12;
-				return ((_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraThumbnail) || "";
+				var _$$get13;
+				return ((_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.cameraThumbnail) || "";
 			});
 			let $11 = /* @__PURE__ */ user_derived(() => {
-				var _$$get13;
-				return (_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.canvasBackground;
+				var _$$get14;
+				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.canvasBackground;
 			});
 			let $12 = /* @__PURE__ */ user_derived(() => {
-				var _$$get14;
-				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.floorPlateBackground;
+				var _$$get15;
+				return (_$$get15 = get(config)) === null || _$$get15 === void 0 ? void 0 : _$$get15.floorPlateBackground;
 			});
 			FloorPlanCanvas(node_4, {
 				get viewOnly() {
@@ -71388,12 +71458,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() {
@@ -71542,7 +71612,11 @@ var FloorEditor = class extends HTMLElement {
 		_classPrivateFieldInitSpec(this, _wrapper, null);
 		_classPrivateFieldInitSpec(this, _store, {
 			floorData: writable(null),
-			config: writable(DEFAULT_CONFIG)
+			/** Default viewOnly — host sets viewOnly:false for the editor instance. */
+			config: writable({
+				...DEFAULT_CONFIG,
+				viewOnly: true
+			})
 		});
 	}
 	connectedCallback() {