1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3857],{13857:function(e,t,o){o.r(t),o.d(t,{Tldraw:function(){return tj}});var r=o(52322),i=o(28535),s=o(79729),l=o(59315),n=o(2784),a=o(99787);let d=["image/jpeg","image/png","image/gif","image/svg+xml"],c=(e,t)=>new Promise((o,r)=>{(0,a.cT)(e,t,{onUploadComplete:e=>o(e),onUploadFailed:e=>r(e)})}),p=(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 i=URL.createObjectURL(o);console.debug("[useAssetUpload] Handling upload for file",{file:o,id:r,tempUrl:i});let s=await c(o,t).then(e=>{let{src:t,meta:r}=e,i=l.Ykc.createId((0,l.jKo)(t)),s=l.Ykc.create({id:i,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:s}),s});return s}),e.registerExternalContentHandler("files",async t=>{let{point:o,files:r}=t,i=null!=o?o:e.inputs.shiftKey?e.inputs.currentPagePoint:e.getViewportPageCenter(),s=l.B08.From(i),n=l.B08.From(i),a=await Promise.all(r.map(async t=>{if(!t.type)throw Error("No mime type");if(!d.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)(),i={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.createShape(i),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}},{ephemeral:!0})}),r}catch(e){console.error(e)}return null})),c=a.filter(Boolean);e.select(...c),function(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,i=l.B08.Rot(o,-r);return{id:t.id,type:t.type,x:t.x-i.x,y:t.y-i.y}}))}(r=e.getSelectionPageBounds())&&!o.contains(r)&&e.zoomToSelection()}(e,s)})};var h=o(19194),u=o(39823);let g=e=>"middle"===e?"center":e,x=e=>({start:"left",middle:"center",end:"right"})[e],m=(e,t)=>{t&&Object.entries(t).forEach(t=>{let[o,r]=t;e.style.setProperty(o,r.toString())})},j=l.fVw.defineEnum("tldraw:geo",{defaultValue:"rectangle",values:["rectangle","ellipse","triangle","diamond","hexagon","rhombus","arrow-right","cloud"]}),w=l.fVw.define("gamma:color",{type:l.T.nullable(l.T.string),defaultValue:null}),f=l.fVw.defineEnum("gamma:strokeWidth",{defaultValue:"sm",values:["none","sm","md","lg"]}),S={...l.eGT,html:l.T.optional(l.T.string),geo:j,shapeColor:w,strokeWidth:f},b={...l.si8,shapeColor:w,strokeWidth:f};class C extends l.YCq{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null,strokeWidth:"sm"}}component(e){let t=e.props.shapeColor,o=(0,h.Eo)(t,!0),s=(0,u.F)(e.props.strokeWidth,!0);return(0,r.jsx)(i.xu,{style:{...o,"--stroke-width":s},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";let i=(0,h.Eo)(e.props.shapeColor,!0);m(r,i);let s=(0,u.F)(e.props.strokeWidth,!0);return r.style.setProperty("--stroke-width",s.toString()),r}}C.props=b;let v=(e,t,o)=>{let r=e.props.html,i=t.props.html;if(r===i)return t;if(r&&!i)return{...t,props:{...t.props,growY:0}};let s=e.props.w,l=e.props.h,n=A(o,t.id);if(!n)return;let a=n.w,d=n.h;if(!r&&i&&1===i.length){let o=Math.max(s,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},y=(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,i=null===(o=A(t,e.id))||void 0===o?void 0:o.h;if(!i)return;let s=null;if(i>r?s=i-r:e.props.growY&&(s=0),null!==s)return{...e,props:{...e.props,growY:s}}},A=(e,t)=>
1{let o=e.getContainer();if(!o)return;let r=o.querySelector('[data-textbox-id="'.concat(t,'"]')),i=null==r?void 0:r.querySelector(".ProseMirror");if(i&&""!==i.textContent)return{w:i.offsetWidth,h:i.offsetHeight}};var k=o(38035),E=o(87008),F=o(86900),M=o(31187),_=o(42626),I=o(86509),T=o(9432),N=o(78563),P=o(39615),z=o(39475),U=o(56329),W=o(54117),H=o(77381),L=o(77220),B=o(17487),R=o(79786),G=o(28041),Y=o(85818),D=o(17630),O=o(50322),V=o(83386),q=o(8571),X=o(94075),Z=o(90507);let J=()=>[_.B.extend({content:"block+"}),I.A,H.l,V.d,q.n,P.x,B.Hy,Y.X6.configure({HTMLAttributes:{class:U.A8}}),G.U,R.Bf,F.d8,z.v,T.Tx,X.d,X.y,D.Kq,N.Re,O.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}),M.EK,L.NM,B.Pi],K=e=>{let{isEditing:t,disableGradients:o,...s}=e,l=(0,n.useMemo)(()=>J(),[]),a=(0,Z.jE)({extensions:l,parseOptions:{preserveWhitespace:"full"},...s,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)(i.xu,{sx:{width:"100%"},className:o?U.LY:void 0,children:[(0,r.jsx)(Z.kg,{style:{width:"100%"},className:"text",editor:a}),(0,r.jsx)(W.u,{editor:a,appendToSelector:"[data-tldraw-menu-root]"})]})};var Q=o(5109);let $=e=>{let{tlEditor:t,shape:o,disableGradients:i,autosize:s}=e,{id:a,type:d,props:c}=o,{align:p,html:h}=c,u="verticalAlign"in c?c.verticalAlign:"start",m=(0,l.HgN)("isSelected",()=>t.getSelectedShapeIds().includes(a)&&1===t.getSelectedShapeIds().length,[t,a]),{handleInputPointerDown:j,handleDoubleClick:w,handleBlur:f,isEditing:S}=function(e){let t=(0,Q.jE2)(),o=(0,Q.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]),i=(0,n.useCallback)(o=>{if(o.target instanceof Element&&o.target.closest('[data-in-editor-focus="true"]')){(0,Q.beA)(o);return}t.dispatch({...(0,Q.YyG)(o),type:"pointer",name:"pointer_down",target:"shape",shape:t.getShape(e)}),(0,Q.beA)(o)},[t,e]),s=Q.beA;return{isEditing:o,handleInputPointerDown:i,handleDoubleClick:s,handleBlur:r}}(a),b=x(p),C=g(p),v=g(null!=u?u:"middle");return(0,r.jsx)(k.k,{className:"textbox","data-textbox-id":a,"data-autosize":s,css:{"--horizontal-align":C,"--vertical-align":v,"--text-align":b},w:"100%",h:"100%",pointerEvents:m?"auto":"none",userSelect:S?"text":"none",cursor:S?"text":void 0,outlineOffset:"-2px",outline:S?"2px solid var(--chakra-ring-color)":void 0,onPointerDown:j,onDoubleClick:w,onBlur:f,children:(0,r.jsx)(K,{content:h,onUpdate:e=>{let{editor:o}=e,r=o.state.doc.content,i=(0,E.G8)(r,o.schema);t.updateShapes([{id:a,type:d,props:{html:i,text:o.state.doc.textContent}}])},isEditing:S,disableGradients:i,autosize:s})})},ee=e=>{let{shape:t,editor:o}=e,i=o.getShapeGeometry(t),s=et(t,i),{fill:n,shapeColor:a,strokeWidth:d}=t.props,c=(0,h.Eo)(a),p=(0,u.F)(d,"none"===n),g={...c},{textColorVars:x}=(0,h.Yw)("none"===n?void 0:a);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.gkc,{id:t.id,style:g,children:(0,r.jsx)("path",{d:s,"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,...x},children:(0,r.jsx)($,{tlEditor:o,shape:t,disableGradients:!!(a&&"none"!==n)})})]})},et=(e,t)=>{if("ellipse"===e.props.geo){let{w:t,h:o,growY:r}=e.props,i=t/2,s=(o+r)/2,l=Math.max(0,i),n=Math.max(0,s);return"M".concat(i-l,",").concat(s,"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,r=eo(e.id,o);return er(r)}};function eo(e,t){let o,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:4,s=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*s;e<p;e++){o=l.B08.AddXY(t[(e+1)%c],a()*r,a()*r);let s=l.B08.Sub(o,d),p=l.B08.Len(s),h=l.B08.Div(s,p).mul(Math.min(p/4,i));n.push(l.B08.Add(d,h),l.B08.Add(o,h.neg()),o),d=o}return n}function er(e){let t,o,r,i="M",s=e.length;for(let n=0;n<s;n+=3)t=e[n],o=e[n+1],r=e[n+2],i+="".concat((0,l.Yku)(t),"L").concat((0,l.Yku)(o),"Q").concat((0,l.Yku)(r));return i+"".concat((0,l.Yku)(e[0]))}let ei=(e,t)=>{let{id:o,props:r}=e,i=t.getShapeGeometry(e),{geo:s,shapeColor:l,fill:n,html:a,text:d,align:c,verticalAlign:p,strokeWidth:j}=r,w="ellipse"===s?el(e):es(e,i);"semi"===n?w.style.setProperty("fill-opacity","0.5"):"none"===n?w.style.setProperty("fill-opacity","0"):w.style.setProperty("fill-opacity","1"),w.setAttribute("id",o);let f=(0,h.Eo)(l),S=(0,u.F)(j,"none"===n);m(w,f),w.style.setProperty("stroke-width",S.toString());let b=document.createElementNS("http://www.w3.org/2000/svg","g");if(b.dataset.shapeType="geo",b.appendChild(w),!d)return b;let C=i.bounds,v=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");
1if(v.setAttribute("width",C.w.toString()),v.setAttribute("height",C.h.toString()),l){v.classList.add(U.LY);let{textColorVars:e}=(0,h.Yw)(l);m(v,e)}let y=document.createElementNS("http://www.w3.org/1999/xhtml","div");return y.innerHTML='<div class="text">'.concat(a,"</div>"),y.style.setProperty("--text-align",x(c)),y.style.setProperty("--horizontal-align",g(c)),y.style.setProperty("--vertical-align",g(p)),y.classList.add("textbox"),v.appendChild(y),b.appendChild(v),b},es=(e,t)=>{let o=t instanceof l.mqq?t.children[0].vertices:t.vertices,r=eo(e.id,o),i=er(r),s=document.createElementNS("http://www.w3.org/2000/svg","path");return s.setAttribute("d",i),s},el=e=>{let{w:t,h:o,growY:r}=e.props,i=t/2,s=(o+r)/2,l=Math.max(0,i),n=Math.max(0,s),a="M".concat(i-l,",").concat(s,"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 en extends l.YQh{getDefaultProps(){return{...super.getDefaultProps(),html:"",shapeColor:null,strokeWidth:"sm"}}toSvg(e,t){return ei(e,this.editor)}component(e){return ee({shape:e,editor:this.editor})}getGeometry(e){let t=super.getGeometry(e),[o,r]=t.children;if(!o||!r)return t;let i=A(this.editor,e.id);if(!i)return t;let s=Math.max(1,e.props.w),n=Math.max(1,e.props.h+e.props.growY),a=Math.min(s,Math.max(i.w,Math.min(32,Math.max(1,s-8)))),d=Math.min(n,Math.max(i.h,Math.min(32,Math.max(1,s-8))));return new l.mqq({children:[o,new l.zc7({x:"start"===e.props.align?0:"end"===e.props.align?s-a:(s-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)=>v(e,t,this.editor),this.onBeforeCreate=e=>y(e,this.editor)}}en.props=S;var ea=o(72975),ed=o(87205);let ec={...l.FcS,tempUrl:l.T.string.optional(),uploadStatus:l.T.literalEnum("uploading","done","error").optional(),shapeColor:w};class ep extends l.Zow{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null}}component(e){let t=eh(e,this.editor),o="recolor-".concat(e.id),s=t&&e.props.shapeColor?(0,r.jsxs)(i.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);return"uploading"===e.props.uploadStatus?(0,r.jsxs)(i.xu,{style:{"--temp-url":(0,ed.Ly)(e.props.tempUrl)},"data-image-upload-status":e.props.uploadStatus,pos:"relative",children:[s,(0,r.jsx)(ea.HI,{})]}):s}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)||"",i=document.createElementNS("http://www.w3.org/2000/svg","image");i.setAttributeNS("http://www.w3.org/1999/xlink","href",r);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");t.appendChild(s);let n=eh(e,this.editor);if(n&&e.props.shapeColor){let t="recolor-".concat(e.id);i.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),s.appendChild(o)}let a=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,i=1/(t.bottomRight.y-t.topLeft.y)*e.props.h,s=-o.x*r,l=-o.y*i;return{transform:"translate(".concat(s,"px, ").concat(l,"px)"),width:r,height:i}}(e),d=e.props.crop;if(a.transform&&d){let{transform:e,width:o,height:r}=a,n=(d.bottomRight.x-d.topLeft.x)*o,c=(d.bottomRight.y-d.topLeft.y)*r,p=[new l.B08(0,0),new l.B08(n,0),new l.B08(n,c),new l.B08(0,c)],h=document.createElementNS("http://www.w3.org/2000/svg","polygon");h.setAttribute("points",p.map(e=>"".concat(e.x,",").concat(e.y)).join(" "));let u=document.createElementNS("http://www.w3.org/2000/svg","clipPath");u.setAttribute("id","cropClipPath"),u.appendChild(h),s.appendChild(u);let g=document.createElementNS("http://www.w3.org/2000/svg","g");g.setAttribute("clip-path","url(#cropClipPath)"),i.setAttribute("width",o.toString()),i.setAttribute("height",r.toString()),i.style.transform=e,g.appendChild(i),t.appendChild(g)}else i.setAttribute("width",e.props.w.toString()),i.setAttribute("height",e.props.h.toString()),t.appendChild(i);return t}}ep.props=ec;let eh=(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},eu={...l.BGI,shapeColor:w,strokeWidth:f};class eg extends l.Rwx{getDefaultProps(){return{...super.getDefaultProps(),shapeColor:null,strokeWidth:"sm"}}component(e){let t=e.props.shapeColor,o=(0,h.Eo)(t,!0),s=(0,u.F)(e.props.strokeWidth,!0);return(0,r.jsx)(i.xu,{style:{...o,"--stroke-width":s},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";let i=(0,h.Eo)(e.props.shapeColor,!0);m(r,i);let s=(0,u.F)(e.props.strokeWidth,!0);return o.style.setProperty("--stroke-width",s.toString()),r.appendChild(o),r}}eg.props=eu;let ex=e=>{let{shape:t,editor:o}=e,{shapeColor:i,autoSize:s}=t.props,n=(0,h.NC)(i);return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(l.G7H,{id:t.id,style:{width:s?"max-content":t.props.w,minWidth:s?"8em":void 0,minHeight:"3.5em",right:"auto",left:"auto",height:t.props.h+t.props.growY,...n},children:(0,r.jsx)($,{tlEditor:o,shape:t,autosize:s,disableGradients:!!i})})})},em={...l.XBb,html:l.T.optional(l.T.string),shapeColor:w,h:l.T.number,growY:l.T.number},ej=(e,t)=>{let{props:o}=e,r=t.getShapeGeometry(e),{shapeColor:i,html:s,align:l}=o,n=document.createElementNS("http://www.w3.org/2000/svg","g");if(!s)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()),i&&(d.classList.add(U.LY),m(d,(0,h.NC)(i)));let c=document.createElementNS("http://www.w3.org/1999/xhtml","div");return c.innerHTML='<div class="text">'.concat(s,"</div>"),c.style.setProperty("--text-align",x(l)),c.style.setProperty("--horizontal-align",g(l)),e.props.autoSize&&(c.dataset.autosize="true"),c.classList.add("textbox"),d.appendChild(c),n.appendChild(d),n},ew=new l._cv;class ef extends l.zBk{getDefaultProps(){return{...super.getDefaultProps(),w:51,h:44,growY:0,html:"",shapeColor:null}}toSvg(e,t){return ej(e,this.editor)}component(e){return ex({shape:e,editor:this.editor})}getMinDimensions(e){return ew.get({id:e.id,props:e.props},e=>{let{id:t,props:o}=e,r=A(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:i}=t,{scaleX:s}=t;("top"===i||"bottom"===i)&&(s=1);let n=o.width,a=n*s,d=new l.B08(0,0);if(a=Math.max(1,Math.abs(a)),i.includes("left"))d.x=n-a,s<0&&(d.x+=a);else{if(!i.includes("right"))return{x:r.x};s<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)=>v(e,t,this.editor),this.onBeforeCreate=e=>y(e,this.editor)}}ef.props=em;var eS=o(29117),eb=o(43679),eC=o(34071),ev=o(17993),ey=o(75768),eA=o(42946),ek=o(87254),eE=o(57618),eF=o(10625),eM=o(94523),e_=o(5879),eI=o(86787),eT=o(68023),eN=o(32899),eP=o(49929);let ez=(0,eT.G)((e,t)=>{let{label:o,icon:i,rotation:s,customIcon:l,tooltipPlacement:n="top",shortcut:a,...d}=e;return(0,r.jsx)(eM.kH,{placement:n,label:o,isDisabled:!o,shortcut:a,children:(0,r.jsx)(eN.h,{"aria-label":o||"",ref:t,size:"md",variant:"",icon:l||(0,r.jsx)(eP.G,{icon:i,rotation:s,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})})}),eU=n.forwardRef((e,t)=>(0,r.jsx)(ez,{...e,ref:t,color:"gray.900"}));eU.displayName="EditToolbarIcon";var eW=o(39429);let eH=e=>{let{children:t,...o}=e;return(0,r.jsx)(k.k,{bg:"#F9FAFBEE",p:1,borderWidth:"1px",borderRadius:"xl",shadow:"xl",border:"1px solid",borderColor:"gray.200",...o,children:t})},eL=e=>{let{children:t,...o}=e;return(0,r.jsxs)(eW.y,{w:"fit-content",pos:"relative",shadow:"none",border:"none",bg:"none",children:[(0,r.jsx)(i.xu,{pos:"absolute",insetX:-6,top:-6,bottom:0,zIndex:"-1"}),(0,r.jsx)(eH,{direction:"column",overflow:"hidden",...o,children:t})]})},eB=(e,t)=>{let o=e.getSharedStyles().get(t);return o&&"mixed"!==o.type?o.value:null},eR=e=>{let{color:t}=e;return(0,r.jsx)(i.xu,{as:"span",alignSelf:"center",boxSize:5,borderRadius:"md",border:"2px solid",borderColor:"gray.300",bgColor:null!=t?t:"#FFFFFF"})},eG=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=eB(e,w),o=e.getSelectedShapes(),i=o.some(t=>["geo","text","line","arrow"].includes(t.type)||"image"===t.type&&eh(t,e));return i?(0,r.jsxs)(eb.J,{isLazy:!0,trigger:"hover",children:[(0,r.jsx)(eM.kH,{placement:"top",label:(0,r.jsx)(e_.cC,{id:"XAIjEI"}),"aria-label":ek.ag._({id:"XAIjEI"}),children:(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.q2v,customIcon:t?(0,r.jsx)(eR,{color:t||void 0}):void 0})})}),(0,r.jsx)(eL,{children:(0,r.jsx)(eF.v,{children:(0,r.jsx)(eI.M,{setColor:t=>{e.setStyleForSelectedShapes(w,t)},currentColor:t||null,source:"tldraw"})})})]}):null});var eY=o(75009),eD=o(77533),eO=o(54933),eV={src:"/_next/static/media/StrokeIcon.70a66bd1.svg"};let eq=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapes().some(e=>["geo","line","arrow"].includes(e.type));if(!t)return null;let o=e.getSelectedShapes(),s=eB(e,f),n=o.some(e=>"geo"===e.type&&"none"!==e.props.fill)||"none"===s;return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.tVX,customIcon:(0,r.jsx)(eY.E,{src:eV.src})})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(eS.U,{spacing:1,children:[n&&(0,r.jsx)(eU,{icon:eA.ImE,label:ek.ag._({id:"v9FFq4"}),isActive:"none"===s,onClick:()=>{e.setStyleForSelectedShapes(f,"none")}},"none"),(0,r.jsx)(eU,{icon:eA.ZC5,customIcon:(0,r.jsx)(i.xu,{w:6,h:.5,bg:"gray.900",borderRadius:"md"}),label:ek.ag._({id:"jlw6Pf"}),isActive:"sm"===s,onClick:()=>{e.setStyleForSelectedShapes(f,"sm")}},"sm"),(0,r.jsx)(eU,{icon:eA.ZC5,customIcon:(0,r.jsx)(i.xu,{w:6,h:1,bg:"gray.900",borderRadius:"md"}),label:ek.ag._({id:"NsbGKw"}),isActive:"md"===s,onClick:()=>{e.setStyleForSelectedShapes(f,"md")}},"md"),(0,r.jsx)(eU,{icon:eA.ZC5,customIcon:(0,r.jsx)(i.xu,{w:6,h:2,bg:"gray.900",borderRadius:"md"}),label:ek.ag._({id:"kOx9y9"}),isActive:"lg"===s,onClick:()=>{e.setStyleForSelectedShapes(f,"lg")}},"lg")]})})]})}),eX=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapes(),o=t.some(e=>"geo"===e.type);if(!o)return null;let i=eB(e,l.pp9);return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.DhN})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(eS.U,{spacing:1,children:[(0,r.jsx)(eU,{icon:eA.diR,label:ek.ag._({id:"MaFhfZ"}),isActive:"none"===i,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"none")}},"none"),(0,r.jsx)(eU,{icon:eA.DhN,label:ek.ag._({id:"X9rcHX"}),isActive:"semi"===i,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"semi")}},"semi"),(0,r.jsx)(eU,{icon:eO.diR,label:ek.ag._({id:"Qocai2"}),isActive:"solid"===i,onClick:()=>{e.setStyleForSelectedShapes(l.pp9,"solid")}},"solid")]})})]})}),eZ=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapes(),o=t.some(e=>"arrow"===e.type);if(!o)return null;let i=eB(e,l.TAC),s=eB(e,l.ZJj);return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.eRx})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(eS.U,{spacing:2,pl:2,children:[(0,r.jsx)(eD.x,{fontSize:"sm",fontWeight:"600",color:"gray.500",children:(0,r.jsx)(e_.cC,{id:"tXkhj/"})}),(0,r.jsx)(eU,{icon:eA.ZC5,label:ek.ag._({id:"Vgxmlw"}),isActive:"none"===i,onClick:()=>{e.setStyleForSelectedShapes(l.TAC,"none")}}),(0,r.jsx)(eU,{icon:eA.acZ,label:ek.ag._({id:"6AKiWu"}),isActive:"none"!==i,onClick:()=>{e.setStyleForSelectedShapes(l.TAC,"arrow")}}),(0,r.jsx)(eE.w,{}),(0,r.jsx)(eD.x,{fontSize:"sm",fontWeight:"600",color:"gray.500",children:(0,r.jsx)(e_.cC,{id:"xDr/ct"})}),(0,r.jsx)(eU,{icon:eA.ZC5,label:ek.ag._({id:"Vgxmlw"}),isActive:"none"===i,onClick:()=>{e.setStyleForSelectedShapes(l.ZJj,"none")}}),(0,r.jsx)(eU,{icon:eA.eFW,label:ek.ag._({id:"6AKiWu"}),isActive:"none"!==s,onClick:()=>{e.setStyleForSelectedShapes(l.ZJj,"arrow")}},"end")]})})]})});var eJ=o(74008);let eK={start:eA.elf,middle:eA.MB3,end:eA.S3c},eQ=()=>{let e=(0,l.jE2)(),t=eB(e,l.XoM),o=eB(e,l.HO5),i=e.getSelectedShapes().some(e=>"verticalAlign"in e.props);return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eK[t||"start"]})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(ev.g,{spacing:2,divider:(0,r.jsx)(eJ.i,{}),children:[(0,r.jsxs)(ey.h,{children:[(0,r.jsx)(eU,{icon:eA.elf,label:ek.ag._({id:"7Ug5sE"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"start"),isActive:"start"===t},"align-left"),(0,r.jsx)(eU,{icon:eA.MB3,label:ek.ag._({id:"vLp84F"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"middle"),isActive:"middle"===t},"align-center"),(0,r.jsx)(eU,{icon:eA.S3c,label:ek.ag._({id:"sQU9zP"}),onClick:()=>e.setStyleForSelectedShapes(l.XoM,"end"),isActive:"end"===t},"align-right")]}),i&&(0,r.jsxs)(ey.h,{children:[(0,r.jsx)(eU,{icon:eA.bqB,label:ek.ag._({id:"wjY74a"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"start"),isActive:"start"===o},"align-top"),(0,r.jsx)(eU,{icon:eA.Zy$,label:ek.ag._({id:"vNKCf
1C"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"middle"),isActive:"middle"===o},"align-middle"),(0,r.jsx)(eU,{icon:eA.E0H,label:ek.ag._({id:"CqhMZT"}),onClick:()=>e.setStyleForSelectedShapes(l.HO5,"end"),isActive:"end"===o},"align-right")]})]})})]})},e$=(0,l.jas)(()=>{let e=(0,l.jE2)();if(!e)return null;let t=e.getSelectedShapes(),o=t.length>0;if(!o)return null;let i=t.some(e=>"group"===e.type),s=t.length,n=t.some(e=>"text"===e.type||"text"in e.props&&e.props.text||"html"in e.props&&e.props.html);return(0,r.jsx)(k.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)(eS.U,{spacing:0,border:"1px solid",borderColor:"gray.200",shadow:"lg",borderRadius:"xl",bg:"#F9FAFBEE",overflow:"hidden",p:1,children:[(0,r.jsx)(eG,{}),(0,r.jsx)(eq,{}),(0,r.jsx)(eX,{}),(0,r.jsx)(eZ,{}),n&&(0,r.jsx)(eQ,{}),(0,r.jsx)(e0,{}),s>=2&&(0,r.jsx)(e2,{}),s>=2||i?(0,r.jsx)(eU,{icon:eA.tU8,label:i?"Ungroup selection":"Group selection",onClick:()=>i?e.ungroupShapes(t.map(e=>e.id)):e.groupShapes(t.map(e=>e.id)),isActive:i,shortcut:"Mod+G / Mod+Shift+G"},"group"):null,(0,r.jsx)(eE.w,{}),(0,r.jsx)(ez,{icon:eA.XAH,label:ek.ag._({id:"/Wgayn"}),onClick:()=>e.deleteShapes(t.map(e=>e.id)),"data-testid":"drawing-edit-toolbar-delete",color:"red.500",shortcut:"Del"},"delete")]})})}),e0=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapes(),o=t.map(e=>e.id);return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.XQV})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(eS.U,{spacing:1,children:[(0,r.jsx)(eU,{icon:eA.XQV,label:ek.ag._({id:"J6qWQV"}),onClick:()=>e.bringToFront(o),shortcut:"]"},"front"),(0,r.jsx)(eU,{icon:eA.y3T,label:ek.ag._({id:"9xFjqz"}),onClick:()=>e.bringForward(o),shortcut:"Alt+]"},"forward"),(0,r.jsx)(eU,{icon:eA.QZW,label:ek.ag._({id:"OfSb1W"}),onClick:()=>e.sendBackward(o),shortcut:"Alt+["},"backward"),(0,r.jsx)(eU,{icon:eA.H5Z,label:ek.ag._({id:"/zBSYY"}),onClick:()=>e.sendToBack(o),shortcut:"["},"back")]})})]})}),e2=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getSelectedShapeIds();return(0,r.jsxs)(eb.J,{trigger:"hover",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(eU,{icon:eA.I6v})}),(0,r.jsx)(eL,{children:(0,r.jsxs)(ev.g,{spacing:2,align:"start",children:[(0,r.jsxs)(ey.h,{children:[(0,r.jsx)(eU,{icon:eA.I6v,label:ek.ag._({id:"IR6Txi"}),onClick:()=>e.alignShapes(t,"left"),shortcut:"Alt+A"},"align-left"),(0,r.jsx)(eU,{icon:eA.liD,label:ek.ag._({id:"8nOdkO"}),onClick:()=>e.alignShapes(t,"center-horizontal"),shortcut:"Alt+H"},"align-center"),(0,r.jsx)(eU,{icon:eA.xfv,label:ek.ag._({id:"pd0UH2"}),onClick:()=>e.alignShapes(t,"right"),shortcut:"Alt+D"},"align-right"),(0,r.jsx)(eU,{icon:eA.ZC_,label:ek.ag._({id:"8lqfXb"}),onClick:()=>e.distributeShapes(t,"horizontal")},"distribute-h")]}),(0,r.jsxs)(ey.h,{children:[(0,r.jsx)(eU,{icon:eA.JhG,label:ek.ag._({id:"/Q0jUh"}),onClick:()=>e.alignShapes(t,"top"),shortcut:"Alt+W"},"align-top"),(0,r.jsx)(eU,{icon:eA.UiH,label:ek.ag._({id:"QhuQN2"}),onClick:()=>e.alignShapes(t,"center-vertical"),shortcut:"Alt+V"},"align-middle"),(0,r.jsx)(eU,{icon:eA.iXx,label:ek.ag._({id:"EPnxoe"}),onClick:()=>e.alignShapes(t,"bottom"),shortcut:"Alt+S"},"align-bottom"),(0,r.jsx)(eU,{icon:eA.edW,label:ek.ag._({id:"a1NrWf"}),onClick:()=>e.distributeShapes(t,"vertical")},"distribute-v")]})]})})]})});var e1=o(20437),e3=o(82655);let e9=()=>[{icon:eO.qaO,label:()=>ek.ag._({id:"rG3WVm"}),tool:"select",shortcut:"V"},{icon:e3.ioV,label:()=>ek.ag._({id:"8tjQCz"}),tool:"hand",shortcut:"H"},{icon:e3.xf2,label:()=>ek.ag._({id:"Ajc4TJ"}),tool:"eraser",shortcut:"E"},"-",{icon:eO.ZC5,label:()=>ek.ag._({id:"rjuFFw"}),tool:"line",shortcut:"L"},{icon:eO.nUK,label:()=>ek.ag._({id:"zFkhx3"}),tool:"arrow",shortcut:"A"},{icon:e3.Kak,label:()=>ek.ag._({id:"kALRc9"}),tool:"geo"},{icon:eO.K5C,label:()=>ek.ag._({id:"xeiujy"}),tool:"text",shortcut:"T"},{icon:e3.VmB,label:()=>ek.ag._({id:"hG89Ed"}),tool:"media",shortcut:"Mod+U"}],e8=[{icon:eO.K3M,image:{src:"/_next/static/media/Parallelogram.a20f8446.svg",height:16,width:21,blurWidth:0,blurHeight:0},label:()=>ek.ag._({id:"Bgytaf"}),shape:"rhombus",iconRotation:90},{icon:eO.lCX,label:()=>ek.ag._({id:"30KLDI"}),shape:"rectangle",shortcut:"R"},{icon:eO.iOh,iconRotation:90,label:()=>ek.ag._({id:"tIb8bD"}),shape:"hexagon"},{icon:eO.diR,label:()=>ek.ag._({id:"7xMmki"}),shape:"ellipse",shortcut:"O"},{icon:eO.uM9,label:()=>ek.ag._({id:"XLMJ7O"}),shape:"cloud"},{icon:eO.BwA,label:()=>ek.ag._({id:"ucHvJP"}),shape:"triangle"},{icon:eO.SJh,image:{src:"/_next/static/media/ArrowRight.efcc34da.svg",height:17,width:20,blurWidth:0,blurHeight:0},label:()=>ek.ag._({id:"0ULIwF"}),shape:"arrow-right"},{icon:eO.qtD,label:()=>ek.ag._({id:"T+jTW/"}),shape:"diamond"}],e5=(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=d.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)(k.k,{h:"100%",direction:"column",position:"absolute",right:2,align:"flex-end",justify:"center",zIndex:"var(--layer-menus)",children:(0,r.jsx)(eH,{children:(0,r.jsx)(ev.g,{spacing:1,children:e9().map(i=>{if("-"===i)return(0,r.jsx)(eJ.i,{});let{label:s,icon:l,tool:n,shortcut:a}=i;return"geo"===n?(0,r.jsx)(e7,{},n):(0,r.jsx)(ez,{icon:l,label:s(),shortcut:a,onClick:()=>
1{if("media"===n){o();return}e.setCurrentTool(n)},isActive:t.id===n,tooltipPlacement:"left","data-testid":"drawing-insert-toolbar-".concat(n)},n)})})})})}),e7=(0,l.jas)(()=>{let e=(0,l.jE2)(),t=e.getCurrentTool(),o=eB(e,j);return(0,r.jsxs)(eb.J,{trigger:"hover",placement:"left-start",children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(ez,{icon:e3.Kak,isActive:"geo"===t.id,"data-testid":"drawing-insert-toolbar-geo"})}),(0,r.jsx)(eW.y,{background:"none",shadow:"none",w:"fit-content",border:"none",mt:-8,p:6,pr:0,children:(0,r.jsx)(eH,{direction:"column",children:(0,r.jsx)(e1.M,{columns:2,gap:1,children:e8.map(t=>{let{label:i,icon:s,iconRotation:l,image:n,shape:a,shortcut:d}=t;return(0,r.jsx)(ez,{icon:s,rotation:l,customIcon:n?(0,r.jsx)(eY.E,{src:null==n?void 0:n.src,w:"50%"}):void 0,label:i(),shortcut:d,onClick:()=>{e.setCurrentTool("geo"),a&&e.setStyleForNextShapes(j,a)},isActive:o===a,tooltipPlacement:"left","data-testid":"drawing-insert-toolbar-shape-".concat(a),opacity:.75},a)})})})})]})});var e6=o(67046),e4=o(62614),te=o(99058),tt=o(25481),to=o(90221),tr=o(36651),ti=o(89833),ts=o(74409),tl=o(5740),tn=o(34303),ta=o(16893),td=o(66028);let tc=()=>[{description:(0,r.jsx)(e_.cC,{id:"6MxxvO"}),shortcut:["Mod+U"]},{description:(0,r.jsx)(e_.cC,{id:"rG3WVm"}),shortcut:["V"]},{description:(0,r.jsx)(e_.cC,{id:"2FGWTy"}),shortcut:"E"},{description:(0,r.jsx)(e_.cC,{id:"vJ0hjc"}),shortcut:"H"},{description:(0,r.jsx)(e_.cC,{id:"30KLDI"}),shortcut:"R"},{description:(0,r.jsx)(e_.cC,{id:"rp5GhR"}),shortcut:"O"},{description:(0,r.jsx)(e_.cC,{id:"zFkhx3"}),shortcut:"A"},{description:(0,r.jsx)(e_.cC,{id:"rjuFFw"}),shortcut:"L"},{description:(0,r.jsx)(e_.cC,{id:"xeiujy"}),shortcut:"T"},{description:(0,r.jsx)(e_.cC,{id:"9uI/rE"}),shortcut:"Mod+Z"},{description:(0,r.jsx)(e_.cC,{id:"H3oH0g"}),shortcut:"Mod+Shift+Z"},{description:(0,r.jsx)(e_.cC,{id:"cCd8Bs"}),shortcut:"Mod+X"},{description:(0,r.jsx)(e_.cC,{id:"he3ygx"}),shortcut:"Mod+C"},{description:(0,r.jsx)(e_.cC,{id:"HzVv6g"}),shortcut:"Mod+V"},{description:(0,r.jsx)(e_.cC,{id:"UILhO0"}),shortcut:"Mod+'"},{description:(0,r.jsx)(e_.cC,{id:"wgNoIs"}),shortcut:"Mod+A"},{description:(0,r.jsx)(e_.cC,{id:"cnGeoo"}),shortcut:"Del"},{description:(0,r.jsx)(e_.cC,{id:"euc6Ns"}),shortcut:"Mod+D"},{description:(0,r.jsx)(e_.cC,{id:"AWOSPo"}),shortcut:"Mod+="},{description:(0,r.jsx)(e_.cC,{id:"FjkaiT"}),shortcut:"Mod+-"},{description:(0,r.jsx)(e_.cC,{id:"41NrIs"}),shortcut:"Shift+0"},{description:(0,r.jsx)(e_.cC,{id:"pLI1Is"}),shortcut:"Shift+1"},{description:(0,r.jsx)(e_.cC,{id:"1eH/UF"}),shortcut:"Shift+2"},{description:(0,r.jsx)(e_.cC,{id:"IS9/i3"}),shortcut:"]"},{description:(0,r.jsx)(e_.cC,{id:"i4A317"}),shortcut:"Alt+]"},{description:(0,r.jsx)(e_.cC,{id:"yWNAen"}),shortcut:"Alt+["},{description:(0,r.jsx)(e_.cC,{id:"WMIp7w"}),shortcut:"["},{description:(0,r.jsx)(e_.cC,{id:"L8fEEm"}),shortcut:"Mod+G"},{description:(0,r.jsx)(e_.cC,{id:"E4mitS"}),shortcut:"Mod+Shift+G"},{description:(0,r.jsx)(e_.cC,{id:"/Q0jUh"}),shortcut:"Alt+W"},{description:(0,r.jsx)(e_.cC,{id:"QhuQN2"}),shortcut:"Alt+V"},{description:(0,r.jsx)(e_.cC,{id:"EPnxoe"}),shortcut:"Alt+S"},{description:(0,r.jsx)(e_.cC,{id:"IR6Txi"}),shortcut:"Alt+A"},{description:(0,r.jsx)(e_.cC,{id:"8nOdkO"}),shortcut:"Alt+H"},{description:(0,r.jsx)(e_.cC,{id:"pd0UH2"}),shortcut:"Alt+D"}],tp=()=>{let e=(0,ta.A)(tc);return(0,r.jsxs)(eb.J,{trigger:"click",placement:"bottom",isLazy:!0,returnFocusOnClose:!1,children:[(0,r.jsx)(eC.x,{children:(0,r.jsx)(ez,{icon:e3.Fuz,label:ek.ag._({id:"E9FKmc"}),onMouseDown:td.br})}),(0,r.jsxs)(eW.y,{p:4,w:"400px",maxH:"80vh",overflowY:"auto",children:[(0,r.jsx)(ti.u,{}),(0,r.jsxs)(ev.g,{spacing:4,fontSize:"md",fontWeight:"500",align:"start",children:[(0,r.jsx)(ts.X,{size:"md",children:(0,r.jsx)(e_.cC,{id:"y5p2bQ"})}),(0,r.jsxs)(eD.x,{as:"ul",ml:4,sx:{li:{my:2}},children:[(0,r.jsx)("li",{children:(0,r.jsx)(e_.cC,{id:"Eln6mJ"})}),(0,r.jsx)("li",{children:(0,r.jsx)(e_.cC,{id:"oCNO6k",components:{0:(0,r.jsx)(tl.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(e_.cC,{id:"YmUqaF",components:{0:(0,r.jsx)(tl.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(e_.cC,{id:"bzaAgu",values:{0:to.ED?"Alt":"Option"},components:{0:(0,r.jsx)(tl.T,{})}})}),(0,r.jsx)("li",{children:(0,r.jsx)(e_.cC,{id:"z9xlo8",components:{0:(0,r.jsx)(tl.T,{})}})})]}),(0,r.jsx)(ts.X,{size:"md",children:"Keyboard shortcuts"}),(0,r.jsx)(tn.A,{list:e})]})]})]})},th=(0,l.jas)(function(){let e=(0,l.jE2)(),t=e.getInstanceState().isGridMode,o=e.getCanUndo(),i=e.getCanRedo(),{isGammaOrgUser:s}=(0,tr.SE)();return(0,r.jsx)(k.k,{position:"absolute",top:2,left:2,zIndex:"var(--layer-menus)",fontFamily:"Inter, sans-serif",fontSize:"md",children:(0,r.jsx)(eH,{children:(0,r.jsxs)(eS.U,{spacing:2,children:[(0,r.jsx)(tu,{}),(0,r.jsx)(eJ.i,{orientation:"vertical"}),(0,r.jsx)(ez,{icon:eO.fnF,label:t?ek.ag._({id:"yKNnfN"}):ek.ag._({id:"1P5SDm"}),shortcut:"Mod+'",isActive:t,onClick:()=>{e.updateInstanceState({isGridMode:!t})}},"grid"),s&&(0,r.jsx)(eJ.i,{orientation:"vertical"}),s&&(0,r.jsx)(ez,{icon:e3.ISu,color:"sunglow.600",label:ek.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)(tp,{}),(o||i)&&(0,r.jsx)(eJ.i,{orientation:"vertical"}),o&&(0,r.jsx)(ez,{icon:e3.X7o,label:ek.ag._({id:"9uI/rE"}),shortcut:"Mod+Z",onClick:()=>e.undo()},"undo"),i&&(0,r.jsx)(ez,{icon:e3.XSV,label:ek.ag._({id:"H3oH0g"}),shortcut:"Mod+Shift+Z",onClick:()=>e.redo()},"redo")]})})})}),tu=(0,l.jas)(function(){let e=(0,l.jE2)(),t=e.getZoomLevel();return(0,r.jsxs)(eF.v,{children:[(0,r.jsxs)(e6.j,{as:e4.z,"data-test-id":"zoom-menu-button",size:"sm",colorScheme:"trueblue",variant:"ghost",leftIcon:(0,r.jsx)(eP.G,{icon:e3.Y$T}),children:[Math.round(100*t),"%"]}),(0,r.jsxs)(te.q,{children:[(0,r.jsx)(tt.s,{command:to.ED?"Ctrl+":"â+",onClick:()=>
1e.zoomIn(),children:(0,r.jsx)(e_.cC,{id:"AWOSPo"})}),(0,r.jsx)(tt.s,{command:to.ED?"Ctrl-":"â-",onClick:()=>e.zoomOut(),children:(0,r.jsx)(e_.cC,{id:"FjkaiT"})}),(0,r.jsx)(tt.s,{command:"â§0",onClick:()=>e.resetZoom(),children:(0,r.jsx)(e_.cC,{id:"41NrIs"})}),(0,r.jsx)(tt.s,{command:"â§1",onClick:()=>e.zoomToFit(),"data-test-id":"zoom-to-fit-button",children:(0,r.jsx)(e_.cC,{id:"pLI1Is"})}),(0,r.jsx)(tt.s,{command:"â§2",onClick:()=>e.zoomToSelection(),children:(0,r.jsx)(e_.cC,{id:"1eH/UF"})})]})]})});o(35872);let tg={SelectionForeground:l.uIq,SelectionBackground:l.meR,Handles:l.pBL,HoveredShapeIndicator:l.CNS},tx=[en,ef,C,eg,ep],tm=[...l.e5F,l.Qq1,l.MFZ,l.FWf,l.T_Y],tj=e=>{(0,n.useEffect)(()=>{l.p64.draw="var(--body-font)"},[]);let[t,o]=(0,n.useState)(),[a,d]=(0,n.useState)(!1),c=(0,n.useCallback)(t=>{!a&&(o(t),d(!0),p(t,e.orgId),t.setStyleForNextShapes(l.ciG,"solid"),t.setStyleForNextShapes(l.pp9,"solid"),t.user.updateUserPreferences({isSnapMode:!0}),e.defaultStyles&&(t.setStyleForNextShapes(l.pp9,e.defaultStyles.fill,{ephemeral:!0}),t.setStyleForNextShapes(f,e.defaultStyles.strokeWidth,{ephemeral:!0})))},[a,e.orgId,e.defaultStyles]);return(0,n.useEffect)(()=>{if(!e.onChange||!t)return;let o=t.store.listen(o=>{e.onChange(t)},{source:"user",scope:"document"});return()=>{o()}},[t,e.onChange]),(0,r.jsxs)(l.gRN,{initialState:"select",shapeUtils:tx,tools:tm,components:tg,...e,onMount:(0,s.v0)(e.onMount,c),children:[(0,r.jsxs)(l.U_z,{children:[(0,r.jsx)(tw,{}),(0,r.jsx)(tf,{})]}),(0,r.jsx)(e$,{}),(0,r.jsx)(e5,{}),(0,r.jsx)(th,{}),(0,r.jsx)(i.xu,{"data-tldraw-menu-root":!0,pos:"absolute",inset:0,fontSize:"1rem"})]})},tw=()=>{let{Canvas:e}=(0,l.ofW)();return e?(0,r.jsx)(e,{}):null},tf=()=>((0,l.aLu)(),(0,l.r45)(),null)}}]); 2//# sourceMappingURL=3857.815002927d0a005a.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.