floor-editor-ts 1.0.5 → 1.0.7

package/dist/floor-editor.es.js

@@ -64370,7 +64370,7 @@ var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -tr
 var root_21 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-emerald-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to place text label · Esc to cancel</div>`);
 var root_22 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-indigo-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
 var root_1$5 = /* @__PURE__ */ from_html(`<!> <!> <!> <!> <div class="absolute bottom-2 right-2 bg-white/80 rounded px-2 py-1 text-xs text-gray-500 flex gap-3"><!> <!> <!> <span> </span> <button class="hover:text-gray-700" title="Zoom to Fit (F)">⊞ Fit</button> <button class="hover:text-gray-700" title="Toggle Grid (G)"> </button> <button class="hover:text-gray-700" title="Toggle Snap to Grid (S)"> </button> <button class="hover:text-gray-700" title="Toggle Furniture"> </button> <button class="hover:text-gray-700" title="Layer Visibility">🗂 Layers</button> <button class="hover:text-gray-700" title="Toggle Rulers"> </button> <button class="hover:text-gray-700" title="Toggle Mini-map"> </button></div> <!> <!> <!> <!> <!> <!> <!> <div class="absolute bottom-3 left-3 z-20 flex items-center gap-1 bg-white rounded-lg shadow-lg border border-gray-200 px-1 py-0.5"><button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom Out (−)" aria-label="Zoom out">−</button> <button class="min-w-[3.5rem] h-7 flex items-center justify-center rounded hover:bg-gray-100 text-xs font-medium text-gray-600 hover:text-gray-800 tabular-nums" title="Reset to 100%" aria-label="Zoom to 100%"> </button> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-600 hover:text-gray-800 font-bold text-lg" title="Zoom In (+)" aria-label="Zoom in">+</button> <div class="w-px h-5 bg-gray-200"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700 text-sm" title="Zoom to Fit (F)" aria-label="Zoom to fit">⊞</button></div> <!>`, 1);
