floor-editor-ts 1.0.5 → 1.0.6

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";
@@ -66109,6 +66115,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 +67925,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 +68436,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);