const FURN={"Bedside table":[0.45,0.50,0.40],"Study table":[1.20,0.75,0.60],"Bunk bed":[2.00,1.60,1.00],"Rotating bookshelf":[0.45,1.20,0.45],"Storage cabinet":[0.80,1.00,0.40],"Custom…":[0.80,0.60,0.50]};const COLORS=["#3b7dd8","#e08a2b","#2e9e5b","#d8453b","#8e5cd9","#1aa3a3","#c2476f","#6b8e23","#b5651d","#3a3a8e"];const EXTEND_LIMIT_M=0.25;const DEFAULT_PXM=90;const S={videoFrame:null,layoutImg:null,backdrop:null,backdropType:null,calib:{video:null,layout:null},scaleLines:{video:[],layout:[]},markColor:'#000',calibrating:!1,calibPts:[],measureDepth:null,cropFor:null,cropRect:null,view3d:!1,items:[],drag:null,selected:null,rotating:null,resizing:null,dragScale:null,cloneOn:!1,brush:40,hasEdit:!1,cloneStroke:null,cloneSrc:null,cloneOff:null,cursor:null,canUndo:!1};const cv=document.getElementById('cv'),ctx=cv.getContext('2d');const banner=document.getElementById('banner');const edited=document.createElement('canvas');edited.width=cv.width;edited.height=cv.height;const ectx=edited.getContext('2d');const bdc=document.createElement('canvas');bdc.width=cv.width;bdc.height=cv.height;const bdx=bdc.getContext('2d');const undoCanvas=document.createElement('canvas');undoCanvas.width=cv.width;undoCanvas.height=cv.height;const uctx=undoCanvas.getContext('2d');function resetEdited(){ectx.clearRect(0,0,cv.width,cv.height);const br=backdropRect();if(br&&S.backdrop)ectx.drawImage(S.backdrop,br.x,br.y,br.w,br.h);S.hasEdit=!1;S.cloneSrc=null;S.cloneOff=null;S.canUndo=!1} function cloneStampAt(p){const rad=S.brush/2,sx=p.x-S.cloneOff.dx,sy=p.y-S.cloneOff.dy,br=backdropRect();ectx.save();if(br){ectx.beginPath();ectx.rect(br.x,br.y,br.w,br.h);ectx.clip()} ectx.beginPath();ectx.arc(p.x,p.y,rad,0,7);ectx.clip();ectx.drawImage(bdc,sx-rad-2,sy-rad-2,rad*2+4,rad*2+4,p.x-rad-2,p.y-rad-2,rad*2+4,rad*2+4);ectx.restore();S.hasEdit=!0} function cloneLine(a,b){const d=Math.hypot(b.x-a.x,b.y-a.y),step=Math.max(2,S.brush/4),n=Math.max(1,Math.round(d/step));for(let i=1;i<=n;i++)cloneStampAt({x:a.x+(b.x-a.x)*i/n,y:a.y+(b.y-a.y)*i/n})} function pxm(){return S.calib[S.backdropType]||null} function drawPxm(){return pxm()||DEFAULT_PXM} function dist(a,b){return Math.hypot(a.x-b.x,a.y-b.y)} function pointInPolygon(p,poly){let inside=!1;for(let i=0,j=poly.length-1;i<poly.length;j=i++){const a=poly[i],b=poly[j];if(((a.y>p.y)!==(b.y>p.y))&&(p.x<(b.x-a.x)*(p.y-a.y)/(b.y-a.y)+a.x))inside=!inside} return inside} function pointSegDist(p,a,b){const dx=b.x-a.x,dy=b.y-a.y,l2=dx*dx+dy*dy;if(l2===0)return dist(p,a);let t=((p.x-a.x)*dx+(p.y-a.y)*dy)/l2;t=Math.max(0,Math.min(1,t));return dist(p,{x:a.x+t*dx,y:a.y+t*dy})} function pointPolyDist(p,poly){let m=Infinity;for(let i=0,j=poly.length-1;i<poly.length;j=i++)m=Math.min(m,pointSegDist(p,poly[i],poly[j]));return m} function centroid(poly){let x=0,y=0;for(const v of poly){x+=v.x;y+=v.y}return{x:x/poly.length,y:y/poly.length}} function expandPoly(poly,dpx){const c=centroid(poly);return poly.map(v=>{const dx=v.x-c.x,dy=v.y-c.y,L=Math.hypot(dx,dy)||1;return{x:v.x+dx/L*dpx,y:v.y+dy/L*dpx}})} function itemCorners(it,ppm){const hw=it.w*ppm/2,hd=it.d*ppm/2,c=Math.cos(it.rot),s=Math.sin(it.rot);return[[-hw,-hd],[hw,-hd],[hw,hd],[-hw,hd]].map(([x,y])=>({x:it.x+x*c-y*s,y:it.y+x*s+y*c}))} function footprintCorners(it,ppm){const hw=it.w*ppm/2,hd=(it.depth||it.d)*ppm/2,c=Math.cos(it.rot),s=Math.sin(it.rot);return[[-hw,-hd],[hw,-hd],[hw,hd],[-hw,hd]].map(([x,y])=>({x:it.x+x*c-y*s,y:it.y+x*s+y*c}))} function itemContains(it,p,ppm){const c=Math.cos(-it.rot),s=Math.sin(-it.rot),dx=p.x-it.x,dy=p.y-it.y;const lx=dx*c-dy*s,ly=dx*s+dy*c;return Math.abs(lx)<=it.w*ppm/2&&Math.abs(ly)<=it.d*ppm/2} function backdropRect(){if(!S.backdrop)return null;const iw=S.backdrop.width,ih=S.backdrop.height;const k=Math.min(cv.width/iw,cv.height/ih);const w=iw*k,h=ih*k;return{x:(cv.width-w)/2,y:(cv.height-h)/2,w,h}} function roomPoly(){if(S.backdropType!=='layout')return null;const br=backdropRect();if(!br)return null;return[{x:br.x,y:br.y},{x:br.x+br.w,y:br.y},{x:br.x+br.w,y:br.y+br.h},{x:br.x,y:br.y+br.h}]} function evaluate(){if(!S.items.length){setBanner('grey','Add furniture to begin.');return} const room=roomPoly(),ppm=pxm();if(!(room&&ppm)){const br=backdropRect();let off=!1;if(br)for(const it of S.items)for(const c of itemCorners(it,drawPxm())) if(c.x<br.x||c.x>br.x+br.w||c.y<br.y||c.y>br.y+br.h)off=!0;let msg=ppm?'Feel mode — drag pieces around.':'Feel mode — set scale for true-to-size pieces.';if(S.backdropType!=='layout'&&S.layoutImg)msg+=' Switch backdrop to the 2D layout for fit alerts.';setBanner(off?'amber':'grey',off?'Space extended a little so it still fits the feel.':msg,off?'The neutral margin around your photo stands in for a touch more room.':'');S.extendPx=null;return} let worst='green',lines=[],extend=null;S.items.forEach((it)=>{const outside=footprintCorners(it,ppm).filter(c=>!pointInPolygon(c,room));if(!outside.length){lines.push(`${it.name}: fits ✓`);return} const outPx=Math.max(...outside.map(c=>pointPolyDist(c,room)));const outMm=Math.round(outPx/ppm*1000);if(outPx<=EXTEND_LIMIT_M*ppm){worst=worst==='red'?'red':'amber';extend=Math.max(extend||0,outPx);lines.push(`${it.name}: tight — extended ${outMm} mm to fit`)}else{worst='red';lines.push(`${it.name}: too small by ~${outMm} mm`)}});S.extendPx=extend;const head=worst==='green'?'Everything fits 👍':worst==='amber'?'Fits if we extend the space a little':'Too small to fit';setBanner(worst,head,lines.join(' · '))} function setBanner(level,msg,sub){banner.className=(level==='grey'?'':level);banner.innerHTML=msg+(sub?`<small>${sub}</small>`:'')} const V3x=.5*Math.cos(Math.PI/6),V3y=.5*Math.sin(Math.PI/6);function draw(){ctx.clearRect(0,0,cv.width,cv.height);const br=backdropRect();if(br){ctx.fillStyle='#efeae0';ctx.fillRect(0,0,cv.width,cv.height);if(S.hasEdit)ctx.drawImage(edited,0,0);else ctx.drawImage(S.backdrop,br.x,br.y,br.w,br.h)}else{ctx.fillStyle='#efeae0';ctx.fillRect(0,0,cv.width,cv.height);ctx.strokeStyle='#e2dccf';ctx.lineWidth=1;for(let x=0;x<cv.width;x+=50){ctx.beginPath();ctx.moveTo(x,0);ctx.lineTo(x,cv.height);ctx.stroke()} for(let y=0;y<cv.height;y+=50){ctx.beginPath();ctx.moveTo(0,y);ctx.lineTo(cv.width,y);ctx.stroke()}} const room=roomPoly();if(room){ctx.lineWidth=2;ctx.strokeStyle='#5a5246';ctx.beginPath();room.forEach((p,i)=>i?ctx.lineTo(p.x,p.y):ctx.moveTo(p.x,p.y));ctx.closePath();ctx.stroke();if(S.extendPx){ctx.save();ctx.setLineDash([8,6]);ctx.strokeStyle='#9a7415';ctx.lineWidth=2;const ep=expandPoly(room,S.extendPx);ctx.beginPath();ep.forEach((p,i)=>i?ctx.lineTo(p.x,p.y):ctx.moveTo(p.x,p.y));ctx.closePath();ctx.stroke();ctx.restore()}} const ppm=drawPxm();S.items.forEach((it,i)=>{const w=it.w*ppm,h=it.d*ppm,sel=i===S.selected;if(S.view3d){const Dpx=(it.depth||it.d)*ppm,ox=Dpx*V3x,oy=-Dpx*V3y,C=itemCorners(it,ppm);ctx.strokeStyle=COLORS[i];ctx.lineWidth=1.5;ctx.fillStyle=COLORS[i]+'33';ctx.beginPath();C.forEach((c,k)=>k?ctx.lineTo(c.x+ox,c.y+oy):ctx.moveTo(c.x+ox,c.y+oy));ctx.closePath();ctx.fill();ctx.stroke();C.forEach(c=>{ctx.beginPath();ctx.moveTo(c.x,c.y);ctx.lineTo(c.x+ox,c.y+oy);ctx.stroke()})} ctx.save();ctx.translate(it.x,it.y);ctx.rotate(it.rot);if(it.cutout&&it.cutout.complete&&it.cutout.naturalWidth){ctx.globalAlpha=.95;ctx.drawImage(it.cutout,-w/2,-h/2,w,h);ctx.globalAlpha=1}else{ctx.fillStyle=COLORS[i]+'cc';ctx.fillRect(-w/2,-h/2,w,h)} ctx.strokeStyle=COLORS[i];ctx.lineWidth=sel?3:2;ctx.strokeRect(-w/2,-h/2,w,h);ctx.restore();if(sel){const r=h/2+30,hx=it.x+Math.sin(it.rot)*r,hy=it.y-Math.cos(it.rot)*r;it._handle={x:hx,y:hy};ctx.strokeStyle=COLORS[i];ctx.setLineDash([3,3]);ctx.beginPath();ctx.moveTo(it.x,it.y);ctx.lineTo(hx,hy);ctx.stroke();ctx.setLineDash([]);ctx.fillStyle='#fff';ctx.beginPath();ctx.arc(hx,hy,10,0,7);ctx.fill();ctx.stroke();ctx.fillStyle=COLORS[i];ctx.beginPath();ctx.arc(hx,hy,3.5,0,7);ctx.fill();const cs=Math.cos(it.rot),sn=Math.sin(it.rot);const rx=it.x+(w/2)*cs-(h/2)*sn,ry=it.y+(w/2)*sn+(h/2)*cs;it._resize={x:rx,y:ry};ctx.fillStyle='#fff';ctx.strokeStyle=COLORS[i];ctx.lineWidth=2;ctx.fillRect(rx-7,ry-7,14,14);ctx.strokeRect(rx-7,ry-7,14,14);ctx.fillStyle=COLORS[i];ctx.fillRect(rx-3,ry-3,6,6);const dlx=it.x-(w/2)*cs+(h/2)*sn,dly=it.y-(w/2)*sn-(h/2)*cs;it._del={x:dlx,y:dly};ctx.beginPath();ctx.arc(dlx,dly,9,0,7);ctx.fillStyle='#fff';ctx.fill();ctx.lineWidth=2;ctx.strokeStyle='#000';ctx.stroke();ctx.beginPath();ctx.moveTo(dlx-4,dly-4);ctx.lineTo(dlx+4,dly+4);ctx.moveTo(dlx+4,dly-4);ctx.lineTo(dlx-4,dly+4);ctx.stroke()}else{it._handle=null;it._resize=null;it._del=null} {const Wmm=Math.round(it.w*1000),Hmm=Math.round(it.d*1000),Dmm=Math.round((it.depth||it.d)*1000);const hw=w/2,hh=h/2,gap=14,tk=5;ctx.save();ctx.translate(it.x,it.y);ctx.rotate(it.rot);ctx.strokeStyle=COLORS[i];ctx.lineWidth=1.5;ctx.setLineDash([]);ctx.beginPath();ctx.moveTo(-hw,hh);ctx.lineTo(-hw,hh+gap);ctx.moveTo(hw,hh);ctx.lineTo(hw,hh+gap);ctx.moveTo(-hw,hh+gap);ctx.lineTo(hw,hh+gap);ctx.moveTo(-hw,hh+gap-tk);ctx.lineTo(-hw,hh+gap+tk);ctx.moveTo(hw,hh+gap-tk);ctx.lineTo(hw,hh+gap+tk);ctx.moveTo(-hw,-hh);ctx.lineTo(-hw-gap,-hh);ctx.moveTo(-hw,hh);ctx.lineTo(-hw-gap,hh);ctx.moveTo(-hw-gap,-hh);ctx.lineTo(-hw-gap,hh);ctx.moveTo(-hw-gap-tk,-hh);ctx.lineTo(-hw-gap+tk,-hh);ctx.moveTo(-hw-gap-tk,hh);ctx.lineTo(-hw-gap+tk,hh);ctx.stroke();ctx.font='bold 12px system-ui';const tag=(txt,x,y,al,ba)=>{ctx.textAlign=al;ctx.textBaseline=ba;const tw=ctx.measureText(txt).width,ph=16;const bx=al==='center'?x-tw/2:al==='right'?x-tw:x;const by=ba==='bottom'?y-ph:ba==='top'?y:y-ph/2;ctx.fillStyle='rgba(255,255,255,.85)';ctx.fillRect(bx-3,by-1,tw+6,ph+2);ctx.fillStyle='#1c1c1c';ctx.fillText(txt,x,y)};tag(Wmm+'L',0,hh+gap+3,'center','top');tag(Hmm+'H',-hw-gap-3,0,'right','middle');tag(`${it.name} ${Dmm}D`,0,-hh-gap-3,'center','bottom');ctx.textAlign='left';ctx.textBaseline='alphabetic';ctx.restore()}});const cal=S.calib[S.backdropType];(S.scaleLines[S.backdropType]||[]).forEach(sl=>{const a=sl.a,b=sl.b,dx=b.x-a.x,dy=b.y-a.y,L=Math.hypot(dx,dy)||1,ux=dx/L,uy=dy/L,px=-uy,py=ux;ctx.strokeStyle=S.markColor;ctx.fillStyle=S.markColor;ctx.lineWidth=3;ctx.setLineDash([]);ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.moveTo(a.x-px*7,a.y-py*7);ctx.lineTo(a.x+px*7,a.y+py*7);ctx.moveTo(b.x-px*7,b.y-py*7);ctx.lineTo(b.x+px*7,b.y+py*7);ctx.stroke();if(!S.exporting)[a,b].forEach(pt=>{ctx.beginPath();ctx.arc(pt.x,pt.y,5,0,7);ctx.fillStyle='#fff';ctx.fill();ctx.lineWidth=2;ctx.strokeStyle=S.markColor;ctx.stroke()});const mm=cal?Math.round(L/(cal/1000)):0;const mmx=(a.x+b.x)/2-px*14,mmy=(a.y+b.y)/2-py*14;sl._mm={x:mmx,y:mmy};ctx.fillStyle=S.markColor;ctx.font='bold 13px system-ui';ctx.textAlign='center';ctx.fillText(mm+' mm',mmx,mmy);const xb={x:b.x+ux*20,y:b.y+uy*20};sl._x=xb;if(!S.exporting){ctx.beginPath();ctx.arc(xb.x,xb.y,9,0,7);ctx.fillStyle='#fff';ctx.fill();ctx.lineWidth=2;ctx.strokeStyle='#000';ctx.stroke();ctx.beginPath();ctx.moveTo(xb.x-4,xb.y-4);ctx.lineTo(xb.x+4,xb.y+4);ctx.moveTo(xb.x+4,xb.y-4);ctx.lineTo(xb.x-4,xb.y+4);ctx.stroke()}});if((S.calibrating||S.measureDepth!=null)&&S.calibPts.length){ctx.strokeStyle=S.markColor;ctx.lineWidth=2;ctx.setLineDash([4,4]);ctx.beginPath();S.calibPts.forEach((p,i)=>i?ctx.lineTo(p.x,p.y):ctx.moveTo(p.x,p.y));ctx.stroke();ctx.setLineDash([]);S.calibPts.forEach(p=>{ctx.beginPath();ctx.arc(p.x,p.y,6,0,7);ctx.fillStyle=S.markColor;ctx.fill();ctx.lineWidth=2;ctx.strokeStyle='#fff';ctx.stroke()})} if(S.cropFor!=null&&S.cropRect&&!S.exporting){const r=S.cropRect;ctx.save();ctx.strokeStyle='#d8453b';ctx.lineWidth=1.5;ctx.setLineDash([5,3]);ctx.strokeRect(Math.min(r.x0,r.x1),Math.min(r.y0,r.y1),Math.abs(r.x1-r.x0),Math.abs(r.y1-r.y0));ctx.restore()} if(S.cloneOn&&!S.exporting){ctx.save();ctx.lineWidth=1.5;if(S.cloneSrc){ctx.strokeStyle='#2e9e5b';ctx.setLineDash([]);ctx.beginPath();ctx.arc(S.cloneSrc.x,S.cloneSrc.y,7,0,7);ctx.moveTo(S.cloneSrc.x-11,S.cloneSrc.y);ctx.lineTo(S.cloneSrc.x+11,S.cloneSrc.y);ctx.moveTo(S.cloneSrc.x,S.cloneSrc.y-11);ctx.lineTo(S.cloneSrc.x,S.cloneSrc.y+11);ctx.stroke()} if(S.cursor){ctx.strokeStyle='#3b7dd8';ctx.setLineDash([4,3]);ctx.beginPath();ctx.arc(S.cursor.x,S.cursor.y,S.brush/2,0,7);ctx.stroke();if(S.cloneOff){ctx.strokeStyle='#2e9e5b';ctx.beginPath();ctx.arc(S.cursor.x-S.cloneOff.dx,S.cursor.y-S.cloneOff.dy,S.brush/2,0,7);ctx.stroke()}} ctx.restore()}} function toCanvas(e){const r=cv.getBoundingClientRect();return{x:(e.clientX-r.left)*(cv.width/r.width),y:(e.clientY-r.top)*(cv.height/r.height)}} cv.addEventListener('pointerdown',e=>{const p=toCanvas(e);if(S.cloneOn){S.cursor=p;if(!S.cloneSrc){S.cloneSrc={x:p.x,y:p.y};return} if(!S.cloneOff)S.cloneOff={dx:p.x-S.cloneSrc.x,dy:p.y-S.cloneSrc.y};uctx.clearRect(0,0,cv.width,cv.height);uctx.drawImage(edited,0,0);S.canUndo=!0;bdx.clearRect(0,0,cv.width,cv.height);bdx.drawImage(edited,0,0);cloneStampAt(p);S.cloneStroke={last:p};cv.setPointerCapture(e.pointerId);return} if(S.cropFor!=null){S.cropRect={x0:p.x,y0:p.y,x1:p.x,y1:p.y};cv.setPointerCapture(e.pointerId);return} if(S.measureDepth!=null){S.calibPts.push(p);if(S.calibPts.length===2){const ppm=pxm(),it=S.items[S.measureDepth];if(ppm&&it){it.depth=Math.max(.05,dist(S.calibPts[0],S.calibPts[1])/ppm);if(it.depthEl)it.depthEl.value=Math.round(it.depth*1000);evaluate()} S.measureDepth=null;S.calibPts=[]} return} if(S.calibrating){S.calibPts.push(p);if(S.calibPts.length===2){const ruler={a:S.calibPts[0],b:S.calibPts[1]};if(!S.calib[S.backdropType]){const mm=parseFloat(prompt('Real distance between the two points, in mm:','820'));if(mm>0){S.calib[S.backdropType]=dist(ruler.a,ruler.b)/(mm/1000);S.scaleLines[S.backdropType].push(ruler);document.getElementById('calState').textContent='set ✓'}}else{S.scaleLines[S.backdropType].push(ruler)} S.calibrating=!1;S.calibPts=[];evaluate()} return} if(S.selected!=null&&S.items[S.selected]&&S.items[S.selected]._handle&&dist(p,S.items[S.selected]._handle)<16){S.rotating=S.selected;cv.setPointerCapture(e.pointerId);return} if(S.selected!=null&&S.items[S.selected]&&S.items[S.selected]._resize&&dist(p,S.items[S.selected]._resize)<16){S.resizing=S.selected;cv.setPointerCapture(e.pointerId);return} if(S.selected!=null&&S.items[S.selected]&&S.items[S.selected]._del&&dist(p,S.items[S.selected]._del)<13){S.items[S.selected].remove();return} const sls=S.scaleLines[S.backdropType]||[];if(!S.calibrating)for(let k=sls.length-1;k>=0;k--){const sl=sls[k];if(sl._x&&dist(p,sl._x)<12){sls.splice(k,1);evaluate();return} if(sl._mm&&Math.abs(p.x-sl._mm.x)<26&&Math.abs(p.y-sl._mm.y)<10){const cur=S.calib[S.backdropType]?Math.round(dist(sl.a,sl.b)/(S.calib[S.backdropType]/1000)):'';const v=parseFloat(prompt('This line measures how many mm?\n(edits the scale — every furniture piece rescales to match)',cur));if(v>0){S.calib[S.backdropType]=dist(sl.a,sl.b)/(v/1000);document.getElementById('calState').textContent='set ✓';evaluate()} return} if(dist(p,sl.a)<12){S.dragScale={k,which:'a'};cv.setPointerCapture(e.pointerId);return} if(dist(p,sl.b)<12){S.dragScale={k,which:'b'};cv.setPointerCapture(e.pointerId);return}} const ppm=drawPxm();for(let i=S.items.length-1;i>=0;i--)if(itemContains(S.items[i],p,ppm)){S.selected=i;S.drag={i,dx:p.x-S.items[i].x,dy:p.y-S.items[i].y};cv.setPointerCapture(e.pointerId);return} if(!S.calibrating)for(let k=sls.length-1;k>=0;k--){const sl=sls[k];if(pointSegDist(p,sl.a,sl.b)<8){S.dragScale={k,which:'line',a0:{x:sl.a.x,y:sl.a.y},b0:{x:sl.b.x,y:sl.b.y},s:p};cv.setPointerCapture(e.pointerId);return}} S.selected=null});cv.addEventListener('pointermove',e=>{const p=toCanvas(e);if(S.cropFor!=null){if(S.cropRect){S.cropRect.x1=p.x;S.cropRect.y1=p.y}return} if(S.cloneOn){S.cursor=p;if(S.cloneStroke){cloneLine(S.cloneStroke.last,p);S.cloneStroke.last=p}return} if(S.dragScale){const sl=S.scaleLines[S.backdropType][S.dragScale.k];if(!sl){S.dragScale=null;return} if(S.dragScale.which==='a')sl.a={x:p.x,y:p.y};else if(S.dragScale.which==='b')sl.b={x:p.x,y:p.y};else{const dx=p.x-S.dragScale.s.x,dy=p.y-S.dragScale.s.y;sl.a={x:S.dragScale.a0.x+dx,y:S.dragScale.a0.y+dy};sl.b={x:S.dragScale.b0.x+dx,y:S.dragScale.b0.y+dy}} return} if(S.rotating!=null){const it=S.items[S.rotating];let deg=(Math.atan2(p.y-it.y,p.x-it.x)+Math.PI/2)*180/Math.PI;deg=((deg+180)%360+360)%360-180;it.rot=deg*Math.PI/180;if(it.rotEl)it.rotEl.value=Math.round(deg);evaluate();return} if(S.resizing!=null){const it=S.items[S.resizing],ppm=drawPxm();const c=Math.cos(-it.rot),s=Math.sin(-it.rot),dx=p.x-it.x,dy=p.y-it.y;const lx=dx*c-dy*s,ly=dx*s+dy*c;it.w=Math.max(0.05,2*Math.abs(lx)/ppm);it.d=Math.max(0.05,2*Math.abs(ly)/ppm);syncSize(it);evaluate();return} if(!S.drag)return;const it=S.items[S.drag.i];it.x=p.x-S.drag.dx;it.y=p.y-S.drag.dy;evaluate()});cv.addEventListener('pointerup',()=>{if(S.cropFor!=null){if(S.cropRect)applyCrop(S.items[S.cropFor],S.cropRect);S.cropFor=null;S.cropRect=null;cv.style.cursor='default'} S.cloneStroke=null;S.drag=null;S.rotating=null;S.resizing=null;S.dragScale=null});cv.addEventListener('pointerleave',()=>{S.cursor=null});const vid=document.getElementById('vid');document.getElementById('fVideo').onchange=e=>{const f=e.target.files[0];if(!f)return;vid.src=URL.createObjectURL(f);vid.hidden=!1;document.getElementById('vidTools').hidden=!1};document.getElementById('capBtn').onclick=()=>{const c=document.createElement('canvas');c.width=vid.videoWidth;c.height=vid.videoHeight;c.getContext('2d').drawImage(vid,0,0);const img=new Image();img.onload=()=>{S.videoFrame=img;setBackdrop('video')};img.src=c.toDataURL();showBackdropPick()};document.getElementById('fLayout').onchange=e=>{const f=e.target.files[0];if(!f)return;const img=new Image();img.onload=()=>{S.layoutImg=img;setBackdrop('layout')};img.src=URL.createObjectURL(f);showBackdropPick()};function setBackdrop(type){S.backdropType=type;S.backdrop=type==='video'?S.videoFrame:S.layoutImg;resetEdited();document.querySelector(`input[name=bd][value=${type}]`).checked=!0;document.getElementById('calState').textContent=pxm()?'set ✓':'not set';evaluate()} function showBackdropPick(){const both=S.videoFrame&&S.layoutImg;document.getElementById('backdropPick').hidden=!both} document.querySelectorAll('input[name=bd]').forEach(r=>r.onchange=()=>setBackdrop(r.value));document.getElementById('calBtn').onclick=()=>{if(!S.backdrop){alert('Upload a space (capture a video frame, or a 2D layout) first.');return} S.calibrating=!0;S.calibPts=[]};const mb=document.getElementById('markBlack'),mw=document.getElementById('markWhite');mb.onchange=()=>{if(mb.checked){mw.checked=!1;S.markColor='#000'}else mb.checked=!0};mw.onchange=()=>{if(mw.checked){mb.checked=!1;S.markColor='#fff'}else mw.checked=!0};const itemsEl=document.getElementById('items');function syncSize(it){if(it.wEl)it.wEl.value=Math.round(it.w*1000);if(it.dEl)it.dEl.value=Math.round(it.d*1000);if(it.selEl)it.selEl.value='Custom…'} function imgToCanvas(img){const MAX=1600;let w=img.naturalWidth||img.width,h=img.naturalHeight||img.height;const k=Math.min(1,MAX/Math.max(w,h));w=Math.round(w*k);h=Math.round(h*k);const c=document.createElement('canvas');c.width=w;c.height=h;c.getContext('2d').drawImage(img,0,0,w,h);return c} function trimCanvas(c){const W=c.width,H=c.height;let d;try{d=c.getContext('2d').getImageData(0,0,W,H).data}catch(e){return null} let minX=W,minY=H,maxX=0,maxY=0,found=!1;for(let y=0;y<H;y++)for(let x=0;x<W;x++)if(d[(y*W+x)*4+3]>10){found=!0;if(x<minX)minX=x;if(x>maxX)maxX=x;if(y<minY)minY=y;if(y>maxY)maxY=y} if(!found)return null;const w=maxX-minX+1,h=maxY-minY+1,t=document.createElement('canvas');t.width=w;t.height=h;t.getContext('2d').drawImage(c,minX,minY,w,h,0,0,w,h);return{canvas:t,w,h}} function applyCutout(it){if(!it.rawCutout)return;const c=imgToCanvas(it.rawCutout);const t=trimCanvas(c),src=t?t.canvas:c,aw=t?t.w:c.width,ah=t?t.h:c.height;const out=new Image();out.onload=()=>{it.cutout=out;it.d=Math.max(.05,it.w*ah/aw);syncSize(it);evaluate()};out.src=src.toDataURL()} function applyCrop(it,rect){if(!it.cutout||!it.cutout.complete)return;const ppm=drawPxm();const fr=(px,py)=>{const c=Math.cos(-it.rot),s=Math.sin(-it.rot),dx=px-it.x,dy=py-it.y,lx=dx*c-dy*s,ly=dx*s+dy*c,W=it.w*ppm,H=it.d*ppm;return[(lx+W/2)/W,(ly+H/2)/H]};const a=fr(rect.x0,rect.y0),b=fr(rect.x1,rect.y1);let fx0=Math.max(0,Math.min(a[0],b[0])),fx1=Math.min(1,Math.max(a[0],b[0]));let fy0=Math.max(0,Math.min(a[1],b[1])),fy1=Math.min(1,Math.max(a[1],b[1]));if(fx1-fx0<0.03||fy1-fy0<0.03)return;const iw=it.cutout.naturalWidth||it.cutout.width,ih=it.cutout.naturalHeight||it.cutout.height;const cc=document.createElement('canvas');cc.width=Math.max(1,Math.round((fx1-fx0)*iw));cc.height=Math.max(1,Math.round((fy1-fy0)*ih));cc.getContext('2d').drawImage(it.cutout,fx0*iw,fy0*ih,(fx1-fx0)*iw,(fy1-fy0)*ih,0,0,cc.width,cc.height);const cx=(rect.x0+rect.x1)/2,cy=(rect.y0+rect.y1)/2;const out=new Image();out.onload=()=>{it.cutout=out;it.w=Math.max(.05,it.w*(fx1-fx0));it.d=Math.max(.05,it.d*(fy1-fy0));it.x=cx;it.y=cy;syncSize(it);evaluate()};out.src=cc.toDataURL()} function addItem(){if(S.items.length>=10)return;const i=S.items.length;const def=Object.keys(FURN)[0],d0=FURN[def];const it={name:def,w:d0[0],d:d0[1],rot:0,x:cv.width/2,y:cv.height/2,cutout:null,removeBg:!1,rawCutout:null,depth:d0[2]};S.items.push(it);S.selected=i;const card=document.createElement('div');card.className='card item';card.style.borderLeftColor=COLORS[i];card.innerHTML=` <div class="row"><span class="swatch" style="background:${COLORS[i]}"></span> <select class="sel"></select> <button class="rm">remove</button></div> <label class="lbl">Name (rename freely)</label> <input type="text" class="nm" style="width:100%"> <label class="lbl">Size (mm)</label> <div class="row">W <input type="number" class="w" min="50" step="10"> H <input type="number" class="d" min="50" step="10"> D <input type="number" class="depth" min="50" step="10"> <button class="measd" title="Measure depth: click 2 points">📏</button></div> <label class="lbl">Rotate</label> <input type="range" class="rot" min="-180" max="180" value="0" style="width:100%"> <label class="lbl">Cutout image (auto-trimmed)</label> <div class="row"><input type="file" class="cut" accept="image/*"> <button class="cropBtn">✂ Crop</button></div>`;itemsEl.appendChild(card);const sel=card.querySelector('.sel'),nm=card.querySelector('.nm'),wEl=card.querySelector('.w'),dEl=card.querySelector('.d'),depthEl=card.querySelector('.depth'),rotEl=card.querySelector('.rot');Object.keys(FURN).forEach(k=>{const o=document.createElement('option');o.textContent=k;sel.appendChild(o)});it.selEl=sel;it.wEl=wEl;it.dEl=dEl;it.depthEl=depthEl;it.rotEl=rotEl;it.nmEl=nm;sel.value=it.name;nm.value=it.name;wEl.value=Math.round(it.w*1000);dEl.value=Math.round(it.d*1000);depthEl.value=Math.round(it.depth*1000);sel.onchange=()=>{if(sel.value==='Custom…'){evaluate();return} const dim=FURN[sel.value];it.name=sel.value;nm.value=sel.value;it.w=dim[0];it.d=dim[1];it.depth=dim[2];wEl.value=Math.round(dim[0]*1000);dEl.value=Math.round(dim[1]*1000);depthEl.value=Math.round(dim[2]*1000);evaluate()};nm.oninput=()=>{it.name=nm.value};wEl.oninput=()=>{it.w=Math.max(.05,wEl.value/1000);sel.value='Custom…';evaluate()};dEl.oninput=()=>{it.d=Math.max(.05,dEl.value/1000);sel.value='Custom…';evaluate()};rotEl.oninput=ev=>{it.rot=ev.target.value*Math.PI/180;evaluate()};depthEl.oninput=()=>{it.depth=Math.max(.05,depthEl.value/1000);sel.value='Custom…';evaluate()};card.querySelector('.measd').onclick=()=>{if(!pxm()){alert('Set the scale first (section 2), then measure the depth.');return}S.measureDepth=S.items.indexOf(it);S.calibPts=[]};card.querySelector('.cropBtn').onclick=()=>{if(!it.cutout){alert('Upload a cutout image for this piece first.');return}S.cropFor=S.items.indexOf(it);S.cropRect=null;cv.style.cursor='crosshair'};const cut=card.querySelector('.cut');cut.onchange=ev=>{const f=ev.target.files[0];if(!f)return;const img=new Image();img.onload=()=>{it.rawCutout=img;sel.value='Custom…';applyCutout(it)};img.src=URL.createObjectURL(f)};it.remove=()=>{const idx=S.items.indexOf(it);if(idx<0)return;S.items.splice(idx,1);card.remove();if(S.selected===idx)S.selected=null;else if(S.selected>idx)S.selected--;document.getElementById('addItem').disabled=S.items.length>=10;evaluate()};card.querySelector('.rm').onclick=it.remove;document.getElementById('addItem').disabled=S.items.length>=10;evaluate()} document.getElementById('addItem').onclick=addItem;function ddmm(){const d=new Date();return String(d.getDate()).padStart(2,'0')+'-'+String(d.getMonth()+1).padStart(2,'0')} function dl(blob,name){const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=name;document.body.appendChild(a);a.click();a.remove();URL.revokeObjectURL(a.href)} function buildPdf(jpeg,w,h){const content=`q ${w} 0 0 ${h} 0 0 cm /Im0 Do Q`;const objs=["<</Type/Catalog/Pages 2 0 R>>","<</Type/Pages/Kids[3 0 R]/Count 1>>",`<</Type/Page/Parent 2 0 R/MediaBox[0 0 ${w} ${h}]/Resources<</XObject<</Im0 4 0 R>>>>/Contents 5 0 R>>`,`<</Type/XObject/Subtype/Image/Width ${w}/Height ${h}/ColorSpace/DeviceRGB/BitsPerComponent 8/Filter/DCTDecode/Length ${jpeg.length}>>\nstream\n${jpeg}\nendstream`,`<</Length ${content.length}>>\nstream\n${content}\nendstream`];let pdf="%PDF-1.3\n"const off=[];objs.forEach((o,i)=>{off.push(pdf.length);pdf+=`${i+1} 0 obj\n${o}\nendobj\n`});const xref=pdf.length;pdf+=`xref\n0 ${objs.length+1}\n0000000000 65535 f \n`;off.forEach(o=>{pdf+=String(o).padStart(10,'0')+"00000 n \n"});pdf+=`trailer\n<</Size ${objs.length+1}/Root 1 0 R>>\nstartxref\n${xref}\n%%EOF`;const bytes=new Uint8Array(pdf.length);for(let i=0;i<pdf.length;i++)bytes[i]=pdf.charCodeAt(i)&0xff;return new Blob([bytes],{type:'application/pdf'})} function exportImage(type){const sel=S.selected;S.selected=null;S.exporting=!0;draw();const name='fitmyfurniture-'+ddmm();if(type==='png')cv.toBlob(b=>dl(b,name+'.png'),'image/png');else{const jpeg=atob(cv.toDataURL('image/jpeg',0.92).split(',')[1]);dl(buildPdf(jpeg,cv.width,cv.height),name+'.pdf')} S.selected=sel;S.exporting=!1;draw()} document.getElementById('expPng').onclick=()=>exportImage('png');document.getElementById('expPdf').onclick=()=>exportImage('pdf');const v3dBtn=document.getElementById('v3d');v3dBtn.onclick=()=>{S.view3d=!S.view3d;v3dBtn.textContent=S.view3d?'▦ 2D view':'🧊 3D view';v3dBtn.classList.toggle('primary',S.view3d)};const cloneToggle=document.getElementById('cloneToggle');cloneToggle.onclick=()=>{S.cloneOn=!S.cloneOn;cloneToggle.textContent='🖈 Copy brush: '+(S.cloneOn?'on':'off');cloneToggle.classList.toggle('primary',S.cloneOn);cv.style.cursor=S.cloneOn?'crosshair':'default';if(S.cloneOn){S.selected=null;S.cloneSrc=null;S.cloneOff=null}};document.getElementById('cloneUndo').onclick=()=>{if(!S.canUndo)return;ectx.clearRect(0,0,cv.width,cv.height);ectx.drawImage(undoCanvas,0,0);S.canUndo=!1};document.getElementById('cloneReset').onclick=()=>{resetEdited()};document.getElementById('brushSize').oninput=ev=>{S.brush=+ev.target.value};function selfTest(){const sq=[{x:0,y:0},{x:10,y:0},{x:10,y:10},{x:0,y:10}];console.assert(pointInPolygon({x:5,y:5},sq)===!0,'pip inside');console.assert(pointInPolygon({x:15,y:5},sq)===!1,'pip outside');console.assert(Math.abs(pointPolyDist({x:15,y:5},sq)-5)<1e-6,'poly dist');const c=itemCorners({x:0,y:0,w:2,d:1,rot:0},10);console.assert(Math.abs(c[2].x-10)<1e-6&&Math.abs(c[2].y-5)<1e-6,'corners');console.assert(footprintCorners({x:0,y:0,w:2,depth:1,rot:0},10)[2].x===10,'footprint uses depth');const ep=expandPoly(sq,2);console.assert(ep[0].x<0&&ep[0].y<0,'expand');console.assert(V3x>0&&V3y>0&&Math.abs(V3x-.433)<.001,'depth-box offset');ectx.clearRect(0,0,cv.width,cv.height);ectx.fillStyle='#123456';ectx.fillRect(0,0,80,80);bdx.clearRect(0,0,cv.width,cv.height);bdx.drawImage(edited,0,0);S.cloneOff={dx:100,dy:0};cloneStampAt({x:115,y:30});const cd=ectx.getImageData(115,30,1,1).data;console.assert(cd[0]===0x12&&cd[1]===0x34&&cd[2]===0x56,'copy brush stamps source');resetEdited();console.log('selftest ok')} selfTest();(function loop(){draw();requestAnimationFrame(loop)})()</script> <script type="litespeed/javascript">(function(){var f;try{f=window.frameElement}catch(e){} function sz(){if(f){f.style.height=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)+'px'}} window.addEventListener('load',sz);window.addEventListener('resize',sz);if(window.ResizeObserver){new ResizeObserver(sz).observe(document.documentElement)} setTimeout(sz,300)})()</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script><script data-optimized="1" type="litespeed/javascript" data-src="https://dezeno.com.my/wp-content/litespeed/js/3d4b608aeb93322de60554b8b79ed618.js?ver=dd387"></script></body></html> ">