import{q as s,i as n,d as i,t as O}from"./index.13b310ab.js";import{B as c}from"./Button.f5ab4cd7.js";import{T as X}from"./TextField.2ea54ac2.js";import{a as Y,D as u,b as q}from"./index.c1adcc6d.js";import"./ButtonBase.9bf595f5.js";import"./isHostComponent.9ebad583.js";const j=O('<p style="position: absolute; z-index: 1;" class="noselect">Current Point: (x: <!>, y: <!>, lineWidth: <!>, color: <!>)<br>hasForce: <br>Pressure: <br>Touch Type: <br><br>Scroll Range X: <br>Scroll Range Y: <br>Current Tool: <br></p>'),Q=()=>{const[o,g]=s(),[F,b]=s(!1),[D,S]=s(0),[w,y]=s(),l=new Y("blue",20);return l.setOffscreenSize([3e3,3e3]),[(()=>{const e=j.cloneNode(!0),r=e.firstChild,x=r.nextSibling,P=x.nextSibling,d=P.nextSibling,v=d.nextSibling,_=v.nextSibling,B=_.nextSibling,$=B.nextSibling,R=$.nextSibling,W=R.nextSibling,k=W.nextSibling,h=k.nextSibling,z=h.nextSibling,p=z.nextSibling,E=p.nextSibling,C=E.nextSibling,m=C.nextSibling,H=m.nextSibling,T=H.nextSibling,L=T.nextSibling,f=L.nextSibling,N=f.nextSibling,a=N.nextSibling;return n(e,()=>{var t;return(t=o())==null?void 0:t.x},x),n(e,()=>{var t;return(t=o())==null?void 0:t.y},d),n(e,()=>{var t;return(t=o())==null?void 0:t.lineWidth},_),n(e,()=>{var t;return(t=o())==null?void 0:t.color.toString()},$),n(e,()=>String(F()),h),n(e,D,p),n(e,w,C),n(e,i(X,{variant:"standard",label:"Line Width Factor",onChange:t=>{t.preventDefault(),l.setLineWidthFactor(new Number(t.target.value).valueOf())},get value(){return l.lineWidthFactor().toString()}}),m),n(e,()=>l.scrollCtl.getRangeX().toString(),T),n(e,()=>l.scrollCtl.getRangeY().toString(),f),n(e,()=>l.tool(),a),n(e,i(c,{onClick:()=>l.setTool(u.hand),children:"Hand"}),a),n(e,i(c,{onClick:()=>l.setTool(u.pen),children:"Pen"}),a),n(e,i(c,{onClick:()=>l.setTool(u.erase),children:"Erase"}),a),n(e,i(c,{onClick:()=>l.resetCanvas(),children:"Reset Canvas"}),null),e})(),i(q,{onStart:(e,r)=>{g(e[e.length-1]),b(r.hasForce),S(r.pressure)},onDrawing:(e,r)=>{g(e[e.length-1]),b(r.hasForce),S(r.pressure)},onEnd:e=>{g(),b(e.hasForce),S(e.pressure)},onTouchTypeChanged:y,ctl:l})]};export{Q as default};
//# sourceMappingURL=index.b61bf03f.js.map