floor-editor-ts 1.0.6 → 1.0.8

package/dist/floor-editor.es.js

@@ -64364,7 +64364,8 @@ var root_12 = /* @__PURE__ */ from_html(`<div class="absolute bottom-12 right-2
 var root_16 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Flip swing" aria-label="Flip swing"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"></path></svg></button>`);
 var root_17 = /* @__PURE__ */ from_html(`<button class="w-7 h-7 flex items-center justify-center rounded hover:bg-gray-100 text-gray-500 hover:text-gray-700" title="Split wall at midpoint" aria-label="Split wall at midpoint"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20M4 12h4M16 12h4"></path></svg></button>`);
 var root_15 = /* @__PURE__ */ from_html(`<div class="absolute z-40 flex items-center gap-0.5 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-500 hover:text-gray-700" title="Duplicate" aria-label="Duplicate"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"></rect><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"></path></svg></button> <!> <!> <div class="w-px h-5 bg-gray-200 mx-0.5"></div> <button class="w-7 h-7 flex items-center justify-center rounded hover:bg-red-50 text-gray-400 hover:text-red-600" title="Delete" aria-label="Delete"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14"></path></svg></button></div>`);
-var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to add wall segment · Double-click to finish · C to close loop · Esc to cancel</div>`);
+var root_18 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-blue-600 text-white px-3 py-1 rounded-full text-xs shadow">Click to add wall segment · Double-click to finish · C to close loop ·
+        Esc to cancel</div>`);
 var root_19 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-purple-600 text-white px-3 py-1 rounded-full text-xs shadow"> </div>`);
 var root_20 = /* @__PURE__ */ from_html(`<div class="absolute top-2 left-1/2 -translate-x-1/2 bg-red-600 text-white px-3 py-1 rounded-full text-xs shadow">Right-click two points to measure · M to exit · Esc to cancel</div>`);
 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>`);
@@ -65463,7 +65464,7 @@ function FloorPlanCanvas($$anchor, $$props) {
 		ctx.fillStyle = "#f8f9fa";
 		ctx.fillRect(0, 0, get(width), get(height));
 		drawGrid();
-		if (get(layerVis).guides) drawGuides$1();
+		if (!$$props.viewOnly && get(layerVis).guides) drawGuides$1();
 		drawBackgroundImage();
 		const floor = get(currentFloor);
 		if (!floor) {
@@ -65478,7 +65479,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);
@@ -68319,7 +68320,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 			reset(div_6);
 			template_effect(() => {
 				var _$$get13;
-				return set_text(text_15, `Click to place · Scroll or R to rotate (${(_$$get13 = get(currentPlacingRotation)) !== null && _$$get13 !== void 0 ? _$$get13 : ""}°) · Esc to cancel`);
+				return set_text(text_15, `Click to place · Scroll or R to rotate (${(_$$get13 = get(currentPlacingRotation)) !== null && _$$get13 !== void 0 ? _$$get13 : ""}°) · Esc
+        to cancel`);
 			});
 			append($$anchor, div_6);
 		};
@@ -69447,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);