floor-editor-ts 1.0.9 → 1.0.10

package/dist/floor-editor.es.js

@@ -64511,6 +64511,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 	const RULER_SIZE = 24;
 	let detectedRooms = /* @__PURE__ */ state(proxy([]));
 	let lastWallHash = "";
+	const GRID = 20;
 	const SNAP = 10;
 	const MAGNETIC_SNAP = 15;
 	const WALL_SNAP_DIST = 30;
@@ -64814,6 +64815,46 @@ function FloorPlanCanvas($$anchor, $$props) {
 		markDirty();
 		needsFitToCanvas = true;
 	}
+	function drawGrid() {
+		if (!ctx || !get(showGrid)) return;
+		const step = (get(currentSnapToGrid) ? get(currentGridSize) : GRID) * get(zoom);
+		if (step < 4) return;
+		ctx.strokeStyle = "#e8eaed";
+		ctx.lineWidth = .5;
+		const offX = (get(width) / 2 - get(camX) * get(zoom)) % step;
+		const offY = (get(height) / 2 - get(camY) * get(zoom)) % step;
+		for (let x = offX; x < get(width); x += step) {
+			ctx.beginPath();
+			ctx.moveTo(x, 0);
+			ctx.lineTo(x, get(height));
+			ctx.stroke();
+		}
+		for (let y = offY; y < get(height); y += step) {
+			ctx.beginPath();
+			ctx.moveTo(0, y);
+			ctx.lineTo(get(width), y);
+			ctx.stroke();
+		}
+		const majorStep = 100 * get(zoom);
+		if (majorStep >= 20) {
+			ctx.strokeStyle = "#d1d5db";
+			ctx.lineWidth = .8;
+			const mOffX = (get(width) / 2 - get(camX) * get(zoom)) % majorStep;
+			const mOffY = (get(height) / 2 - get(camY) * get(zoom)) % majorStep;
+			for (let x = mOffX; x < get(width); x += majorStep) {
+				ctx.beginPath();
+				ctx.moveTo(x, 0);
+				ctx.lineTo(x, get(height));
+				ctx.stroke();
+			}
+			for (let y = mOffY; y < get(height); y += majorStep) {
+				ctx.beginPath();
+				ctx.moveTo(0, y);
+				ctx.lineTo(get(width), y);
+				ctx.stroke();
+			}
+		}
+	}
 	/** Get point on wall at parameter t (0-1), handling curves */
 	function wallPointAt(w, t) {
 		if (w.curvePoint) {
@@ -65254,6 +65295,9 @@ 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);
+		drawGrid();
 		if (!$$props.viewOnly && get(layerVis).guides) drawGuides$1();
 		drawBackgroundImage();
 		const floor = get(currentFloor);