floor-editor-ts 1.1.6 → 1.1.7

package/dist/floor-editor.es.js

@@ -64737,9 +64737,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 	});
 	user_effect(() => {
 		if ($$props.viewOnly) {
-			$$props.floorMaxWidth;
-			$$props.floorMaxHeight;
 			needsFitToCanvas = true;
+			markDirty();
 		}
 		selectedCameraSerial();
 		showCameraCones();
@@ -65086,14 +65085,42 @@ function FloorPlanCanvas($$anchor, $$props) {
 	function resize() {
 		const parent = canvas === null || canvas === void 0 ? void 0 : canvas.parentElement;
 		if (!parent) return;
-		set(width, parent.clientWidth, true);
-		set(height, parent.clientHeight, true);
+		if (!$$props.viewOnly) {
+			set(width, parent.clientWidth, true);
+			set(height, parent.clientHeight, true);
+			if (canvas) {
+				canvas.width = get(width);
+				canvas.height = get(height);
+			}
+			markDirty();
+			needsFitToCanvas = true;
+			return;
+		}
+		layoutViewOnlyViewport();
+	}
+	/** viewOnly: fit walls to fill the entire viewport — no gray margins */
+	function layoutViewOnlyViewport() {
+		const parent = canvas === null || canvas === void 0 ? void 0 : canvas.parentElement;
+		if (!parent || !get(currentFloor)) return;
+		const bounds = getFloorWallBounds(get(currentFloor));
+		if (!bounds) return;
+		const domWidth = parent.clientWidth;
+		const domHeight = parent.clientHeight;
+		if (domWidth <= 0 || domHeight <= 0) return;
+		set(width, domWidth, true);
+		set(height, domHeight, true);
 		if (canvas) {
 			canvas.width = get(width);
 			canvas.height = get(height);
 		}
+		const padding = 12;
+		const contentW = bounds.width + padding * 2;
+		const contentH = bounds.height + padding * 2;
+		set(camX, (bounds.minX + bounds.maxX) / 2);
+		set(camY, (bounds.minY + bounds.maxY) / 2);
+		set(zoom, Math.max(get(width) / contentW, get(height) / contentH), true);
+		set(zoom, Math.max(get(zoom), .1), true);
 		markDirty();
-		needsFitToCanvas = true;
 	}
 	function drawGrid() {
 		if (!ctx || !get(showGrid)) return;
@@ -65569,49 +65596,6 @@ function FloorPlanCanvas($$anchor, $$props) {
 			height
 		};
 	}
-	function getFloorContentBounds(floor = get(currentFloor)) {
-		if (!floor) return null;
-		let minX = Infinity;
-		let maxX = -Infinity;
-		let minY = Infinity;
-		let maxY = -Infinity;
-		let found = false;
-		const 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) {
-			expand(wall.start.x, wall.start.y, wall.thickness / 2);
-			expand(wall.end.x, wall.end.y, wall.thickness / 2);
-			if (wall.curvePoint) expand(wall.curvePoint.x, wall.curvePoint.y, wall.thickness / 2);
-		}
-		for (const item of floor.furniture) {
-			var _item$scale$x, _item$scale, _item$scale$y, _item$scale2, _ref, _item$width, _ref2, _item$depth;
-			const cat = getCatalogItem(item.catalogId);
-			const sx = Math.abs((_item$scale$x = (_item$scale = item.scale) === null || _item$scale === void 0 ? void 0 : _item$scale.x) !== null && _item$scale$x !== void 0 ? _item$scale$x : 1);
-			const sy = Math.abs((_item$scale$y = (_item$scale2 = item.scale) === null || _item$scale2 === void 0 ? void 0 : _item$scale2.y) !== null && _item$scale$y !== void 0 ? _item$scale$y : 1);
-			const w = ((_ref = (_item$width = item.width) !== null && _item$width !== void 0 ? _item$width : cat === null || cat === void 0 ? void 0 : cat.width) !== null && _ref !== void 0 ? _ref : 50) * sx;
-			const d = ((_ref2 = (_item$depth = item.depth) !== null && _item$depth !== void 0 ? _item$depth : cat === null || cat === void 0 ? void 0 : cat.depth) !== null && _ref2 !== void 0 ? _ref2 : 50) * sy;
-			const pad = Math.max(w, d) * .6;
-			if (item.catalogId === "camera") expand(item.position.x, item.position.y, Math.max(w, d) * 6);
-			else expand(item.position.x, item.position.y, pad);
-		}
-		if (!found) return getFloorWallBounds(floor);
-		const width = maxX - minX;
-		const height = maxY - minY;
-		if (width <= 0 || height <= 0) return null;
-		return {
-			minX,
-			minY,
-			maxX,
-			maxY,
-			width,
-			height
-		};
-	}
 	function getCanvasFrameStyle() {
 		return "width: 100%; height: 100%";
 	}
@@ -65623,9 +65607,11 @@ function FloorPlanCanvas($$anchor, $$props) {
 		}
 		canvasDirty = false;
 		ctx.clearRect(0, 0, get(width), get(height));
-		ctx.fillStyle = "#f8f9fa";
-		ctx.fillRect(0, 0, get(width), get(height));
-		if (!$$props.viewOnly) drawGrid();
+		if (!$$props.viewOnly) {
+			ctx.fillStyle = "#f8f9fa";
+			ctx.fillRect(0, 0, get(width), get(height));
+			drawGrid();
+		}
 		if (!$$props.viewOnly && get(layerVis).guides) drawGuides$1();
 		drawBackgroundImage();
 		const floor = get(currentFloor);
@@ -65634,7 +65620,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 			return;
 		}
 		if (needsFitToCanvas) {
-			zoomToFit();
+			if ($$props.viewOnly) layoutViewOnlyViewport();
+			else zoomToFit();
 			needsFitToCanvas = false;
 		}
 		if (get(wallStart) || get(draggingFurnitureId) || get(draggingDoorId) || get(draggingWindowId) || get(draggingStairId) || get(draggingColumnId) || get(draggingWallEndpoint) || get(draggingWallParallel) || get(draggingCurveHandle) || get(draggingHandle) || get(draggingMultiSelect) || get(draggingRoomId) || get(draggingRoomLabelId) || get(draggingTextAnnotationId) || get(draggingGuideId) || get(measuring) || get(annotating) || get(currentPlacingId) || get(isPlacingStair) || get(isPlacingColumn) || get(marqueeStart) || get(isPanning)) canvasDirty = true;
@@ -67593,13 +67580,17 @@ function FloorPlanCanvas($$anchor, $$props) {
 		set(camY, bbox.minY + (my - oy) / scale);
 	}
 	function zoomToFit() {
+		if ($$props.viewOnly) {
+			layoutViewOnlyViewport();
+			return;
+		}
 		if (!get(currentFloor)) {
 			set(camX, 0);
 			set(camY, 0);
 			set(zoom, 1);
 			return;
 		}
-		const bounds = $$props.viewOnly ? getFloorContentBounds(get(currentFloor)) : getFloorWallBounds(get(currentFloor));
+		const bounds = getFloorWallBounds(get(currentFloor));
 		if (!bounds) {
 			set(camX, 0);
 			set(camY, 0);
@@ -67616,13 +67607,12 @@ function FloorPlanCanvas($$anchor, $$props) {
 				canvas.height = get(height);
 			}
 		}
-		const padding = $$props.viewOnly ? 24 : 0;
+		const padding = 0;
 		const contentW = bounds.width + padding * 2;
 		const contentH = bounds.height + padding * 2;
 		set(camX, (bounds.minX + bounds.maxX) / 2);
 		set(camY, (bounds.minY + bounds.maxY) / 2);
-		if ($$props.viewOnly) set(zoom, Math.min(get(width) / contentW, get(height) / contentH), true);
-		else set(zoom, Math.max(get(width) / contentW, get(height) / contentH), true);
+		set(zoom, Math.max(get(width) / contentW, get(height) / contentH), true);
 		set(zoom, Math.max(get(zoom), .1), true);
 		markDirty();
 	}