-var root = /* @__PURE__ */ from_html(`<div class="w-full h-full relative overflow-hidden" role="application"><canvas class="block w-full h-full" tabindex="0" aria-label="Floor plan editor canvas"></canvas> <!></div>`);
+var root = /* @__PURE__ */ from_html(`<div class="w-full h-full relative overflow-hidden" role="application"><canvas aria-label="Floor plan editor canvas"></canvas> <!></div>`);
 function FloorPlanCanvas($$anchor, $$props) {
 	push($$props, true);
 	const $panMode = () => store_get(panMode, "$panMode", $$stores);
@@ -64475,6 +64475,9 @@ function FloorPlanCanvas($$anchor, $$props) {
 	};
 	let showGrid = /* @__PURE__ */ state(true);
 	let showRulers = /* @__PURE__ */ state(true);
+	user_effect(() => {
+		if ($$props.viewOnly) set(showRulers, false);
+	});
 	let layerVis = /* @__PURE__ */ state(proxy({
 		walls: true,
 		doors: true,
@@ -64818,6 +64821,9 @@ function FloorPlanCanvas($$anchor, $$props) {
 			canvas.height = get(height);
 		}
 		markDirty();
+		if ($$props.viewOnly) requestAnimationFrame(() => {
+			zoomToFit();
+		});
 	}
 	function drawGrid() {
 		if (!ctx || !get(showGrid)) return;
@@ -65257,7 +65263,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		return `${Math.round(worldCm)}`;
 	}
 	function drawRulers() {
-		if (!ctx || !get(showRulers)) return;
+		if (!ctx || !get(showRulers) || $$props.viewOnly) return;
 		const R = RULER_SIZE;
 		const fontSize = 9;
 		const isImperial = get(dimSettings).units === "imperial";
@@ -65454,10 +65460,12 @@ 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));
-		drawGrid();
-		if (get(layerVis).guides) drawGuides$1();
+		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);
 		if (!floor) {
@@ -65472,7 +65480,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 			return id === selId || multiIds.has(id);
 		}
 		drawRooms$1();
-		drawSnapPoints$1();
+		if (!$$props.viewOnly) drawSnapPoints$1();
 		if (get(layerVis).walls) {
 			for (const w of floor.walls) drawWall$1(w, isSelected(w.id));
 			drawWallJoints$1(floor, selId);
@@ -66109,6 +66117,9 @@ function FloorPlanCanvas($$anchor, $$props) {
 		const unsub1 = activeFloor.subscribe((f) => {
 			set(currentFloor, f, true);
 			markDirty();
+			if ($$props.viewOnly && f) requestAnimationFrame(() => {
+				zoomToFit();
+			});
 			if (!initialFitDone && f && f.walls.length > 0) {
 				initialFitDone = true;
 				requestAnimationFrame(() => {
@@ -67916,6 +67927,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 	event("keydown", $window, onKeyDown);
 	event("keyup", $window, onKeyUp);
 	var canvas_1 = child(div);
+	let classes;
 	bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
 	var node = sibling(canvas_1, 2);
 	var consequent_20 = ($$anchor) => {
@@ -68426,7 +68438,9 @@ function FloorPlanCanvas($$anchor, $$props) {
 	reset(div);
 	template_effect(() => {
 		var _$$get14;
-		return set_style(canvas_1, `cursor: ${(_$$get14 = get(cursorStyle)) !== null && _$$get14 !== void 0 ? _$$get14 : ""}`);
+		classes = set_class(canvas_1, 1, "block w-full h-full", null, classes, { "pointer-events-none": $$props.viewOnly });
+		set_attribute(canvas_1, "tabindex", $$props.viewOnly ? -1 : 0);
+		set_style(canvas_1, `cursor: ${(_$$get14 = get(cursorStyle)) !== null && _$$get14 !== void 0 ? _$$get14 : ""}`);
 	});
 	delegated("mousedown", canvas_1, onMouseDown);
 	delegated("mousemove", canvas_1, onMouseMove);
@@ -69435,655 +69449,7 @@ function App($$anchor, $$props) {
 		set(mode, m, true);
 	});
 	user_effect(() => {
-		currentProject.set({
-			id: "0retn2ek",
-			name: "L-Shaped House",
-			floors: [{
-				id: "1fg6pga0",
-				name: "Ground Floor",
-				level: 0,
-				walls: [
-					{
-						id: "lg5h806h",
-						start: {
-							x: 0,
-							y: 0
-						},
-						end: {
-							x: 1400,
-							y: 0
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "whcf9cv2",
-						start: {
-							x: 1400,
-							y: 0
-						},
-						end: {
-							x: 1400,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "phvbebmu",
-						start: {
-							x: 1400,
-							y: 600
-						},
-						end: {
-							x: 600,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "xaxhdtmi",
-						start: {
-							x: 600,
-							y: 600
-						},
-						end: {
-							x: 600,
-							y: 1100
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "cs1poy28",
-						start: {
-							x: 600,
-							y: 1100
-						},
-						end: {
-							x: 0,
-							y: 1100
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "irjmbyqg",
-						start: {
-							x: 0,
-							y: 1100
-						},
-						end: {
-							x: 0,
-							y: 0
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "n45rb09q",
-						start: {
-							x: 350,
-							y: 600
-						},
-						end: {
-							x: 350,
-							y: 1100
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "mrcejzip",
-						start: {
-							x: 0,
-							y: 600
-						},
-						end: {
-							x: 350,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "s0j86ogg",
-						start: {
-							x: 400,
-							y: 0
-						},
-						end: {
-							x: 400,
-							y: 350
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "9779xycw",
-						start: {
-							x: 0,
-							y: 350
-						},
-						end: {
-							x: 400,
-							y: 350
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "epl8xjo0",
-						start: {
-							x: 800,
-							y: 0
-						},
-						end: {
-							x: 800,
-							y: 350
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "pw24r5jz",
-						start: {
-							x: 400,
-							y: 350
-						},
-						end: {
-							x: 800,
-							y: 350
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "xvghl92m",
-						start: {
-							x: 800,
-							y: 350
-						},
-						end: {
-							x: 1400,
-							y: 350
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "j5kb9mas",
-						start: {
-							x: 200,
-							y: 350
-						},
-						end: {
-							x: 200,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "lryeizdx",
-						start: {
-							x: 0,
-							y: 600
-						},
-						end: {
-							x: 200,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "zp1xe5hf",
-						start: {
-							x: 1e3,
-							y: 350
-						},
-						end: {
-							x: 1e3,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					},
-					{
-						id: "2cvf9bma",
-						start: {
-							x: 200,
-							y: 350
-						},
-						end: {
-							x: 200,
-							y: 600
-						},
-						thickness: 15,
-						height: 280,
-						color: "#444444"
-					}
-				],
-				rooms: [{
-					id: "room-1-1776067835920",
-					name: "Room 1",
-					walls: [
-						"lg5h806h",
-						"whcf9cv2",
-						"phvbebmu",
-						"xaxhdtmi",
-						"cs1poy28",
-						"irjmbyqg"
-					],
-					floorTexture: "hardwood",
-					area: 114
-				}, {
-					id: "room-6-1776067835920",
-					name: "Room 6",
-					walls: [
-						"phvbebmu",
-						"zp1xe5hf",
-						"xvghl92m",
-						"pw24r5jz",
-						"9779xycw",
-						"j5kb9mas",
-						"mrcejzip",
-						"n45rb09q",
-						"cs1poy28",
-						"xaxhdtmi"
-					],
-					floorTexture: "light-oak",
-					area: 32.5
-				}],
-				doors: [
-					{
-						id: "ri02cnm3",
-						wallId: "phvbebmu",
-						position: .8,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "5vzer8y2",
-						wallId: "mrcejzip",
-						position: .5,
-						width: 300,
-						height: 210,
-						type: "double",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "djdsr69e",
-						wallId: "9779xycw",
-						position: .6,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "q7q6yxj5",
-						wallId: "pw24r5jz",
-						position: .5,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "trlthzki",
-						wallId: "xvghl92m",
-						position: .3,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "cftusuau",
-						wallId: "j5kb9mas",
-						position: .5,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "ffwybstc",
-						wallId: "zp1xe5hf",
-						position: .5,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					},
-					{
-						id: "zbqvbt3e",
-						wallId: "n45rb09q",
-						position: .3,
-						width: 90,
-						height: 210,
-						type: "single",
-						swingDirection: "left",
-						flipSide: false
-					}
-				],
-				windows: [
-					{
-						id: "str62d0g",
-						wallId: "lg5h806h",
-						position: .15,
-						width: 140,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "rhl9pa6k",
-						wallId: "lg5h806h",
-						position: .45,
-						width: 140,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "lg4nh0s5",
-						wallId: "lg5h806h",
-						position: .8,
-						width: 140,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "8bpiebl6",
-						wallId: "whcf9cv2",
-						position: .3,
-						width: 120,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "nqvio771",
-						wallId: "whcf9cv2",
-						position: .7,
-						width: 180,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "4wfq1m5b",
-						wallId: "cs1poy28",
-						position: .7,
-						width: 150,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					},
-					{
-						id: "uy5t0vr6",
-						wallId: "irjmbyqg",
-						position: .1,
-						width: 120,
-						height: 120,
-						sillHeight: 90,
-						type: "standard"
-					}
-				],
-				furniture: [
-					{
-						id: "3s34714b",
-						catalogId: "bed_queen",
-						position: {
-							x: 150,
-							y: 120
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "vy1dh1df",
-						catalogId: "bed_queen",
-						position: {
-							x: 550,
-							y: 120
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "lbkdt1gr",
-						catalogId: "bed_twin",
-						position: {
-							x: 1050,
-							y: 120
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "929s823r",
-						catalogId: "sofa",
-						position: {
-							x: 500,
-							y: 450
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "vemdx0ly",
-						catalogId: "dining_table",
-						position: {
-							x: 1100,
-							y: 470
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "4ut780gy",
-						catalogId: "toilet",
-						position: {
-							x: 80,
-							y: 450
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "b86ttpr9",
-						catalogId: "sink_b",
-						position: {
-							x: 80,
-							y: 530
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "o5vi7zwx",
-						catalogId: "toilet",
-						position: {
-							x: 880,
-							y: 450
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "5n8aegie",
-						catalogId: "sink_b",
-						position: {
-							x: 880,
-							y: 530
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "3srr4a1o",
-						catalogId: "camera",
-						position: {
-							x: 350,
-							y: 125
-						},
-						rotation: 240,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "c5t2gb8x",
-						catalogId: "camera",
-						position: {
-							x: 1250,
-							y: 175
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "2i2ebqoi",
-						catalogId: "camera",
-						position: {
-							x: 200,
-							y: 775
-						},
-						rotation: 0,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "uem6oqib",
-						catalogId: "camera",
-						position: {
-							x: 350,
-							y: 525
-						},
-						rotation: 225,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "h5sbi17v",
-						catalogId: "camera",
-						position: {
-							x: 775,
-							y: 450
-						},
-						rotation: 90,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					},
-					{
-						id: "6uqjgzjq",
-						catalogId: "camera",
-						position: {
-							x: 1275,
-							y: 500
-						},
-						rotation: 345,
-						scale: {
-							x: 1,
-							y: 1,
-							z: 1
-						}
-					}
-				],
-				stairs: [],
-				columns: [],
-				guides: [],
-				measurements: [],
-				annotations: [],
-				textAnnotations: [],
-				groups: []
-			}],
-			activeFloorId: "1fg6pga0",
-			createdAt: "2026-04-13T08:10:35.869Z",
-			updatedAt: "2026-04-13T08:58:30.617Z"
-		});
+		currentProject.set(get(floorData) || createDefaultProject());
 	});
 	onMount(() => {
 		set(ready, true);