1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{22551:function(e,t,o){o.r(t),o.d(t,{Tldraw:function(){return tT}});var r=o(52322),s=o(28535),i=o(79729),l=o(92574),n=o(2784),a=o(88873),d=o(37243),c=o(72842),p=o(50738),h=o(6643),u=o(97912),g=o(86900),x=o(31187),m=o(42626),j=o(86509),w=o(9432),f=o(39615),S=o(39475),b=o(42392),C=o(20728),v=o(50576),y=o(23307),k=o(35013),A=o(20145),E=o(97509),F=o(57941),M=o(9325),_=o(78694),I=o(41086),P=o(94694),T=o(63162),N=o(27210);let B=()=>[m.B.extend({content:"block+"}),j.A,v.l,I.n,f.x,k.Hy,F.X6.configure({HTMLAttributes:{class:b.A8}}),E.U,A.Bf,g.d8,S.v,w.Tx,T.d,T.y,M.Kq,P.R,_.r.extend({excludes:"underline link",renderHTML(e){let{HTMLAttributes:t}=e,{href:o}=t;return["a",{...this.options.HTMLAttributes,href:o,class:"link"},0]}}).configure({openOnClick:!1}),x.EK,y.NM,k.Pi],L=e=>{let{isEditing:t,disableGradients:o,...i}=e,l=(0,n.useMemo)(()=>B(),[]),a=(0,N.jE)({extensions:l,parseOptions:{preserveWhitespace:"full"},...i,editable:!0});return(0,n.useEffect)(()=>{t?(null==a||a.commands.focus(),a.setEditable(!0)):(null==a||a.commands.blur(),a.setEditable(!1))},[t,a]),a.isThumbnail=!0,a.shouldUseLiteMenus=!0,(0,r.jsxs)(s.xu,{sx:{width:"100%"},className:o?b.LY:void 0,children:[(0,r.jsx)(N.kg,{style:{width:"100%"},className:"text",editor:a}),(0,r.jsx)(C.uH,{editor:a,appendToSelector:"[data-tldraw-menu-root]"})]})},z=["image/jpeg","image/png","image/gif","image/svg+xml"],H=(e,t)=>new Promise((o,r)=>{(0,c.cT)(e,t,{onUploadComplete:e=>o(e),onUploadFailed:e=>r(e)})}),U=(e,t)=>{e.registerExternalAssetHandler("file",async e=>{let{file:o}=e,r=(0,l.ELf)();if(!t)throw Error("[useAssetUpload] OrgId is required to upload assets");let s=URL.createObjectURL(o);return console.debug("[useAssetUpload] Handling upload for file",{file:o,id:r,tempUrl:s}),await H(o,t).then(e=>{let{src:t,meta:r}=e,s=l.Ykc.createId((0,l.jKo)(t)),i=l.Ykc.create({id:s,type:"image",typeName:"asset",props:{name:o.name,src:t,w:r.width,h:r.height,mimeType:o.type,isAnimated:!!r.frame_count&&r.frame_count>1}});return console.debug("[useAssetUpload] Upload complete",{src:t,meta:r,asset:i}),i})}),e.registerExternalContentHandler("files",async t=>{let{point:o,files:r}=t,s=null!=o?o:e.inputs.shiftKey?e.inputs.currentPagePoint:e.getViewportPageCenter(),i=l.B08.From(s),n=l.B08.From(s),a=(await Promise.all(r.map(async t=>{if(!t.type)throw Error("No mime type");if(!z.includes(t.type))return console.warn("".concat(t.name," not loaded - Extension not allowed.")),null;try{let o=await l.xeI.getImageSize(t),r=(0,l.F17)(),s={id:r,type:"image",x:n.x-o.w/2,y:n.y-o.h/2,opacity:1,props:{w:o.w,h:o.h,tempUrl:URL.createObjectURL(t),uploadStatus:"uploading"}};return e.mark("upload-image-".concat(r)),e.createShape(s),n.x+=o.w,e.getAssetForExternalContent({type:"file",file:t}).then(t=>{if(!t)throw Error("Could not create an asset");e.createAssets([t]),e.updateShape({id:r,type:"image",props:{assetId:t.id,uploadStatus:"done",tempUrl:void 0}})}),r}catch(e){console.error(e)}return null}))).filter(Boolean);e.select(...a),W(e,i)});let o=(0,d.J1)([...B(),h.Ee]);e.registerExternalContentHandler("text",async t=>{var r,s;let{point:i,sources:n}=t,a=null==n?void 0:n.find(e=>"text"===e.type&&"html"===e.subtype);if(!a)return;let{content:d}=(0,p.T)(a.data,o),c=d.firstChild;if(!c||d.childCount>1||"image"!==c.type.name)return;let{src:h,meta:g}=c.attrs;
1if(!h||(0,u.dW)(h))return;let x=null!=i?i:e.inputs.shiftKey?e.inputs.currentPagePoint:e.getViewportPageCenter(),m=l.B08.From(x),j=l.B08.From(x),w={w:null!==(r=null==g?void 0:g.width)&&void 0!==r?r:250,h:null!==(s=null==g?void 0:g.height)&&void 0!==s?s:150},f=l.Ykc.createId((0,l.jKo)(h)),S=l.Ykc.create({id:f,type:"image",typeName:"asset",props:{name:h,src:h,w:w.w,h:w.h,mimeType:"image",isAnimated:null!=g&&!!g.frame_count&&g.frame_count>1}}),b=(0,l.F17)(),C={id:b,type:"image",x:j.x-w.w/2,y:j.y-w.h/2,opacity:1,props:{w:w.w,h:w.h,uploadStatus:"done",assetId:S.id}};e.createAssets([S]).createShape(C).select(b),W(e,m)})};function W(e,t){let o=e.getViewportPageBounds(),r=e.getSelectionPageBounds();if(r){let o=r.center.sub(t);e.updateShapes(e.getSelectedShapes().map(t=>{let r=e.getShapeParentTransform(t).decompose().rotation,s=l.B08.Rot(o,-r);return{id:t.id,type:t.type,x:t.x-s.x,y:t.y-s.y}}))}(r=e.getSelectionPageBounds())&&!o.contains(r)&&e.zoomToSelection()}var R=o(56216),G=o(32802);let Y=e=>"middle"===e?"center":e,O=e=>({start:"left",middle:"center",end:"right"})[e],D=(e,t)=>{t&&Object.entries(t).forEach(t=>{let[o,r]=t;void 0!==r&&e.style.setProperty(o,r.toString())})},V=l.fVw.defineEnum("tldraw:geo",{defaultValue:"rectangle",values:["rectangle","ellipse","triangle","diamond","hexagon","rhombus","arrow-right","cloud"]}),q=l.fVw.define("gamma:color",{type:l.T.nullable(l.T.string),defaultValue:null}),X=l.fVw.defineEnum("gamma:strokeWidth",{defaultValue:"sm",values:["none","sm","md","lg"]}),Z={...l.eGT,html:l.T.optional(l.T.string),geo:V,shapeColor:q,strokeWidth:X},J={...l.si8,shapeColor:q,strokeWidth:X};class K extends l.YCq{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null,strokeWidth:"sm"}}component(e){let t=e.props.shapeColor,o=(0,R.jP)(t,0),i=(0,G.F)(e.props.strokeWidth,!0);return(0,r.jsx)(s.xu,{style:{...o,"--stroke-width":i},children:super.component(e)})}toSvg(e,t){var o;let r=super.toSvg(e,t);null===(o=r.querySelector("text[stroke-width]"))||void 0===o||o.remove(),r.dataset.shapeType="arrow",D(r,(0,R.jP)(e.props.shapeColor,0));let s=(0,G.F)(e.props.strokeWidth,!0);return r.style.setProperty("--stroke-width",s.toString()),r}}K.props=J;let Q=(e,t,o)=>{let r=e.props.html,s=t.props.html;if(r===s)return t;if(r&&!s)return{...t,props:{...t.props,growY:0}};let i=e.props.w,l=e.props.h,n=ee(o,t.id);if(!n)return;let a=n.w,d=n.h;if(!r&&s&&1===s.length){let o=Math.max(i,a),r=Math.max(l,d);return e.props.w<51&&e.props.h<51&&(r=Math.max(o=Math.max(o=Math.max(o,51),r=Math.max(r,51)),r)),{...t,props:{...t.props,w:o,h:r,growY:0}}}let c=null;return(d>l?c=d-l:e.props.growY&&(c=0),null!==c)?{...t,props:{...t.props,growY:c,w:t.props.autoSize?a:Math.max(t.props.w,a)}}:a>e.props.w?{...t,props:{...t.props,w:a}}:t},$=(e,t)=>{var o;if(!e.props.html)return e.props.growY?{...e,props:{...e.props,growY:0}}:void 0;let r=e.props.h,s=null===(o=ee(t,e.id))||void 0===o?void 0:o.h;if(!s)return;let i=null;if(s>r?i=s-r:e.props.growY&&(i=0),null!==i)return{...e,props:{...e.props,growY:i}}},ee=(e,t)=>{let o=e.getContainer();if(!o)return;let r=o.querySelector('[data-textbox-id="'.concat(t,'"]')),s=null==r?void 0:r.querySelector(".ProseMirror");if(s&&""!==s.textContent)return{w:s.offsetWidth,h:s.offsetHeight}};var et=o(38035),eo=o(48972),er=o(5109);let es=e=>{let{tlEditor:t,shape:o,disableGradients:s,autosize:i}=e,{id:a,type:d,props:c}=o,{align:p,html:h}=c,u="verticalAlign"in c?c.verticalAlign:"start",g=(0,l.HgN)("isSelected",()=>t.getSelectedShapeIds().includes(a)&&1===t.getSelectedShapeIds().length,[t,a]),{handleInputPointerDown:x,handleDoubleClick:m,handleBlur:j,isEditing:w}=function(e){let t=(0,er.jE2)(),o=(0,er.HgN)("isEditing",()=>t.getEditingShapeId()===e,[t,e]),r=(0,n.useCallback)(e=>{e.relatedTarget instanceof Element&&e.relatedTarget.closest('[data-in-editor-focus="true"]')||e.target instanceof Element&&e.target.closest('[data-in-editor-focus="true"]')||requestAnimationFrame(()=>{var e;null===(e=window.getSelection())||void 0===e||e.removeAllRanges(),t.complete()})},[t]);return{isEditing:o,handleInputPointerDown:(0,n.useCallback)(o=>{if(o.target instanceof Element&&o.target.closest('[data-in-editor-focus="true"]')){(0,er.beA)(o);return}t.dispatch({...(0,er.YyG)(o),type:"pointer",name:"pointer_down",target:"shape",shape:t.getShape(e)}),(0,er.beA)(o)},[t,e]),handleDoubleClick:er.beA,handleBlur:r}}(a),f=O(p),S=Y(p),b=Y(null!=u?u:"middle");return(0,r.jsx)(et.k,{className:"textbox","data-textbox-id":a,"data-autosize":i,css:{"--horizontal-align":S,"--vertical-align":b,"--text-align":f},w:"100%",h:"100%",pointerEvents:g?"auto":"none",userSelect:w?"text":"none",cursor:w?"text":void 0,outlineOffset:"-2px",outline:w?"2px solid var(--chakra-ring-color)":void 0,onPointerDown:x,onDoubleClick:m,onBlur:j,children:(0,r.jsx)(L,{content:h,onUpdate:e=>{let{editor:o}
1=e,r=o.state.doc.content,s=(0,eo.G8)(r,o.schema);t.updateShapes([{id:a,type:d,props:{html:s,text:o.state.doc.textContent}}])},isEditing:w,disableGradients:s,autosize:i})})},ei=e=>{let{shape:t,editor:o}=e,s=o.getShapeGeometry(t),i=el(t,s),{fill:n,shapeColor:a,strokeWidth:d}=t.props,c=(0,R.jP)(a,1),p=(0,G.F)(d,"none"===n),h={...c},{textColorVars:u}=(0,R.Yw)("none"===n?void 0:a);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.gkc,{id:t.id,style:h,children:(0,r.jsx)("path",{d:i,"data-fill":n,color:a||void 0,style:{fillOpacity:"semi"===n?.5:"none"===n?0:1,strokeWidth:p}})}),(0,r.jsx)(l.G7H,{id:t.id,style:{width:t.props.w,height:t.props.h+t.props.growY,...u},children:(0,r.jsx)(es,{tlEditor:o,shape:t,disableGradients:!!(a&&"none"!==n)})})]})},el=(e,t)=>{if("ellipse"===e.props.geo){let{w:t,h:o,growY:r}=e.props,s=t/2,i=(o+r)/2,l=Math.max(0,s),n=Math.max(0,i);return"M".concat(s-l,",").concat(i,"a").concat(l,",").concat(n,",0,1,1,").concat(2*l,",0a").concat(l,",").concat(n,",0,1,1,-").concat(2*l,",0")}{let o=t instanceof l.mqq?t.children[0].vertices:t.vertices;return ea(en(e.id,o))}};function en(e,t){let o,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:4,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,n=[],a=(0,l.Vkp)(e),d=t[0],c=t.length;for(let e=0,p=c*i;e<p;e++){o=l.B08.AddXY(t[(e+1)%c],a()*r,a()*r);let i=l.B08.Sub(o,d),p=l.B08.Len(i),h=l.B08.Div(i,p).mul(Math.min(p/4,s));n.push(l.B08.Add(d,h),l.B08.Add(o,h.neg()),o),d=o}return n}function ea(e){let t,o,r,s="M",i=e.length;for(let n=0;n<i;n+=3)t=e[n],o=e[n+1],r=e[n+2],s+="".concat((0,l.Yku)(t),"L").concat((0,l.Yku)(o),"Q").concat((0,l.Yku)(r));return s+"".concat((0,l.Yku)(e[0]))}let ed=(e,t)=>{let{id:o,props:r}=e,s=t.getShapeGeometry(e),{geo:i,shapeColor:l,fill:n,html:a,text:d,align:c,verticalAlign:p,strokeWidth:h}=r,u="ellipse"===i?ep(e):ec(e,s);"semi"===n?u.style.setProperty("fill-opacity","0.5"):"none"===n?u.style.setProperty("fill-opacity","0"):u.style.setProperty("fill-opacity","1"),u.setAttribute("id",o);let g=(0,R.jP)(l,1),x=(0,G.F)(h,"none"===n);D(u,g),u.style.setProperty("stroke-width",x.toString());let m=document.createElementNS("http://www.w3.org/2000/svg","g");if(m.dataset.shapeType="geo",m.appendChild(u),!d)return m;let j=s.bounds,w=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");if(w.setAttribute("width",j.w.toString()),w.setAttribute("height",j.h.toString()),l){w.classList.add(b.LY);let{textColorVars:e}=(0,R.Yw)(l);D(w,e)}let f=document.createElementNS("http://www.w3.org/1999/xhtml","div");return f.innerHTML='<div class="text">'.concat(a,"</div>"),f.style.setProperty("--text-align",O(c)),f.style.setProperty("--horizontal-align",Y(c)),f.style.setProperty("--vertical-align",Y(p)),f.classList.add("textbox"),w.appendChild(f),m.appendChild(w),m},ec=(e,t)=>{let o=t instanceof l.mqq?t.children[0].vertices:t.vertices,r=ea(en(e.id,o)),s=document.createElementNS("http://www.w3.org/2000/svg","path");return s.setAttribute("d",r),s},ep=e=>{let{w:t,h:o,growY:r}=e.props,s=t/2,i=(o+r)/2,l=Math.max(0,s),n=Math.max(0,i),a="M".concat(s-l,",").concat(i,"a").concat(l,",").concat(n,",0,1,1,").concat(2*l,",0a").concat(l,",").concat(n,",0,1,1,-").concat(2*l,",0"),d=document.createElementNS("http://www.w3.org/2000/svg","path");return d.setAttribute("d",a),d.setAttribute("width",t.toString()),d.setAttribute("height",o.toString()),d};class eh extends l.YQh{getDefaultProps(){return{...super.getDefaultProps(),html:"",shapeColor:null,strokeWidth:"sm"}}toSvg(e,t){return ed(e,this.editor)}component(e){return ei({shape:e,editor:this.editor})}getGeometry(e){let t=super.getGeometry(e),[o,r]=t.children;if(!o||!r)return t;let s=ee(this.editor,e.id);if(!s)return t;let i=Math.max(1,e.props.w),n=Math.max(1,e.props.h+e.props.growY),a=Math.min(i,Math.max(s.w,Math.min(32,Math.max(1,i-8)))),d=Math.min(n,Math.max(s.h,Math.min(32,Math.max(1,i-8))));return new l.mqq({children:[o,new l.zc7({x:"start"===e.props.align?0:"end"===e.props.align?i-a:(i-a)/2,y:"start"===e.props.verticalAlign?0:"end"===e.props.verticalAlign?n-d:(n-d)/2,width:a,height:d,isFilled:!0,isLabel:!0})]})}constructor(...e){super(...e),this.onBeforeUpdate=(e,t)=>
1Q(e,t,this.editor),this.onBeforeCreate=e=>$(e,this.editor)}}eh.props=Z;var eu=o(27875),eg=o.n(eu),ex=o(88424);let em={...l.FcS,tempUrl:l.T.string.optional(),uploadStatus:l.T.literalEnum("uploading","done","error").optional(),removeBackgroundStatus:l.T.literalEnum("idle","in-progress").optional(),shapeColor:q};class ej extends l.Zow{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null}}component(e){let t=ew(e,this.editor),o="recolor-".concat(e.id),i=t&&e.props.shapeColor?(0,r.jsxs)(s.xu,{sx:{".tl-image":{filter:"url(#".concat(o,")")}},children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0",children:(0,r.jsx)("defs",{children:(0,r.jsxs)("filter",{id:o,children:[(0,r.jsx)("feFlood",{floodColor:e.props.shapeColor,result:"flood"}),(0,r.jsx)("feComposite",{in:"flood",in2:"SourceAlpha",operator:"in"})]})})}),super.component(e)]}):super.component(e),l="in-progress"===e.props.removeBackgroundStatus;if("uploading"===e.props.uploadStatus||l){let t=eg()(1/this.editor.getZoomLevel(),.75,5);return(0,r.jsxs)(s.xu,{style:{"--temp-url":(0,u.Ly)(e.props.tempUrl)},"data-image-upload-status":e.props.uploadStatus,pos:"relative",children:[i,(0,r.jsx)(s.xu,{transform:"scale(".concat(t,")"),transformOrigin:"top left",children:(0,r.jsx)(ex.HI,{removeBackground:l})})]})}return i}async toSvg(e){let t=document.createElementNS("http://www.w3.org/2000/svg","g"),o=e.props.assetId?this.editor.getAsset(e.props.assetId):null;if(!o)return t;let r=(null==o?void 0:o.props.src)||"",s=document.createElementNS("http://www.w3.org/2000/svg","image");s.setAttributeNS("http://www.w3.org/1999/xlink","href",r);let i=document.createElementNS("http://www.w3.org/2000/svg","defs");if(t.appendChild(i),ew(e,this.editor)&&e.props.shapeColor){let t="recolor-".concat(e.id);s.style.setProperty("filter","url(#".concat(t,")"));let o=document.createElementNS("http://www.w3.org/2000/svg","filter");o.setAttribute("id",t);let r=document.createElementNS("http://www.w3.org/2000/svg","feFlood");r.setAttribute("flood-color",e.props.shapeColor),r.setAttribute("result","flood"),o.appendChild(r);let l=document.createElementNS("http://www.w3.org/2000/svg","feComposite");l.setAttribute("in","flood"),l.setAttribute("in2","SourceAlpha"),l.setAttribute("operator","in"),o.appendChild(l),i.appendChild(o)}let n=function(e){let t=e.props.crop,o=null==t?void 0:t.topLeft;if(!o)return{width:e.props.w,height:e.props.h};let r=1/(t.bottomRight.x-t.topLeft.x)*e.props.w,s=1/(t.bottomRight.y-t.topLeft.y)*e.props.h,i=-o.x*r,l=-o.y*s;return{transform:"translate(".concat(i,"px, ").concat(l,"px)"),width:r,height:s}}(e),a=e.props.crop;if(n.transform&&a){let{transform:o,width:r,height:d}=n,c=(a.bottomRight.x-a.topLeft.x)*r,p=(a.bottomRight.y-a.topLeft.y)*d,h=[new l.B08(0,0),new l.B08(c,0),new l.B08(c,p),new l.B08(0,p)],u=document.createElementNS("http://www.w3.org/2000/svg","polygon");u.setAttribute("points",h.map(e=>"".concat(e.x,",").concat(e.y)).join(" "));let g=document.createElementNS("http://www.w3.org/2000/svg","clipPath"),x="cropClipPath-".concat(e.id);g.setAttribute("id",x),g.appendChild(u),i.appendChild(g);let m=document.createElementNS("http://www.w3.org/2000/svg","g");m.setAttribute("clip-path","url(#".concat(x,")")),s.setAttribute("width",r.toString()),s.setAttribute("height",d.toString()),s.style.transform=o,m.appendChild(s),t.appendChild(m)}else s.setAttribute("width",e.props.w.toString()),s.setAttribute("height",e.props.h.toString()),t.appendChild(s);return t}}ej.props=em;let ew=(e,t)=>{let o=e.props.assetId?t.getAsset(e.props.assetId):void 0;if(!o){var r;return null===(r=e.props.tempUrl)||void 0===r?void 0:r.endsWith(".svg")}return"mimeType"in o.props&&"image/svg+xml"===o.props.mimeType},ef={...l.BGI,shapeColor:q,strokeWidth:X};class eS extends l.Rwx{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null,strokeWidth:"sm"}}component(e){let t=e.props.shapeColor,o=(0,R.jP)(t,0),i=(0,G.F)(e.props.strokeWidth,!0);return(0,r.jsx)(s.xu,{style:{...o,"--stroke-width":i},children:super.component(e)})}toSvg(e,t){let o=super.toSvg(e,t),r=document.createElementNS("http://www.w3.org/2000/svg","g");r.dataset.shapeType="line",D(r,(0,R.jP)(e.props.shapeColor,0));let s=(0,G.F)(e.props.strokeWidth,!0);return o.style.setProperty("--stroke-width",s.toString()),r.appendChild(o),r}}eS.props=ef;let eb=e=>{let{shape:t,editor:o}=e,{shapeColor:s,autoSize:i}=t.props,n=(0,R.NC)(s);return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(l.G7H,{id:t.id,style:{width:i?"max-content":t.props.w,minWidth:i?"8em":void 0,minHeight:"3.5em",right:"auto",left:"auto",height:t.props.h+t.props.growY,...n},children:(0,r.jsx)(es,{tlEditor:o,shape:t,autosize:i,disableGradients:!!s})})})}
1,eC={...l.XBb,html:l.T.optional(l.T.string),shapeColor:q,h:l.T.number,growY:l.T.number},ev=(e,t)=>{let{props:o}=e,r=t.getShapeGeometry(e),{shapeColor:s,html:i,align:l}=o,n=document.createElementNS("http://www.w3.org/2000/svg","g");if(!i)return n;let a=r.bounds,d=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");d.setAttribute("width",(a.w+1).toString()),d.setAttribute("height",a.h.toString()),s&&(d.classList.add(b.LY),D(d,(0,R.NC)(s)));let c=document.createElementNS("http://www.w3.org/1999/xhtml","div");return c.innerHTML='<div class="text">'.concat(i,"</div>"),c.style.setProperty("--text-align",O(l)),c.style.setProperty("--horizontal-align",Y(l)),e.props.autoSize&&(c.dataset.autosize="true"),c.classList.add("textbox"),d.appendChild(c),n.appendChild(d),n},ey=new l._cv;class ek extends l.zBk{getDefaultProps(){return{...super.getDefaultProps(),w:51,h:44,growY:0,html:"",shapeColor:null}}toSvg(e,t){return ev(e,this.editor)}component(e){return eb({shape:e,editor:this.editor})}getMinDimensions(e){return ey.get({id:e.id,props:e.props},e=>{let{id:t,props:o}=e,r=ee(this.editor,t);return r?{width:Math.max(51,r.w),height:Math.max(44,r.h)}:o?{width:o.w,height:o.h+o.growY}:{width:51,height:44}})}constructor(...e){super(...e),this.onEditEnd=e=>{let{props:{html:t}}=e;t&&0!==t.length&&"<p></p>"!==t||this.editor.deleteShapes([e.id])},this.onResize=(e,t)=>
1{let{initialBounds:o,initialShape:r,handle:s}=t,{scaleX:i}=t;("top"===s||"bottom"===s)&&(i=1);let n=o.width,a=n*i,d=new l.B08(0,0);if(a=Math.max(1,Math.abs(a)),s.includes("left"))d.x=n-a,i<0&&(d.x+=a);else{if(!s.includes("right"))return{x:r.x};i<0&&(d.x-=a)}let{x:c,y:p}=d.rot(e.rotation).add(r);return{id:e.id,type:e.type,x:c,y:p,props:{w:a/r.props.scale,autoSize:!1}}},this.onBeforeUpdate=(e,t)=>Q(e,t,this.editor),this.onBeforeCreate=e=>$(e,this.editor)}}ek.props=eC;var eA=o(29117),eE=o(43679),eF=o(34071),eM=o(17993),e_=o(75768),eI=o(42946),eP=o(87254),eT=o(31087),eN=o(38280),eB=o(10625),eL=o(64253),ez=o(5879),eH=o(54842),eU=o(29058),eW=o(32899),eR=o(49929);let eG=(0,eU.G)((e,t)=>{let{label:o,icon:s,rotation:i,customIcon:l,tooltipPlacement:n="top",shortcut:a,...d}=e;return(0,r.jsx)(eL.kH,{placement:n,label:o,isDisabled:!o,shortcut:a,children:(0,r.jsx)(eW.h,{"aria-label":o||"",ref:t,size:"md",variant:"",icon:l||(0,r.jsx)(eR.G,{icon:s,rotation:i,fixedWidth:!0}),color:"trueblue.600",textShadow:"0px 1px 0px rgba(0,0,0,0)",fontWeight:"500",borderRadius:"md",borderWidth:"1px",borderColor:"transparent",_hover:{bg:"gray.100",borderColor:"gray.200"},_active:{bg:"trueblue.100",borderColor:"trueblue.200"},...d})})}),eY=n.forwardRef((e,t)=>(0,r.jsx)(eG,{...e,ref:t,color:"gray.900"}));eY.displayName="EditToolbarIcon";var eO=o(39429);let eD=e=>{let{children:t,...o}=e;return(0,r.jsx)(et.k,{bg:"#F9FAFBEE",p:1,borderWidth:"1px",borderRadius:"xl",shadow:"xl",border:"1px solid",borderColor:"gray.200",...o,children:t})},eV=e=>{let{children:t,...o}=e;return(0,r.jsxs)(eO.y,{w:"fit-content",pos:"relative",shadow:"none",border:"none",bg:"none",children:[(0,r.jsx)(s.xu,{pos:"absolute",insetX:-6,top:-6,bottom:0,zIndex:"-1"}),(0,r.jsx)(eD,{direction:"column",overflow:"hidden",...o,children:t})]})},eq=(e,t)=>{let o=e.getSharedStyles().get(t);return o&&"mixed"!==o.type?o.value:null},eX=e=>{let{color:t}=e;return(0,r.jsx)(s.xu,{as:"span",alignSelf:"center",boxSize:5,borderRadius:"md",border:"2px solid",borderColor:"gray.300",bgColor:null!=t?t:"#FFFFFF"})},eZ=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=eq(e,q);return e.getSelectedShapes().some(t=>["geo","text","line","arrow"].includes(t.type)||"image"===t.type&&ew(t,e))?(0,r.jsxs)(eE.J,{isLazy:!0,trigger:"hover",children:[(0,r.jsx)(eL.kH,{placement:"top",label:(0,r.jsx)(ez.cC,{id:"XAIjEI"}),"aria-label":eP.ag._({id:"XAIjEI"}),children:(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.q2v,customIcon:t?(0,r.jsx)(eX,{color:t||void 0}):void 0})})}),(0,r.jsx)(eV,{children:(0,r.jsx)(eB.v,{children:(0,r.jsx)(eH.M,{setColor:t=>{e.setStyleForSelectedShapes(q,t)},currentColor:t||null,source:"tldraw"})})})]}):null});var eJ=o(75009),eK=o(77533),eQ=o(54933),e$={src:"/_next/static/media/StrokeIcon.70a66bd1.svg"};let e0=(0,l.jas)(()=>{let e=(0,l.jE2)();if(!e.getSelectedShapes().some(e=>["geo","line","arrow"].includes(e.type)))return null;let t=e.getSelectedShapes(),o=eq(e,X),i=t.some(e=>"geo"===e.type&&"none"!==e.props.fill)||"none"===o;return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.tVX,customIcon:(0,r.jsx)(eJ.E,{src:e$.src})})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eA.U,{spacing:1,children:[i&&(0,r.jsx)(eY,{icon:eI.ImE,label:eP.ag._({id:"v9FFq4"}),isActive:"none"===o,onClick:()=>{e.setStyleForSelectedShapes(X,"none")}},"none"),(0,r.jsx)(eY,{icon:eI.ZC5,customIcon:(0,r.jsx)(s.xu,{w:6,h:.5,bg:"gray.900",borderRadius:"md"}),label:eP.ag._({id:"jlw6Pf"}),isActive:"sm"===o,onClick:()=>{e.setStyleForSelectedShapes(X,"sm")}},"sm"),(0,r.jsx)(eY,{icon:eI.ZC5,customIcon:(0,r.jsx)(s.xu,{w:6,h:1,bg:"gray.900",borderRadius:"md"}),label:eP.ag._({id:"NsbGKw"}),isActive:"md"===o,onClick:()=>{e.setStyleForSelectedShapes(X,"md")}},"md"),(0,r.jsx)(eY,{icon:eI.ZC5,customIcon:(0,r.jsx)(s.xu,{w:6,h:2,bg:"gray.900",borderRadius:"md"}),label:eP.ag._({id:"kOx9y9"}),isActive:"lg"===o,onClick:()=>{e.setStyleForSelectedShapes(X,"lg")}},"lg")]})})]})}),e2=(0,l.jas)(()=>{let e=(0,l.jE2)();if(!e.getSelectedShapes().some(e=>"geo"===e.type))return null;let t=eq(e,l.pp9);return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.DhN})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eA.U,{spacing:1,children:[(0,r.jsx)(eY,{icon:eI.diR,label:eP.ag._({i
1d:"MaFhfZ"}),isActive:"none"===t,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"none")}},"none"),(0,r.jsx)(eY,{icon:eI.DhN,label:eP.ag._({id:"X9rcHX"}),isActive:"semi"===t,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"semi")}},"semi"),(0,r.jsx)(eY,{icon:eQ.diR,label:eP.ag._({id:"Qocai2"}),isActive:"solid"===t,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"solid")}},"solid")]})})]})}),e1=(0,l.jas)(()=>{let e=(0,l.jE2)();if(!e.getSelectedShapes().some(e=>"arrow"===e.type))return null;let t=eq(e,l.TAC),o=eq(e,l.ZJj);return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.eRx})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eA.U,{spacing:2,pl:2,children:[(0,r.jsx)(eK.x,{fontSize:"sm",fontWeight:"600",color:"gray.500",children:(0,r.jsx)(ez.cC,{id:"tXkhj/"})}),(0,r.jsx)(eY,{icon:eI.ZC5,label:eP.ag._({id:"Vgxmlw"}),isActive:"none"===t,onClick:()=>{e.setStyleForSelectedShapes(l.TAC,"none")}}),(0,r.jsx)(eY,{icon:eI.acZ,label:eP.ag._({id:"6AKiWu"}),isActive:"none"!==t,onClick:()=>{e.setStyleForSelectedShapes(l.TAC,"arrow")}}),(0,r.jsx)(eN.w,{}),(0,r.jsx)(eK.x,{fontSize:"sm",fontWeight:"600",color:"gray.500",children:(0,r.jsx)(ez.cC,{id:"xDr/ct"})}),(0,r.jsx)(eY,{icon:eI.ZC5,label:eP.ag._({id:"Vgxmlw"}),isActive:"none"===t,onClick:()=>{e.setStyleForSelectedShapes(l.ZJj,"none")}}),(0,r.jsx)(eY,{icon:eI.eFW,label:eP.ag._({id:"6AKiWu"}),isActive:"none"!==o,onClick:()=>{e.setStyleForSelectedShapes(l.ZJj,"arrow")}},"end")]})})]})});var e3=o(74008);let e5={start:eI.elf,middle:eI.MB3,end:eI.S3c},e9=()=>{let e=(0,l.jE2)(),t=eq(e,l.XoM),o=eq(e,l.HO5),s=e.getSelectedShapes().some(e=>"verticalAlign"in e.props);return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:e5[t||"start"]})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eM.g,{spacing:2,divider:(0,r.jsx)(e3.i,{}),children:[(0,r.jsxs)(e_.h,{children:[(0,r.jsx)(eY,{icon:eI.elf,label:eP.ag._({id:"7Ug5sE"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"start"),isActive:"start"===t},"align-left"),(0,r.jsx)(eY,{icon:eI.MB3,label:eP.ag._({id:"vLp84F"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"middle"),isActive:"middle"===t},"align-center"),(0,r.jsx)(eY,{icon:eI.S3c,label:eP.ag._({id:"sQU9zP"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"end"),isActive:"end"===t},"align-right")]}),s&&(0,r.jsxs)(e_.h,{children:[(0,r.jsx)(eY,{icon:eI.bqB,label:eP.ag._({id:"wjY74a"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"start"),isActive:"start"===o},"align-top"),(0,r.jsx)(eY,{icon:eI.Zy$,label:eP.ag._({id:"vNKCfC"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"middle"),isActive:"middle"===o},"align-middle"),(0,r.jsx)(eY,{icon:eI.E0H,label:eP.ag._({id:"CqhMZT"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"end"),isActive:"end"===o},"align-right")]})]})})]})};var e8=o(70065),e4=o(25556),e6=o(13090),e7=o(35649),te=o(31601),tt=o(33315),to=o(3423),tr=o(6814);let ts=(e,t)=>{let o=l.Ykc.createId((0,l.jKo)(t));return l.Ykc.create({id:o,type:"image",typeName:"asset",props:{...e.props,src:t}})},ti=(e,t)=>{let o=(0,e7.TL)(),r=(0,e8.p)(),s=(0,e7.CG)((0,tr.ux)(t)),i=e.getSelectedShapes().filter(e=>"image"===e.type).filter(t=>!ew(t,e)).filter(e=>!e.props.uploadStatus||!["uploading","error"].includes(e.props.uploadStatus)),l=i.some(e=>"uploading"===e.props.uploadStatus),a=i.length>0,d=i.every(e=>"in-progress"===e.props.removeBackgroundStatus)||l,c=(0,n.useCallback)(()=>{if(!(null==s?void 0:s.id))throw Error("No workspaceId provided");return Promise.all(i.map(async t=>{let i=t.id,l=t.props.assetId;if(!l){console.error("No assetId found for image shape",t);return}let n=e.getAsset(l);if(null==n?void 0:n.props.src){o((0,tt._8)({id:i}));try{e.mark("remove-background-".concat(i)),e.updateShape({id:i,type:"image",props:{removeBackgroundStatus:"in-progress"}});let t=await (0,to.i)({imageUrl:n.props.src,workspaceId:s.id}),r=ts(n,t);e.createAssets([r]),o((0,tt.jJ)({id:i,url:t})),(0,e6.i)("removeBackground",s),await (0,u.GN)(t),e.updateShape({id:i,type:"image",props:{assetId:r.id,removeBackgroundStatus:"idle"}})}catch(s){var a,d;e.bail();let t="AbortError"===s.name,o=(null===(a=s.cause)||void 0===a?void 0:a.statusCode)&&(null===(d=s.cause)||void 0===d?void 0:d.statusCode)<500;
1r({title:eP.ag._({id:"xwVKp4"}),position:"top",description:t?eP.ag._({id:"sSkbaZ"}):o?s.message:eP.ag._({id:"2ePs/6"}),status:"error",duration:5e3,isClosable:!0})}requestAnimationFrame(()=>{o((0,tt.l_)({id:i}))})}}))},[o,i,e,r,s]);return{showRemoveBackground:a,disableRemoveBackground:d,removeBackground:(0,e4.YO)(c,"removeBackground",te.AA.GAMMA_PRO_UPSELL_REMOVE_BACKGROUND)}},tl=(0,l.jas)(e=>{let{workspaceId:t}=e,o=(0,l.jE2)();if(!o)return null;let{showRemoveBackground:s,disableRemoveBackground:i,removeBackground:n}=ti(o,t),a=o.getSelectedShapes();if(!(a.length>0))return null;let d=a.some(e=>"group"===e.type),c=a.length,p=a.some(e=>"text"===e.type||"text"in e.props&&e.props.text||"html"in e.props&&e.props.html);return(0,r.jsx)(et.k,{w:"100%",direction:"row",position:"absolute",bottom:2,align:"flex-end",justify:"center",zIndex:"var(--layer-menus)",id:"tldraw-edit-toolbar",fontFamily:"Inter, sans-serif",children:(0,r.jsxs)(eA.U,{spacing:0,border:"1px solid",borderColor:"gray.200",shadow:"lg",borderRadius:"xl",bg:"#F9FAFBEE",overflow:"hidden",p:1,children:[(0,r.jsx)(eZ,{}),(0,r.jsx)(e0,{}),(0,r.jsx)(e2,{}),(0,r.jsx)(e1,{}),p&&(0,r.jsx)(e9,{}),(0,r.jsx)(tn,{}),c>=2&&(0,r.jsx)(ta,{}),s?(0,r.jsx)(eT.L,{onClick:n,disabled:i}):null,c>=2||d?(0,r.jsx)(eY,{icon:eI.tU8,label:d?"Ungroup selection":"Group selection",onClick:()=>d?o.ungroupShapes(a.map(e=>e.id)):o.groupShapes(a.map(e=>e.id)),isActive:d,shortcut:"Mod+G / Mod+Shift+G"},"group"):null,(0,r.jsx)(eN.w,{}),(0,r.jsx)(eG,{icon:eI.XAH,label:eP.ag._({id:"/Wgayn"}),onClick:()=>o.deleteShapes(a.map(e=>e.id)),"data-testid":"drawing-edit-toolbar-delete",color:"red.500",shortcut:"Del"},"delete")]})})}),tn=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapes().map(e=>e.id);return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.XQV})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eA.U,{spacing:1,children:[(0,r.jsx)(eY,{icon:eI.XQV,label:eP.ag._({id:"J6qWQV"}),onClick:()=>e.bringToFront(t),shortcut:"]"},"front"),(0,r.jsx)(eY,{icon:eI.y3T,label:eP.ag._({id:"9xFjqz"}),onClick:()=>e.bringForward(t),shortcut:"Alt+]"},"forward"),(0,r.jsx)(eY,{icon:eI.QZW,label:eP.ag._({id:"OfSb1W"}),onClick:()=>e.sendBackward(t),shortcut:"Alt+["},"backward"),(0,r.jsx)(eY,{icon:eI.H5Z,label:eP.ag._({id:"/zBSYY"}),onClick:()=>e.sendToBack(t),shortcut:"["},"back")]})})]})}),ta=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapeIds();return(0,r.jsxs)(eE.J,{trigger:"hover",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eY,{icon:eI.I6v})}),(0,r.jsx)(eV,{children:(0,r.jsxs)(eM.g,{spacing:2,align:"start",children:[(0,r.jsxs)(e_.h,{children:[(0,r.jsx)(eY,{icon:eI.I6v,label:eP.ag._({id:"IR6Txi"}),onClick:()=>e.alignShapes(t,"left"),shortcut:"Alt+A"},"align-left"),(0,r.jsx)(eY,{icon:eI.liD,label:eP.ag._({id:"8nOdkO"}),onClick:()=>e.alignShapes(t,"center-horizontal"),shortcut:"Alt+H"},"align-center"),(0,r.jsx)(eY,{icon:eI.xfv,label:eP.ag._({id:"pd0UH2"}),onClick:()=>e.alignShapes(t,"right"),shortcut:"Alt+D"},"align-right"),(0,r.jsx)(eY,{icon:eI.ZC_,label:eP.ag._({id:"8lqfXb"}),onClick:()=>e.distributeShapes(t,"horizontal")},"distribute-h")]}),(0,r.jsxs)(e_.h,{children:[(0,r.jsx)(eY,{icon:eI.JhG,label:eP.ag._({id:"/Q0jUh"}),onClick:()=>e.alignShapes(t,"top"),shortcut:"Alt+W"},"align-top"),(0,r.jsx)(eY,{icon:eI.UiH,label:eP.ag._({id:"QhuQN2"}),onClick:()=>e.alignShapes(t,"center-vertical"),shortcut:"Alt+V"},"align-middle"),(0,r.jsx)(eY,{icon:eI.iXx,label:eP.ag._({id:"EPnxoe"}),onClick:()=>e.alignShapes(t,"bottom"),shortcut:"Alt+S"},"align-bottom"),(0,r.jsx)(eY,{icon:eI.edW,label:eP.ag._({id:"a1NrWf"}),onClick:()=>e.distributeShapes(t,"vertical")},"distribute-v")]})]})})]})});var td=o(20437),tc=o(82655);let tp=()=>[{icon:eQ.qaO,label:()=>eP.ag._({id:"rG3WVm"}),tool:"select",shortcut:"V"},{icon:tc.ioV,label:()=>eP.ag._({id:"8tjQCz"}),tool:"hand",shortcut:"H"},{icon:tc.xf2,label:()=>eP.ag._({id:"Ajc4TJ"}),tool:"eraser",shortcut:"E"},"-",{icon:eQ.ZC5,label:()=>eP.ag._({id:"rjuFFw"}),tool:"line",shortcut:"L"},{icon:eQ.nUK,label:()=>eP.ag._({id:"zFkhx3"}),tool:"arrow",shortcut:"A"},{icon:tc.Kak,label:()=>
1eP.ag._({id:"kALRc9"}),tool:"geo"},{icon:eQ.K5C,label:()=>eP.ag._({id:"xeiujy"}),tool:"text",shortcut:"T"},{icon:tc.VmB,label:()=>eP.ag._({id:"hG89Ed"}),tool:"media",shortcut:"Mod+U"}],th=[{icon:eQ.K3M,image:{src:"/_next/static/media/Parallelogram.a20f8446.svg",height:16,width:21,blurWidth:0,blurHeight:0},label:()=>eP.ag._({id:"Bgytaf"}),shape:"rhombus",iconRotation:90},{icon:eQ.lCX,label:()=>eP.ag._({id:"30KLDI"}),shape:"rectangle",shortcut:"R"},{icon:eQ.iOh,iconRotation:90,label:()=>eP.ag._({id:"tIb8bD"}),shape:"hexagon"},{icon:eQ.diR,label:()=>eP.ag._({id:"7xMmki"}),shape:"ellipse",shortcut:"O"},{icon:eQ.uM9,label:()=>eP.ag._({id:"XLMJ7O"}),shape:"cloud"},{icon:eQ.BwA,label:()=>eP.ag._({id:"ucHvJP"}),shape:"triangle"},{icon:eQ.SJh,image:{src:"/_next/static/media/ArrowRight.efcc34da.svg",height:17,width:20,blurWidth:0,blurHeight:0},label:()=>eP.ag._({id:"0ULIwF"}),shape:"arrow-right"},{icon:eQ.qtD,label:()=>eP.ag._({id:"T+jTW/"}),shape:"diamond"}],tu=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getCurrentTool(),o=function(){let e=(0,l.jE2)(),t=(0,n.useRef)();return(0,n.useEffect)(()=>{let o=window.document.createElement("input");async function r(t){let r=t.target.files;r&&0!==r.length&&(await e.putExternalContent({type:"files",files:Array.from(r),point:e.getViewportPageBounds().center,ignoreParent:!1}),o.value="")}return o.type="file",o.accept=z.join(","),o.multiple=!0,t.current=o,o.addEventListener("change",r),()=>{t.current=void 0,o.removeEventListener("change",r)}},[e]),(0,n.useCallback)(()=>{var e;null===(e=t.current)||void 0===e||e.click()},[t])}();return(0,r.jsx)(et.k,{h:"100%",direction:"column",position:"absolute",right:2,align:"flex-end",justify:"center",zIndex:"var(--layer-menus)",children:(0,r.jsx)(eD,{children:(0,r.jsx)(eM.g,{spacing:1,children:tp().map(s=>{if("-"===s)return(0,r.jsx)(e3.i,{});let{label:i,icon:l,tool:n,shortcut:a}=s;return"geo"===n?(0,r.jsx)(tg,{},n):(0,r.jsx)(eG,{icon:l,label:i(),shortcut:a,onClick:()=>{if("media"===n){o();return}e.setCurrentTool(n)},isActive:t.id===n,tooltipPlacement:"left","data-testid":"drawing-insert-toolbar-".concat(n)},n)})})})})}),tg=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getCurrentTool(),o=eq(e,V);return(0,r.jsxs)(eE.J,{trigger:"hover",placement:"left-start",children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eG,{icon:tc.Kak,isActive:"geo"===t.id,"data-testid":"drawing-insert-toolbar-geo"})}),(0,r.jsx)(eO.y,{background:"none",shadow:"none",w:"fit-content",border:"none",mt:-8,p:6,pr:0,children:(0,r.jsx)(eD,{direction:"column",children:(0,r.jsx)(td.M,{columns:2,gap:1,children:th.map(t=>{let{label:s,icon:i,iconRotation:l,image:n,shape:a,shortcut:d}=t;return(0,r.jsx)(eG,{icon:i,rotation:l,customIcon:n?(0,r.jsx)(eJ.E,{src:null==n?void 0:n.src,w:"50%"}):void 0,label:s(),shortcut:d,onClick:()=>{e.setCurrentTool("geo"),a&&e.setStyleForNextShapes(V,a)},isActive:o===a,tooltipPlacement:"left","data-testid":"drawing-insert-toolbar-shape-".concat(a),opacity:.75},a)})})})})]})});var tx=o(67046),tm=o(62614),tj=o(99058),tw=o(25481),tf=o(92035),tS=o(89833),tb=o(74409),tC=o(5740),tv=o(18922),ty=o(78456),tk=o(9237);let tA=()=>[{description:(0,r.jsx)(ez.cC,{id:"6MxxvO"}),shortcut:["Mod+U"]},{description:(0,r.jsx)(ez.cC,{id:"rG3WVm"}),shortcut:["V"]},{description:(0,r.jsx)(ez.cC,{id:"2FGWTy"}),shortcut:"E"},{description:(0,r.jsx)(ez.cC,{id:"vJ0hjc"}),shortcut:"H"},{description:(0,r.jsx)(ez.cC,{id:"30KLDI"}),shortcut:"R"},{description:(0,r.jsx)(ez.cC,{id:"rp5GhR"}),shortcut:"O"},{description:(0,r.jsx)(ez.cC,{id:"zFkhx3"}),shortcut:"A"},{description:(0,r.jsx)(ez.cC,{id:"rjuFFw"}),shortcut:"L"},{description:(0,r.jsx)(ez.cC,{id:"xeiujy"}),shortcut:"T"},{description:(0,r.jsx)(ez.cC,{id:"9uI/rE"}),shortcut:"Mod+Z"},{description:(0,r.jsx)(ez.cC,{id:"H3oH0g"}),shortcut:"Mod+Shift+Z"},{description:(0,r.jsx)(ez.cC,{id:"cCd8Bs"}),shortcut:"Mod+X"},{description:(0,r.jsx)(ez.cC,{id:"he3ygx"}),shortcut:"Mod+C"},{description:(0,r.jsx)(ez.cC,{id:"HzVv6g"}),shortcut:"Mod+V"},{description:(0,r.jsx)(ez.cC,{id:"UILhO0"}),shortcut:"Mod+'"},{description:(0,r.jsx)(ez.cC,{id:"wgNoIs"}),shortcut:"Mod+A"},{description:(0,r.jsx)(ez.cC,{id:"cnGeoo"}),shortcut:"Del"},{description:(0,r.jsx)(ez.cC,{id:"euc6Ns"}),shortcut:"Mod+D"}
1,{description:(0,r.jsx)(ez.cC,{id:"AWOSPo"}),shortcut:"Mod+="},{description:(0,r.jsx)(ez.cC,{id:"FjkaiT"}),shortcut:"Mod+-"},{description:(0,r.jsx)(ez.cC,{id:"41NrIs"}),shortcut:"Shift+0"},{description:(0,r.jsx)(ez.cC,{id:"pLI1Is"}),shortcut:"Shift+1"},{description:(0,r.jsx)(ez.cC,{id:"1eH/UF"}),shortcut:"Shift+2"},{description:(0,r.jsx)(ez.cC,{id:"IS9/i3"}),shortcut:"]"},{description:(0,r.jsx)(ez.cC,{id:"i4A317"}),shortcut:"Alt+]"},{description:(0,r.jsx)(ez.cC,{id:"yWNAen"}),shortcut:"Alt+["},{description:(0,r.jsx)(ez.cC,{id:"WMIp7w"}),shortcut:"["},{description:(0,r.jsx)(ez.cC,{id:"L8fEEm"}),shortcut:"Mod+G"},{description:(0,r.jsx)(ez.cC,{id:"E4mitS"}),shortcut:"Mod+Shift+G"},{description:(0,r.jsx)(ez.cC,{id:"/Q0jUh"}),shortcut:"Alt+W"},{description:(0,r.jsx)(ez.cC,{id:"QhuQN2"}),shortcut:"Alt+V"},{description:(0,r.jsx)(ez.cC,{id:"EPnxoe"}),shortcut:"Alt+S"},{description:(0,r.jsx)(ez.cC,{id:"IR6Txi"}),shortcut:"Alt+A"},{description:(0,r.jsx)(ez.cC,{id:"8nOdkO"}),shortcut:"Alt+H"},{description:(0,r.jsx)(ez.cC,{id:"pd0UH2"}),shortcut:"Alt+D"}],tE=()=>{let e=(0,ty.A)(tA);return(0,r.jsxs)(eE.J,{trigger:"click",placement:"bottom",isLazy:!0,returnFocusOnClose:!1,children:[(0,r.jsx)(eF.x,{children:(0,r.jsx)(eG,{icon:tc.Fuz,label:eP.ag._({id:"IBvHGk"}),onMouseDown:tk.br})}),(0,r.jsxs)(eO.y,{p:4,w:"400px",maxH:"80vh",overflowY:"auto",children:[(0,r.jsx)(tS.u,{}),(0,r.jsxs)(eM.g,{spacing:4,fontSize:"md",fontWeight:"500",align:"start",children:[(0,r.jsx)(tb.X,{size:"md",children:(0,r.jsx)(ez.cC,{id:"y5p2bQ"})}),(0,r.jsxs)(eK.x,{as:"ul",ms:4,sx:{li:{my:2}},children:[(0,r.jsx)("li",{children:(0,r.jsx)(ez.cC,{id:"Eln6mJ"})}),(0,r.jsx)("li",{children:(0,r.jsx)(ez.cC,{id:"oCNO6k",components:{0:(0,r.jsx)(tC.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(ez.cC,{id:"YmUqaF",components:{0:(0,r.jsx)(tC.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(ez.cC,{id:"bzaAgu",values:{0:tf.ED?"Alt":"Option"},components:{0:(0,r.jsx)(tC.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(ez.cC,{id:"z9xlo8",components:{0:(0,r.jsx)(tC.T,{})}})})]}),(0,r.jsx)(tb.X,{size:"md",children:"Keyboard shortcuts"}),(0,r.jsx)(tv.A,{list:e})]})]})]})},tF=(0,l.jas)(function(){let e=(0,l.jE2)(),t=e.getInstanceState().isGridMode,o=e.getCanUndo(),s=e.getCanRedo(),{isGammaOrgUser:i}=(0,a.SE)();return(0,r.jsx)(et.k,{position:"absolute",top:2,left:2,zIndex:"var(--layer-menus)",fontFamily:"Inter, sans-serif",fontSize:"md",children:(0,r.jsx)(eD,{children:(0,r.jsxs)(eA.U,{spacing:2,children:[(0,r.jsx)(tM,{}),(0,r.jsx)(e3.i,{orientation:"vertical"}),(0,r.jsx)(eG,{icon:eQ.fnF,label:t?eP.ag._({id:"yKNnfN"}):eP.ag._({id:"1P5SDm"}),shortcut:"Mod+'",isActive:t,onClick:()=>{e.updateInstanceState({isGridMode:!t})}},"grid"),i&&(0,r.jsx)(e3.i,{orientation:"vertical"}),i&&(0,r.jsx)(eG,{icon:tc.ISu,color:"sunglow.600",label:eP.ag._({id:"SpTWH3"}),shortcut:"(Gamma admin only)",onClick:()=>{let t=Array.from(e.getCurrentPageShapeIds());(0,l.xUL)(e,t,"svg",void 0,{scale:1})}},"download"),(0,r.jsx)(tE,{}),(o||s)&&(0,r.jsx)(e3.i,{orientation:"vertical"}),o&&(0,r.jsx)(eG,{icon:tc.X7o,label:eP.ag._({id:"9uI/rE"}),shortcut:"Mod+Z",onClick:()=>e.undo()},"undo"),s&&(0,r.jsx)(eG,{icon:tc.XSV,label:eP.ag._({id:"H3oH0g"}),shortcut:"Mod+Shift+Z",onClick:()=>e.redo()},"redo")]})})})}),tM=(0,l.jas)(function(){let e=(0,l.jE2)(),t=e.getZoomLevel();return(0,r.jsxs)(eB.v,{children:[(0,r.jsxs)(tx.j,{as:tm.z,"data-test-id":"zoom-menu-button",size:"sm",colorScheme:"trueblue",variant:"ghost",leftIcon:(0,r.jsx)(eR.G,{icon:tc.Y$T}),children:[Math.round(100*t),"%"]}),(0,r.jsxs)(tj.q,{children:[(0,r.jsx)(tw.s,{command:tf.ED?"Ctrl+":"â+",onClick:()=>e.zoomIn(),children:(0,r.jsx)(ez.cC,{id:"AWOSPo"})}),(0,r.jsx)(tw.s,{command:tf.ED?"Ctrl-":"â-",onClick:()=>e.zoomOut(),children:(0,r.jsx)(ez.cC,{id:"FjkaiT"})}),(0,r.jsx)(tw.s,{command:"â§0",onClick:()=>e.resetZoom(),children:(0,r.jsx)(ez.cC,{id:"41NrIs"})}),(0,r.jsx)(tw.s,{command:"â§1",onClick:()=>e.zoomToFit(),"data-test-id":"zoom-to-fit-button",children:(0,r.jsx)(ez.cC,{id:"pLI1Is"})}),(0,r.jsx)(tw.s,{command:"â§2",onClick:()=>e.zoomToSelection(),children:(0,r.jsx)(ez.cC,{id:"1eH/UF"})})]})]})});o(35872);
1let t_={SelectionForeground:l.uIq,SelectionBackground:l.meR,Handles:l.pBL,HoveredShapeIndicator:l.CNS},tI=[eh,ek,K,eS,ej],tP=[...l.e5F,l.Qq1,l.MFZ,l.FWf,l.T_Y],tT=e=>{let t=e.orgId||(0,a.n_)();(0,n.useEffect)(()=>{l.p64.draw="var(--body-font)"},[]);let[o,d]=(0,n.useState)(),[c,p]=(0,n.useState)(!1),h=(0,n.useCallback)(o=>{c||(d(o),p(!0),U(o,t),o.setStyleForNextShapes(l.ciG,"solid"),o.setStyleForNextShapes(l.pp9,"solid"),o.user.updateUserPreferences({isSnapMode:!0}),e.defaultStyles&&(o.setStyleForNextShapes(l.pp9,e.defaultStyles.fill,{ephemeral:!0}),o.setStyleForNextShapes(X,e.defaultStyles.strokeWidth,{ephemeral:!0})),o.sideEffects.registerBeforeChangeHandler("shape",(e,t)=>t.isLocked?{...t,isLocked:!1}:t))},[c,t,e.defaultStyles]);return(0,n.useEffect)(()=>{if(!e.onChange||!o)return;let t=o.store.listen(t=>{e.onChange(o)},{source:"user",scope:"document"});return()=>{t()}},[o,e.onChange]),(0,r.jsxs)(l.gRN,{initialState:"select",shapeUtils:tI,tools:tP,components:t_,...e,onMount:(0,i.v0)(e.onMount,h),children:[(0,r.jsxs)(l.U_z,{children:[(0,r.jsx)(tN,{}),(0,r.jsx)(tB,{})]}),(0,r.jsx)(tl,{workspaceId:t}),(0,r.jsx)(tu,{}),(0,r.jsx)(tF,{}),(0,r.jsx)(s.xu,{"data-tldraw-menu-root":!0,pos:"absolute",inset:0,fontSize:"1rem"})]})},tN=()=>{let{Canvas:e}=(0,l.ofW)();return e?(0,r.jsx)(e,{}):null},tB=()=>((0,l.aLu)(),(0,l.r45)(),null)}}]); 2//# sourceMappingURL=2551.1ab3fab3fc12eea8.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.