@ahrowe/ui 0.41.1 → 0.42.0

package/dist/esm/common/roomDrawer/roomDrawer.mjs

@@ -1,2 +1,2 @@
-"use client";import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import{renderIcon as t}from"../utils/renderIcon.mjs";import n from"../actionIcon/actionIcon.mjs";import r from"../hooks/useCoarsePointer.mjs";import i from"../input/input.mjs";import{OpeningKind as a,WallType as o}from"../floorPlan/floorPlan.types.mjs";import{pointToSegment as s}from"../floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as c,addOpening as l,addRect as ee,addWall as u,detachWall as te,dissolveNode as ne,mergeNodes as re,moveNode as ie,removeOpening as ae,removeWall as oe,splitWall as se,updateOpening as ce,weldShortWalls as le}from"../floorPlan/floorPlan.graph.mjs";import{addFloor as ue,duplicateFloor as de,emptyFloorPlan as fe,floorBelow as pe,floorBounds as me,floorIndex as he,getFloor as ge,moveFloor as _e,removeFloor as ve,renameFloor as ye,setFloor as be,setFloorHeight as xe}from"../floorPlan/floorPlan.plan.mjs";import{commitDerivation as Se,derivePlan as Ce}from"../floorPlan/floorPlan.rooms.mjs";import{HIT_PX as we,HIT_PX_COARSE as Te,hitTest as Ee,selectionsEqual as De,worldTolerances as d}from"../floorPlan/floorPlan.hit.mjs";import{SnapKind as f,clientToWorld as Oe,resolveSnap as ke}from"../floorPlan/floorPlan.snap.mjs";import{planFromJson as Ae,planToJson as je}from"../floorPlan/floorPlan.json.mjs";import Me from"../numberInput/index.mjs";import Ne from"../planCanvas/planCanvas.mjs";import{usePlanHistory as Pe}from"./usePlanHistory.mjs";import p from"./roomDrawer.module.mjs";import{useCallback as m,useEffect as h,useImperativeHandle as Fe,useMemo as Ie,useRef as g,useState as _}from"react";import v from"classnames";import{faAngleDown as Le,faAngleUp as Re,faArrowPointer as ze,faArrowRotateLeft as Be,faArrowRotateRight as Ve,faBorderAll as He,faClone as Ue,faDoorOpen as We,faDownload as Ge,faDraftingCompass as Ke,faExpand as qe,faLayerGroup as Je,faMagnet as Ye,faMagnifyingGlassMinus as Xe,faMagnifyingGlassPlus as Ze,faMinus as Qe,faPlus as $e,faRulerCombined as et,faSquare as tt,faTrash as nt,faUpload as rt,faWindowMaximize as it}from"@fortawesome/free-solid-svg-icons";import{Fragment as at,jsx as y,jsxs as b}from"react/jsx-runtime";var ot=[`select`,`wall`,`rect`,`door`,`window`,`archway`,`measure`],st={v:`select`,w:`wall`,r:`rect`,d:`door`,n:`window`,a:`archway`,m:`measure`},ct={door:a.Door,window:a.Window,archway:a.Archway},lt={[a.Door]:`Door`,[a.Window]:`Window`,[a.Archway]:`Archway`,[a.Gap]:`Gap`},ut={[a.Door]:{width:900,sill:0,head:2100},[a.Window]:{width:1200,sill:900,head:2100},[a.Archway]:{width:1200,sill:0,head:2100},[a.Gap]:{width:1e3,sill:0,head:2500}},dt=1,ft=4,pt=[];function mt(e){return e>=1e3?`${(e/1e3).toFixed(2)} m`:`${Math.round(e)} mm`}function ht(e){let t=e/1e6;return`${t.toFixed(+(t<10))} m²`}function gt(e){let t=e*180/Math.PI;return t=(t%360+360)%360,t>180&&(t-=360),`${Math.abs(t)<.05?0:Math.round(t*10)/10}°`}function _t(a){let{ref:_t,value:vt,defaultValue:yt,onChange:x,onChangeEnd:bt,floorId:xt,defaultFloorId:St,onFloorChange:Ct,showFloorBar:wt=!0,showUnderlay:Tt=!0,tool:Et,defaultTool:Dt=`select`,onToolChange:Ot,tools:kt=ot,selection:At,defaultSelection:jt,onSelectionChange:Mt,multiSelect:Nt=!0,onHoverChange:Pt,view:Ft,defaultView:It,onViewChange:Lt,minZoom:Rt=.005,maxZoom:zt=2,fitOnMount:Bt=!0,gridSize:S=100,showGrid:Vt=!0,snap:Ht=!0,angleLock:Ut=!1,constrainAngle:Wt=45,showSnapGuides:Gt=!0,wallThickness:Kt=c.thickness,wallHeight:qt,openingDefaults:Jt,showMeasurements:Yt=!0,formatLength:Xt=mt,formatArea:Zt=ht,showToolbar:Qt=!0,showInspector:$t=!0,showHint:en=!0,showHistoryControls:tn=!0,showFileControls:nn=!0,fileName:rn,onImport:an,historyMode:on=`internal`,historyLimit:sn=50,onHistoryChange:cn,readOnly:ln=!1,disabled:C=!1,canvasHeight:un=`420px`,getRoomColor:dn,renderRoomLabel:fn,labels:w,icons:T,"aria-label":pn,className:mn,style:hn,classNames:E,styles:D,...gn}=e(`RoomDrawer`,a),_n=r(),O=_n?Te:we,vn=g(null),yn=g(null),bn=g(null),xn=g(null),k=g({kind:`none`}),A=g(new Map),Sn=g(null),Cn=g(!1),wn=g(!1),Tn=g(!1),En=Ie(()=>yt??vt??fe(),[]),j=Pe(En,sn),Dn=vt!==void 0,M=Dn?vt:j.present;h(()=>{if(Dn&&vt){if(vt===xn.current){j.replace(vt);return}j.commit(vt,`external`)}},[vt,Dn]);let[On,kn]=_(St),An=xt??On??M.floors[0]?.id,N=Ie(()=>ge(M,An)??ge(M)??fe().floors[0],[M,An]),[jn,Mn]=_(Tt);h(()=>Mn(Tt),[Tt]);let Nn=Ie(()=>jn?pe(M,N.id):null,[jn,M,N.id]),Pn=m(e=>{e!==N.id&&(xt===void 0&&kn(e),Ct?.(e))},[N.id,xt,Ct]),P=Ie(()=>Ce(N),[N]).rooms,[Fn,In]=_(Dt),F=Et??Fn,Ln=m(e=>{Et===void 0&&In(e),Ot?.(e)},[Et,Ot]),[Rn,zn]=_(jt??pt),I=At===void 0?Rn:At,L=g(I);L.current=I;let R=m(e=>{let t=e===null?pt:Array.isArray(e)?e:[e];L.current=t,At===void 0&&zn(t),Mt?.([...t])},[At,Mt]),Bn=m(e=>{let t=L.current,n=t.filter(t=>t.type!==e.type||t.id!==e.id);R(n.length===t.length?[...t,e]:n)},[R]),z=I.length===1?I[0]:null,Vn=m(e=>{let t=new Set;for(let n of e)if(n.type===`node`)t.add(n.id);else if(n.type===`wall`){let e=N.walls[n.id];e&&(t.add(e.a),t.add(e.b))}else if(n.type===`room`){let e=P.find(e=>e.roomId===n.id);for(let n of e?.nodeIds??[])t.add(n)}return t},[N.walls,P]),Hn=Ie(()=>Vn(I),[Vn,I]),[Un,Wn]=_(null),[Gn,Kn]=_(It??{x:0,y:0,zoom:.05}),B=Ft??Gn,V=m(e=>{Ft===void 0&&Kn(e),Lt?.(e)},[Ft,Lt]),[H,qn]=_({width:800,height:420}),[U,Jn]=_([]),[W,Yn]=_(null),[Xn,Zn]=_(Ht),[Qn,$n]=_(Ut);h(()=>Zn(Ht),[Ht]),h(()=>$n(Ut),[Ut]);let[er,tr]=_(Vt);h(()=>tr(Vt),[Vt]);let nr=g(null),[G,rr]=_(null),[K,ir]=_([]),ar=g(0),[or,sr]=_(null),cr=g(null),lr=m(e=>{let t=d(O,B.zoom);for(let n=K.length-1;n>=0;n--){let r=K[n];if(Math.hypot(e.x-r.a.x,e.y-r.a.y)<=t.node)return{id:r.id,end:`a`};if(Math.hypot(e.x-r.b.x,e.y-r.b.y)<=t.node)return{id:r.id,end:`b`}}for(let n=K.length-1;n>=0;n--){let r=K[n];if(s(e,r.a,r.b).dist<=t.wall)return{id:r.id}}return null},[K,O,B.zoom]),[ur,dr]=_(null),q=!ln&&!C,fr=Ie(()=>{if(U.length<2)return;let e=U[U.length-2],t=U[U.length-1];return Math.atan2(t.y-e.y,t.x-e.x)},[U]);h(()=>{let e=yn.current;if(!e)return;let t=new ResizeObserver(()=>{let t=e.getBoundingClientRect();t.width>0&&t.height>0&&qn({width:Math.round(t.width),height:Math.round(t.height)})});t.observe(e);let n=e.getBoundingClientRect();return n.width>0&&n.height>0&&qn({width:Math.round(n.width),height:Math.round(n.height)}),()=>t.disconnect()},[]);let pr=m((e,t)=>{let n=yn.current?.getBoundingClientRect()??{left:0,top:0};return Oe(e,t,n,B)},[B]),J=m(e=>({x:(e.x-B.x)*B.zoom,y:(e.y-B.y)*B.zoom}),[B]),Y=m((e,t,n,r,i)=>{let a=Xn!==wn.current,o=Qn!==Tn.current,s=ke(e,{floor:N,pxToWorld:B.zoom>0?1/B.zoom:1,origin:t,referenceAngle:r,excludeNodeIds:n,excludeWallIds:i,options:{enabled:a?[f.Node,f.Intersection,f.Wall,f.Angle,f.Extension,f.Alignment,f.Grid]:[],gridSize:S,angleStepDeg:o?Wt:0,toleranceScreenPx:_n?16:10}});return nr.current=s,s},[N,B.zoom,Xn,Qn,S,Wt,_n]),mr=m(e=>{let t=Object.values(N.walls).filter(t=>t.a===e||t.b===e),n=new Set(t.map(e=>e.id)),r=N.nodes[e];if(!r)return{excludeWallIds:n};let i={x:r.x,y:r.y},a,o=t[0];if(o){let t=o.a===e?o.b:o.a,n=N.nodes[t];n&&(a=Math.atan2(n.y-r.y,n.x-r.x))}return{origin:i,referenceAngle:a,excludeWallIds:n}},[N]),hr=m((e={})=>{let t=e.padding??24,n=me(N);if(!n||n.width<=0||n.height<=0){V({x:-1e3,y:-1e3,zoom:.05});return}let r=Math.min((H.width-t*2)/n.width,(H.height-t*2)/n.height),i=Math.max(Rt,Math.min(zt,r));V({x:n.minX-(H.width/i-n.width)/2,y:n.minY-(H.height/i-n.height)/2,zoom:i})},[N,H.width,H.height,Rt,zt,V]),gr=g(!1);h(()=>{Bt&&!gr.current&&Object.keys(N.nodes).length!==0&&(H.width<=1||(gr.current=!0,hr()))},[Bt,N,H.width,hr]);let _r=m((e,t,n,r=[],i={})=>{if(e===N)return M;let a=be(M,e);xn.current=a,n?i.push===!1?j.replace(a):j.commit(a,t,r):j.updateGesture(a);let o={reason:t,committed:n,targetIds:r};return x?.(a,o),n&&bt?.(a,o),a},[N,M,j,x,bt]),X=m((e,t,n=[],r={})=>{let i=Se(le(e).floor).floor;return _r(i,t,!0,n,r)},[_r]);h(()=>{cn?.({canUndo:j.canUndo,canRedo:j.canRedo})},[j.canUndo,j.canRedo,cn]);let vr=Ie(()=>z?.type===`room`?P.find(e=>e.roomId===z.id)??null:null,[z,P]),Z=z?.type===`wall`?N.walls[z.id]:void 0,yr=z?.type===`opening`?N.openings[z.id]:void 0,br=Ie(()=>{if(!Z)return null;let e=N.nodes[Z.a],t=N.nodes[Z.b];return!e||!t?null:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}},[Z,N.nodes]),xr=m(()=>{if(!q||!Z)return;let e=se(N,Z.id,.5);e.result.wallIds&&(X(e.floor,`edit-wall`,[e.result.nodeId]),R({type:`node`,id:e.result.nodeId}))},[q,Z,N,X,R]),Sr=m((e,t,n=new Set)=>{if(e.type===`wall`)return{floor:oe(t,e.id).floor};if(e.type===`opening`)return{floor:ae(t,e.id).floor};if(e.type===`node`){let n=ne(t,e.id,{force:!0});if(n.result)return{floor:n.floor,reselect:{type:`wall`,id:n.result.wallId}};let r=t;for(let n of Object.values(t.walls))(n.a===e.id||n.b===e.id)&&(r=oe(r,n.id,{dissolveCollinear:!1}).floor);return{floor:r}}let r=P.find(t=>t.roomId===e.id);if(!r)return{floor:t};let i=new Set;for(let t of P)if(t.roomId!==e.id&&!(t.roomId&&n.has(t.roomId)))for(let e of t.wallIds)i.add(e);let a=t;for(let e of new Set(r.wallIds))i.has(e)||(a=oe(a,e,{dissolveCollinear:!1}).floor);let o={...a.rooms};return delete o[e.id],{floor:{...a,rooms:o}}},[P]),Cr=m(()=>{let e=L.current;if(!q||e.length===0)return;let t={room:0,opening:1,wall:2,node:3},n=[...e].sort((e,n)=>t[e.type]-t[n.type]),r=new Set(n.filter(e=>e.type===`room`).map(e=>e.id)),i=N,a;for(let e of n){let t=Sr(e,i,r);i=t.floor,n.length===1&&(a=t.reselect)}i!==N&&(X(i,`delete`,n.map(e=>e.id)),R(a??null))},[q,N,Sr,X,R]),wr=m(()=>{Jn(e=>e.length===0?e:[]),rr(null)},[]);h(()=>{wr()},[F,wr]);let Tr=m(e=>{if(C)return;if(vn.current?.focus(),dr(null),A.current.set(e.pointerId,{x:e.clientX,y:e.clientY}),e.currentTarget.setPointerCapture?.(e.pointerId),A.current.size===2){let[e,t]=[...A.current.values()];k.current.kind!==`none`&&k.current.kind!==`pan`&&j.cancelGesture(),k.current={kind:`pinch`,startDist:Math.hypot(t.x-e.x,t.y-e.y),startView:B,startMid:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}};return}if(A.current.size>2)return;if(Sn.current={client:{x:e.clientX,y:e.clientY},moved:!1},e.button===1||Cn.current){k.current={kind:`pan`,startClient:{x:e.clientX,y:e.clientY},startView:B};return}if(e.button!==0)return;let t=pr(e.clientX,e.clientY);if(!q){let e=Ee(N,P,t,d(O,B.zoom));R(e);return}if(F===`rect`){let e=Y(t).point;k.current={kind:`rect`,start:e,current:e},j.beginGesture();return}if(F===`measure`){let e=lr(t);if(e){let n=K.find(t=>t.id===e.id);k.current=e.end?{kind:`measureEnd`,id:e.id,end:e.end}:{kind:`measureMove`,id:e.id,startWorld:t,origA:n.a,origB:n.b};return}let n=Y(t).point;k.current={kind:`measure`,start:n,current:n};return}if(F===`wall`){let e=U[U.length-1],n=Y(t,e,void 0,fr).point;if(U.length===0){Jn([n]);return}let r=U[U.length-1],i=u(N,r,n,{thickness:Kt,type:o.Interior,height:qt},d(O,B.zoom).node);i.result.wallIds.length>0&&X(i.floor,`draw-wall`,i.result.wallIds),U.length>=2&&Math.hypot(n.x-U[0].x,n.y-U[0].y)<d(O,B.zoom).node?wr():Jn(e=>[...e,n]);return}let n=ct[F];if(n){let e=d(O,B.zoom),r=Ee(N,P,t,e,{accept:[`wall`]});if(r?.type!==`wall`)return;let i=N.walls[r.id],a=N.nodes[i.a],o=N.nodes[i.b],s=Math.hypot(o.x-a.x,o.y-a.y),c=((t.x-a.x)*(o.x-a.x)+(t.y-a.y)*(o.y-a.y))/(s*s||1),ee={...ut[n],...Jt?.[n]},u=l(N,{wallId:i.id,kind:n,offset:Math.min(Math.max(c,0),1)*s,width:ee.width,sill:ee.sill,head:ee.head});u.result.openingId&&(X(u.floor,`add-opening`,[u.result.openingId]),R({type:`opening`,id:u.result.openingId}));return}let r=d(O,B.zoom);if(br&&z?.type===`wall`&&Math.hypot(t.x-br.x,t.y-br.y)<=r.node){j.beginGesture(),k.current={kind:`wallSplit`,wallId:z.id,at:br};return}let i=Ee(N,P,t,r),a=Nt&&(e.ctrlKey||e.metaKey);if(!i){a||R(null),k.current=Nt?{kind:`marquee`,start:t,current:t,additive:a,base:L.current}:{kind:`none`};return}if((e.ctrlKey||e.metaKey)&&i.type===`wall`&&N.walls[i.id]){let e=N.walls[i.id];a||R(i),j.beginGesture(),k.current={kind:`wall`,wallId:i.id,startWorld:t,origA:{...N.nodes[e.a]},origB:{...N.nodes[e.b]},moved:!1,detach:!0,toggle:a};return}if(a){Bn(i),k.current={kind:`none`};return}if(L.current.some(e=>e.type===i.type&&e.id===i.id)||R(i),j.beginGesture(),L.current.length>1){let e=[...Vn(L.current)],n={};for(let t of e){let e=N.nodes[t];e&&(n[t]={x:e.x,y:e.y})}k.current={kind:`room`,nodeIds:e,startWorld:t,orig:n,moved:!1};return}if(i.type===`node`)k.current={kind:`node`,nodeId:i.id,moved:!1,...mr(i.id)};else if(i.type===`wall`){let e=N.walls[i.id];k.current={kind:`wall`,wallId:i.id,startWorld:t,origA:{...N.nodes[e.a]},origB:{...N.nodes[e.b]},moved:!1}}else if(i.type===`opening`)k.current={kind:`opening`,openingId:i.id,moved:!1};else{let e=P.find(e=>e.roomId===i.id),n=e?[...new Set(e.nodeIds)]:[],r={};for(let e of n){let t=N.nodes[e];t&&(r[e]={x:t.x,y:t.y})}k.current={kind:`room`,nodeIds:n,startWorld:t,orig:r,moved:!1}}},[C,q,B,F,N,P,O,pr,Y,U,Kt,qt,Jt,X,R,br,z,fr,mr,Vn,Nt,Bn,j,wr,lr,K]),Er=m(e=>{if(C)return;A.current.has(e.pointerId)&&A.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=k.current;if(t.kind===`pinch`&&A.current.size>=2){let[e,n]=[...A.current.values()],r=Math.hypot(n.x-e.x,n.y-e.y);if(t.startDist<=0)return;let i=Math.max(Rt,Math.min(zt,t.startView.zoom*(r/t.startDist))),a=yn.current?.getBoundingClientRect()??{left:0,top:0},o={x:(e.x+n.x)/2,y:(e.y+n.y)/2},s=Oe(t.startMid.x,t.startMid.y,a,t.startView);V({x:s.x-(o.x-a.left)/i,y:s.y-(o.y-a.top)/i,zoom:i});return}if(Sn.current){let t=e.clientX-Sn.current.client.x,n=e.clientY-Sn.current.client.y;Math.hypot(t,n)>ft&&(Sn.current.moved=!0)}if(t.kind===`pan`){V({x:t.startView.x-(e.clientX-t.startClient.x)/t.startView.zoom,y:t.startView.y-(e.clientY-t.startClient.y)/t.startView.zoom,zoom:t.startView.zoom});return}let n=pr(e.clientX,e.clientY);if(Yn(n),t.kind===`none`){if(!q)return;if(F===`wall`&&U.length>0){let e=Y(n,U[U.length-1],void 0,fr);Yn(e.point),rr(e);return}if(F===`select`){let e=Ee(N,P,n,d(O,B.zoom));De(e,Un)||(Wn(e),Pt?.(e))}F===`measure`&&sr(lr(n)?.id??null);return}if(Sn.current?.moved){if(t.kind===`measureEnd`){let e=Y(n).point;ir(n=>n.map(n=>n.id===t.id?{...n,[t.end]:e}:n)),Yn(e);return}if(t.kind===`measureMove`){let e=n.x-t.startWorld.x,r=n.y-t.startWorld.y;ir(n=>n.map(n=>n.id===t.id?{...n,a:{x:t.origA.x+e,y:t.origA.y+r},b:{x:t.origB.x+e,y:t.origB.y+r}}:n));return}if(t.kind===`rect`||t.kind===`measure`){k.current={...t,current:Y(n).point},Yn(Y(n).point);return}if(t.kind===`marquee`){k.current={...t,current:n},Yn(n);return}if(t.kind===`wallSplit`){let e=se(N,t.wallId,t.at);if(!e.result.wallIds){k.current={kind:`none`};return}let r=e.result.nodeId,i=N.walls[t.wallId],a=i?e.floor.nodes[i.a]:void 0,o=i?e.floor.nodes[i.b]:void 0,s={origin:a?{x:a.x,y:a.y}:void 0,referenceAngle:a&&o?Math.atan2(o.y-a.y,o.x-a.x):void 0,excludeWallIds:new Set(e.result.wallIds)},c=Y(n,s.origin,new Set([r]),s.referenceAngle,s.excludeWallIds).point;k.current={kind:`node`,nodeId:r,moved:!0,...s},R({type:`node`,id:r}),rr(nr.current),_r(ie(e.floor,r,c).floor,`move-node`,!1,[r]);return}if(t.kind===`node`){let e=Y(n,t.origin,new Set([t.nodeId]),t.referenceAngle,t.excludeWallIds).point;rr(nr.current),k.current={...t,moved:!0},_r(ie(N,t.nodeId,e).floor,`move-node`,!1,[t.nodeId]);return}if(t.kind===`wall`){let e=N.walls[t.wallId];if(!e)return;let r=t.origB.x-t.origA.x,i=t.origB.y-t.origA.y,a=Math.hypot(r,i);if(a<1e-6)return;let o={x:-i/a,y:r/a},s=(n.x-t.startWorld.x)*o.x+(n.y-t.startWorld.y)*o.y,c=Ht!==wn.current&&S>0?S:1,l=Math.round(s/c)*c,ee=Math.max(c,10);if(t.detach){if(Math.abs(l)<ee)return;let e=te(N,t.wallId,{x:o.x*l,y:o.y*l});if(!e.result)return;k.current={...t,detach:!1,toggle:!1,detachedSign:Math.sign(l),moved:!0},R({type:`wall`,id:t.wallId}),_r(e.floor,`move-wall`,!1,[t.wallId]);return}let u=ie(N,e.a,{x:t.origA.x+o.x*l,y:t.origA.y+o.y*l}).floor;u=ie(u,e.b,{x:t.origB.x+o.x*l,y:t.origB.y+o.y*l}).floor,t.detachedSign&&Math.abs(l)<10?(u=le(u).floor,k.current={...t,detachedSign:void 0,moved:!0}):k.current={...t,moved:!0},_r(u,`move-wall`,!1,[t.wallId]);return}if(t.kind===`opening`){let e=N.openings[t.openingId];if(!e)return;let r=N.walls[e.wallId],i=N.nodes[r.a],a=N.nodes[r.b],o=Math.hypot(a.x-i.x,a.y-i.y),s=((n.x-i.x)*(a.x-i.x)+(n.y-i.y)*(a.y-i.y))/(o*o||1);k.current={...t,moved:!0},_r(ce(N,t.openingId,{offset:Math.min(Math.max(s,0),1)*o}).floor,`move-opening`,!1,[t.openingId]);return}if(t.kind===`room`){let e=n.x-t.startWorld.x,r=n.y-t.startWorld.y,i=Ht!==wn.current&&S>0?S:1,a=Math.round(e/i)*i,o=Math.round(r/i)*i,s=N;for(let e of t.nodeIds){let n=t.orig[e];n&&(s=ie(s,e,{x:n.x+a,y:n.y+o}).floor)}k.current={...t,moved:!0},_r(s,`move-room`,!1,t.nodeIds)}}},[C,q,F,N,P,Un,O,B.zoom,Rt,zt,S,Ht,pr,Y,_r,V,R,U,fr,Pt,lr]),Dr=m((e,t)=>{A.current.delete(e.pointerId);let n=k.current;k.current={kind:`none`};let r=Sn.current?.moved??!1;if(Sn.current=null,rr(null),n.kind===`none`||n.kind===`pan`||n.kind===`pinch`)return;if(n.kind===`marquee`){if(t||!r){t&&R([...n.base]);return}let e=Math.min(n.start.x,n.current.x),i=Math.max(n.start.x,n.current.x),a=Math.min(n.start.y,n.current.y),o=Math.max(n.start.y,n.current.y),s=[];for(let t of Object.values(N.nodes))t.x>=e&&t.x<=i&&t.y>=a&&t.y<=o&&s.push({type:`node`,id:t.id});if(n.additive){let e=new Set(n.base.map(e=>`${e.type}:${e.id}`));R([...n.base,...s.filter(t=>!e.has(`${t.type}:${t.id}`))])}else R(s);return}if(t){let e=j.cancelGesture();e&&x?.(e,{reason:`external`,committed:!1,targetIds:[]});return}if(n.kind===`measureEnd`||n.kind===`measureMove`)return;if(n.kind===`measure`){let e=Math.hypot(n.current.x-n.start.x,n.current.y-n.start.y);r&&e>dt&&(ar.current+=1,ir(e=>[...e,{id:ar.current,a:n.start,b:n.current}]));return}if(n.kind===`rect`){if(!r){j.cancelGesture();return}let e=ee(N,n.start,n.current,{thickness:Kt,type:o.Interior,height:qt},d(O,B.zoom).node);if(e.result.wallIds.length===0){j.cancelGesture();return}let t=j.endGesture();X(e.floor,`draw-rect`,e.result.wallIds,{push:!t});return}if(!r){j.cancelGesture(),n.kind===`wall`&&n.toggle&&Bn({type:`wall`,id:n.wallId});return}if(n.kind===`node`){let e=N.nodes[n.nodeId];if(e){let t=d(O,B.zoom).node,r=Object.values(N.nodes).find(r=>r.id!==n.nodeId&&Math.hypot(r.x-e.x,r.y-e.y)<=t);if(r){let e=j.endGesture();X(re(N,r.id,n.nodeId).floor,`move-node`,[r.id],{push:!e}),R({type:`node`,id:r.id});return}}}let i=j.endGesture(),a=n.kind===`wall`?`move-wall`:n.kind===`opening`?`move-opening`:n.kind===`room`?`move-room`:`move-node`;X(N,a,[],{push:!i})},[N,j,O,B.zoom,Kt,qt,X,R,Bn,x]);h(()=>{let e=yn.current;if(!e||C)return;function t(t){t.preventDefault();let n=e.getBoundingClientRect(),r=Math.exp(-t.deltaY*.002);V((()=>{let e=Or.current,i=Math.max(Rt,Math.min(zt,e.zoom*r)),a=Oe(t.clientX,t.clientY,n,e);return{x:a.x-(t.clientX-n.left)/i,y:a.y-(t.clientY-n.top)/i,zoom:i}})())}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[C,Rt,zt,V]);let Or=g(B);Or.current=B;let kr=m(e=>{let t=Math.max(Rt,Math.min(zt,B.zoom*e)),n={x:B.x+H.width/2/B.zoom,y:B.y+H.height/2/B.zoom};V({x:n.x-H.width/2/t,y:n.y-H.height/2/t,zoom:t})},[B,H,Rt,zt,V]),Ar=m(()=>{if(on===`none`)return;let e=j.undo();e&&(xn.current=e,x?.(e,{reason:`undo`,committed:!0,targetIds:[]}),bt?.(e,{reason:`undo`,committed:!0,targetIds:[]}))},[on,j,x,bt]),jr=m(()=>{if(on===`none`)return;let e=j.redo();e&&(xn.current=e,x?.(e,{reason:`redo`,committed:!0,targetIds:[]}),bt?.(e,{reason:`redo`,committed:!0,targetIds:[]}))},[on,j,x,bt]),Mr=m(()=>{let e=P.filter(e=>e.roomId).map(e=>({type:`room`,id:e.roomId}));if(e.length>0){R(e);return}R(Object.keys(N.nodes).map(e=>({type:`node`,id:e})))},[P,N.nodes,R]),Nr=m((e,t)=>{if(!q||Hn.size===0)return;let n=S>0?S:100,r=Tn.current?n*10:n,i=N;for(let n of Hn){let a=i.nodes[n];a&&(i=ie(i,n,{x:a.x+e*r,y:a.y+t*r}).floor)}X(i,`nudge`,[...Hn])},[q,Hn,N,S,X]),Pr=m(e=>{if(C)return;let t=e.target;if(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement){e.key===`Escape`&&t.blur();return}if(e.key===`Shift`&&(Tn.current=!0),e.key===`Alt`&&(wn.current=!0),e.key===` `&&!Cn.current){Cn.current=!0,e.preventDefault();return}let n=e.metaKey||e.ctrlKey;if(n&&e.key.toLowerCase()===`z`){e.preventDefault(),e.shiftKey?jr():Ar();return}if(n&&e.key.toLowerCase()===`a`){e.preventDefault(),Nt&&Mr();return}if(n&&e.key.toLowerCase()===`y`){e.preventDefault(),jr();return}if(e.key===`Escape`){U.length>0?wr():K.length>0?ir([]):R(null);return}if(e.key===`Enter`&&F===`wall`){wr();return}if(e.key===`Delete`||e.key===`Backspace`){if(e.preventDefault(),F===`measure`){or!==null&&(ir(e=>e.filter(e=>e.id!==or)),sr(null));return}Cr();return}if(e.key===`+`||e.key===`=`){kr(1.25);return}if(e.key===`-`){kr(1/1.25);return}if(e.key===`0`){hr();return}if(e.key.startsWith(`Arrow`)){e.preventDefault();let t={ArrowLeft:[-1,0],ArrowRight:[1,0],ArrowUp:[0,-1],ArrowDown:[0,1]}[e.key];t&&Nr(t[0],t[1]);return}let r=e.key.toLowerCase();if(r===`s`){Zn(e=>!e);return}if(r===`l`){$n(e=>!e);return}if(r===`g`){tr(e=>!e);return}let i=st[e.key.toLowerCase()];i&&q&&kt.includes(i)&&(Ln(i),wr())},[C,q,kt,F,U,K.length,or,jr,Ar,R,wr,Cr,kr,hr,Nr,Ln,Nt,Mr]),Q=m((e,t,n)=>{xn.current=e,n?.resetHistory?(j.clearHistory(),j.replace(e)):j.commit(e,t);let r={reason:t,committed:!0,targetIds:[]};x?.(e,r),bt?.(e,r)},[j,x,bt]),Fr=m((e={})=>{let{plan:t,floor:n}=ue(M,{...e,index:he(M,N.id)+1});return Q(t,`add-floor`),Pn(n.id),n.id},[M,N.id,Q,Pn]),Ir=m(()=>{let{plan:e,floor:t}=de(M,N.id);return t?(Q(e,`duplicate-floor`),Pn(t.id),t.id):null},[M,N.id,Q,Pn]),Lr=m(e=>{let t=e??N.id,n=ve(M,t);if(n!==M&&(Q(n,`remove-floor`),t===N.id)){let e=he(M,t);Pn(n.floors[Math.max(0,e-1)].id)}},[M,N.id,Q,Pn]),Rr=m((e,t)=>{let n=_e(M,e,t);n!==M&&Q(n,`move-floor`)},[M,Q]),zr=m((e,t)=>{let n=xe(M,e,t);n!==M&&Q(n,`edit-floor`)},[M,Q]),Br=m((e,t)=>{let n=ye(M,e,t);n!==M&&Q(n,`rename-floor`)},[M,Q]),Vr=m(e=>{let t=(e??rn??M.name??``).trim()||`floor-plan`,n=URL.createObjectURL(new Blob([je(M)],{type:`application/json`})),r=document.createElement(`a`);r.href=n,r.download=t.endsWith(`.json`)?t:`${t}.json`,r.click(),setTimeout(()=>URL.revokeObjectURL(n),0)},[rn,M]),Hr=m(e=>{let t=Ae(e);return t.plan&&Q(t.plan,`import`),dr(t.plan&&t.issues.length===0?null:t.issues),an?.(t),t},[an,Q]),Ur=m(e=>{e.text().then(e=>Hr(e)).catch(e=>{let t=[`Could not read that file: ${e.message}`];dr(t),an?.({plan:null,issues:t})})},[Hr,an]),Wr=m(()=>ir([]),[]),Gr=m(e=>{e.key===`Shift`&&(Tn.current=!1),e.key===`Alt`&&(wn.current=!1),e.key===` `&&(Cn.current=!1)},[]);Fe(_t,()=>({getPlan:()=>M,setPlan:(e,t)=>Q(e,`import`,t),clear:()=>Q(fe(),`clear`),getFloorId:()=>N.id,setFloorId:Pn,addFloor:e=>Fr(e),duplicateFloor:Ir,removeFloor:Lr,renameFloor:Br,moveFloor:Rr,setFloorHeight:zr,clearMeasurements:Wr,download:Vr,loadJson:Hr,undo:Ar,redo:jr,canUndo:()=>on!==`none`&&j.canUndo,canRedo:()=>on!==`none`&&j.canRedo,clearHistory:j.clearHistory,getSelection:()=>[...L.current],select:R,addToSelection:e=>{let t=Array.isArray(e)?e:[e],n=new Set(L.current.map(e=>`${e.type}:${e.id}`));R([...L.current,...t.filter(e=>!n.has(`${e.type}:${e.id}`))])},toggleSelection:Bn,selectAll:Mr,deleteSelection:Cr,getView:()=>B,setView:V,zoomBy:kr,fitToContent:hr,toWorld:pr,toScreen:J,getSvgElement:()=>bn.current}),[M,j,Q,N,Pn,Fr,Ir,Lr,Br,Rr,zr,Wr,Vr,Hr,Ar,jr,on,R,Bn,Mr,Cr,B,V,kr,hr,pr,J]);let $=k.current,Kr=Ie(()=>{if(!q)return null;let e=[],t=[...K,...$.kind===`measure`?[{id:-1,a:$.start,b:$.current}]:[]];for(let n of t){let t=J(n.a),r=J(n.b),i=Math.hypot(n.b.x-n.a.x,n.b.y-n.a.y);if(i<dt)continue;let a=Math.atan2(n.b.y-n.a.y,n.b.x-n.a.x),o=-Math.sin(a)*5,s=Math.cos(a)*5,c={x:(t.x+r.x)/2,y:(t.y+r.y)/2};if(e.push(b(`g`,{className:v(p.roomDrawerMeasureLine,or===n.id&&p.roomDrawerMeasureLineHovered,E?.measureLine),children:[y(`line`,{x1:t.x,y1:t.y,x2:r.x,y2:r.y}),y(`line`,{x1:t.x-o,y1:t.y-s,x2:t.x+o,y2:t.y+s}),y(`line`,{x1:r.x-o,y1:r.y-s,x2:r.x+o,y2:r.y+s})]},`measure-${n.id}`)),F===`measure`&&n.id>=0)for(let[i,a]of[[`a`,t],[`b`,r]])e.push(y(`circle`,{className:p.roomDrawerMeasureGrip,cx:a.x,cy:a.y,r:4},`measure-grip-${n.id}-${i}`));e.push(y(`text`,{className:v(p.roomDrawerMeasure,E?.measureLine),x:c.x,y:c.y-8,textAnchor:`middle`,children:`${Xt(i)} · ${gt(a)}`},`measure-label-${n.id}`))}if(Gt&&G&&(G.guides.forEach((t,n)=>{let r=J(t.a),i=J(t.b);e.push(y(`line`,{className:v(p.roomDrawerGuide,t.kind===f.Angle&&p.roomDrawerGuideAngle),x1:r.x,y1:r.y,x2:i.x,y2:i.y},`guide-${n}`))}),G.kind!==f.None&&G.kind!==f.Grid)){let t=J(G.point);e.push(y(`rect`,{className:p.roomDrawerSnapMarker,x:t.x-4,y:t.y-4,width:8,height:8},`snap-marker`))}if($.kind===`rect`){let t=J($.start),n=J($.current),r=Math.min(t.x,n.x),i=Math.min(t.y,n.y),a=Math.max(t.x,n.x),o=Math.max(t.y,n.y);e.push(y(`rect`,{className:p.roomDrawerPreview,x:r,y:i,width:a-r,height:o-i},`rect-preview`));let s=Math.abs($.current.x-$.start.x),c=Math.abs($.current.y-$.start.y);Yt&&(s>0||c>0)&&(e.push(y(`text`,{className:p.roomDrawerMeasure,x:(r+a)/2,y:i-8,textAnchor:`middle`,children:Xt(s)},`rect-width`),y(`text`,{className:p.roomDrawerMeasure,x:r-8,y:(i+o)/2,textAnchor:`end`,dominantBaseline:`central`,children:Xt(c)},`rect-height`)),s>0&&c>0&&e.push(y(`text`,{className:v(p.roomDrawerMeasure,p.roomDrawerMeasureSecondary),x:(r+a)/2,y:(i+o)/2,textAnchor:`middle`,dominantBaseline:`central`,children:Zt(s*c)},`rect-area`)))}if(F===`wall`&&U.length>0){let t=[...U,W].filter(Boolean).map(J);if(e.push(y(`polyline`,{className:p.roomDrawerPreview,points:t.map(e=>`${e.x},${e.y}`).join(` `),fill:`none`},`chain`)),t.forEach((t,n)=>{e.push(y(`circle`,{className:p.roomDrawerHandle,cx:t.x,cy:t.y,r:4},`chain-dot-${n}`))}),Yt&&W&&U.length>0){let t=U[U.length-1],n=Math.hypot(W.x-t.x,W.y-t.y),r=J({x:(t.x+W.x)/2,y:(t.y+W.y)/2}),i=G?.kind===f.Angle;e.push(y(`text`,{className:v(p.roomDrawerMeasure,i&&p.roomDrawerMeasureLocked),x:r.x,y:r.y-8,textAnchor:`middle`,children:`${Xt(n)} · ${gt(G?.angleRelativeTo===`reference`&&fr!==void 0?Math.atan2(W.y-t.y,W.x-t.x)-fr:Math.atan2(W.y-t.y,W.x-t.x))}${G?.angleRelativeTo===`reference`?` rel`:``}`},`chain-len`))}}let n=new Set(I.filter(e=>e.type===`node`).map(e=>e.id));for(let t of Hn){let r=N.nodes[t];if(!r)continue;let i=J(r);e.push(y(`circle`,{className:v(p.roomDrawerHandle,n.has(t)&&p.roomDrawerHandleActive),cx:i.x,cy:i.y,r:5},`handle-${t}`))}if($.kind===`marquee`&&Sn.current?.moved){let t=J($.start),n=J($.current);e.push(y(`rect`,{className:p.roomDrawerMarquee,x:Math.min(t.x,n.x),y:Math.min(t.y,n.y),width:Math.abs(n.x-t.x),height:Math.abs(n.y-t.y)},`marquee`))}if(br&&$.kind!==`node`){let t=J(br);e.push(y(`circle`,{className:p.roomDrawerMidHandle,cx:t.x,cy:t.y,r:4},`midpoint`))}if(Yt&&$.kind===`room`&&$.moved){let t=new Set($.nodeIds),n=$.nodeIds.find(e=>N.nodes[e]&&$.orig[e]);if(n){let t=N.nodes[n],r=$.orig[n],i=t.x-r.x,a=t.y-r.y,o=z?.type===`room`?P.find(e=>e.roomId===z.id):void 0,s=J(o?o.anchor:t);e.push(y(`text`,{className:v(p.roomDrawerMeasure,p.roomDrawerMeasureOffset),x:s.x,y:s.y-26,textAnchor:`middle`,children:`${Xt(Math.hypot(i,a))} · ${gt(Math.atan2(a,i))}`},`room-offset`))}for(let n of Object.values(N.walls)){if(t.has(n.a)===t.has(n.b))continue;let r=N.nodes[n.a],i=N.nodes[n.b];if(!r||!i)continue;let a=t.has(n.a)?r:i,o=t.has(n.a)?i:r,s=J({x:(r.x+i.x)/2,y:(r.y+i.y)/2});e.push(y(`text`,{className:v(p.roomDrawerMeasure,p.roomDrawerMeasureSecondary),x:s.x,y:s.y-8,textAnchor:`middle`,children:`${Xt(Math.hypot(o.x-a.x,o.y-a.y))} · ${gt(Math.atan2(o.y-a.y,o.x-a.x))}`},`room-stretch-${n.id}`))}}if(Yt&&(z?.type===`node`||z?.type===`wall`)){let t=[],n=new Set,r=(e,r,i)=>{if(n.has(e))return;let a=N.walls[e];a&&(n.add(e),t.push({wall:a,from:r,primary:i}))};if(z.type===`node`)for(let e of Object.values(N.walls))(e.a===z.id||e.b===z.id)&&r(e.id,z.id,!0);else{let e=N.walls[z.id];if(e){r(e.id,e.a,!0);for(let t of Object.values(N.walls))if(t.id!==e.id)for(let n of[e.a,e.b])(t.a===n||t.b===n)&&r(t.id,n,!1)}}let i=G?.kind===f.Angle&&$.kind!==`none`;for(let{wall:n,from:r,primary:a}of t){let t=N.nodes[n.a],o=N.nodes[n.b];if(!t||!o)continue;let s=n.a===r?t:o,c=n.a===r?o:t,l=J({x:(t.x+o.x)/2,y:(t.y+o.y)/2});e.push(y(`text`,{className:v(p.roomDrawerMeasure,!a&&p.roomDrawerMeasureSecondary,a&&i&&p.roomDrawerMeasureLocked),x:l.x,y:l.y-8,textAnchor:`middle`,children:`${Xt(Math.hypot(c.x-s.x,c.y-s.y))} · ${gt(Math.atan2(c.y-s.y,c.x-s.x))}`},`measure-${n.id}`))}}return y(at,{children:e})},[q,$,F,U,W,I,N,P,z,Hn,br,Yt,Gt,G,fr,Xt,Zt,K,or,E?.measureLine,J]),qr={select:{icon:ze,label:w?.select??`Select and edit`,key:`V`},wall:{icon:Qe,label:w?.wall??`Draw walls`,key:`W`},rect:{icon:tt,label:w?.rect??`Draw a room`,key:`R`},door:{icon:We,label:w?.door??`Add a door`,key:`D`},window:{icon:it,label:w?.window??`Add a window`,key:`N`},archway:{icon:qe,label:w?.archway??`Add an archway`,key:`A`},measure:{icon:et,label:w?.measure??`Measure`,key:`M`}},Jr=q?F===`wall`?w?.hintWall??`Click to place corners · Shift for a fixed angle, L to latch it · Click the first corner or press Enter to close`:F===`rect`?w?.hintRect??`Drag to draw a room`:F===`measure`?w?.hintMeasure??`Drag to measure · Drag an end or the line to adjust it · Delete removes one, Escape clears them`:ct[F]?w?.hintOpening??`Click a wall to cut an opening into it`:w?.hintSelect??(Nt?`Drag a corner to reshape · Drag a wall to push it, and the room next door moves with it · Ctrl-click or drag a box to select several · Delete to remove`:`Drag a corner to reshape · Drag a wall to push it, and the room next door moves with it · Drag the dot on a selected wall to add a corner · Delete to remove`):``,Yr=I.length===0?w?.selectedFloor??`Floor`:I.length>1?(w?.selectedCount??`{count} selected`).replace(`{count}`,String(I.length)):yr?w?.selectedOpening??lt[yr.kind]:Z?w?.selectedWall??`Wall`:z?.type===`room`?w?.selectedRoom??`Room`:w?.selectedCorner??`Corner`,Xr=q?kt:[];return b(`div`,{...gn,ref:vn,className:v(p.roomDrawer,C&&p.roomDrawerDisabled,mn,E?.root),style:{...hn,...D?.root},role:`application`,"aria-label":pn??`Floor plan editor`,tabIndex:C?-1:0,onKeyDown:Pr,onKeyUp:Gr,children:[Qt&&b(`div`,{className:v(p.roomDrawerToolbar,E?.toolbar),style:D?.toolbar,role:`toolbar`,"aria-label":w?.tools??`Drawing tools`,children:[Xr.map(e=>{let n=qr[e];return y(`button`,{type:`button`,className:v(p.roomDrawerToolButton,e===F&&p.roomDrawerToolButtonActive,E?.toolButton),style:D?.toolButton,title:`${n.label} (${n.key})`,"aria-label":n.label,"aria-pressed":e===F,onClick:()=>{Ln(e),wr()},children:t(T?.[e]??n.icon,{className:v(p.roomDrawerToolIcon,E?.toolIcon),style:D?.toolIcon})},e)}),Xr.length>0&&y(`span`,{className:p.roomDrawerToolbarSeparator}),q&&b(at,{children:[[{on:Xn,toggle:()=>Zn(e=>!e),icon:T?.snap??Ye,label:w?.snap??`Snap to grid and geometry`,key:`S`},{on:Qn,toggle:()=>$n(e=>!e),icon:T?.angleLock??Ke,label:w?.angleLock??`Lock to ${Wt}° angles`,key:`L`},{on:er,toggle:()=>tr(e=>!e),icon:T?.grid??He,label:w?.grid??`Show grid`,key:`G`},...pe(M,N.id)?[{on:jn,toggle:()=>Mn(e=>!e),icon:T?.underlay??Je,label:w?.underlay??`Show the floor below`,key:`B`}]:[]].map(e=>y(`button`,{type:`button`,className:v(p.roomDrawerToolButton,e.on&&p.roomDrawerToolButtonOn,E?.toolButton),style:D?.toolButton,title:`${e.label} (${e.key})`,"aria-label":e.label,"aria-pressed":e.on,onClick:e.toggle,children:t(e.icon,{className:v(p.roomDrawerToolIcon,E?.toolIcon),style:D?.toolIcon})},e.key)),y(`span`,{className:p.roomDrawerToolbarSeparator})]}),tn&&on!==`none`&&q&&b(at,{children:[y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.undo??`Undo`,"aria-label":w?.undo??`Undo`,disabled:!j.canUndo,onClick:Ar,children:t(T?.undo??Be)}),y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.redo??`Redo`,"aria-label":w?.redo??`Redo`,disabled:!j.canRedo,onClick:jr,children:t(T?.redo??Ve)}),y(`span`,{className:p.roomDrawerToolbarSeparator})]}),nn&&b(at,{children:[y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.download??`Download plan`,"aria-label":w?.download??`Download plan`,onClick:()=>Vr(),children:t(T?.download??Ge)}),q&&y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.upload??`Open a plan file`,"aria-label":w?.upload??`Open a plan file`,onClick:()=>cr.current?.click(),children:t(T?.upload??rt)}),y(`span`,{className:p.roomDrawerToolbarSeparator})]}),b(`div`,{className:v(p.roomDrawerViewControls,E?.viewControls),style:D?.viewControls,children:[y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.zoomOut??`Zoom out`,"aria-label":w?.zoomOut??`Zoom out`,onClick:()=>kr(1/1.25),children:t(T?.zoomOut??Xe)}),b(`button`,{type:`button`,className:v(p.roomDrawerZoomLabel,E?.zoomLabel),style:D?.zoomLabel,title:w?.fit??`Fit to content`,onClick:()=>hr(),children:[Math.round(B.zoom*1e3)/10,`%`]}),y(`button`,{type:`button`,className:v(p.roomDrawerViewButton,E?.viewButton),style:D?.viewButton,title:w?.zoomIn??`Zoom in`,"aria-label":w?.zoomIn??`Zoom in`,onClick:()=>kr(1.25),children:t(T?.zoomIn??Ze)})]})]}),wt&&M.floors.length>0&&b(`div`,{className:v(p.roomDrawerFloorBar,E?.floorBar),style:D?.floorBar,role:`tablist`,"aria-label":w?.selectedFloor??`Floor`,children:[[...M.floors].reverse().map(e=>y(`button`,{type:`button`,role:`tab`,className:v(p.roomDrawerFloorTab,e.id===N.id&&p.roomDrawerFloorTabActive,E?.floorTab),style:D?.floorTab,"aria-selected":e.id===N.id,onClick:()=>Pn(e.id),children:e.label},e.id)),q&&y(`button`,{type:`button`,className:v(p.roomDrawerFloorTab,p.roomDrawerFloorTabAdd),title:w?.addFloor??`Add a floor above`,"aria-label":w?.addFloor??`Add a floor above`,onClick:()=>Fr(),children:t(T?.addFloor??$e)})]}),y(`div`,{ref:yn,className:v(p.roomDrawerCanvasWrapper,q&&F!==`select`&&p.roomDrawerCanvasWrapperDrawing,E?.canvasWrapper),style:{height:un,...D?.canvasWrapper},onPointerDown:Tr,onPointerMove:Er,onPointerUp:e=>Dr(e,!1),onPointerCancel:e=>Dr(e,!0),children:y(Ne,{ref:bn,floor:N,underlay:Nn,rooms:P,view:B,size:H,selection:I,hovered:Un,interactiveRooms:!1,showGrid:er,gridSize:S,showRoomLabels:!0,formatArea:Zt,getRoomColor:dn,renderRoomLabel:fn,overlay:Kr,classNames:E,styles:D})}),$t&&q&&b(`div`,{className:v(p.roomDrawerInspector,E?.inspector),style:D?.inspector,children:[y(`span`,{className:v(p.roomDrawerInspectorKind,I.length===0&&p.roomDrawerInspectorKindEmpty,E?.inspectorLabel),children:Yr}),I.length===0&&b(at,{children:[y(i,{className:v(p.roomDrawerInspectorName,E?.inspectorField),style:D?.inspectorField,label:w?.floorName??`Floor name`,value:N.label,onChange:e=>Br(N.id,e)}),y(Me,{className:v(p.roomDrawerInspectorField,E?.inspectorField),style:D?.inspectorField,label:w?.floorHeight??`Height (mm)`,title:w?.storeyHeightHint??`Storey height. The floors above move to sit on top of it.`,value:N.height,decimalScale:0,min:500,step:100,showArrows:!0,onChange:e=>{e!==void 0&&zr(N.id,e)}}),M.floors.length>1&&b(at,{children:[y(`button`,{type:`button`,className:v(p.roomDrawerInspectorAction,E?.inspectorField),style:D?.inspectorField,title:w?.moveFloorUp??`Move this floor up`,"aria-label":w?.moveFloorUp??`Move this floor up`,disabled:he(M,N.id)>=M.floors.length-1,onClick:()=>Rr(N.id,he(M,N.id)+1),children:t(T?.moveFloorUp??Re)}),y(`button`,{type:`button`,className:v(p.roomDrawerInspectorAction,E?.inspectorField),style:D?.inspectorField,title:w?.moveFloorDown??`Move this floor down`,"aria-label":w?.moveFloorDown??`Move this floor down`,disabled:he(M,N.id)<=0,onClick:()=>Rr(N.id,he(M,N.id)-1),children:t(T?.moveFloorDown??Le)})]}),y(`button`,{type:`button`,className:v(p.roomDrawerInspectorAction,E?.inspectorField),style:D?.inspectorField,title:w?.duplicateFloor??`Copy this floor to a new one above`,onClick:()=>Ir(),children:t(T?.duplicateFloor??Ue)}),M.floors.length>1&&y(n,{className:p.roomDrawerInspectorDelete,icon:T?.delete??nt,title:w?.deleteFloor??`Delete this floor`,onClick:()=>Lr()})]}),vr?.meta&&b(at,{children:[y(i,{className:v(p.roomDrawerInspectorName,E?.inspectorField),style:D?.inspectorField,label:w?.roomName??`Room name`,value:vr.meta.name,onChange:e=>{let t=vr.meta;X({...N,rooms:{...N.rooms,[t.id]:{...t,name:e}}},`edit-room`,[t.id])}}),y(`span`,{className:v(p.roomDrawerInspectorLabel,E?.inspectorLabel),children:Zt(vr.area)})]}),Z&&y(`button`,{type:`button`,className:v(p.roomDrawerInspectorAction,E?.inspectorField),style:D?.inspectorField,onClick:xr,title:w?.addCorner??`Add a corner to this wall`,children:w?.addCorner??`Add corner`}),Z&&y(Me,{className:v(p.roomDrawerInspectorField,E?.inspectorField),style:D?.inspectorField,label:w?.thickness??`Thickness (mm)`,value:Z.thickness,decimalScale:0,min:10,showArrows:!0,step:10,onChange:e=>{e!==void 0&&X({...N,walls:{...N.walls,[Z.id]:{...Z,thickness:e}}},`edit-wall`,[Z.id])}}),yr&&b(at,{children:[y(Me,{className:v(p.roomDrawerInspectorField,E?.inspectorField),style:D?.inspectorField,label:w?.width??`Width (mm)`,value:yr.width,decimalScale:0,min:100,step:50,showArrows:!0,onChange:e=>{e!==void 0&&X(ce(N,yr.id,{width:e}).floor,`edit-opening`,[yr.id])}}),y(Me,{className:v(p.roomDrawerInspectorField,E?.inspectorField),style:D?.inspectorField,label:w?.sill??`Sill (mm)`,title:w?.sillHeightHint??`How far above the floor the opening starts. Stored for a 3D view; it does not change the plan.`,showArrows:!0,value:yr.sill,decimalScale:0,min:0,step:50,onChange:e=>{e!==void 0&&X(ce(N,yr.id,{sill:e}).floor,`edit-opening`,[yr.id])}})]}),I.length>0&&y(n,{className:p.roomDrawerInspectorDelete,icon:T?.delete??nt,title:w?.deleteSelection??`Delete selection`,onClick:Cr})]}),nn&&q&&y(`input`,{ref:cr,type:`file`,accept:`application/json,.json`,className:p.roomDrawerFileInput,tabIndex:-1,"aria-hidden":`true`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&Ur(t)}}),en&&(ur!==null||Jr)&&y(`div`,{className:v(p.roomDrawerHint,ur!==null&&p.roomDrawerHintReport,E?.hint),style:D?.hint,role:ur===null?void 0:`status`,children:ur===null?Jr:ur.length===0?w?.importFailed??`That file could not be read as a floor plan`:ur.join(` · `)})]})}export{_t as default};
+"use client";import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import{useLabels as t}from"../configProvider/useLabels.mjs";import{renderIcon as n}from"../utils/renderIcon.mjs";import r from"../actionIcon/actionIcon.mjs";import i from"../hooks/useCoarsePointer.mjs";import a from"../input/input.mjs";import{OpeningKind as o,WallType as s}from"../floorPlan/floorPlan.types.mjs";import{pointToSegment as c}from"../floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as l,addOpening as ee,addRect as u,addWall as te,detachWall as ne,dissolveNode as re,mergeNodes as ie,moveNode as ae,removeOpening as oe,removeWall as se,splitWall as ce,updateOpening as le,weldShortWalls as ue}from"../floorPlan/floorPlan.graph.mjs";import{addFloor as de,duplicateFloor as fe,emptyFloorPlan as pe,floorBelow as me,floorBounds as he,floorIndex as ge,getFloor as _e,moveFloor as ve,removeFloor as ye,renameFloor as be,setFloor as xe,setFloorHeight as Se}from"../floorPlan/floorPlan.plan.mjs";import{commitDerivation as Ce,derivePlan as we}from"../floorPlan/floorPlan.rooms.mjs";import{HIT_PX as Te,HIT_PX_COARSE as Ee,hitTest as De,selectionsEqual as Oe,worldTolerances as ke}from"../floorPlan/floorPlan.hit.mjs";import{SnapKind as d,clientToWorld as Ae,resolveSnap as je}from"../floorPlan/floorPlan.snap.mjs";import{planFromJson as Me,planToJson as Ne}from"../floorPlan/floorPlan.json.mjs";import Pe from"../numberInput/index.mjs";import Fe from"../planCanvas/planCanvas.mjs";import{usePlanHistory as Ie}from"./usePlanHistory.mjs";import f from"./roomDrawer.module.mjs";import{useCallback as p,useEffect as m,useImperativeHandle as Le,useMemo as Re,useRef as h,useState as g}from"react";import _ from"classnames";import{faAngleDown as ze,faAngleUp as Be,faArrowPointer as Ve,faArrowRotateLeft as He,faArrowRotateRight as Ue,faBorderAll as We,faClone as Ge,faDoorOpen as Ke,faDownload as qe,faDraftingCompass as Je,faExpand as Ye,faLayerGroup as Xe,faMagnet as Ze,faMagnifyingGlassMinus as Qe,faMagnifyingGlassPlus as $e,faMinus as et,faPlus as tt,faRulerCombined as nt,faSquare as rt,faTrash as it,faUpload as at,faWindowMaximize as ot}from"@fortawesome/free-solid-svg-icons";import{Fragment as st,jsx as v,jsxs as y}from"react/jsx-runtime";var ct=[`select`,`wall`,`rect`,`door`,`window`,`archway`,`measure`],lt={v:`select`,w:`wall`,r:`rect`,d:`door`,n:`window`,a:`archway`,m:`measure`},ut={door:o.Door,window:o.Window,archway:o.Archway},dt={[o.Door]:{width:900,sill:0,head:2100},[o.Window]:{width:1200,sill:900,head:2100},[o.Archway]:{width:1200,sill:0,head:2100},[o.Gap]:{width:1e3,sill:0,head:2500}},ft=1,pt=4,mt=[];function ht(e){return e>=1e3?`${(e/1e3).toFixed(2)} m`:`${Math.round(e)} mm`}function gt(e){let t=e/1e6;return`${t.toFixed(+(t<10))} m²`}function _t(e){return`${Math.round(e*10)/10}°`}function vt(e){return`${Math.round(e*1e3)/10}%`}function yt(e){let t=(e*180/Math.PI%360+360)%360;return t>180?t-360:t}var bt={tools:`Drawing tools`,storeyHeightHint:`Storey height. The floors above move to sit on top of it.`,sillHeightHint:`How far above the floor the opening starts. Stored for a 3D view; it does not change the plan.`,select:`Select and edit`,wall:`Draw walls`,rect:`Draw a room`,measure:`Measure`,door:`Add a door`,window:`Add a window`,archway:`Add an archway`,undo:`Undo`,redo:`Redo`,download:`Download plan`,upload:`Open a plan file`,underlay:`Show the floor below`,addFloor:`Add a floor above`,floorName:`Floor name`,duplicateFloor:`Copy this floor to a new one above`,deleteFloor:`Delete this floor`,floorHeight:`Height (mm)`,moveFloorUp:`Move this floor up`,moveFloorDown:`Move this floor down`,newRoomName:e=>`Room ${e}`,newFloorName:e=>`Floor ${e}`,copiedFloorName:e=>`${e} copy`,initialFloorName:`Ground floor`,selectedFloor:`Floor`,importFailed:`That file could not be read as a floor plan`,snap:`Snap to grid and geometry`,angleLock:e=>`Lock to ${e}° angles`,grid:`Show grid`,zoomIn:`Zoom in`,zoomOut:`Zoom out`,fit:`Fit to content`,roomName:`Room name`,addCorner:`Add corner`,thickness:`Thickness (mm)`,width:`Width (mm)`,sill:`Sill (mm)`,deleteSelection:`Delete selection`,selectedCount:e=>`${e} selected`,selectedRoom:`Room`,selectedWall:`Wall`,selectedCorner:`Corner`,selectedDoor:`Door`,selectedWindow:`Window`,selectedArchway:`Archway`,selectedGap:`Gap`,hintSelect:`Drag a corner to reshape · Drag a wall to push it, and the room next door moves with it · Ctrl-click or drag a box to select several · Delete to remove`,hintSelectSingle:`Drag a corner to reshape · Drag a wall to push it, and the room next door moves with it · Drag the dot on a selected wall to add a corner · Delete to remove`,hintWall:`Click to place corners · Shift for a fixed angle, L to latch it · Click the first corner or press Enter to close`,hintRect:`Drag to draw a room`,hintMeasure:`Drag to measure · Drag an end or the line to adjust it · Delete removes one, Escape clears them`,hintOpening:`Click a wall to cut an opening into it`,relativeAngle:e=>`${e} rel`};function xt(xt){let{ref:St,value:Ct,defaultValue:wt,onChange:b,onChangeEnd:Tt,floorId:Et,defaultFloorId:Dt,onFloorChange:Ot,showFloorBar:kt=!0,showUnderlay:At=!0,tool:jt,defaultTool:Mt=`select`,onToolChange:Nt,tools:Pt=ct,selection:Ft,defaultSelection:It,onSelectionChange:Lt,multiSelect:Rt=!0,onHoverChange:zt,view:Bt,defaultView:Vt,onViewChange:Ht,minZoom:Ut=.005,maxZoom:Wt=2,fitOnMount:Gt=!0,gridSize:x=100,showGrid:Kt=!0,snap:qt=!0,angleLock:Jt=!1,constrainAngle:Yt=45,showSnapGuides:Xt=!0,wallThickness:Zt=l.thickness,wallHeight:Qt,openingDefaults:$t,showMeasurements:en=!0,formatLength:tn=ht,formatArea:nn=gt,formatAngle:rn=_t,formatZoom:an=vt,showToolbar:on=!0,showInspector:sn=!0,showHint:cn=!0,showHistoryControls:ln=!0,showFileControls:un=!0,fileName:dn,onImport:fn,historyMode:pn=`internal`,historyLimit:mn=50,onHistoryChange:hn,readOnly:gn=!1,disabled:S=!1,canvasHeight:_n=`420px`,getRoomColor:vn,renderRoomLabel:yn,labels:bn,icons:C,"aria-label":xn,className:Sn,style:Cn,classNames:w,styles:T,...wn}=e(`RoomDrawer`,xt),E=t(`RoomDrawer`,bn,bt),{newRoomName:Tn,newFloorName:En,copiedFloorName:Dn,initialFloorName:On,relativeAngle:kn}=E,An=i(),D=An?Ee:Te,jn=h(null),Mn=h(null),Nn=h(null),Pn=h(null),O=h({kind:`none`}),k=h(new Map),A=h(null),Fn=h(!1),In=h(!1),Ln=h(!1),Rn=Re(()=>wt??Ct??pe({floorLabel:On}),[]),j=Ie(Rn,mn),zn=Ct!==void 0,M=zn?Ct:j.present;m(()=>{if(zn&&Ct){if(Ct===Pn.current){j.replace(Ct);return}j.commit(Ct,`external`)}},[Ct,zn]);let[Bn,Vn]=g(Dt),Hn=Et??Bn??M.floors[0]?.id,N=Re(()=>_e(M,Hn)??_e(M)??pe().floors[0],[M,Hn]),[Un,Wn]=g(At);m(()=>Wn(At),[At]);let Gn=Re(()=>Un?me(M,N.id):null,[Un,M,N.id]),Kn=p(e=>{e!==N.id&&(Et===void 0&&Vn(e),Ot?.(e))},[N.id,Et,Ot]),P=Re(()=>we(N),[N]).rooms,[qn,Jn]=g(Mt),F=jt??qn,Yn=p(e=>{jt===void 0&&Jn(e),Nt?.(e)},[jt,Nt]),[Xn,Zn]=g(It??mt),I=Ft===void 0?Xn:Ft,L=h(I);L.current=I;let R=p(e=>{let t=e===null?mt:Array.isArray(e)?e:[e];L.current=t,Ft===void 0&&Zn(t),Lt?.([...t])},[Ft,Lt]),Qn=p(e=>{let t=L.current,n=t.filter(t=>t.type!==e.type||t.id!==e.id);R(n.length===t.length?[...t,e]:n)},[R]),z=I.length===1?I[0]:null,$n=p(e=>{let t=new Set;for(let n of e)if(n.type===`node`)t.add(n.id);else if(n.type===`wall`){let e=N.walls[n.id];e&&(t.add(e.a),t.add(e.b))}else if(n.type===`room`){let e=P.find(e=>e.roomId===n.id);for(let n of e?.nodeIds??[])t.add(n)}return t},[N.walls,P]),er=Re(()=>$n(I),[$n,I]),[tr,nr]=g(null),[rr,ir]=g(Vt??{x:0,y:0,zoom:.05}),B=Bt??rr,V=p(e=>{Bt===void 0&&ir(e),Ht?.(e)},[Bt,Ht]),[H,ar]=g({width:800,height:420}),[U,or]=g([]),[W,sr]=g(null),[cr,lr]=g(qt),[ur,dr]=g(Jt);m(()=>lr(qt),[qt]),m(()=>dr(Jt),[Jt]);let[fr,pr]=g(Kt);m(()=>pr(Kt),[Kt]);let mr=h(null),[G,hr]=g(null),[K,gr]=g([]),_r=h(0),[vr,yr]=g(null),br=h(null),xr=p(e=>{let t=ke(D,B.zoom);for(let n=K.length-1;n>=0;n--){let r=K[n];if(Math.hypot(e.x-r.a.x,e.y-r.a.y)<=t.node)return{id:r.id,end:`a`};if(Math.hypot(e.x-r.b.x,e.y-r.b.y)<=t.node)return{id:r.id,end:`b`}}for(let n=K.length-1;n>=0;n--){let r=K[n];if(c(e,r.a,r.b).dist<=t.wall)return{id:r.id}}return null},[K,D,B.zoom]),[Sr,Cr]=g(null),q=!gn&&!S,wr=Re(()=>{if(U.length<2)return;let e=U[U.length-2],t=U[U.length-1];return Math.atan2(t.y-e.y,t.x-e.x)},[U]);m(()=>{let e=Mn.current;if(!e)return;let t=new ResizeObserver(()=>{let t=e.getBoundingClientRect();t.width>0&&t.height>0&&ar({width:Math.round(t.width),height:Math.round(t.height)})});t.observe(e);let n=e.getBoundingClientRect();return n.width>0&&n.height>0&&ar({width:Math.round(n.width),height:Math.round(n.height)}),()=>t.disconnect()},[]);let Tr=p((e,t)=>{let n=Mn.current?.getBoundingClientRect()??{left:0,top:0};return Ae(e,t,n,B)},[B]),J=p(e=>({x:(e.x-B.x)*B.zoom,y:(e.y-B.y)*B.zoom}),[B]),Y=p((e,t,n,r,i)=>{let a=cr!==In.current,o=ur!==Ln.current,s=je(e,{floor:N,pxToWorld:B.zoom>0?1/B.zoom:1,origin:t,referenceAngle:r,excludeNodeIds:n,excludeWallIds:i,options:{enabled:a?[d.Node,d.Intersection,d.Wall,d.Angle,d.Extension,d.Alignment,d.Grid]:[],gridSize:x,angleStepDeg:o?Yt:0,toleranceScreenPx:An?16:10}});return mr.current=s,s},[N,B.zoom,cr,ur,x,Yt,An]),Er=p(e=>{let t=Object.values(N.walls).filter(t=>t.a===e||t.b===e),n=new Set(t.map(e=>e.id)),r=N.nodes[e];if(!r)return{excludeWallIds:n};let i={x:r.x,y:r.y},a,o=t[0];if(o){let t=o.a===e?o.b:o.a,n=N.nodes[t];n&&(a=Math.atan2(n.y-r.y,n.x-r.x))}return{origin:i,referenceAngle:a,excludeWallIds:n}},[N]),Dr=p((e={})=>{let t=e.padding??24,n=he(N);if(!n||n.width<=0||n.height<=0){V({x:-1e3,y:-1e3,zoom:.05});return}let r=Math.min((H.width-t*2)/n.width,(H.height-t*2)/n.height),i=Math.max(Ut,Math.min(Wt,r));V({x:n.minX-(H.width/i-n.width)/2,y:n.minY-(H.height/i-n.height)/2,zoom:i})},[N,H.width,H.height,Ut,Wt,V]),Or=h(!1);m(()=>{Gt&&!Or.current&&Object.keys(N.nodes).length!==0&&(H.width<=1||(Or.current=!0,Dr()))},[Gt,N,H.width,Dr]);let kr=p((e,t,n,r=[],i={})=>{if(e===N)return M;let a=xe(M,e);Pn.current=a,n?i.push===!1?j.replace(a):j.commit(a,t,r):j.updateGesture(a);let o={reason:t,committed:n,targetIds:r};return b?.(a,o),n&&Tt?.(a,o),a},[N,M,j,b,Tt]),X=p((e,t,n=[],r={})=>{let i=Ce(ue(e).floor,{nameFor:Tn}).floor;return kr(i,t,!0,n,r)},[kr,Tn]);m(()=>{hn?.({canUndo:j.canUndo,canRedo:j.canRedo})},[j.canUndo,j.canRedo,hn]);let Ar=Re(()=>z?.type===`room`?P.find(e=>e.roomId===z.id)??null:null,[z,P]),Z=z?.type===`wall`?N.walls[z.id]:void 0,jr=z?.type===`opening`?N.openings[z.id]:void 0,Mr=Re(()=>{if(!Z)return null;let e=N.nodes[Z.a],t=N.nodes[Z.b];return!e||!t?null:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}},[Z,N.nodes]),Nr=p(()=>{if(!q||!Z)return;let e=ce(N,Z.id,.5);e.result.wallIds&&(X(e.floor,`edit-wall`,[e.result.nodeId]),R({type:`node`,id:e.result.nodeId}))},[q,Z,N,X,R]),Pr=p((e,t,n=new Set)=>{if(e.type===`wall`)return{floor:se(t,e.id).floor};if(e.type===`opening`)return{floor:oe(t,e.id).floor};if(e.type===`node`){let n=re(t,e.id,{force:!0});if(n.result)return{floor:n.floor,reselect:{type:`wall`,id:n.result.wallId}};let r=t;for(let n of Object.values(t.walls))(n.a===e.id||n.b===e.id)&&(r=se(r,n.id,{dissolveCollinear:!1}).floor);return{floor:r}}let r=P.find(t=>t.roomId===e.id);if(!r)return{floor:t};let i=new Set;for(let t of P)if(t.roomId!==e.id&&!(t.roomId&&n.has(t.roomId)))for(let e of t.wallIds)i.add(e);let a=t;for(let e of new Set(r.wallIds))i.has(e)||(a=se(a,e,{dissolveCollinear:!1}).floor);let o={...a.rooms};return delete o[e.id],{floor:{...a,rooms:o}}},[P]),Fr=p(()=>{let e=L.current;if(!q||e.length===0)return;let t={room:0,opening:1,wall:2,node:3},n=[...e].sort((e,n)=>t[e.type]-t[n.type]),r=new Set(n.filter(e=>e.type===`room`).map(e=>e.id)),i=N,a;for(let e of n){let t=Pr(e,i,r);i=t.floor,n.length===1&&(a=t.reselect)}i!==N&&(X(i,`delete`,n.map(e=>e.id)),R(a??null))},[q,N,Pr,X,R]),Ir=p(()=>{or(e=>e.length===0?e:[]),hr(null)},[]);m(()=>{Ir()},[F,Ir]);let Lr=p(e=>{if(S)return;if(jn.current?.focus(),Cr(null),k.current.set(e.pointerId,{x:e.clientX,y:e.clientY}),e.currentTarget.setPointerCapture?.(e.pointerId),k.current.size===2){let[e,t]=[...k.current.values()];O.current.kind!==`none`&&O.current.kind!==`pan`&&j.cancelGesture(),O.current={kind:`pinch`,startDist:Math.hypot(t.x-e.x,t.y-e.y),startView:B,startMid:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}};return}if(k.current.size>2)return;if(A.current={client:{x:e.clientX,y:e.clientY},moved:!1},e.button===1||Fn.current){O.current={kind:`pan`,startClient:{x:e.clientX,y:e.clientY},startView:B};return}if(e.button!==0)return;let t=Tr(e.clientX,e.clientY);if(!q){let e=De(N,P,t,ke(D,B.zoom));R(e);return}if(F===`rect`){let e=Y(t).point;O.current={kind:`rect`,start:e,current:e},j.beginGesture();return}if(F===`measure`){let e=xr(t);if(e){let n=K.find(t=>t.id===e.id);O.current=e.end?{kind:`measureEnd`,id:e.id,end:e.end}:{kind:`measureMove`,id:e.id,startWorld:t,origA:n.a,origB:n.b};return}let n=Y(t).point;O.current={kind:`measure`,start:n,current:n};return}if(F===`wall`){let e=U[U.length-1],n=Y(t,e,void 0,wr).point;if(U.length===0){or([n]);return}let r=U[U.length-1],i=te(N,r,n,{thickness:Zt,type:s.Interior,height:Qt},ke(D,B.zoom).node);i.result.wallIds.length>0&&X(i.floor,`draw-wall`,i.result.wallIds),U.length>=2&&Math.hypot(n.x-U[0].x,n.y-U[0].y)<ke(D,B.zoom).node?Ir():or(e=>[...e,n]);return}let n=ut[F];if(n){let e=ke(D,B.zoom),r=De(N,P,t,e,{accept:[`wall`]});if(r?.type!==`wall`)return;let i=N.walls[r.id],a=N.nodes[i.a],o=N.nodes[i.b],s=Math.hypot(o.x-a.x,o.y-a.y),c=((t.x-a.x)*(o.x-a.x)+(t.y-a.y)*(o.y-a.y))/(s*s||1),l={...dt[n],...$t?.[n]},u=ee(N,{wallId:i.id,kind:n,offset:Math.min(Math.max(c,0),1)*s,width:l.width,sill:l.sill,head:l.head});u.result.openingId&&(X(u.floor,`add-opening`,[u.result.openingId]),R({type:`opening`,id:u.result.openingId}));return}let r=ke(D,B.zoom);if(Mr&&z?.type===`wall`&&Math.hypot(t.x-Mr.x,t.y-Mr.y)<=r.node){j.beginGesture(),O.current={kind:`wallSplit`,wallId:z.id,at:Mr};return}let i=De(N,P,t,r),a=Rt&&(e.ctrlKey||e.metaKey);if(!i){a||R(null),O.current=Rt?{kind:`marquee`,start:t,current:t,additive:a,base:L.current}:{kind:`none`};return}if((e.ctrlKey||e.metaKey)&&i.type===`wall`&&N.walls[i.id]){let e=N.walls[i.id];a||R(i),j.beginGesture(),O.current={kind:`wall`,wallId:i.id,startWorld:t,origA:{...N.nodes[e.a]},origB:{...N.nodes[e.b]},moved:!1,detach:!0,toggle:a};return}if(a){Qn(i),O.current={kind:`none`};return}if(L.current.some(e=>e.type===i.type&&e.id===i.id)||R(i),j.beginGesture(),L.current.length>1){let e=[...$n(L.current)],n={};for(let t of e){let e=N.nodes[t];e&&(n[t]={x:e.x,y:e.y})}O.current={kind:`room`,nodeIds:e,startWorld:t,orig:n,moved:!1};return}if(i.type===`node`)O.current={kind:`node`,nodeId:i.id,moved:!1,...Er(i.id)};else if(i.type===`wall`){let e=N.walls[i.id];O.current={kind:`wall`,wallId:i.id,startWorld:t,origA:{...N.nodes[e.a]},origB:{...N.nodes[e.b]},moved:!1}}else if(i.type===`opening`)O.current={kind:`opening`,openingId:i.id,moved:!1};else{let e=P.find(e=>e.roomId===i.id),n=e?[...new Set(e.nodeIds)]:[],r={};for(let e of n){let t=N.nodes[e];t&&(r[e]={x:t.x,y:t.y})}O.current={kind:`room`,nodeIds:n,startWorld:t,orig:r,moved:!1}}},[S,q,B,F,N,P,D,Tr,Y,U,Zt,Qt,$t,X,R,Mr,z,wr,Er,$n,Rt,Qn,j,Ir,xr,K]),Rr=p(e=>{if(S)return;k.current.has(e.pointerId)&&k.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=O.current;if(t.kind===`pinch`&&k.current.size>=2){let[e,n]=[...k.current.values()],r=Math.hypot(n.x-e.x,n.y-e.y);if(t.startDist<=0)return;let i=Math.max(Ut,Math.min(Wt,t.startView.zoom*(r/t.startDist))),a=Mn.current?.getBoundingClientRect()??{left:0,top:0},o={x:(e.x+n.x)/2,y:(e.y+n.y)/2},s=Ae(t.startMid.x,t.startMid.y,a,t.startView);V({x:s.x-(o.x-a.left)/i,y:s.y-(o.y-a.top)/i,zoom:i});return}if(A.current){let t=e.clientX-A.current.client.x,n=e.clientY-A.current.client.y;Math.hypot(t,n)>pt&&(A.current.moved=!0)}if(t.kind===`pan`){V({x:t.startView.x-(e.clientX-t.startClient.x)/t.startView.zoom,y:t.startView.y-(e.clientY-t.startClient.y)/t.startView.zoom,zoom:t.startView.zoom});return}let n=Tr(e.clientX,e.clientY);if(sr(n),t.kind===`none`){if(!q)return;if(F===`wall`&&U.length>0){let e=Y(n,U[U.length-1],void 0,wr);sr(e.point),hr(e);return}if(F===`select`){let e=De(N,P,n,ke(D,B.zoom));Oe(e,tr)||(nr(e),zt?.(e))}F===`measure`&&yr(xr(n)?.id??null);return}if(A.current?.moved){if(t.kind===`measureEnd`){let e=Y(n).point;gr(n=>n.map(n=>n.id===t.id?{...n,[t.end]:e}:n)),sr(e);return}if(t.kind===`measureMove`){let e=n.x-t.startWorld.x,r=n.y-t.startWorld.y;gr(n=>n.map(n=>n.id===t.id?{...n,a:{x:t.origA.x+e,y:t.origA.y+r},b:{x:t.origB.x+e,y:t.origB.y+r}}:n));return}if(t.kind===`rect`||t.kind===`measure`){O.current={...t,current:Y(n).point},sr(Y(n).point);return}if(t.kind===`marquee`){O.current={...t,current:n},sr(n);return}if(t.kind===`wallSplit`){let e=ce(N,t.wallId,t.at);if(!e.result.wallIds){O.current={kind:`none`};return}let r=e.result.nodeId,i=N.walls[t.wallId],a=i?e.floor.nodes[i.a]:void 0,o=i?e.floor.nodes[i.b]:void 0,s={origin:a?{x:a.x,y:a.y}:void 0,referenceAngle:a&&o?Math.atan2(o.y-a.y,o.x-a.x):void 0,excludeWallIds:new Set(e.result.wallIds)},c=Y(n,s.origin,new Set([r]),s.referenceAngle,s.excludeWallIds).point;O.current={kind:`node`,nodeId:r,moved:!0,...s},R({type:`node`,id:r}),hr(mr.current),kr(ae(e.floor,r,c).floor,`move-node`,!1,[r]);return}if(t.kind===`node`){let e=Y(n,t.origin,new Set([t.nodeId]),t.referenceAngle,t.excludeWallIds).point;hr(mr.current),O.current={...t,moved:!0},kr(ae(N,t.nodeId,e).floor,`move-node`,!1,[t.nodeId]);return}if(t.kind===`wall`){let e=N.walls[t.wallId];if(!e)return;let r=t.origB.x-t.origA.x,i=t.origB.y-t.origA.y,a=Math.hypot(r,i);if(a<1e-6)return;let o={x:-i/a,y:r/a},s=(n.x-t.startWorld.x)*o.x+(n.y-t.startWorld.y)*o.y,c=qt!==In.current&&x>0?x:1,l=Math.round(s/c)*c,ee=Math.max(c,10);if(t.detach){if(Math.abs(l)<ee)return;let e=ne(N,t.wallId,{x:o.x*l,y:o.y*l});if(!e.result)return;O.current={...t,detach:!1,toggle:!1,detachedSign:Math.sign(l),moved:!0},R({type:`wall`,id:t.wallId}),kr(e.floor,`move-wall`,!1,[t.wallId]);return}let u=ae(N,e.a,{x:t.origA.x+o.x*l,y:t.origA.y+o.y*l}).floor;u=ae(u,e.b,{x:t.origB.x+o.x*l,y:t.origB.y+o.y*l}).floor,t.detachedSign&&Math.abs(l)<10?(u=ue(u).floor,O.current={...t,detachedSign:void 0,moved:!0}):O.current={...t,moved:!0},kr(u,`move-wall`,!1,[t.wallId]);return}if(t.kind===`opening`){let e=N.openings[t.openingId];if(!e)return;let r=N.walls[e.wallId],i=N.nodes[r.a],a=N.nodes[r.b],o=Math.hypot(a.x-i.x,a.y-i.y),s=((n.x-i.x)*(a.x-i.x)+(n.y-i.y)*(a.y-i.y))/(o*o||1);O.current={...t,moved:!0},kr(le(N,t.openingId,{offset:Math.min(Math.max(s,0),1)*o}).floor,`move-opening`,!1,[t.openingId]);return}if(t.kind===`room`){let e=n.x-t.startWorld.x,r=n.y-t.startWorld.y,i=qt!==In.current&&x>0?x:1,a=Math.round(e/i)*i,o=Math.round(r/i)*i,s=N;for(let e of t.nodeIds){let n=t.orig[e];n&&(s=ae(s,e,{x:n.x+a,y:n.y+o}).floor)}O.current={...t,moved:!0},kr(s,`move-room`,!1,t.nodeIds)}}},[S,q,F,N,P,tr,D,B.zoom,Ut,Wt,x,qt,Tr,Y,kr,V,R,U,wr,zt,xr]),zr=p((e,t)=>{k.current.delete(e.pointerId);let n=O.current;O.current={kind:`none`};let r=A.current?.moved??!1;if(A.current=null,hr(null),n.kind===`none`||n.kind===`pan`||n.kind===`pinch`)return;if(n.kind===`marquee`){if(t||!r){t&&R([...n.base]);return}let e=Math.min(n.start.x,n.current.x),i=Math.max(n.start.x,n.current.x),a=Math.min(n.start.y,n.current.y),o=Math.max(n.start.y,n.current.y),s=[];for(let t of Object.values(N.nodes))t.x>=e&&t.x<=i&&t.y>=a&&t.y<=o&&s.push({type:`node`,id:t.id});if(n.additive){let e=new Set(n.base.map(e=>`${e.type}:${e.id}`));R([...n.base,...s.filter(t=>!e.has(`${t.type}:${t.id}`))])}else R(s);return}if(t){let e=j.cancelGesture();e&&b?.(e,{reason:`external`,committed:!1,targetIds:[]});return}if(n.kind===`measureEnd`||n.kind===`measureMove`)return;if(n.kind===`measure`){let e=Math.hypot(n.current.x-n.start.x,n.current.y-n.start.y);r&&e>ft&&(_r.current+=1,gr(e=>[...e,{id:_r.current,a:n.start,b:n.current}]));return}if(n.kind===`rect`){if(!r){j.cancelGesture();return}let e=u(N,n.start,n.current,{thickness:Zt,type:s.Interior,height:Qt},ke(D,B.zoom).node);if(e.result.wallIds.length===0){j.cancelGesture();return}let t=j.endGesture();X(e.floor,`draw-rect`,e.result.wallIds,{push:!t});return}if(!r){j.cancelGesture(),n.kind===`wall`&&n.toggle&&Qn({type:`wall`,id:n.wallId});return}if(n.kind===`node`){let e=N.nodes[n.nodeId];if(e){let t=ke(D,B.zoom).node,r=Object.values(N.nodes).find(r=>r.id!==n.nodeId&&Math.hypot(r.x-e.x,r.y-e.y)<=t);if(r){let e=j.endGesture();X(ie(N,r.id,n.nodeId).floor,`move-node`,[r.id],{push:!e}),R({type:`node`,id:r.id});return}}}let i=j.endGesture(),a=n.kind===`wall`?`move-wall`:n.kind===`opening`?`move-opening`:n.kind===`room`?`move-room`:`move-node`;X(N,a,[],{push:!i})},[N,j,D,B.zoom,Zt,Qt,X,R,Qn,b]);m(()=>{let e=Mn.current;if(!e||S)return;function t(t){t.preventDefault();let n=e.getBoundingClientRect(),r=Math.exp(-t.deltaY*.002);V((()=>{let e=Br.current,i=Math.max(Ut,Math.min(Wt,e.zoom*r)),a=Ae(t.clientX,t.clientY,n,e);return{x:a.x-(t.clientX-n.left)/i,y:a.y-(t.clientY-n.top)/i,zoom:i}})())}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[S,Ut,Wt,V]);let Br=h(B);Br.current=B;let Vr=p(e=>{let t=Math.max(Ut,Math.min(Wt,B.zoom*e)),n={x:B.x+H.width/2/B.zoom,y:B.y+H.height/2/B.zoom};V({x:n.x-H.width/2/t,y:n.y-H.height/2/t,zoom:t})},[B,H,Ut,Wt,V]),Hr=p(()=>{if(pn===`none`)return;let e=j.undo();e&&(Pn.current=e,b?.(e,{reason:`undo`,committed:!0,targetIds:[]}),Tt?.(e,{reason:`undo`,committed:!0,targetIds:[]}))},[pn,j,b,Tt]),Ur=p(()=>{if(pn===`none`)return;let e=j.redo();e&&(Pn.current=e,b?.(e,{reason:`redo`,committed:!0,targetIds:[]}),Tt?.(e,{reason:`redo`,committed:!0,targetIds:[]}))},[pn,j,b,Tt]),Wr=p(()=>{let e=P.filter(e=>e.roomId).map(e=>({type:`room`,id:e.roomId}));if(e.length>0){R(e);return}R(Object.keys(N.nodes).map(e=>({type:`node`,id:e})))},[P,N.nodes,R]),Gr=p((e,t)=>{if(!q||er.size===0)return;let n=x>0?x:100,r=Ln.current?n*10:n,i=N;for(let n of er){let a=i.nodes[n];a&&(i=ae(i,n,{x:a.x+e*r,y:a.y+t*r}).floor)}X(i,`nudge`,[...er])},[q,er,N,x,X]),Kr=p(e=>{if(S)return;let t=e.target;if(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement){e.key===`Escape`&&t.blur();return}if(e.key===`Shift`&&(Ln.current=!0),e.key===`Alt`&&(In.current=!0),e.key===` `&&!Fn.current){Fn.current=!0,e.preventDefault();return}let n=e.metaKey||e.ctrlKey;if(n&&e.key.toLowerCase()===`z`){e.preventDefault(),e.shiftKey?Ur():Hr();return}if(n&&e.key.toLowerCase()===`a`){e.preventDefault(),Rt&&Wr();return}if(n&&e.key.toLowerCase()===`y`){e.preventDefault(),Ur();return}if(e.key===`Escape`){U.length>0?Ir():K.length>0?gr([]):R(null);return}if(e.key===`Enter`&&F===`wall`){Ir();return}if(e.key===`Delete`||e.key===`Backspace`){if(e.preventDefault(),F===`measure`){vr!==null&&(gr(e=>e.filter(e=>e.id!==vr)),yr(null));return}Fr();return}if(e.key===`+`||e.key===`=`){Vr(1.25);return}if(e.key===`-`){Vr(1/1.25);return}if(e.key===`0`){Dr();return}if(e.key.startsWith(`Arrow`)){e.preventDefault();let t={ArrowLeft:[-1,0],ArrowRight:[1,0],ArrowUp:[0,-1],ArrowDown:[0,1]}[e.key];t&&Gr(t[0],t[1]);return}let r=e.key.toLowerCase();if(r===`s`){lr(e=>!e);return}if(r===`l`){dr(e=>!e);return}if(r===`g`){pr(e=>!e);return}let i=lt[e.key.toLowerCase()];i&&q&&Pt.includes(i)&&(Yn(i),Ir())},[S,q,Pt,F,U,K.length,vr,Ur,Hr,R,Ir,Fr,Vr,Dr,Gr,Yn,Rt,Wr]),Q=p((e,t,n)=>{Pn.current=e,n?.resetHistory?(j.clearHistory(),j.replace(e)):j.commit(e,t);let r={reason:t,committed:!0,targetIds:[]};b?.(e,r),Tt?.(e,r)},[j,b,Tt]),qr=p((e={})=>{let{plan:t,floor:n}=de(M,{nameFor:En,...e,index:ge(M,N.id)+1});return Q(t,`add-floor`),Kn(n.id),n.id},[M,N.id,Q,Kn,En]),Jr=p(()=>{let{plan:e,floor:t}=fe(M,N.id,{label:Dn(N.label)});return t?(Q(e,`duplicate-floor`),Kn(t.id),t.id):null},[M,N.id,N.label,Q,Kn,Dn]),Yr=p(e=>{let t=e??N.id,n=ye(M,t);if(n!==M&&(Q(n,`remove-floor`),t===N.id)){let e=ge(M,t);Kn(n.floors[Math.max(0,e-1)].id)}},[M,N.id,Q,Kn]),Xr=p((e,t)=>{let n=ve(M,e,t);n!==M&&Q(n,`move-floor`)},[M,Q]),Zr=p((e,t)=>{let n=Se(M,e,t);n!==M&&Q(n,`edit-floor`)},[M,Q]),Qr=p((e,t)=>{let n=be(M,e,t);n!==M&&Q(n,`rename-floor`)},[M,Q]),$r=p(e=>{let t=(e??dn??M.name??``).trim()||`floor-plan`,n=URL.createObjectURL(new Blob([Ne(M)],{type:`application/json`})),r=document.createElement(`a`);r.href=n,r.download=t.endsWith(`.json`)?t:`${t}.json`,r.click(),setTimeout(()=>URL.revokeObjectURL(n),0)},[dn,M]),ei=p(e=>{let t=Me(e);return t.plan&&Q(t.plan,`import`),Cr(t.plan&&t.issues.length===0?null:t.issues),fn?.(t),t},[fn,Q]),ti=p(e=>{e.text().then(e=>ei(e)).catch(e=>{let t=[`Could not read that file: ${e.message}`];Cr(t),fn?.({plan:null,issues:t})})},[ei,fn]),ni=p(()=>gr([]),[]),ri=p(e=>{e.key===`Shift`&&(Ln.current=!1),e.key===`Alt`&&(In.current=!1),e.key===` `&&(Fn.current=!1)},[]);Le(St,()=>({getPlan:()=>M,setPlan:(e,t)=>Q(e,`import`,t),clear:()=>Q(pe({floorLabel:On}),`clear`),getFloorId:()=>N.id,setFloorId:Kn,addFloor:e=>qr(e),duplicateFloor:Jr,removeFloor:Yr,renameFloor:Qr,moveFloor:Xr,setFloorHeight:Zr,clearMeasurements:ni,download:$r,loadJson:ei,undo:Hr,redo:Ur,canUndo:()=>pn!==`none`&&j.canUndo,canRedo:()=>pn!==`none`&&j.canRedo,clearHistory:j.clearHistory,getSelection:()=>[...L.current],select:R,addToSelection:e=>{let t=Array.isArray(e)?e:[e],n=new Set(L.current.map(e=>`${e.type}:${e.id}`));R([...L.current,...t.filter(e=>!n.has(`${e.type}:${e.id}`))])},toggleSelection:Qn,selectAll:Wr,deleteSelection:Fr,getView:()=>B,setView:V,zoomBy:Vr,fitToContent:Dr,toWorld:Tr,toScreen:J,getSvgElement:()=>Nn.current}),[M,j,Q,On,N,Kn,qr,Jr,Yr,Qr,Xr,Zr,ni,$r,ei,Hr,Ur,pn,R,Qn,Wr,Fr,B,V,Vr,Dr,Tr,J]);let $=O.current,ii=Re(()=>{if(!q)return null;let e=[],t=[...K,...$.kind===`measure`?[{id:-1,a:$.start,b:$.current}]:[]];for(let n of t){let t=J(n.a),r=J(n.b),i=Math.hypot(n.b.x-n.a.x,n.b.y-n.a.y);if(i<ft)continue;let a=Math.atan2(n.b.y-n.a.y,n.b.x-n.a.x),o=-Math.sin(a)*5,s=Math.cos(a)*5,c={x:(t.x+r.x)/2,y:(t.y+r.y)/2};if(e.push(y(`g`,{className:_(f.roomDrawerMeasureLine,vr===n.id&&f.roomDrawerMeasureLineHovered,w?.measureLine),children:[v(`line`,{x1:t.x,y1:t.y,x2:r.x,y2:r.y}),v(`line`,{x1:t.x-o,y1:t.y-s,x2:t.x+o,y2:t.y+s}),v(`line`,{x1:r.x-o,y1:r.y-s,x2:r.x+o,y2:r.y+s})]},`measure-${n.id}`)),F===`measure`&&n.id>=0)for(let[i,a]of[[`a`,t],[`b`,r]])e.push(v(`circle`,{className:f.roomDrawerMeasureGrip,cx:a.x,cy:a.y,r:4},`measure-grip-${n.id}-${i}`));e.push(v(`text`,{className:_(f.roomDrawerMeasure,w?.measureLine),x:c.x,y:c.y-8,textAnchor:`middle`,children:`${tn(i)} · ${rn(yt(a))}`},`measure-label-${n.id}`))}if(Xt&&G&&(G.guides.forEach((t,n)=>{let r=J(t.a),i=J(t.b);e.push(v(`line`,{className:_(f.roomDrawerGuide,t.kind===d.Angle&&f.roomDrawerGuideAngle),x1:r.x,y1:r.y,x2:i.x,y2:i.y},`guide-${n}`))}),G.kind!==d.None&&G.kind!==d.Grid)){let t=J(G.point);e.push(v(`rect`,{className:f.roomDrawerSnapMarker,x:t.x-4,y:t.y-4,width:8,height:8},`snap-marker`))}if($.kind===`rect`){let t=J($.start),n=J($.current),r=Math.min(t.x,n.x),i=Math.min(t.y,n.y),a=Math.max(t.x,n.x),o=Math.max(t.y,n.y);e.push(v(`rect`,{className:f.roomDrawerPreview,x:r,y:i,width:a-r,height:o-i},`rect-preview`));let s=Math.abs($.current.x-$.start.x),c=Math.abs($.current.y-$.start.y);en&&(s>0||c>0)&&(e.push(v(`text`,{className:f.roomDrawerMeasure,x:(r+a)/2,y:i-8,textAnchor:`middle`,children:tn(s)},`rect-width`),v(`text`,{className:f.roomDrawerMeasure,x:r-8,y:(i+o)/2,textAnchor:`end`,dominantBaseline:`central`,children:tn(c)},`rect-height`)),s>0&&c>0&&e.push(v(`text`,{className:_(f.roomDrawerMeasure,f.roomDrawerMeasureSecondary),x:(r+a)/2,y:(i+o)/2,textAnchor:`middle`,dominantBaseline:`central`,children:nn(s*c)},`rect-area`)))}if(F===`wall`&&U.length>0){let t=[...U,W].filter(Boolean).map(J);if(e.push(v(`polyline`,{className:f.roomDrawerPreview,points:t.map(e=>`${e.x},${e.y}`).join(` `),fill:`none`},`chain`)),t.forEach((t,n)=>{e.push(v(`circle`,{className:f.roomDrawerHandle,cx:t.x,cy:t.y,r:4},`chain-dot-${n}`))}),en&&W&&U.length>0){let t=U[U.length-1],n=Math.hypot(W.x-t.x,W.y-t.y),r=J({x:(t.x+W.x)/2,y:(t.y+W.y)/2}),i=G?.kind===d.Angle;e.push(v(`text`,{className:_(f.roomDrawerMeasure,i&&f.roomDrawerMeasureLocked),x:r.x,y:r.y-8,textAnchor:`middle`,children:`${tn(n)} · ${G?.angleRelativeTo===`reference`&&wr!==void 0?kn(rn(yt(Math.atan2(W.y-t.y,W.x-t.x)-wr))):rn(yt(Math.atan2(W.y-t.y,W.x-t.x)))}`},`chain-len`))}}let n=new Set(I.filter(e=>e.type===`node`).map(e=>e.id));for(let t of er){let r=N.nodes[t];if(!r)continue;let i=J(r);e.push(v(`circle`,{className:_(f.roomDrawerHandle,n.has(t)&&f.roomDrawerHandleActive),cx:i.x,cy:i.y,r:5},`handle-${t}`))}if($.kind===`marquee`&&A.current?.moved){let t=J($.start),n=J($.current);e.push(v(`rect`,{className:f.roomDrawerMarquee,x:Math.min(t.x,n.x),y:Math.min(t.y,n.y),width:Math.abs(n.x-t.x),height:Math.abs(n.y-t.y)},`marquee`))}if(Mr&&$.kind!==`node`){let t=J(Mr);e.push(v(`circle`,{className:f.roomDrawerMidHandle,cx:t.x,cy:t.y,r:4},`midpoint`))}if(en&&$.kind===`room`&&$.moved){let t=new Set($.nodeIds),n=$.nodeIds.find(e=>N.nodes[e]&&$.orig[e]);if(n){let t=N.nodes[n],r=$.orig[n],i=t.x-r.x,a=t.y-r.y,o=z?.type===`room`?P.find(e=>e.roomId===z.id):void 0,s=J(o?o.anchor:t);e.push(v(`text`,{className:_(f.roomDrawerMeasure,f.roomDrawerMeasureOffset),x:s.x,y:s.y-26,textAnchor:`middle`,children:`${tn(Math.hypot(i,a))} · ${rn(yt(Math.atan2(a,i)))}`},`room-offset`))}for(let n of Object.values(N.walls)){if(t.has(n.a)===t.has(n.b))continue;let r=N.nodes[n.a],i=N.nodes[n.b];if(!r||!i)continue;let a=t.has(n.a)?r:i,o=t.has(n.a)?i:r,s=J({x:(r.x+i.x)/2,y:(r.y+i.y)/2});e.push(v(`text`,{className:_(f.roomDrawerMeasure,f.roomDrawerMeasureSecondary),x:s.x,y:s.y-8,textAnchor:`middle`,children:`${tn(Math.hypot(o.x-a.x,o.y-a.y))} · ${rn(yt(Math.atan2(o.y-a.y,o.x-a.x)))}`},`room-stretch-${n.id}`))}}if(en&&(z?.type===`node`||z?.type===`wall`)){let t=[],n=new Set,r=(e,r,i)=>{if(n.has(e))return;let a=N.walls[e];a&&(n.add(e),t.push({wall:a,from:r,primary:i}))};if(z.type===`node`)for(let e of Object.values(N.walls))(e.a===z.id||e.b===z.id)&&r(e.id,z.id,!0);else{let e=N.walls[z.id];if(e){r(e.id,e.a,!0);for(let t of Object.values(N.walls))if(t.id!==e.id)for(let n of[e.a,e.b])(t.a===n||t.b===n)&&r(t.id,n,!1)}}let i=G?.kind===d.Angle&&$.kind!==`none`;for(let{wall:n,from:r,primary:a}of t){let t=N.nodes[n.a],o=N.nodes[n.b];if(!t||!o)continue;let s=n.a===r?t:o,c=n.a===r?o:t,l=J({x:(t.x+o.x)/2,y:(t.y+o.y)/2});e.push(v(`text`,{className:_(f.roomDrawerMeasure,!a&&f.roomDrawerMeasureSecondary,a&&i&&f.roomDrawerMeasureLocked),x:l.x,y:l.y-8,textAnchor:`middle`,children:`${tn(Math.hypot(c.x-s.x,c.y-s.y))} · ${rn(yt(Math.atan2(c.y-s.y,c.x-s.x)))}`},`measure-${n.id}`))}}return v(st,{children:e})},[q,$,F,U,W,I,N,P,z,er,Mr,en,Xt,G,wr,tn,nn,rn,kn,K,vr,w?.measureLine,J]),ai={select:{icon:Ve,label:E.select,key:`V`},wall:{icon:et,label:E.wall,key:`W`},rect:{icon:rt,label:E.rect,key:`R`},door:{icon:Ke,label:E.door,key:`D`},window:{icon:ot,label:E.window,key:`N`},archway:{icon:Ye,label:E.archway,key:`A`},measure:{icon:nt,label:E.measure,key:`M`}},oi=q?F===`wall`?E.hintWall:F===`rect`?E.hintRect:F===`measure`?E.hintMeasure:ut[F]?E.hintOpening:Rt?E.hintSelect:E.hintSelectSingle:``,si=I.length===0?E.selectedFloor:I.length>1?E.selectedCount(I.length):jr?{[o.Door]:E.selectedDoor,[o.Window]:E.selectedWindow,[o.Archway]:E.selectedArchway,[o.Gap]:E.selectedGap}[jr.kind]:Z?E.selectedWall:z?.type===`room`?E.selectedRoom:E.selectedCorner,ci=q?Pt:[];return y(`div`,{...wn,ref:jn,className:_(f.roomDrawer,S&&f.roomDrawerDisabled,Sn,w?.root),style:{...Cn,...T?.root},role:`application`,"aria-label":xn??`Floor plan editor`,tabIndex:S?-1:0,onKeyDown:Kr,onKeyUp:ri,children:[on&&y(`div`,{className:_(f.roomDrawerToolbar,w?.toolbar),style:T?.toolbar,role:`toolbar`,"aria-label":E.tools,children:[ci.map(e=>{let t=ai[e];return v(`button`,{type:`button`,className:_(f.roomDrawerToolButton,e===F&&f.roomDrawerToolButtonActive,w?.toolButton),style:T?.toolButton,title:`${t.label} (${t.key})`,"aria-label":t.label,"aria-pressed":e===F,onClick:()=>{Yn(e),Ir()},children:n(C?.[e]??t.icon,{className:_(f.roomDrawerToolIcon,w?.toolIcon),style:T?.toolIcon})},e)}),ci.length>0&&v(`span`,{className:f.roomDrawerToolbarSeparator}),q&&y(st,{children:[[{on:cr,toggle:()=>lr(e=>!e),icon:C?.snap??Ze,label:E.snap,key:`S`},{on:ur,toggle:()=>dr(e=>!e),icon:C?.angleLock??Je,label:E.angleLock(Yt),key:`L`},{on:fr,toggle:()=>pr(e=>!e),icon:C?.grid??We,label:E.grid,key:`G`},...me(M,N.id)?[{on:Un,toggle:()=>Wn(e=>!e),icon:C?.underlay??Xe,label:E.underlay,key:`B`}]:[]].map(e=>v(`button`,{type:`button`,className:_(f.roomDrawerToolButton,e.on&&f.roomDrawerToolButtonOn,w?.toolButton),style:T?.toolButton,title:`${e.label} (${e.key})`,"aria-label":e.label,"aria-pressed":e.on,onClick:e.toggle,children:n(e.icon,{className:_(f.roomDrawerToolIcon,w?.toolIcon),style:T?.toolIcon})},e.key)),v(`span`,{className:f.roomDrawerToolbarSeparator})]}),ln&&pn!==`none`&&q&&y(st,{children:[v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.undo,"aria-label":E.undo,disabled:!j.canUndo,onClick:Hr,children:n(C?.undo??He)}),v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.redo,"aria-label":E.redo,disabled:!j.canRedo,onClick:Ur,children:n(C?.redo??Ue)}),v(`span`,{className:f.roomDrawerToolbarSeparator})]}),un&&y(st,{children:[v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.download,"aria-label":E.download,onClick:()=>$r(),children:n(C?.download??qe)}),q&&v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.upload,"aria-label":E.upload,onClick:()=>br.current?.click(),children:n(C?.upload??at)}),v(`span`,{className:f.roomDrawerToolbarSeparator})]}),y(`div`,{className:_(f.roomDrawerViewControls,w?.viewControls),style:T?.viewControls,children:[v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.zoomOut,"aria-label":E.zoomOut,onClick:()=>Vr(1/1.25),children:n(C?.zoomOut??Qe)}),v(`button`,{type:`button`,className:_(f.roomDrawerZoomLabel,w?.zoomLabel),style:T?.zoomLabel,title:E.fit,onClick:()=>Dr(),children:an(B.zoom)}),v(`button`,{type:`button`,className:_(f.roomDrawerViewButton,w?.viewButton),style:T?.viewButton,title:E.zoomIn,"aria-label":E.zoomIn,onClick:()=>Vr(1.25),children:n(C?.zoomIn??$e)})]})]}),kt&&M.floors.length>0&&y(`div`,{className:_(f.roomDrawerFloorBar,w?.floorBar),style:T?.floorBar,role:`tablist`,"aria-label":E.selectedFloor,children:[[...M.floors].reverse().map(e=>v(`button`,{type:`button`,role:`tab`,className:_(f.roomDrawerFloorTab,e.id===N.id&&f.roomDrawerFloorTabActive,w?.floorTab),style:T?.floorTab,"aria-selected":e.id===N.id,onClick:()=>Kn(e.id),children:e.label},e.id)),q&&v(`button`,{type:`button`,className:_(f.roomDrawerFloorTab,f.roomDrawerFloorTabAdd),title:E.addFloor,"aria-label":E.addFloor,onClick:()=>qr(),children:n(C?.addFloor??tt)})]}),v(`div`,{ref:Mn,className:_(f.roomDrawerCanvasWrapper,q&&F!==`select`&&f.roomDrawerCanvasWrapperDrawing,w?.canvasWrapper),style:{height:_n,...T?.canvasWrapper},onPointerDown:Lr,onPointerMove:Rr,onPointerUp:e=>zr(e,!1),onPointerCancel:e=>zr(e,!0),children:v(Fe,{ref:Nn,floor:N,underlay:Gn,rooms:P,view:B,size:H,selection:I,hovered:tr,interactiveRooms:!1,showGrid:fr,gridSize:x,showRoomLabels:!0,formatArea:nn,getRoomColor:vn,renderRoomLabel:yn,overlay:ii,classNames:w,styles:T})}),sn&&q&&y(`div`,{className:_(f.roomDrawerInspector,w?.inspector),style:T?.inspector,children:[v(`span`,{className:_(f.roomDrawerInspectorKind,I.length===0&&f.roomDrawerInspectorKindEmpty,w?.inspectorLabel),children:si}),I.length===0&&y(st,{children:[v(a,{className:_(f.roomDrawerInspectorName,w?.inspectorField),style:T?.inspectorField,label:E.floorName,value:N.label,onChange:e=>Qr(N.id,e)}),v(Pe,{className:_(f.roomDrawerInspectorField,w?.inspectorField),style:T?.inspectorField,label:E.floorHeight,title:E.storeyHeightHint,value:N.height,decimalScale:0,min:500,step:100,showArrows:!0,onChange:e=>{e!==void 0&&Zr(N.id,e)}}),M.floors.length>1&&y(st,{children:[v(`button`,{type:`button`,className:_(f.roomDrawerInspectorAction,w?.inspectorField),style:T?.inspectorField,title:E.moveFloorUp,"aria-label":E.moveFloorUp,disabled:ge(M,N.id)>=M.floors.length-1,onClick:()=>Xr(N.id,ge(M,N.id)+1),children:n(C?.moveFloorUp??Be)}),v(`button`,{type:`button`,className:_(f.roomDrawerInspectorAction,w?.inspectorField),style:T?.inspectorField,title:E.moveFloorDown,"aria-label":E.moveFloorDown,disabled:ge(M,N.id)<=0,onClick:()=>Xr(N.id,ge(M,N.id)-1),children:n(C?.moveFloorDown??ze)})]}),v(`button`,{type:`button`,className:_(f.roomDrawerInspectorAction,w?.inspectorField),style:T?.inspectorField,title:E.duplicateFloor,onClick:()=>Jr(),children:n(C?.duplicateFloor??Ge)}),M.floors.length>1&&v(r,{className:f.roomDrawerInspectorDelete,icon:C?.delete??it,title:E.deleteFloor,onClick:()=>Yr()})]}),Ar?.meta&&y(st,{children:[v(a,{className:_(f.roomDrawerInspectorName,w?.inspectorField),style:T?.inspectorField,label:E.roomName,value:Ar.meta.name,onChange:e=>{let t=Ar.meta;X({...N,rooms:{...N.rooms,[t.id]:{...t,name:e}}},`edit-room`,[t.id])}}),v(`span`,{className:_(f.roomDrawerInspectorLabel,w?.inspectorLabel),children:nn(Ar.area)})]}),Z&&v(`button`,{type:`button`,className:_(f.roomDrawerInspectorAction,w?.inspectorField),style:T?.inspectorField,onClick:Nr,children:E.addCorner}),Z&&v(Pe,{className:_(f.roomDrawerInspectorField,w?.inspectorField),style:T?.inspectorField,label:E.thickness,value:Z.thickness,decimalScale:0,min:10,showArrows:!0,step:10,onChange:e=>{e!==void 0&&X({...N,walls:{...N.walls,[Z.id]:{...Z,thickness:e}}},`edit-wall`,[Z.id])}}),jr&&y(st,{children:[v(Pe,{className:_(f.roomDrawerInspectorField,w?.inspectorField),style:T?.inspectorField,label:E.width,value:jr.width,decimalScale:0,min:100,step:50,showArrows:!0,onChange:e=>{e!==void 0&&X(le(N,jr.id,{width:e}).floor,`edit-opening`,[jr.id])}}),v(Pe,{className:_(f.roomDrawerInspectorField,w?.inspectorField),style:T?.inspectorField,label:E.sill,title:E.sillHeightHint,showArrows:!0,value:jr.sill,decimalScale:0,min:0,step:50,onChange:e=>{e!==void 0&&X(le(N,jr.id,{sill:e}).floor,`edit-opening`,[jr.id])}})]}),I.length>0&&v(r,{className:f.roomDrawerInspectorDelete,icon:C?.delete??it,title:E.deleteSelection,onClick:Fr})]}),un&&q&&v(`input`,{ref:br,type:`file`,accept:`application/json,.json`,className:f.roomDrawerFileInput,tabIndex:-1,"aria-hidden":`true`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&ti(t)}}),cn&&(Sr!==null||oi)&&v(`div`,{className:_(f.roomDrawerHint,Sr!==null&&f.roomDrawerHintReport,w?.hint),style:T?.hint,role:Sr===null?void 0:`status`,children:Sr===null?oi:Sr.length===0?E.importFailed:Sr.join(` · `)})]})}export{xt as default};
 //# sourceMappingURL=roomDrawer.mjs.map