floor-editor-ts 1.1.6 → 1.1.8

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,39 @@ 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: show full floor — contain fit, nothing clipped */
+	function layoutViewOnlyViewport() {
+		const parent = canvas === null || canvas === void 0 ? void 0 : canvas.parentElement;
+		if (!parent || !get(currentFloor)) return;
+		const bounds = getViewOnlyFitBounds(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);
 		}
+		set(camX, (bounds.minX + bounds.maxX) / 2);
+		set(camY, (bounds.minY + bounds.maxY) / 2);
+		set(zoom, Math.min(get(width) / bounds.width, get(height) / bounds.height), true);
+		set(zoom, Math.max(get(zoom), .1), true);
 		markDirty();
-		needsFitToCanvas = true;
 	}
 	function drawGrid() {
 		if (!ctx || !get(showGrid)) return;
@@ -65595,9 +65619,13 @@ function FloorPlanCanvas($$anchor, $$props) {
 			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);
+			const half = Math.max(w, d) / 2;
+			expand(item.position.x, item.position.y, half);
+			if (item.catalogId === "camera" && showCameraCones()) {
+				const angle = item.rotation * Math.PI / 180;
+				const range = Math.max(w, d) * 6;
+				expand(item.position.x + Math.cos(angle) * range, item.position.y + Math.sin(angle) * range, half);
+			}
 		}
 		if (!found) return getFloorWallBounds(floor);
 		const width = maxX - minX;
@@ -65612,6 +65640,20 @@ function FloorPlanCanvas($$anchor, $$props) {
 			height
 		};
 	}
+	/** Bounds for viewOnly fit: walls + furniture bodies + margin, never crops content */
+	function getViewOnlyFitBounds(floor = get(currentFloor)) {
+		const bounds = getFloorContentBounds(floor);
+		if (!bounds) return null;
+		const margin = 40;
+		return {
+			minX: bounds.minX - margin,
+			minY: bounds.minY - margin,
+			maxX: bounds.maxX + margin,
+			maxY: bounds.maxY + margin,
+			width: bounds.width + margin * 2,
+			height: bounds.height + margin * 2
+		};
+	}
 	function getCanvasFrameStyle() {
 		return "width: 100%; height: 100%";
 	}
@@ -65623,9 +65665,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 +65678,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 +67638,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 +67665,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();
 	}