npm - @yorab/react-paint - Versions diffs - 0.17.0 → 0.17.1 - Mend

@yorab/react-paint 0.17.0 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/canvas/hooks/useReactPaint.d.ts +1 -1
package/dist/canvas/hooks/useShapes.d.ts +1 -1
package/dist/canvas/utils/shapes/brush.d.ts +0 -6
package/dist/canvas/utils/shapes/circle.d.ts +1 -7
package/dist/canvas/utils/shapes/curve.d.ts +1 -7
package/dist/canvas/utils/shapes/ellipse.d.ts +1 -7
package/dist/canvas/utils/shapes/index.d.ts +1 -6
package/dist/canvas/utils/shapes/line.d.ts +1 -7
package/dist/canvas/utils/shapes/picture.d.ts +0 -6
package/dist/canvas/utils/shapes/polygon.d.ts +0 -6
package/dist/canvas/utils/shapes/rectangle.d.ts +0 -6
package/dist/editor/components/toolbox/ContextMenu.d.ts +1 -1
package/dist/react-paint.js +1320 -1261
package/dist/react-paint.umd.cjs +1 -1
package/package.json +1 -1

package/dist/react-paint.umd.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- (function(Ke,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime"],S):S((Ke=typeof globalThis<"u"?globalThis:Ke\|\|self)["react-paint"]={},Ke.React,Ke.jsxRuntime)})(this,function(Ke,S,d){"use strict";const Ra='<svg><path d="M5.146 17.5Q4.146 17.5 3.208 17Q2.271 16.5 1.667 15.708Q2.208 15.75 2.802 15.344Q3.396 14.938 3.396 14.104Q3.396 13.042 4.135 12.292Q4.875 11.542 5.958 11.542Q7.021 11.542 7.76 12.292Q8.5 13.042 8.5 14.104Q8.5 15.5 7.51 16.5Q6.521 17.5 5.146 17.5ZM9.917 12.5 7.562 10.146 14.917 2.729Q15.146 2.5 15.469 2.5Q15.792 2.5 16.021 2.729L17.271 3.958Q17.5 4.188 17.5 4.531Q17.5 4.875 17.271 5.125Z"/></svg>',na='<svg><path d="M2.5 17.5V2.5H17.5V17.5ZM4.25 15.75H15.75V4.25H4.25ZM4.25 15.75V4.25V15.75Z"/></svg>',oa='<svg><path d="M10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333ZM10 16.583Q12.75 16.583 14.667 14.667Q16.583 12.75 16.583 10Q16.583 7.25 14.667 5.333Q12.75 3.417 10 3.417Q7.25 3.417 5.333 5.333Q3.417 7.25 3.417 10Q3.417 12.75 5.333 14.667Q7.25 16.583 10 16.583ZM10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Z"/></svg>',ia='<svg><path d="M12.25 18.333V16.167L6.833 13.458H2.5V8.208H6.25L8.25 5.917V1.667H13.5V6.917H9.708L7.75 9.146V11.958L12.25 14.208V13.083H17.5V18.333Z"/></svg>',Da='<svg><path d="M4.125 5.083V3.333H7.062L7.896 2.5H12.104L12.938 3.333H15.875V5.083ZM6.75 17.5Q6.021 17.5 5.51 16.99Q5 16.479 5 15.75V5.958H15V15.75Q15 16.479 14.49 16.99Q13.979 17.5 13.25 17.5Z"/></svg>',Ia='<svg><path d="M10 17.5Q7.208 17.5 5.271 15.594Q3.333 13.688 3.333 10.958Q3.333 9.583 3.854 8.396Q4.375 7.208 5.292 6.292L10 1.667L14.688 6.292Q15.604 7.208 16.135 8.396Q16.667 9.583 16.667 10.958Q16.667 13.688 14.719 15.594Q12.771 17.5 10 17.5ZM5.146 11.667H14.854Q15.083 10.188 14.552 9.146Q14.021 8.104 13.479 7.562L10 4.125L6.521 7.562Q5.979 8.104 5.448 9.146Q4.917 10.188 5.146 11.667Z"/></svg>',ra='<svg><path d="M4.792 15.083 8.333 11.542 9.833 13.021 11.667 10.708 15.167 15.083ZM6.667 8.417Q5.938 8.417 5.427 7.906Q4.917 7.396 4.917 6.667Q4.917 5.938 5.427 5.427Q5.938 4.917 6.667 4.917Q7.396 4.917 7.906 5.427Q8.417 5.938 8.417 6.667Q8.417 7.396 7.906 7.906Q7.396 8.417 6.667 8.417ZM4.167 18.333Q3.125 18.333 2.396 17.604Q1.667 16.875 1.667 15.833V4.167Q1.667 3.125 2.396 2.396Q3.125 1.667 4.167 1.667H15.833Q16.875 1.667 17.604 2.396Q18.333 3.125 18.333 4.167V15.833Q18.333 16.875 17.604 17.604Q16.875 18.333 15.833 18.333ZM4.167 16.583H15.833Q16.146 16.583 16.365 16.365Q16.583 16.146 16.583 15.833V4.167Q16.583 3.854 16.365 3.635Q16.146 3.417 15.833 3.417H4.167Q3.854 3.417 3.635 3.635Q3.417 3.854 3.417 4.167V15.833Q3.417 16.146 3.635 16.365Q3.854 16.583 4.167 16.583Z"/></svg>',Wa='<svg><path d="M8.708 16.667V5.917H4.167V3.333H15.833V5.917H11.292V16.667Z"/></svg>',Na='<svg><path d="M7.5 15.833V14.083H12.833L3.333 4.583L4.583 3.333L14.083 12.833V7.5H15.833V15.833Z"/></svg>',Fa='<svg viewBox="0 -960 960 960"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>',Oa='<svg><path d="M7.521 17.5Q6.125 17.5 5.146 16.51Q4.167 15.521 4.167 14.125V7.417Q3.438 7.125 2.969 6.49Q2.5 5.854 2.5 5.042Q2.5 3.979 3.24 3.24Q3.979 2.5 5.042 2.5Q6.104 2.5 6.844 3.24Q7.583 3.979 7.583 5.042Q7.583 5.854 7.115 6.49Q6.646 7.125 5.917 7.417V14.125Q5.917 14.792 6.385 15.271Q6.854 15.75 7.521 15.75Q8.188 15.75 8.656 15.271Q9.125 14.792 9.125 14.125V5.875Q9.125 4.479 10.104 3.49Q11.083 2.5 12.479 2.5Q13.875 2.5 14.854 3.49Q15.833 4.479 15.833 5.875V12.583Q16.562 12.875 17.031 13.51Q17.5 14.146 17.5 14.958Q17.5 16.021 16.76 16.76Q16.021 17.5 14.958 17.5Q13.896 17.5 13.156 16.76Q12.417 16.021 12.417 14.958Q12.417 14.146 12.885 13.5Q13.354 12.854 14.083 12.583V5.875Q14.083 5.208 13.615 4.729Q13.146 4.25 12.479 4.25Q11.812 4.25 11.344 4.729Q10.875 5.208 10.875 5.875V14.125Q10.875 15.521 9.896 16.51Q8.917 17.5 7.521 17.5Z"/></svg>',Ba='<svg><path d="M5.833 15V3.333H10.375Q11.812 3.333 12.885 4.156Q13.958 4.979 13.958 6.375Q13.958 7.375 13.49 7.969Q13.021 8.562 12.396 8.875V9.042Q13.312 9.354 13.844 10.021Q14.375 10.688 14.375 11.75Q14.375 13.312 13.229 14.156Q12.083 15 10.5 15ZM8.125 8.042H10.188Q10.854 8.042 11.302 7.656Q11.75 7.271 11.75 6.708Q11.75 6.167 11.302 5.771Q10.854 5.375 10.188 5.375H8.125ZM8.125 12.917H10.354Q11.167 12.917 11.625 12.51Q12.083 12.104 12.083 11.458Q12.083 10.812 11.625 10.406Q11.167 10 10.354 10H8.125Z"/></svg>',Ya='<svg><path d="M4.167 16.667V14.083H6.979L10.229 5.917H7.5V3.333H15.833V5.917H13.021L9.771 14.083H12.5V16.667Z"/></svg>',Xa='<svg><path d="M3.021 16V15H17V16ZM3.021 13.5V12H17V13.5ZM3 10.5V8.5H16.979V10.5ZM3.021 7V4H17V7Z"/></svg>',$a='<svg><path d="M16.354 18.833 14.521 17Q13.542 17.646 12.396 17.99Q11.25 18.333 10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.729 2.01 7.594Q2.354 6.458 3 5.458L1.167 3.625L2.396 2.396L17.583 17.604ZM10 16.583Q10.896 16.583 11.708 16.365Q12.521 16.146 13.25 15.729L4.292 6.75Q3.875 7.479 3.646 8.292Q3.417 9.104 3.417 10Q3.417 12.729 5.344 14.656Q7.271 16.583 10 16.583ZM17 14.562 15.708 13.271Q16.125 12.542 16.354 11.719Q16.583 10.896 16.583 10Q16.583 7.271 14.656 5.344Q12.729 3.417 10 3.417Q9.104 3.417 8.292 3.646Q7.479 3.875 6.75 4.292L5.458 3Q6.458 2.354 7.594 2.01Q8.729 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.271 17.979 12.417Q17.625 13.562 17 14.562ZM11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771ZM8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Z"/></svg>',Ua='<svg><path d="M16.354 18.833 14.521 17Q13.542 17.646 12.396 17.99Q11.25 18.333 10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.729 2.01 7.594Q2.354 6.458 3 5.458L1.167 3.625L2.396 2.396L17.583 17.604ZM17 14.562 5.458 3Q6.458 2.354 7.594 2.01Q8.729 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.271 17.979 12.417Q17.625 13.562 17 14.562Z"/></svg>',qa='<svg viewBox="0 -960 960 960" width="24px"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"/></svg>',Pe=["transparent","black","white","red","green","blue","yellow"],tt=[0,1,2],Ga=[[1,0],[1,2],[4,6]],Vt="serif",Hn=2,_a=3,zn=4,fe="react-paint-",Ka={strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}},la={type:"picture",id:`${fe}picture`,icon:ra,label:"Image",settings:{opacity:{min:0,max:100,step:1,default:100}}},Ja={type:"brush",id:`${fe}brush`,icon:Ra,label:"Brosse",settings:{strokeColor:{values:Pe,default:"black"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:6,max:20,step:2,default:10},lineDash:{values:tt,default:0}}},es={type:"line",id:`${fe}line`,icon:Na,label:"Ligne",settings:{strokeColor:{values:Pe,default:"black"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},lineArrow:{values:[0,1,2,3],default:0}}},ts={type:"polygon",id:`${fe}polygon`,icon:ia,label:"Polygone",settings:{strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},closedPoints:{default:0}}},as={type:"curve",id:`${fe}curve`,icon:Oa,label:"Courbe",settings:{strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},closedPoints:{default:0}}},ss={type:"rect",id:`${fe}rect`,icon:na,label:"Rectangle",settings:Ka},ns={type:"square",id:`${fe}square`,icon:na,label:"Carré",settings:{strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},os={type:"circle",id:`${fe}circle`,icon:oa,label:"Cercle",settings:{strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},is={type:"ellipse",id:`${fe}ellipse`,icon:oa,label:"Ellipse",settings:{strokeColor:{values:Pe,default:"black"},fillColor:{values:Pe,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},rs={type:"text",id:`${fe}text`,icon:Wa,label:"Texte",settings:{strokeColor:{values:Pe,default:"black"},opacity:{min:0,max:100,step:1,default:100},fontFamily:{values:["arial","serif","monospace"],default:Vt},fontBold:{values:[!1,!0],default:!1},fontItalic:{values:[!1,!0],default:!1}}},Xe={id:`${fe}selection`,type:"selection",icon:'<svg><path d="M8.0145 11.1707C8.38484 10.9914 8.82183 11.1558 8.99959 11.5295L10.7031 15.2591L12.0363 14.6238L10.3254 10.9017C10.1476 10.528 10.3106 10.0795 10.6809 9.90761L10.8883 9.84782L12.5918 9.51148L6.48133 4.33192V12.389L7.82934 11.2903L8.0145 11.1707ZM10.6587 16.9258C10.2883 17.1052 9.84395 16.9482 9.67359 16.5745L8.05894 13.0318L6.19988 14.5416C6.07396 14.6462 5.91842 14.706 5.74066 14.706C5.54423 14.706 5.35584 14.6272 5.21694 14.4871C5.07803 14.3469 5 14.1568 5 13.9586V2.74741C5 2.54919 5.07803 2.35908 5.21694 2.21891C5.35584 2.07874 5.54423 2 5.74066 2C5.91842 2 6.08878 2.06727 6.21469 2.1719L6.2221 2.16443L14.7323 9.36947C15.0508 9.63854 15.0879 10.1094 14.8286 10.4233C14.7175 10.5579 14.562 10.6475 14.4064 10.6774L12.0659 11.1408L13.6954 14.6761C13.888 15.0498 13.7102 15.4908 13.3399 15.6627L10.6587 16.9258Z"/></svg>',label:"Sélection"},vt={id:`${fe}undo`,type:"undo",icon:'<svg><path d="M11.708 15.833H5.854V14.083H11.708Q13 14.083 13.958 13.292Q14.917 12.5 14.917 11.271Q14.917 10.042 13.958 9.24Q13 8.438 11.708 8.438H6.667L8.792 10.562L7.562 11.792L3.333 7.562L7.562 3.333L8.792 4.562L6.667 6.688H11.708Q13.729 6.688 15.198 7.99Q16.667 9.292 16.667 11.25Q16.667 13.208 15.198 14.521Q13.729 15.833 11.708 15.833Z"/></svg>',label:"Undo"},mt={id:`${fe}redo`,type:"redo",icon:'<svg><path d="M8.292 15.833Q6.271 15.833 4.802 14.521Q3.333 13.208 3.333 11.25Q3.333 9.292 4.802 7.99Q6.271 6.688 8.292 6.688H13.333L11.208 4.562L12.438 3.333L16.667 7.562L12.438 11.792L11.208 10.562L13.333 8.438H8.292Q7 8.438 6.042 9.229Q5.083 10.021 5.083 11.25Q5.083 12.5 6.042 13.292Q7 14.083 8.292 14.083H14.146V15.833Z"/></svg>',label:"Redo"},St={id:`${fe}clear`,type:"clear",icon:'<svg><path d="M7.854 13.812 10 11.688 12.125 13.812 13.354 12.604 11.208 10.458 13.354 8.312 12.125 7.104 10 9.229 7.854 7.104 6.625 8.312 8.771 10.458 6.625 12.604ZM5.896 17.5Q5.167 17.5 4.656 16.99Q4.146 16.479 4.146 15.75V5.125H3.333V3.375H7.542V2.5H12.458V3.375H16.667V5.125H15.833V15.75Q15.833 16.479 15.323 16.99Q14.812 17.5 14.083 17.5Z"/></svg>',label:"Clear"},ca={id:`${fe}export`,type:"export",icon:'<svg><path d="M10 13.271 5.708 8.979 6.958 7.729 9.125 9.896V3.333H10.875V9.896L13.042 7.729L14.292 8.979ZM5.083 16.667Q4.354 16.667 3.844 16.156Q3.333 15.646 3.333 14.917V12.5H5.083V14.917Q5.083 14.917 5.083 14.917Q5.083 14.917 5.083 14.917H14.917Q14.917 14.917 14.917 14.917Q14.917 14.917 14.917 14.917V12.5H16.667V14.917Q16.667 15.646 16.156 16.156Q15.646 16.667 14.917 16.667Z"/></svg>',label:"Export PNG"},ls={id:`${fe}load`,type:"loadfile",icon:'<svg><path d="M3.417 16.667Q2.729 16.667 2.198 16.135Q1.667 15.604 1.667 14.917V5.083Q1.667 4.396 2.198 3.865Q2.729 3.333 3.417 3.333H8.25L9.917 5H16.667Q17.354 5 17.844 5.531Q18.333 6.062 18.333 6.75H3.417V14.917Q3.417 14.917 3.417 14.917Q3.417 14.917 3.417 14.917L5.438 8.5H19.583L17.396 15.479Q17.229 16.021 16.802 16.344Q16.375 16.667 15.833 16.667Z"/></svg>',label:"Load project"},da={id:`${fe}save`,type:"savefile",icon:'<svg><path d="M17.5 5.833V15.75Q17.5 16.479 16.99 16.99Q16.479 17.5 15.75 17.5H4.25Q3.521 17.5 3.01 16.99Q2.5 16.479 2.5 15.75V4.25Q2.5 3.521 3.01 3.01Q3.521 2.5 4.25 2.5H14.167ZM10 14.917Q11.062 14.917 11.823 14.156Q12.583 13.396 12.583 12.333Q12.583 11.271 11.823 10.51Q11.062 9.75 10 9.75Q8.938 9.75 8.177 10.51Q7.417 11.271 7.417 12.333Q7.417 13.396 8.177 14.156Q8.938 14.917 10 14.917ZM5.021 8.396H12.521V5.021H5.021Z"/></svg>',label:"Save project"},ua={id:`${fe}move`,type:"move",icon:'<svg viewBox="0 -960 960 960"><path d="M412-48q-21.95 0-40.98-9Q352-66 338-83L48-434l27-28q17-17 41.5-20.5T162-473l126 74v-381q0-15.3 10.29-25.65Q308.58-816 323.79-816t25.71 10.35Q360-795.3 360-780v300h80v-396q0-15.3 10.29-25.65Q460.58-912 475.79-912t25.71 10.35Q512-891.3 512-876v396h80v-348q0-15.3 10.29-25.65Q612.58-864 627.79-864t25.71 10.35Q664-843.3 664-828v348h80v-252q0-15.3 10.29-25.65Q764.58-768 779.79-768t25.71 10.35Q816-747.3 816-732v540q0 60-42 102T672-48H412Z"/></svg>',label:"Move"},cs={id:`${fe}upload-picture`,type:"uploadpicture",icon:ra,label:"Upload picture"},ds=2,us="blue",ot=14,hs=[[0,0],[.5,0],[1,0],[1,.5],[1,1],[.5,1],[0,1],[0,.5]],ps=["brush","rect","square","line","polygon","circle","curve","ellipse","picture","text","triangle","group"],Tn=["rect","square","circle","ellipse","picture","text","triangle","brush","group"],An=["square","circle","picture","text"],gs="react-paint-canvas-drawcanvas",fs="react-paint-canvas-selectioncanvas",vs={layersManipulation:!0,grid:0,canGrow:!1,canShrink:!0,withExport:!0,withLoadAndSave:!0,withUploadPicture:!0,withUrlPicture:!1,withContextMenu:!0,availableTools:[Ja,es,ts,as,ss,ns,os,is,la,rs],clearCallback:"empty",brushAlgo:"simple",isBrushShapeDoneOnMouseUp:!0,withFrameSelection:!0,withSkeleton:!0,canvasSelectionPadding:0,size:"fixed",canZoom:"never",debug:!1},En={canvasBackgroundColor:"white",canvasSelectionColor:us,canvasSelectionWidth:ds},ms=300,ha=(e,t)=>{const a={...t};for(const s of e)Array.isArray(s)?s[1].includes(a[s[0]])&&delete a[s[0]]:delete a[s];return a},Ie=(e,t,a)=>{const s=Array.isArray(a)?[...a]:{...a},n=Array.isArray(e)?e:typeof e=="string"?e.split("."):[e];return n.reduce((o,r,l)=>(o[r]=pa(o[r])?{...o[r]}:Array.isArray(o[r])?[...o[r]]:o[r]===void 0\|\|o[r]===null?{}:o[r],l===n.length-1&&(o[r]=t),o[r]),s),s},pa=e=>typeof e=="object"&&!Array.isArray(e)&&e!==null,$e=(e,t,a)=>{if(!pa(t)\|\|!pa(a))return a;const s={...t};for(const n in a)a.hasOwnProperty(n)&&(s.hasOwnProperty(n)?s[n]=e(s[n],a[n],n)??$e(e,s[n],a[n]):s[n]=a[n]);return s},Ss=(e,t)=>{if(e===t)return!0;if(typeof e!="object"\|\|typeof t!="object"\|\|e===null\|\|t===null)return!1;const a=Object.keys(e),s=Object.keys(t);if(a.length!==s.length)return!1;for(const n of a)if(!s.includes(n)\|\|!Ss(e[n],t[n]))return!1;return!0},ga={},Se=(e="")=>(ga[e]\|\|(ga[e]=0),`${e}${++ga[e]}`),Ue=(e,t,a)=>Math.max(t,Math.min(e,a)),ys=()=>typeof navigator<"u"&&navigator.userAgent.includes("Macintosh"),xs=e=>{e.reset(),e.lineCap="round",e.lineJoin="round"},je=(e,t={})=>{const{lineCap:a="round",fillColor:s="transparent",opacity:n=100,strokeColor:o=us,lineWidth:r=ds,lineDash:l=0,shadowColor:i="transparent",shadowBlur:c=0}=t;e.lineCap=a,e.globalAlpha=n/100,e.fillStyle=s,e.strokeStyle=o,e.lineWidth=r,e.setLineDash(l===0?[]:[Ga[l][0]r,Ga[l][1]r]),e.shadowColor=i,e.shadowBlur=c},yt=(e,t,a,s)=>{e.save(),e.scale(t.canvasSize.scaleRatio,t.canvasSize.scaleRatio),e.translate(t.canvasOffset[0],t.canvasOffset[1]),a&&s&&(e.translate(s[0],s[1]),e.rotate(a),e.translate(-s[0],-s[1]))},fa=e=>180e/Math.PI,bs=(e,t)=>{const a=t.x-Math.min(Math.max(t.x,e.x),e.x+e.width),s=t.y-Math.min(Math.max(t.y,e.y),e.y+e.height);return Math.sqrt(aa+ss)<=t.radius},he=({origin:e=[0,0],point:t,rotation:a=0})=>{if(a===0)return t;const s=[t[0]-e[0],t[1]-e[1]],n=s[1]Math.cos(a)-s[0]Math.sin(a);return[s[1]Math.sin(a)+s[0]Math.cos(a)+e[0],n+e[1]]},Qs=e=>(e+2Math.PI)%(2Math.PI),ws=({targetVector:[e,t],radian:a=!0,originVector:s})=>{const n=Qs(Math.atan2(t[1]-e[1],t[0]-e[0]));if(s){const[o,r]=s,l=Math.atan2(r[1]-o[1],r[0]-o[0]),i=Qs(n-l);return a?i:fa(i)}return a?n:fa(n)},Cs=(e,t)=>Math.sqrt((e[0]-t[0])2+(e[1]-t[1])2),it=(e,t,a)=>{const s=he({origin:t.computed.center,point:e.computed.center,rotation:t.rotation??0}),n=(s[0]-(e.computed.borders.width/2-a.settings.selectionPadding)-(a.originalBorders.x+a.settings.selectionPadding))a.widthMultiplier,o=(s[1]-(e.computed.borders.height/2-a.settings.selectionPadding)-(a.originalBorders.y+a.settings.selectionPadding))a.heightMultiplier;return{x:a.newBorderX+a.settings.selectionPadding+(a.isXinverted?a.newBorderWidth-2a.settings.selectionPadding-(e.computed.borders.width-2a.settings.selectionPadding\|\|1)a.widthMultiplier-n:n),y:a.newBorderY+a.settings.selectionPadding+(a.isYinverted?a.newBorderHeight-2a.settings.selectionPadding-(e.computed.borders.height-2a.settings.selectionPadding\|\|1)a.heightMultiplier-o:o)}},rt=(e,t,a,s,n)=>he({origin:e.groupCenter,point:[t+s/2,a+n/2],rotation:-e.rotation}),va=(e,{selectionPadding:t})=>{const a=e.points.flat(),s=Math.min(...a.map(i=>i[0])),n=Math.min(...a.map(i=>i[1])),o=a.map(i=>Ne(i,s,n,e.scaleX,e.scaleY)),r=Math.max(...o.map(i=>i[0]))+t,l=Math.max(...o.map(i=>i[1]))+t;return{x:s-t,width:r-s+t,y:n-t,height:l-n+t}},xt=(e,t)=>{const a=In(e,t),s=((n,o)=>qe(n,va,o))(e,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},Rn=xt,He=(e,t=2)=>Math.round(e10t)/10t,Ne=(e,t,a,s=1,n=1)=>[t+(e[0]-t)s,a+(e[1]-a)n],Me=(e,t,a=0)=>{if(!t.gridGap)return He(e);const s=e+a,n=s>=0?t.gridGap:-t.gridGap;return s+n/2-(s+n/2)%n-a},Dn=(e,t,a,s,n,o,r)=>{if(s.mode==="translate")return oe(Gs(a,s.originalShape,s.cursorStartPosition,n,o),n);if(s.mode==="rotate"){const l=s.originalShape.computed.center[0]-s.cursorStartPosition[0],i=s.originalShape.computed.center[1]-s.cursorStartPosition[1],c=s.originalShape.computed.center[0]-a[0],h=s.originalShape.computed.center[1]-a[1],u=((p,m,g)=>m.gridGap\|\|g?p+Math.PI/18/2-(p+Math.PI/18/2)%(Math.PI/18):He(p,3))(Math.atan2(h,c)-Math.atan2(i,l),n,o),v=X(s.originalShape).map(p=>Fe($s(p,u,s.originalShape.computed.center),n));return oe(v,n)}return s.mode==="resize"?oe(ho(e,a,s.originalShape,s,n,o,r),n):s.mode==="brush"?oe(X(t).map(l=>((i,c,h)=>{const u={...i,points:Ie(i.points.length-1,[...i.points[i.points.length-1],[Math.round(c[0]),Math.round(c[1])]],i.points)};return xt(u,h)})(l,a,n)),n):t},Zt=e=>{const t=new Path2D;return t.rect(e.x,e.y,e.width,e.height),t},At=e=>{const t=new Path2D;return t.arc(e.x,e.y,e.radius,0,2Math.PI),t},Et=e=>{const t=new Path2D;return t.moveTo(...e.points[0]),t.lineTo(...e.points[1]),t},In=(e,{brushAlgo:t})=>{const a=new Path2D;if(e.points.length<1)return a;const s=e.points.flat(),n=s.map(i=>i[0]),o=s.map(i=>i[1]),r=Math.min(...n),l=Math.min(...o);for(const i of e.points)if(i.length)if(i.length===1)a.rect(...Ne(i[0],r,l,e.scaleX,e.scaleY),1,1);else if(a.moveTo(...Ne(i[0],r,l,e.scaleX,e.scaleY)),t==="quadratic"){for(let c=0;c<i.slice(1).length-2;c++){const h=Ne(i[c],r,l,e.scaleX,e.scaleY),u=Ne(i[c+1],r,l,e.scaleX,e.scaleY),v=(h[0]+u[0])/2,p=(h[1]+u[1])/2;a.quadraticCurveTo(...h,v,p)}a.quadraticCurveTo(...Ne(i[i.length-2],r,l,e.scaleX,e.scaleY),...Ne(i[i.length-1],r,l,e.scaleX,e.scaleY))}else for(const c of i.slice(1))a.lineTo(...Ne(c,r,l,e.scaleX,e.scaleY));return a},Wn=(e,t,a,s)=>{const n=f=>(1-f)3e[0]+3(1-f)2ft[0]+3(1-f)f2a[0]+f*3s[0],o=f=>(1-f)*3e[1]+3(1-f)2ft[1]+3(1-f)f2a[1]+f*3s[1],r=(f,P,H)=>{const E=f-2P+H,z=-2f+2P,T=f;if(Math.abs(E)<1e-10){if(Math.abs(z)<1e-10)return[];const ae=-T/z;return ae>0&&ae<1?[ae]:[]}const Z=zz-4ET;if(Z<0)return[];const R=Math.sqrt(Z),B=(-z-R)/(2E),W=(-z+R)/(2E),D=[];return B>0&&B<1&&D.push(B),W>0&&W<1&&W!==B&&D.push(W),D},l=e[0],i=t[0],c=a[0],h=s[0],u=e[1],v=t[1],p=a[1],m=s[1],g=r(i-l,c-i,h-c),y=r(v-u,p-v,m-p);let w=Math.min(e[0],s[0]),C=Math.max(e[0],s[0]),b=Math.min(e[1],s[1]),x=Math.max(e[1],s[1]);for(const f of g){const P=n(f);w=Math.min(w,P),C=Math.max(C,P)}for(const f of y){const P=o(f);b=Math.min(b,P),x=Math.max(x,P)}return{minX:w,maxX:C,minY:b,maxY:x}},ma=(e,t)=>e.style?.closedPoints===1&&t.length>2?[t[t.length-2],...t,t[0],t[1]]:[t[0],...t,t[t.length-1]],Sa=(e,t,a,s)=>({cp1:[t[0]+(a[0]-e[0])/6,t[1]+(a[1]-e[1])/6],cp2:[a[0]-(s[0]-t[0])/6,a[1]-(s[1]-t[1])/6]}),Ms=e=>{const t=new Path2D,a=e.tempPoint?[...e.points,e.tempPoint]:e.points;if(a.length<2)return t;t.moveTo(...a[0]);for(const s of a.slice(1))t.lineTo(...s);return a.length>2&&e.style?.closedPoints===1&&t.lineTo(...a[0]),t},Nn=e=>{const t=new Path2D;return t.moveTo(...e.points[0]),t.lineTo(...e.points[1]),t.lineTo(...e.points[2]),t.lineTo(...e.points[0]),t},Fn=(e,t)=>({x:t.x-(e.style?.lineWidth??0)/2,y:t.y-(e.style?.lineWidth??0)/2,width:t.width+(e.style?.lineWidth??0),height:t.height+(e.style?.lineWidth??0)}),qe=(e,t,a,s=Fn)=>{const n=t(e,a),o=s(e,n,a),r=[n.x+n.width/2,n.y+n.height/2],l=((i,c,h=0)=>{if(h===0)return i;const u=[[i.x,i.y],[i.x+i.width,i.y],[i.x+i.width,i.y+i.height],[i.x,i.y+i.height]].map(m=>he({point:m,origin:c,rotation:h})),v=Math.min(...u.map(m=>m[0])),p=Math.min(...u.map(m=>m[1]));return{x:v,y:p,width:Math.max(...u.map(m=>m[0]))-v,height:Math.max(...u.map(m=>m[1]))-p}})(o,r,e.rotation);return{borders:n,outerBorders:o,center:r,boundingBox:l}},bt=(e,t,a)=>{const{borders:s}=t;return{type:"rect",border:Zt(s),shapePath:e,line:Et({points:[[s.x+s.width/2,s.y],[s.x+s.width/2,s.y-23/a.canvasSize.scaleRatio]]}),anchors:[At({x:s.x+s.width/2,y:s.y-23/a.canvasSize.scaleRatio,radius:7/a.canvasSize.scaleRatio}),...hs.map(n=>At({x:s.x+s.widthn[0],y:s.y+s.heightn[1],radius:7/a.canvasSize.scaleRatio}))]}},ks=({borderStart:e,borderSize:t,vector:a,settings:s,invertedAxe:n,anchor:o})=>{switch(o){case 0:{if(n){const l=Math.max(0,a-t)+2s.selectionPadding;return[e+t-2s.selectionPadding,l]}const r=Math.max(2s.selectionPadding,t-a);return[e+t-r,r]}case .5:return[e,t];case 1:if(n){const r=Math.min(e,e+t+a);return[r,e-r+2s.selectionPadding]}return[e,Math.max(2s.selectionPadding,t+a)];default:return[0,0]}},On=({borderX:e,borderWidth:t,borderY:a,borderHeight:s,center:n,originalShape:o})=>{const r=[e+t/2-n[0],a+s/2-n[1]],[l,i]=he({point:r,rotation:-(o.rotation??0)});return{borderX:He(e+l-r[0]),borderWidth:He(t),borderY:He(a+i-r[1]),borderHeight:He(s)}},Bn=(e,t,a,s)=>{const n=t.x+t.width/2,o=t.y+t.height/2,r=a?2e.borderWidth+t.width:Math.abs(t.width+2(e.borderWidth-t.width)),l=s?2e.borderHeight+t.height:Math.abs(t.height+2(e.borderHeight-t.height));return{...e,borderHeight:l,borderWidth:r,borderX:n-r/2,borderY:o-l/2}},lt=(e,t,a,s,n=!1,o=!1)=>{const{center:r,borders:l}=t.computed,i=he({origin:r,point:e,rotation:t.rotation}),c=a.anchor[0]===0&&i[0]>=l.x+l.width-s.selectionPadding\|\|a.anchor[0]===1&&i[0]<=l.x+s.selectionPadding,h=a.anchor[1]===0&&i[1]>=l.y+l.height-s.selectionPadding\|\|a.anchor[1]===1&&i[1]<=l.y+s.selectionPadding,u=[Me(i[0],s,a.anchor[0]===0&&!c\|\|a.anchor[0]===1&&c?s.selectionPadding:-s.selectionPadding),Me(i[1],s,a.anchor[1]===0&&!h\|\|a.anchor[1]===1&&h?s.selectionPadding:-s.selectionPadding)],v=s.gridGap?[a.anchor[0]===0?l.x:a.anchor[0]===.5?l.x+l.width/2:l.x+l.width,a.anchor[1]===0?l.y:a.anchor[1]===.5?l.y+l.height/2:l.y+l.height]:he({origin:r,point:a.cursorStartPosition,rotation:t.rotation}),p=[u[0]-v[0],u[1]-v[1]],[m,g]=ks({borderStart:l.x,borderSize:l.width,vector:p[0],settings:s,invertedAxe:c,anchor:a.anchor[0]}),[y,w]=ks({borderStart:l.y,borderSize:l.height,vector:p[1],settings:s,invertedAxe:h,anchor:a.anchor[1]}),C=n?((b,x,f,P,H,E,z,T,Z,R,B)=>{const{selectionPadding:W}=B,D="ratio"in Z&&Z.ratio?Z.ratio:(b.width-2W\|\|1)/(b.height-2W\|\|1),ae=(P-2W)/(E-2W);let J,I,$,G;return R.anchor[0]!==.5&&R.anchor[1]!==.5?ae<D?(I=H,G=E,$=(E-2W)D+2W,J=R.anchor[0]===0?z?b.x+b.width-2W:b.x+(b.width-$):z?b.x-$+2W:b.x):(J=f,$=P,G=(P-2W)/D+2W,I=R.anchor[1]===0?T?b.y+b.height-2W:b.y+(b.height-G):T?b.y-G+2W:b.y):R.anchor[0]!==.5?(J=f,$=P,G=(P-2W)/D+2W,I=b.y+(b.height-G)/2):(I=H,G=E,$=(E-2W)D+2W,J=b.x+(b.width-$)/2),{borderX:J,borderWidth:$,borderY:I,borderHeight:G,center:x,originalShape:Z}})(l,r,m,g,y,w,c,h,t,a,s):{borderX:m,borderWidth:g,borderY:y,borderHeight:w,center:r,originalShape:t};return{...On(o?Bn(C,l,c,h):C),isXinverted:c,isYinverted:h}},Rt=(e,t)=>{const a=Zt(e),s=((n,o)=>qe(n,ya,o))(e,t);return{...e,path:a,computed:s,selection:bt(a,s,t)}},Yn=Rt,Ps=(e,t,a,s=0,n=0)=>{const o={toolId:e.id,type:e.type,id:Se(`${e.type}_`),x:t[0],y:t[1],width:s,height:n,style:{opacity:e.settings.opacity.default,fillColor:e.settings.fillColor.default,strokeColor:e.settings.strokeColor.default,lineWidth:e.settings.lineWidth.default,lineDash:e.settings.lineDash.default}};return Rt(o,a)},Xn=(e,t)=>{e.globalAlpha!==0&&(t.style?.fillColor!=="transparent"&&e.fill(t.path),t.style?.strokeColor!=="transparent"&&e.stroke(t.path))},ya=(e,t)=>({x:e.x-t.selectionPadding,width:e.width+2t.selectionPadding,y:e.y-t.selectionPadding,height:e.height+2t.selectionPadding}),js=(e,t,a,[s,n]=[!1,!1])=>{const o=e[0]===.5?a.x+a.width/2:e[0]===0?a.x+(s?0:a.width):a.x+(s?a.width:0),r=e[1]===.5?a.y+a.height/2:e[1]===0?a.y+(n?0:a.height):a.y+(n?a.height:0);return xa([o,r],a.rotation??0,t)},Dt=(e,t,a,s,n,o,r,l="replace")=>{let i=!1;if(n){i=Ht(e,n,a,s,!0,o?20:void 0);const h=((u,v,p)=>{if(u.mode==="translate")return{mode:"translate",cursorStartPosition:p,originalShape:v,hasBeenDuplicated:!1,dateStart:Date.now(),selectedShapesLengthAtMouseDown:X(v).length};if(u.mode==="rotate"){const{center:m}=v.computed;return{mode:"rotate",cursorStartPosition:p,originalShape:v,center:[m[0],m[1]],selectedShapesLengthAtMouseDown:X(v).length}}return u.mode==="resize"?{mode:"resize",cursorStartPosition:p,originalShape:v,anchor:u.anchor,selectedShapesLengthAtMouseDown:X(v).length}:void 0})(i\|\|{mode:"default"},n,a);if(h?.mode==="resize"\|\|h?.mode==="rotate")return{shape:n,mode:h}}const c=t.find(h=>X(n).find(u=>h.id===u?.id)?i&&Ht(e,h,a,s,!0,o?20:void 0):!!zs(e,h,a,s))??(i?n:void 0);if(n&&n?.id===c?.id)return{shape:n,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:n,selectedShapesLengthAtMouseDown:X(n).length}};if(c){if(l==="add"){const u=oe(Ls(n,[c]),s);return{shape:u,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:u,selectedShapesLengthAtMouseDown:X(n).length}}}if(l==="remove"){const u=oe($n(n,c),s);return{shape:u,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:u,selectedShapesLengthAtMouseDown:X(n).length}}}const h=X(n).find(u=>u.id===c?.id)?n:oe([c],s);return{shape:h,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:h,selectedShapesLengthAtMouseDown:X(n).length}}}return{shape:l!=="replace"?n:void 0,mode:{mode:r?"selectionFrame":"default"}}},oe=(e,t)=>{if(!e.length)return;if(e.length===1)return e[0];const a=e.some(r=>r.rotation!==e[0].rotation)?0:e[0]?.rotation??0,s=((r,l,i)=>{const c=r.map(x=>[[x.computed.borders.x+i.selectionPadding,x.computed.borders.y+i.selectionPadding],[x.computed.borders.x-i.selectionPadding+x.computed.borders.width,x.computed.borders.y+i.selectionPadding],[x.computed.borders.x-i.selectionPadding+x.computed.borders.width,x.computed.borders.y-i.selectionPadding+x.computed.borders.height],[x.computed.borders.x+i.selectionPadding,x.computed.borders.y-i.selectionPadding+x.computed.borders.height]].map(f=>{const P=he({point:[f[0],f[1]],origin:x.computed.center,rotation:-(x.rotation??0)});return he({point:[P[0],P[1]],origin:[0,0],rotation:l})})),h=Math.min(...c.flatMap(x=>[x[0][0],x[1][0],x[2][0],x[3][0]])),u=Math.min(...c.flatMap(x=>[x[0][1],x[1][1],x[2][1],x[3][1]])),v=Math.max(...c.flatMap(x=>[x[0][0],x[1][0],x[2][0],x[3][0]])),p=Math.max(...c.flatMap(x=>[x[0][1],x[1][1],x[2][1],x[3][1]])),m=[(h+v)/2,(u+p)/2],g=he({point:m,origin:[0,0],rotation:-l}),y=[m[0]-g[0],m[1]-g[1]],w=He(h-y[0]),C=He(v-y[0]),b=He(u-y[1]);return{width:C-w,height:He(p-y[1])-b,x:w,y:b}})(e,a,t),n=Ps({id:"group_selection",type:"rect",settings:Ka},[s.x,s.y],t,s.width,s.height),o=e.slice(1).reduce((r,l)=>{const i=l.style??{},c={};for(const h in i)r[h]!==void 0&&i[h]!==void 0&&r[h]===i[h]&&(c[h]=r[h]);return c},e[0].style??{});return{id:e.map(r=>r.id).join("-"),type:"group",shapes:e,rotation:a,visible:!0,locked:!1,selection:n.selection,x:n.x,y:n.y,width:n.width,height:n.height,style:o,computed:n.computed,path:n.path}},X=e=>e?e.type==="group"?e.shapes:[e]:[],Ls=(e,t)=>{const a=X(e);return[...new Set([...a,...t])]},$n=(e,t)=>X(e).filter(a=>a.id!==t.id),Vs=e=>{const{clientX:t=0,clientY:a=0}="touches"in e&&e.touches[0]?e.touches[0]:"changedTouches"in e&&e.changedTouches[0]?e.changedTouches[0]:"clientX"in e?e:{};return{clientX:t,clientY:a}},Zs=(e,t,a)=>{const{clientX:s,clientY:n}=Vs(e),o=t.getBoundingClientRect();return[(s-o.left)/a.scaleRatio,(n-o.top)/a.scaleRatio]},ct=(e,t,a)=>{const{clientX:s,clientY:n}=Vs(e),o=t?.getBoundingClientRect()??{left:0,top:0,width:a.canvasSize.width,height:a.canvasSize.height};return[(s-o.left)(a.canvasSize.width/o.width)/a.canvasSize.scaleRatio-a.canvasOffset[0],(n-o.top)(a.canvasSize.height/o.height)/a.canvasSize.scaleRatio-a.canvasOffset[1]]},Je=e=>"touches"in e,Ge=(e,t,[a,s])=>he({origin:[a,s],point:e,rotation:t}),xa=(e,t,[a,s])=>he({origin:[a,s],point:e,rotation:-t}),It=(e,t,a)=>a?bs(e,{x:t[0],y:t[1],radius:a}):((s,n)=>n[0]>=s.x&&n[0]<=s.x+s.width&&n[1]>=s.y&&n[1]<=s.y+s.height)(e,t),Ht=(e,t,a,s,n=!1,o=0)=>{const r=X(t).length>1?t:X(t)[0];if(!r\|\|r.locked)return!1;const{borders:l,center:i}=r.computed,c=Ge(a,r.rotation??0,i);if(n){const h=((u,v,p,m=0)=>{const{canvasSize:{scaleRatio:g}}=p,{borders:y}=u.computed;if(u.type==="line"\|\|u.type==="polygon"\|\|u.type==="curve"){for(let w=0;w<u.points.length;w++)if(It({x:u.points[w][0]-7/g,y:u.points[w][1]-7/g,width:ot/g,height:ot/g},v,m))return{mode:"resize",anchor:w}}else{if(It({x:y.x+y.width/2-7/g,y:y.y-ot/g-16/g,width:ot/g,height:ot/g},v,m))return{mode:"rotate"};for(const w of hs)if(It({x:y.x+y.widthw[0]-7/g,y:y.y+y.heightw[1]-7/g,width:ot/g,height:ot/g},v,m))return{mode:"resize",anchor:w}}return!1})(r,c,s,o);if(h)return h}return r.selection?.type==="line"?(e.lineWidth=(r.style?.lineWidth??0)+15/s.canvasZoom,!!(ba(r,!0)?e.isPointInPath(r.path,c[0],c[1]):e.isPointInStroke(r.path,c[0],c[1]))&&{mode:"translate"}):!!It(l,c,15+o)&&{mode:"translate"}},Hs=(e,t,a,s,n=50)=>{if(t.locked\|\|t.points.length<2)return!1;const{center:o}=t.computed,r=Ge(a,t.rotation??0,o);e.lineWidth=(t.style?.lineWidth??0)+n/s.canvasZoom;const l=t.style?.closedPoints?[...t.points,t.points[0]]:t.points;for(let i=0;i<l.length-1;i++){const c=Et({points:[l[i],l[i+1]]});if(e.isPointInStroke(c,r[0],r[1]))return{lineIndex:i}}return!1},ba=(e,t=!1)=>!(!t\|\|!["curve","polygon"].includes(e.type))\|\|e.style?.fillColor&&e.style?.fillColor!=="transparent"\|\|["picture","text"].includes(e.type),zs=(e,t,a,s)=>{if(t.locked)return!1;const{center:n}=t.computed,o=Ge(a,t.rotation??0,n);return e.lineWidth=(t.style?.lineWidth??0)+15/s.canvasZoom,!!(ba(t)?e.isPointInPath(t.path,o[0],o[1]):e.isPointInStroke(t.path,o[0],o[1]))&&{mode:"translate"}};function Qa(e,t){const a=Math.max(e.x,t.x),s=Math.max(e.y,t.y),n=Math.min(e.x+(e.width\|\|1),t.x+(t.width\|\|1)),o=Math.min(e.y+(e.height\|\|1),t.y+(t.height\|\|1));if(a<n&&s<o)return{x:a,y:s,width:n-a,height:o-s}}const Ts=({ctx:e,path:t,rect:a,offset:s,center:n,rotation:o=0,checkFill:r})=>{for(let l=0;l<s;l+=s/2)for(let i=0;i<s;i+=s/2)for(let c=l+a.x;c<a.x+a.width;c+=s)for(let h=i+a.y;h<a.y+a.height;h+=s){const u=Ge([c,h],o,n);if(r?e.isPointInPath(t,u[0],u[1]):e.isPointInStroke(t,u[0],u[1]))return!0}return!1},wa=(e,t,a,s)=>({type:"line",border:Zt(a.borders),shapePath:e,anchors:[...t.points.map(n=>At({x:n[0],y:n[1],radius:7/s.canvasSize.scaleRatio}))]}),ze=[.05,.1,.25,.5,1,2,4,8],Ca=({size:e,zoom:t,newOffset:[a,s],canvasSize:n})=>e==="infinite"?{zoom:t,offset:[a,s]}:t<1?{zoom:t,offset:[-(n.realWidth-n.realWidth/t)/2,-(n.realHeight-n.realHeight/t)/2]}:{zoom:t,offset:[Ue(a,n.realWidth/t-n.realWidth,0),Ue(s,n.realHeight/t-n.realHeight,0)]},Ma=({size:e,canvasSize:t,currentOffset:a,currentZoom:s,zoom:n,centerPoint:o})=>{const r=e==="fixed"&&n<1?[t.realWidth/2,t.realHeight/2]:o,l=a[0]-(r[0]/s-r[0]/n),i=a[1]-(r[1]/s-r[1]/n);return{offset:e==="infinite"?[l,i]:n<1?[-(t.realWidth-t.realWidth/n)/2,-(t.realHeight-t.realHeight/n)/2]:[Ue(l,t.realWidth/n-t.realWidth,0),Ue(i,t.realHeight/n-t.realHeight,0)],zoom:n}},As=e=>{const{canvasSize:{width:t,height:a,scaleRatioWithNoZoom:s},canvasZoom:n,canvasOffset:o}=e;return{x:o[0]ns,y:o[1]ns,width:tn,height:an}},Es=(e,t)=>{const{canvasZoom:a,size:s}=t;if(s!=="fixed"\|\|a>=1)return;const n=As(t);e.beginPath(),e.rect(n.x,n.y,n.width,n.height),e.closePath(),e.clip()},zt=(e,t)=>t.size!=="fixed"\|\|e[0]>0&&e[0]<t.canvasSize.realWidth&&e[1]>0&&e[1]<t.canvasSize.realHeight,Un=(e,t)=>({x:e.x-e.radius-t.selectionPadding,width:2(e.radius+t.selectionPadding),y:e.y-e.radius-t.selectionPadding,height:2(e.radius+t.selectionPadding)}),Wt=(e,t)=>{const a=At(e),s=((n,o)=>qe(n,Un,o))(e,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},qn=Wt,Qt=(e,t)=>{const a=Ms(e),s=((n,o)=>qe(n,Nt,o))(e,t);return{...e,path:a,selection:wa(a,e,s,t),computed:s}},Rs=Qt,Nt=(e,t)=>{const a=Math.min(...e.points.map(o=>o[0]))-t.selectionPadding,s=Math.max(...e.points.map(o=>o[0]))+t.selectionPadding,n=Math.min(...e.points.map(o=>o[1]))-t.selectionPadding;return{x:a,width:s-a,y:n,height:Math.max(...e.points.map(o=>o[1]))+t.selectionPadding-n}},Gn=(e,t,a,s)=>{if(t<0\|\|t>e.points.length-1)return e;const n=[...e.points.slice(0,t+1),a,...e.points.slice(t+1)];return Qt({...e,points:n},s)},Ds=(e,t,a,s=!1)=>{const n=[Me(t[0],a),Me(t[1],a)],o=Ge(n,e.rotation??0,e.computed.center),r={...e,points:s?e.points:[...e.points,o],tempPoint:s?o:void 0};return Qt(r,a)},_n=(e,t,a)=>{const s=e.tempPoint?[...e.points,e.tempPoint]:e.points;if(s.length<2){const c=s[0]??[0,0],h=a.selectionPadding;return{x:c[0]-h,y:c[1]-h,width:2h,height:2h}}if(s.length<3)return Nt({...e,points:s},a);const n=ma(e,s);let o=Number.POSITIVE_INFINITY,r=Number.NEGATIVE_INFINITY,l=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let c=1;c<n.length-2;c++){const h=n[c-1],u=n[c],v=n[c+1],p=n[c+2],{cp1:m,cp2:g}=Sa(h,u,v,p),y=Wn(u,m,g,v);o=Math.min(o,y.minX),r=Math.max(r,y.maxX),l=Math.min(l,y.minY),i=Math.max(i,y.maxY)}return ya({x:o,y:l,width:r-o,height:i-l},a)},wt=(e,t)=>{const a=(n=>{const o=new Path2D,r=n.tempPoint?[...n.points,n.tempPoint]:n.points;if(r.length<2)return o;if(r.length<3)return Ms(n);const l=n.style?.closedPoints===1&&r.length>2;o.moveTo(...r[0]);const i=ma(n,r);for(let c=1;c<i.length-2;c++){const h=i[c-1],u=i[c],v=i[c+1],p=i[c+2],{cp1:m,cp2:g}=Sa(h,u,v,p);o.bezierCurveTo(m[0],m[1],g[0],g[1],v[0],v[1])}return l&&o.closePath(),o})(e),s=((n,o)=>qe(n,Nt,o,_n))(e,t);return{...e,path:a,selection:wa(a,e,s,t),computed:s}},Is=wt,Kn=(e,t,a,s)=>{if(t<0\|\|t>e.points.length-1)return e;const n=[...e.points.slice(0,t+1),a,...e.points.slice(t+1)];return wt({...e,points:n},s)},Ws=(e,t,a,s=!1)=>{const n=[Me(t[0],a),Me(t[1],a)],o=e.computed.center,r=Ge(n,e.rotation??0,o),l={...e,points:s?e.points:[...e.points,r],tempPoint:s?r:void 0};return wt(l,a)},Jn=(e,t)=>({x:e.x-e.radiusX-t.selectionPadding,width:2(e.radiusX+t.selectionPadding),y:e.y-e.radiusY-t.selectionPadding,height:2(e.radiusY+t.selectionPadding)}),Ft=(e,t)=>{const a=(n=>{const o=new Path2D;return o.ellipse(n.x,n.y,n.radiusX,n.radiusY,0,0,2Math.PI),o})(e),s=((n,o)=>qe(n,Jn,o))(e,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},eo=Ft,to=(e,t)=>qe(e,Nt,t),Ns=(e,t)=>((a,s)=>({...a,path:Nn(a),computed:to(a,s)}))({...e,id:Se("triangle_"),type:"triangle"},t),ao=(e,t)=>{e.globalAlpha!==0&&(t.style?.fillColor!=="transparent"&&e.fill(t.path),t.style?.strokeColor!=="transparent"&&e.stroke(t.path))},so=(e,t)=>({x:Math.min(e.points[0][0],e.points[1][0])-t.selectionPadding,width:Math.abs(e.points[0][0]-e.points[1][0])+2t.selectionPadding,y:Math.min(e.points[0][1],e.points[1][1])-t.selectionPadding,height:Math.abs(e.points[0][1]-e.points[1][1])+2t.selectionPadding}),Ot=(e,t)=>{const a=[];let s;if(e.style?.lineArrow===1\|\|e.style?.lineArrow===2\|\|e.style?.lineArrow===3){const o=Math.PI/2-ws({targetVector:[e.points[0],e.points[1]]});e.style?.lineArrow!==1&&e.style?.lineArrow!==3\|\|a.push(Ns(Fs(e.points[0],o,e.style),t)),e.style?.lineArrow!==2&&e.style?.lineArrow!==3\|\|a.push(Ns(Fs(e.points[1],o+Math.PI,e.style),t));const r=(({line:l,size:i,direction:c})=>{const h=Math.PI/2-ws({targetVector:[l.points[0],l.points[1]]}),u=[l.points[0][0]+(l.points[1][0]-l.points[0][0])/2,l.points[0][1]+(l.points[1][1]-l.points[0][1])/2];let v,p;if(["start","both"].includes(c)){const m=he({point:l.points[0],origin:u,rotation:-h});v=he({point:[m[0],m[1]+i],origin:u,rotation:h})}else v=[...l.points[0]];if(["end","both"].includes(c)){const m=he({point:l.points[1],origin:u,rotation:-h});p=he({point:[m[0],m[1]-i],origin:u,rotation:h})}else p=[...l.points[1]];return{points:[v,p]}})({line:e,size:10+2(e.style?.lineWidth??0),direction:e.style?.lineArrow===1?"start":e.style?.lineArrow===2?"end":"both"});s=Et(r)}else s=Et(e);const n=((o,r)=>qe(o,so,r))(e,t);return{...e,path:s,selection:wa(s,e,n,t),arrows:a,style:{...e.style,lineCap:e.style?.lineArrow?"butt":"round"},computed:n}},no=Ot,Fs=(e,t,a)=>{const s=[he({point:[0,0],rotation:t}),he({point:[-(5+(a.lineWidth??0)),10+2(a.lineWidth??0)],rotation:t}),he({point:[5+(a.lineWidth??0),10+2(a.lineWidth??0)],rotation:t})];return{points:[[e[0]+s[0][0],e[1]+s[0][1]],[e[0]+s[1][0],e[1]+s[1][1]],[e[0]+s[2][0],e[1]+s[2][1]]],style:{...a,fillColor:a.strokeColor,strokeColor:"transparent"}}},oo=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=e.computed.borders.width-2o.selectionPadding,c=e.computed.borders.height-2o.selectionPadding,h=ir,u=cl,v=it(e,t,a),p=rt(a,v.x,v.y,h,u),m=e.computed.center[0]-i/2,g=e.computed.center[1]-c/2,y=p[0]-h/2,w=p[1]-u/2;return((C,b)=>C.type==="line"?Ot(C,b):C.type==="polygon"?Rs(C,b):Is(C,b))({...e,points:e.points.map(([C,b])=>[y+(s?h-(C-m)r:(C-m)r),w+(n?u-(b-g)l:(b-g)l)])},a.settings)},Bt=(e,t)=>{const a=((n,o)=>qe(n,ya,o))(e,t),s=Zt(e);return{...e,path:s,selection:bt(void 0,a,t),computed:a}},io=Bt,ka=(e,t,a,s,n)=>{const[o,r]=((l,i,c,h,u=!1)=>{if(!(l&&i&&h&&c))return[ms,ms];const v=l/i;if(v>c/h){const m=u?c:Math.min(l,c);return[m,m/v]}const p=u?h:Math.min(i,h);return[pv,p]})(e.width,e.height,a,s,!0);return Bt({toolId:la.id,type:"picture",id:Se("picture_"),x:-n.canvasOffset[0]+n.canvasSize.realWidth/n.canvasZoom/2-o/2,y:-n.canvasOffset[1]+n.canvasSize.realHeight/n.canvasZoom/2-r/2,width:o,height:r,ratio:o/r,src:t,img:e},n)},ro=(e,t,a,s)=>new Promise((n,o)=>{const r=new Image;r.onerror=()=>{o(new Error("Some images could not be loaded"))},setTimeout(()=>{o(new Error("Timeout while loading images"))},4e3),e instanceof File?((l,i,c,h,u,v)=>{Js(c)?c.text().then(p=>{const m=Ks(p);l.onload=async()=>{URL.revokeObjectURL(l.src);const g=ka(l,p,h,u,v);i(g)},l.src=m}):(l.onload=async()=>{URL.revokeObjectURL(l.src);const p=ka(l,l.src,h,u,v);i(p)},l.src=URL.createObjectURL(c))})(r,n,e,t,a,s):((l,i,c,h,u,v)=>{l.onload=()=>{URL.revokeObjectURL(l.src);const p=ka(l,c,h,u,v);i(p)},en(c).then(p=>{l.src=p}).catch(()=>{l.src=""})})(r,n,e,t,a,s)}),Pa=["Texte"],Os=(e,t)=>qe(e,co,t),Yt=(e,t)=>{const a=Os(e,t),s=Zt(e);return{...e,path:s,selection:bt(void 0,a,t),computed:a}},lo=Yt,Xt=(e,t,a,s,n,o=Vt)=>{e.font=`${n?"italic":""} ${s?"bold":""} 1px ${o}`;const r=t.map(l=>a/e.measureText(l).width);return Math.min(...r)\|\|36},co=(e,t)=>({x:e.x-t.selectionPadding,width:e.width+2t.selectionPadding,y:e.y-t.selectionPadding,height:e.height+2t.selectionPadding}),uo=(e,t,a,s)=>{const n={...t,value:a},o=((m,g,y,w,C,b=Vt)=>{m.font=`${C?"italic":""} ${w?"bold":""} ${y}px ${b}`;const x=g.map(f=>m.measureText(f).width);return Math.max(...x)\|\|20})(e,n.value,n.fontSize,n.style?.fontBold??!1,n.style?.fontItalic??!1,n.style?.fontFamily),r=n.fontSizen.value.length,l=o/r,i={...n,width:o,height:r,ratio:l},{center:c}=Os(i,s),[h,u]=js([1,1],t.computed.center,t),[v,p]=js([1,1],c,i,[!1,!1]);return{...i,x:i.x-(v-h),y:i.y-(p-u)}},Bs=(e,t,a,s)=>{const n=[Me(a[0],s),Me(a[1],s)];switch(t.type){case"brush":return((o,r,l)=>xt({toolId:o.id,type:o.type,id:Se(`${o.type}_`),points:[[r]],scaleX:1,scaleY:1,style:{opacity:o.settings.opacity.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s);case"line":return((o,r,l)=>{const i={toolId:o.id,type:o.type,id:Se(`${o.type}_`),points:[r,r],style:{opacity:o.settings.opacity.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,lineArrow:o.settings.lineArrow.default}};return Ot(i,l)})(t,n,s);case"polygon":return((o,r,l)=>Qt({toolId:o.id,type:o.type,id:Se(`${o.type}_`),points:[r],style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,closedPoints:o.settings.closedPoints.default}},l))(t,n,s);case"curve":return((o,r,l)=>wt({toolId:o.id,type:o.type,id:Se(`${o.type}_`),points:[r],style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,closedPoints:o.settings.closedPoints.default}},l))(t,n,s);case"rect":case"square":return Ps(t,n,s);case"text":return((o,r,l,i)=>{const c=Xt(o,Pa,150,r.settings?.fontBold.default??!1,r.settings?.fontItalic.default??!1,r.settings.fontFamily.default),h=c(Pa.length\|\|1);return Yt({toolId:r.id,type:r.type,id:Se(`${r.type}_`),x:l[0]-150,y:l[1]-h,value:Pa,fontSize:c,width:150,height:h,ratio:150/h,style:{opacity:r.settings.opacity.default,strokeColor:r.settings.strokeColor.default,fontFamily:r.settings.fontFamily.default,fontItalic:r.settings.fontItalic.default,fontBold:r.settings.fontBold.default}},i)})(e,t,n,s);case"ellipse":return((o,r,l)=>Ft({toolId:o.id,type:o.type,id:Se(`${o.type}_`),x:r[0],y:r[1],radiusX:0,radiusY:0,style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s);case"circle":return((o,r,l)=>Wt({toolId:o.id,type:o.type,id:Se(`${o.type}_`),x:r[0],y:r[1],radius:0,style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s)}},Ys=(e,t)=>{switch(t.type){case"brush":((a,s)=>{s.points.length<1\|\|a.globalAlpha!==0&&s.style?.strokeColor!=="transparent"&&a.globalAlpha!==0&&a.stroke(s.path)})(e,t);break;case"text":((a,s)=>{if(a.globalAlpha!==0&&s.style?.strokeColor&&s.style.strokeColor!=="transparent"){a.scale(s.flipX?-1:1,s.flipY?-1:1),a.font=`${s.style?.fontItalic?"italic":""} ${s.style?.fontBold?"bold":""} ${s.fontSize}px ${s.style?.fontFamily??Vt}`,a.textBaseline="top",a.fillStyle=s.style.strokeColor;for(let n=0;n<s.value.length;n++)a.fillText(s.value[n],s.flipX?-s.x-s.width:s.x,(s.flipY?-s.y-s.height:s.y)+ns.fontSize,s.width)}})(e,t);break;case"line":((a,s)=>{if(a.globalAlpha!==0){s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path);for(const n of s.arrows??[])je(a,n.style),ao(a,n)}})(e,t);break;case"polygon":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"curve":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"circle":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"ellipse":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"rect":case"square":Xn(e,t);break;case"picture":((a,s)=>{a.globalAlpha!==0&&(a.beginPath(),a.scale(s.flipX?-1:1,s.flipY?-1:1),a.drawImage(s.img,s.flipX?-s.x-s.width:s.x,s.flipY?-s.y-s.height:s.y,s.width,s.height))})(e,t)}},Xs=(e,t,a)=>{if(t.visible===!1)return;if(((n,o)=>{const r=(l=>{const{canvasSize:{width:i,height:c,scaleRatioWithNoZoom:h},canvasZoom:u,canvasOffset:v}=l;return{x:-v[0],y:-v[1],width:i/u/h,height:c/u/h}})(o);return!!Qa(n.computed.boundingBox,r)})(t,a)){if(yt(e,a,t.rotation,t.computed.center),je(e,t.style),e.globalAlpha!==1)return((n,o)=>{const{outerBorders:r}=o.computed,l={width:2r.width,height:2r.height};if(l.width===0\|\|l.height===0)return;const i=document.createElement("canvas"),c=i.getContext("2d");if(!c)throw new Error("No context found for canvas");i.width=l.width,i.height=l.height,c.translate(l.width/4-r.x,l.height/4-r.y),je(c,{...o.style,opacity:100}),Ys(c,o),n.drawImage(i,r.x-l.width/4,r.y-l.height/4)})(e,t),void e.restore();Ys(e,t),e.restore()}},$s=(e,t,a)=>{const s=he({origin:a,point:e.computed.center,rotation:-t});if("points"in e){if(e.type==="brush"){const o=e.points.map(r=>r.map(l=>[l[0]+s[0]-e.computed.center[0],l[1]+s[1]-e.computed.center[1]]));return{...e,points:o,rotation:(e.rotation??0)+t}}const n=e.points.map(o=>he({origin:a,point:o,rotation:-t}));return{...e,points:n}}return{...e,x:e.x+s[0]-e.computed.center[0],y:e.y+s[1]-e.computed.center[1],rotation:(e.rotation??0)+t}},Us=(e,t,a,s,n,o,r)=>{switch(a.type){case"line":return((l,i,c,h)=>{const u=[Me(l[0],h),Me(l[1],h)],v=Ge(u,i.rotation??0,i.computed.center),p=Ie(["points",c.anchor],v,i);return Ot(p,h)})(t,a,s,n);case"polygon":return((l,i,c,h)=>{const u=[Me(l[0],h),Me(l[1],h)],v=Ge(u,i.rotation??0,i.computed.center),p=Ie(["points",c.anchor],v,i);return Qt(p,h)})(t,a,s,n);case"curve":return((l,i,c,h)=>{const u=[Me(l[0],h),Me(l[1],h)],v=i.computed.center,p=Ge(u,i.rotation??0,v),m=Ie(["points",c.anchor],p,i);return wt(m,h)})(t,a,s,n);case"brush":return((l,i,c,h,u,v)=>{const p=va({...i,scaleX:1,scaleY:1},h),m=i.computed.borders,{borderX:g,borderHeight:y,borderY:w,borderWidth:C,isXinverted:b,isYinverted:x}=lt(l,i,c,h,u,v),f=Math.max(0,p.width-2h.selectionPadding),P=Math.max(0,p.height-2h.selectionPadding),H=Math.max(0,C-2h.selectionPadding),E=Math.max(0,y-2h.selectionPadding),z=f?H/f:1,T=P?E/P:1;if(!f\|\|!P)return i;const Z=He(g-m.x)+(b?2m.x+p.width:0),R=He(w-m.y)+(x?2m.y+p.height:0);return xt({...i,points:i.points.map(B=>B.map(([W,D])=>[b?-W+Z:W+Z,x?-D+R:D+R])),scaleX:z,scaleY:T},h)})(t,a,s,n,o,r);case"circle":return((l,i,c,h,u)=>{const{borderX:v,borderHeight:p,borderY:m,borderWidth:g}=lt(l,i,c,h,!0,u);return Wt({...i,radius:Math.max(0,g/2-h.selectionPadding),x:v+g/2,y:m+p/2},h)})(t,a,s,n,r);case"ellipse":return((l,i,c,h,u=!1,v=!1)=>{const{borderX:p,borderHeight:m,borderY:g,borderWidth:y}=lt(l,i,c,h,u,v);return Ft({...i,radiusX:Math.max(0,y/2-h.selectionPadding),radiusY:Math.max(0,m/2-h.selectionPadding),x:p+y/2,y:g+m/2},h)})(t,a,s,n,o,r);case"rect":case"square":return((l,i,c,h,u=!1,v=!1)=>{const{borderX:p,borderHeight:m,borderY:g,borderWidth:y}=lt(l,i,c,h,u,v);return Rt({...i,width:Math.max(0,y-2h.selectionPadding),height:Math.max(0,m-2h.selectionPadding),x:p+h.selectionPadding,y:g+h.selectionPadding},h)})(t,a,s,n,a.type==="square"\|\|o,r);case"text":return((l,i,c,h,u,v)=>{const{borderX:p,borderHeight:m,borderY:g,borderWidth:y,isXinverted:w,isYinverted:C}=lt(i,c,h,u,!0,v),b=Math.max(0,y-2u.selectionPadding),x=Math.max(0,m-2u.selectionPadding),f=Yt({...c,width:b,height:x,x:p+u.selectionPadding,y:g+u.selectionPadding,flipX:w?!c.flipX:!!c.flipX,flipY:C?!c.flipY:!!c.flipY},u);return{...f,fontSize:Xt(l,f.value,f.width,f.style?.fontBold??!1,f.style?.fontItalic??!1,f.style?.fontFamily)}})(e,t,a,s,n,r);case"picture":return((l,i,c,h,u)=>{const{borderX:v,borderHeight:p,borderY:m,borderWidth:g,isXinverted:y,isYinverted:w}=lt(l,i,c,h,!0,u),C=Math.max(0,g-2h.selectionPadding),b=Math.max(0,p-2h.selectionPadding);return Bt({...i,width:C,height:b,x:v+h.selectionPadding,y:m+h.selectionPadding,flipX:y?!i.flipX:!!i.flipX,flipY:w?!i.flipY:!!i.flipY},h)})(t,a,s,n,r);default:return a}},ho=(e,t,a,s,n,o,r)=>{if(a.type!=="group")return X(a).map(m=>Us(e,t,m,s,n,o,r));const l=a,i=X(l),c=i.filter(m=>Tn.includes(m.type)),h=!c.some(m=>(m.rotation??0)!==(c[0]?.rotation??0)),u=(c[0]?.rotation??0)!==0&&c.length!==i.length,v=i.some(m=>An.includes(m.type)),p=((m,g,y,w,C,b)=>{const{borders:x}=g.computed,{borderX:f,borderHeight:P,borderY:H,borderWidth:E,isXinverted:z,isYinverted:T}=lt(m,g,y,w,C,b);return{newBorderX:f,newBorderY:H,newBorderWidth:E,newBorderHeight:P,widthMultiplier:(E-2w.selectionPadding)/(x.width-2w.selectionPadding\|\|1),heightMultiplier:(P-2w.selectionPadding)/(x.height-2w.selectionPadding\|\|1),isXinverted:z,isYinverted:T,groupCenter:[f+E/2,H+P/2],rotation:g.rotation??0,settings:w,originalBorders:x}})(t,l,s,n,o\|\|!h\|\|v\|\|u,r);return i.map(m=>{switch(m.type){case"rect":case"square":return((g,y,w)=>{const{isXinverted:C,isYinverted:b,settings:x,widthMultiplier:f,heightMultiplier:P}=w,H=(C\|\|b)&&!(C&&b)&&(g.rotation??0)!==0&&y.rotation!==g.rotation,E=it(g,y,w),z=(g.width\|\|1)f,T=(g.height\|\|1)P,Z=rt(w,E.x,E.y,z,T);return Rt({...g,width:z,height:T,x:Z[0]-z/2,y:Z[1]-T/2,rotation:H?-(g.rotation??0):g.rotation??0},x)})(m,l,p);case"picture":return((g,y,w)=>{const{isXinverted:C,isYinverted:b,settings:x,widthMultiplier:f,heightMultiplier:P}=w,H=it(g,y,w),E=(g.width===0\|\|g.height===0?g.ratio??1:g.width)f,z=(g.width===0\|\|g.height===0?g.ratio??1:g.height)P,T=rt(w,H.x,H.y,E,z),Z=(C\|\|b)&&!(C&&b)&&(g.rotation??0)!==0&&y.rotation!==g.rotation;return Bt({...g,width:E,height:z,x:T[0]-E/2,y:T[1]-z/2,flipX:C?!g.flipX:!!g.flipX,flipY:b?!g.flipY:!!g.flipY,rotation:Z?-(g.rotation??0):g.rotation??0},x)})(m,l,p);case"text":return((g,y,w,C)=>{const{isXinverted:b,isYinverted:x,settings:f,widthMultiplier:P,heightMultiplier:H}=C,E=(b\|\|x)&&!(b&&x)&&(y.rotation??0)!==0&&w.rotation!==y.rotation,z=it(y,w,C),T=(y.width===0\|\|y.height===0?y.ratio??1:y.width)P,Z=(y.width===0\|\|y.height===0?y.ratio??1:y.height)H,R=rt(C,z.x,z.y,T,Z),B=Yt({...y,width:T,height:Z,x:R[0]-T/2,y:R[1]-Z/2,flipX:b?!y.flipX:!!y.flipX,flipY:x?!y.flipY:!!y.flipY,rotation:E?-(y.rotation??0):y.rotation??0},f);return{...B,fontSize:Xt(g,B.value,B.width,B.style?.fontBold??!1,B.style?.fontItalic??!1,B.style?.fontFamily)}})(e,m,l,p);case"ellipse":return((g,y,w)=>{const{isXinverted:C,isYinverted:b,settings:x,widthMultiplier:f,heightMultiplier:P}=w,H=(C\|\|b)&&!(C&&b)&&(g.rotation??0)!==0&&y.rotation!==g.rotation,E=it(g,y,w),z=(g.radiusX\|\|.5)f,T=(g.radiusY\|\|.5)P,Z=rt(w,E.x,E.y,2z,2T);return Ft({...g,radiusX:z,radiusY:T,x:Z[0],y:Z[1],rotation:H?-(g.rotation??0):g.rotation??0},x)})(m,l,p);case"circle":return((g,y,w)=>{const C=it(g,y,w),b=(g.radius\|\|.5)w.widthMultiplier,x=rt(w,C.x,C.y,2b,2b);return Wt({...g,radius:b,x:x[0],y:x[1]},w.settings)})(m,l,p);case"brush":return((g,y,w)=>{const{isXinverted:C,isYinverted:b,settings:x,widthMultiplier:f,heightMultiplier:P}=w,H=va({...g,scaleX:1,scaleY:1},x),E=H.width-2x.selectionPadding,z=H.height-2x.selectionPadding,T=g.scaleX??1?(g.scaleX??1)f:f/E,Z=g.scaleY??1?(g.scaleY??1)P:P/z,R=ET,B=zZ,W=it(g,y,w),D=rt(w,W.x,W.y,R,B),ae=He(D[0]-R/2-g.computed.borders.x-x.selectionPadding)+(C?2g.computed.borders.x+H.width:0),J=He(D[1]-B/2-g.computed.borders.y-x.selectionPadding)+(b?2g.computed.borders.y+H.height:0),I=(C\|\|b)&&!(C&&b)&&(g.rotation??0)!==0&&y.rotation!==g.rotation;return xt({...g,points:g.points.map($=>$.map(([G,ie])=>[C?-G+ae:G+ae,b?-ie+J:ie+J])),scaleX:T,scaleY:Z,rotation:I?-(g.rotation??0):g.rotation??0},w.settings)})(m,l,p);case"line":case"polygon":case"curve":return oo(m,l,p);default:return Us(e,t,m,s,n,o,r)}})},qs=(e,t,a,s)=>{switch(e.type){case"rect":case"square":case"ellipse":case"circle":case"picture":case"text":return Fe({...e,x:e.x+t,y:e.y+a},s);case"line":case"polygon":case"curve":return Fe({...e,points:e.points.map(([n,o])=>[n+t,o+a])},s);case"brush":return Fe({...e,points:e.points.map(n=>n.map(([o,r])=>[o+t,r+a]))},s);default:return e}},Gs=(e,t,a,s,n)=>{const o=t.computed.borders,r=((c,h)=>h?[Math.abs(c[0])>Math.abs(c[1])?c[0]:0,Math.abs(c[1])>Math.abs(c[0])?c[1]:0]:c)([e[0]-a[0],e[1]-a[1]],n),l=r[0]===0?0:Me(o.x+s.selectionPadding+r[0],s)-(o.x+s.selectionPadding),i=r[1]===0?0:Me(o.y+s.selectionPadding+r[1],s)-(o.y+s.selectionPadding);return X(t).map(c=>qs(c,l,i,s))},Fe=(e,t)=>{switch(e.type){case"rect":case"square":return Yn(e,t);case"ellipse":return eo(e,t);case"circle":return qn(e,t);case"picture":return io(e,t);case"text":return lo(e,t);case"line":return no(e,t);case"polygon":return Rs(e,t);case"curve":return Is(e,t);case"brush":return Rn(e,t);default:return e}},_s=({ctx:e,shape:t,settings:a,selectionWidth:s,selectionColor:n,hoverMode:o,selectionMode:r,withAnchors:l=!0})=>{switch(a.debug&&((i,c,h,u)=>{c.selection&&u.debug&&(i.save(),i.scale(u.canvasSize.scaleRatio,u.canvasSize.scaleRatio),i.translate(u.canvasOffset[0],u.canvasOffset[1]),je(i,{fillColor:"transparent",strokeColor:"green",lineWidth:h/u.canvasSize.scaleRatio}),i.strokeRect(c.computed.boundingBox.x,c.computed.boundingBox.y,c.computed.boundingBox.width,c.computed.boundingBox.height),i.restore())})(e,t,s,a),t.type){case"rect":case"square":case"circle":case"ellipse":case"picture":case"text":case"brush":((i,c,h,u,v,p)=>{if(c.selection&&(yt(i,v,c.rotation,c.computed.center),v.debug&&(je(i,{fillColor:"transparent",strokeColor:"red",lineWidth:u/v.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),je(i,{fillColor:"transparent",strokeColor:h,lineWidth:u/v.canvasSize.scaleRatio}),c.selection.shapePath?i.stroke(c.selection.shapePath):i.stroke(c.selection.border),p&&!c.locked)){c.selection.shapePath&&i.stroke(c.selection.border),c.selection.line&&i.stroke(c.selection.line),je(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/v.canvasSize.scaleRatio,shadowColor:h,shadowBlur:0});for(const m of c.selection.anchors)i.fill(m),i.stroke(m)}})(e,t,n,s,a,l);break;case"group":((i,c,h,u,v,p,m)=>{if(c.selection&&(c.shapes.forEach(g=>{je(i,{fillColor:"transparent",strokeColor:h,lineWidth:u/p.canvasSize.scaleRatio}),yt(i,p,g.rotation,g.computed.center),g.selection?.shapePath&&i.stroke(g.selection.shapePath),i.restore()}),v.mode!=="rotate"&&(yt(i,p,c.rotation,c.computed.center),p.debug&&(je(i,{fillColor:"transparent",strokeColor:"red",lineWidth:u/p.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),je(i,{fillColor:"transparent",strokeColor:h,lineWidth:u/p.canvasSize.scaleRatio}),m&&!c.locked))){i.stroke(c.selection.border),c.selection.line&&i.stroke(c.selection.line),je(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/p.canvasSize.scaleRatio});for(const g of c.selection.anchors)i.fill(g),i.stroke(g)}})(e,t,n,s,r,a,l);break;case"polygon":case"line":case"curve":(({ctx:i,shape:c,withAnchors:h,selectionWidth:u,selectionColor:v,hoverMode:p,settings:m})=>{if(c.selection&&(yt(i,m,c.rotation,c.computed.center),m.debug&&(je(i,{fillColor:"transparent",strokeColor:"red",lineWidth:u/m.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),je(i,{fillColor:"transparent",strokeColor:v,lineWidth:u/m.canvasSize.scaleRatio}),c.selection.shapePath&&i.stroke(c.selection.shapePath),h&&!c.locked)){je(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/m.canvasSize.scaleRatio,shadowColor:v,shadowBlur:0});for(let g=0;g<c.selection.anchors.length;g++){const y=c.selection.anchors[g];p.mode==="resize"&&p.anchor===g?(i.shadowBlur=10,i.fill(y),i.shadowBlur=0):i.fill(y),i.stroke(y)}}})({ctx:e,shape:t,withAnchors:l,selectionWidth:s,selectionColor:n,hoverMode:o,settings:a})}e.restore()},po=({ctx:e,selectionFrame:t,settings:a})=>{yt(e,a),((s,n,o)=>{je(s,{fillColor:"rgba(170,170,170, 0.1)",strokeColor:"rgb(170,170,170)",lineWidth:1/o.canvasSize.scaleRatio}),s.fillRect(n[0][0],n[0][1],n[1][0]-n[0][0],n[1][1]-n[0][1]),s.strokeRect(n[0][0],n[0][1],n[1][0]-n[0][0],n[1][1]-n[0][1])})(e,t.frame,a),e.restore()},ja=(e,t)=>X(e).map(a=>({...qs(a,20,20,t),id:Se(`${a.type}_`)})),La=e=>e.filter(t=>t!=null),Va=(e,t,a)=>t<0\|\|a<0\|\|t>e.length-1\|\|a>e.length-1?e:t<a?[...e.slice(0,t),...e.slice(t+1,a+1),e[t],...e.slice(a+1,e.length)]:[...e.slice(0,a),e[t],...e.slice(a,t),...e.slice(t+1,e.length)],Ks=e=>{const t=new DOMParser().parseFromString(e,"text/xml").getElementsByTagName("svg")[0];if(!t)return"";const a=t.getAttribute("width"),s=t.getAttribute("height");let n;if(a\|\|s)n=e;else{const r=t.getAttribute("viewBox")??"0 0 300 300",[,,l,i]=r.split(" ");t.setAttribute("width",l??"300"),t.setAttribute("height",i??"300"),n=new XMLSerializer().serializeToString(t)}const o=new Blob([n],{type:"image/svg+xml"});return URL.createObjectURL(o)},Js=e=>(e instanceof File?e.name:e).includes(".svg"),en=e=>Js(e)?fetch(e).then(t=>t.text()).then(t=>Ks(t)):fetch(e).then(t=>t.blob()).then(t=>URL.createObjectURL(t)),tn=(e,t)=>{const a=document.createElement("a");a.href=e,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a)},go=e=>e.src.includes("<svg")?e.src:(t=>{const a=document.createElement("canvas");a.width=t.width,a.height=t.height;const s=a.getContext("2d");return s?(s.drawImage(t,0,0),a.toDataURL("image/png")):""})(e.img),Za=({shapes:e,settings:t})=>{const a=document.createElement("canvas"),s=a.getContext("2d");if(!s)throw new Error("No context found for canvas");const{realHeight:n,realWidth:o}=t.canvasSize;a.width=o,a.height=n,s.clearRect(0,0,o,n),xs(s);for(let r=e.length-1;r>=0;r--)Xs(s,e[r],t);return a.toDataURL("image/png")},an=({shapes:e,settings:t,view:a})=>{if(a==="fitToShapes"&&!e.length)throw new Error("No image found to export");if(a==="fitToShapes"){const n=Math.min(...e.map(c=>c.computed.boundingBox.x)),o=Math.max(...e.map(c=>c.computed.boundingBox.x+c.computed.boundingBox.width)),r=Math.min(...e.map(c=>c.computed.boundingBox.y)),l=Math.max(...e.map(c=>c.computed.boundingBox.y+c.computed.boundingBox.height)),i={...t,canvasOffset:[-n,-r],canvasZoom:1,canvasSize:{realWidth:o-n,realHeight:l-r,width:o-n,height:l-r,scaleRatio:1,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:i})}if(a==="defaultView"){const n={...t,canvasOffset:[0,0],canvasZoom:1,canvasSize:{...t.canvasSize,width:t.canvasSize.realWidth,height:t.canvasSize.realHeight,scaleRatio:1,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:n})}const s={...t,canvasSize:{...t.canvasSize,width:t.canvasSize.realWidth,height:t.canvasSize.realHeight,scaleRatio:t.canvasZoom,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:s})},fo=(e,t,a)=>{return n=Ha(e,t,a),`data:text/plain;charset=utf-8,${encodeURIComponent(JSON.stringify(n))}`;var n},vo=e=>{const t=["img","id","selection","path","arrows","tempPoint","computed",["flipX",[void 0,!1]],["flipY",[void 0,!1]]];return e.map(a=>a.type!=="picture"\|\|a.src.startsWith("http")?ha(t,a):ha(t,{...a,src:go(a)}))},Ha=(e,t,a)=>({shapes:vo(e),config:{width:t,height:a}}),sn=(e,t)=>Fe({...e,id:Se(`${e.type}_`)},t),mo=(e,t,a,s)=>{const n=S.useRef([]),o=S.useRef(void 0),r=S.useRef({dataChanged:[]}),[l,i]=S.useState(void 0),[c,h]=S.useState(void 0),[u,v]=S.useState(void 0),[p,m]=S.useState(void 0),[g,y]=S.useState({states:[{shapes:[],selectedShape:void 0,source:"remote"}],cursor:0}),w=S.useCallback(M=>{o.current=typeof M=="function"?M(o.current):M,h(o.current)},[]),C=g.cursor>0,b=g.cursor<g.states.length-1,x=n.current.length>0,f=S.useCallback(()=>{y(M=>Ss(M.states[M.cursor]?.shapes,n.current)?M:{states:[...M.states.slice(0,M.cursor+1),{shapes:n.current,selectedShape:o.current,source:"user"}],cursor:M.cursor+1})},[]),P=S.useCallback(M=>{n.current=[...M,...n.current]},[]),H=S.useCallback((M,k=!1,Q=!1)=>{const V=[];n.current=n.current.flatMap(N=>{const j=M.find(_=>_.id===N.id);if(j){const _=k?ja(oe([j],e),e)[0]:{...j,id:Se(`${N.type}_`)};return V.push(_),[_,N]}return N}),Q&&w(oe(V,e))},[e,w]),E=S.useCallback((M,k,Q,V)=>{if(M.target&&"className"in M.target&&![gs,fs].includes(M.target.className)\|\|!V)return void v(void 0);const N=n.current.find(j=>X(c)?.map(_=>_.id).includes(j.id)?!!Ht(k,j,Q,e):!!zs(k,j,Q,e));v(N)},[e,c]),z=S.useCallback(async(M,k=300,Q=300)=>{const V=await ro(M,k,Q,e);return P([V]),f(),V},[P,f,e]),T=S.useCallback((M,k=!1)=>{n.current=n.current.map(Q=>M.find(V=>V.id===Q.id)??Q),w(Q=>Q&&oe(X(Q).map(V=>M.find(N=>N.id===V.id)??V),e)),k&&f()},[f,w,e]),Z=S.useCallback(M=>{const k=M.map(Q=>ha(["chosen"],Q));n.current=k,f()},[f]),R=S.useCallback(M=>{const k=new Set(M.map(Q=>Q.id));w(Q=>{const V=X(Q).map(N=>N.id);return V&&k.size&&V.find(N=>k.has(N))?void 0:Q}),n.current=n.current.filter(Q=>!k?.has(Q.id)),f()},[f,w]),B=S.useCallback(M=>{y(k=>{const Q=M(k);return n.current=k.states[Q]?.shapes??[],w(k.states[Q]?.selectedShape),Ie("cursor",Q,k)})},[w]),W=S.useCallback(()=>{B(M=>Math.max(0,M.cursor-1))},[B]),D=S.useCallback(()=>{B(M=>Math.min(M.states.length-1,M.cursor+1))},[B]),ae=S.useCallback((M,k)=>{w(void 0),n.current=M,y(Q=>k.clearHistory?{states:[{shapes:M,selectedShape:void 0,source:k.source}],cursor:0}:{states:[...Q.states.slice(0,Q.cursor+1),{shapes:M,selectedShape:void 0,source:k.source}],cursor:Q.cursor+1})},[w]),J=S.useCallback((M,k)=>{const Q=n.current,V=Q.findIndex(j=>j.id===M),N=Q.findIndex(j=>j.id===k);Z(Va(Q,V,N))},[Z]),I=S.useCallback((M,k)=>{const Q=[...n.current],V=new Set(M.map(j=>j.id)),N=Q.map((j,_)=>V.has(j.id)?_:-1).filter(j=>j>=0);if(N.length!==0)switch(k){case"first":case"last":{const j=N.map(F=>Q[F]).filter(Boolean),_=Q.filter((F,A)=>!N.includes(A));Z(k==="first"?[...j,..._]:[..._,...j]);break}case"backward":{let j=[...Q];const _=N.sort((F,A)=>A-F).map(F=>Q[F].id);for(const F of _){const A=j.findIndex(te=>te.id===F);if(A<j.length-1){const te=A+1;V.has(j[te].id)\|\|(j=Va(j,A,te))}}Z(j);break}case"forward":{let j=[...Q];const _=N.sort((F,A)=>F-A).map(F=>Q[F].id);for(const F of _){const A=j.findIndex(te=>te.id===F);if(A>0){const te=A-1;V.has(j[te].id)\|\|(j=Va(j,A,te))}}Z(j);break}}},[Z]),$=S.useCallback((M,k,Q)=>{const V=new Set(M.map(j=>j.id)),N=n.current.map(j=>V.has(j.id)?Fe($s(j,Q==="rotateClockwise"?Math.PI/2:-Math.PI/2,k),e):j);w(oe(N.filter(j=>V.has(j.id)),e)),Z(N)},[e,Z,w]),G=S.useCallback(M=>{const k=new Set(M.map(V=>V.id)),Q=n.current.map(V=>k.has(V.id)?Ie("visible",V.visible===!1,V):V);w(V=>oe(Q.filter(N=>X(V)?.map(j=>j.id).includes(N.id)),e)),Z(Q)},[Z,e,w]),ie=S.useCallback(M=>{const k=new Set(M.map(V=>V.id)),Q=n.current.map(V=>k.has(V.id)?Ie("locked",!V.locked,V):V);w(V=>oe(Q.filter(N=>X(V)?.map(j=>j.id).includes(N.id)),e)),Z(Q)},[Z,e,w]),Qe=S.useCallback((M,k)=>{r.current.hasOwnProperty(M)&&(r.current[M]=[...r.current[M],k])},[]),L=S.useCallback((M,k)=>{if(r.current.hasOwnProperty(M))if(k){const Q=r.current[M].indexOf(k);r.current[M]=[...r.current[M].slice(0,Q),...r.current[M].slice(Q+1)]}else r.current[M]=[]},[]);S.useEffect(()=>{const M=g.states[g.cursor],k=Ha(M.shapes,t,a);for(const Q of r.current.dataChanged)Q(k,M.source)},[t,a,g]),S.useEffect(()=>{n.current=n.current.map(M=>Fe(M,e)),w(M=>M===void 0?void 0:oe(X(M).map(k=>Fe(k,e)),e))},[e,w]);const q=S.useCallback((M,k)=>{i(Q=>{const V=[Q?.frame[0]??[k[0],k[1]],[k[0],k[1]]],N=n.current.filter(_=>((F,A,te)=>{const{borders:ve,center:Y,boundingBox:Le}=A.computed,de=Math.min(te[0][0],te[1][0]),Ee=Math.max(te[0][0],te[1][0]),We=Math.min(te[0][1],te[1][1]),re={x:de,y:We,width:Ee-de,height:Math.max(te[0][1],te[1][1])-We},ge=Qa(Le,re);if(!ge)return!1;if(ve.width<=1\|\|ve.height<=1)return!0;if(F.lineWidth=(A.style?.lineWidth??0)+10,A.type==="brush"){const ue=A.points.flat(),K=Math.min(...ue.map(le=>le[0])),ne=Math.min(...ue.map(le=>le[1]));for(const le of A.points){if(le.length<1)break;if(le.length<2){const we=Ne(le[0],K,ne,A.scaleX,A.scaleY);if(bs(ge,{x:we[0],y:we[1],radius:(A.style?.lineWidth??1)/2}))return!0}for(let we=0;we<le.length-1;we++){const Re=xa(Ne(le[we],K,ne,A.scaleX,A.scaleY),A.rotation??0,Y),Ae=xa(Ne(le[we+1],K,ne,A.scaleX,A.scaleY),A.rotation??0,Y),ye=Qa({x:Math.min(Re[0],Ae[0]),y:Math.min(Re[1],Ae[1]),width:Math.abs(Re[0]-Ae[0]),height:Math.abs(Re[1]-Ae[1])},re);if(ye){const De=new Path2D;if(De.moveTo(...Re),De.lineTo(...Ae),Ts({ctx:F,path:De,rect:ye,offset:10,center:Y,checkFill:!1}))return!0}}}return!1}const se=ba(A);return Ts({ctx:F,path:A.path,rect:ge,offset:10,center:Y,rotation:A.rotation??0,checkFill:se})})(M,_,V)),j=oe(N,e);return w(s?oe(Ls(Q?.oldSelection,N),e):j),{oldSelection:Q?.oldSelection,frame:V}})},[e,s,w]);return{registerEvent:Qe,unregisterEvent:L,shapesRef:n,selectedShape:c,hoveredShape:u,selectionFrame:l,setSelectionFrame:i,copiedShape:p,setCopiedShape:m,refreshSelectedShapes:q,addShapes:P,duplicateShapes:H,addPictureShape:z,moveShapes:I,swapShapes:J,saveShapes:f,setSelectedShape:w,refreshHoveredShape:E,toggleShapeVisibility:G,toggleShapeLock:ie,removeShape:R,updateShape:T,transformShape:$,backwardShape:W,forwardShape:D,clearShapes:ae,canGoBackward:C,canGoForward:b,canClear:x}},nn=e=>{const t=[e[0].clientX,e[0].clientY],a=[e[1].clientX,e[1].clientY];var s,n;return{diff:Cs(t,a),center:(n=a,[((s=t)[0]+n[0])/2,(s[1]+n[1])/2])}},So=({canvasElt:e,canvasTransformation:t,canvasSize:a,size:s,setCanvasTransformation:n})=>{const o=S.useRef([]),[r,l]=S.useState(o.current.length>0),i=S.useRef(null),c=S.useRef(t);c.current=t;const h=S.useCallback(({startDiff:u,startZoom:v,startCenter:p,startOffset:m,currentDiff:g,currentCenter:y,isMoving:w,isZooming:C})=>{if(!e\|\|!g\|\|!u)return;const b=(({canvasBoundingRect:x,canvasSize:f,size:P,startDiff:H,startZoom:E,startCenter:z,startOffset:T,currentDiff:Z,currentCenter:R,isMoving:B,isZooming:W})=>{const D=W?Ue(Z/HE,ze[0],ze[ze.length-1]):E,ae=B?[T[0]+(R[0]-z[0])(f.width/x.width)/f.scaleRatio/E,T[1]+(R[1]-z[1])(f.height/x.height)/f.scaleRatio/E]:[T[0],T[1]],J=[(R[0]-x.left)/f.scaleRatio,(R[1]-x.top)/f.scaleRatio];return Ma({size:P,canvasSize:f,currentOffset:ae,currentZoom:E,zoom:D,centerPoint:J})})({canvasBoundingRect:e.getBoundingClientRect(),canvasSize:a,size:s,startDiff:u,startZoom:v,startCenter:p,startOffset:m,currentDiff:g,currentCenter:y,isMoving:w,isZooming:C});n(b)},[e,a,s,n]);S.useEffect(()=>{if(!e)return;const u=v=>{if(o.current=[...o.current,v],l(o.current.length>0),o.current.length===2){v.stopPropagation();const{diff:p,center:m}=nn(o.current);i.current={startDiff:p,startCenter:m,startZoom:c.current.zoom,startOffset:c.current.offset,isMoving:!1,isZooming:!1}}};return e.addEventListener("pointerdown",u),()=>{e.removeEventListener("pointerdown",u)}},[e]),S.useEffect(()=>{if(!r)return;const u=p=>{const m=o.current.findIndex(g=>g.pointerId===p.pointerId);if(m>-1&&(o.current[m]=p),o.current.length===2&&i.current){const{diff:g,center:y}=nn(o.current),w=i.current.isZooming\|\|((b,x)=>Math.abs(b-x.startDiff)>30)(g,i.current),C=i.current.isMoving\|\|w\|\|((b,x)=>Math.abs(Cs(b,x.startCenter))>10)(y,i.current);i.current={...i.current,isMoving:C,isZooming:w},h({...i.current,currentDiff:g,currentCenter:y})}},v=p=>{o.current=o.current.filter(m=>m.pointerId!==p.pointerId),l(o.current.length>0)};return document.addEventListener("pointermove",u),document.addEventListener("pointerup",v),document.addEventListener("pointerout",v),document.addEventListener("pointercancel",v),document.addEventListener("pointerleave",v),()=>{document.removeEventListener("pointermove",u),document.removeEventListener("pointerup",v),document.removeEventListener("pointerout",v),document.removeEventListener("pointercancel",v),document.removeEventListener("pointerleave",v)}},[r,h])},on={offset:[0,0],zoom:1},yo=({canvasSize:e,size:t,zoomEnabled:a,canvasElt:s})=>{const[n,o]=S.useState(on),r=S.useRef(0),l=S.useCallback(h=>{o(({zoom:u})=>Ca({zoom:u,size:t,canvasSize:e,newOffset:h}))},[e,t]),i=S.useCallback(h=>{o(({offset:u,zoom:v})=>(({size:p,canvasSize:m,currentOffset:g,currentZoom:y,action:w})=>{const C=w==="default"?ze[4]:w==="zoom"?ze[Ue(ze.length-1-ze.slice(0).reverse().findIndex(x=>x<=y)+1,0,ze.length-1)]:ze[Ue(ze.findIndex(x=>x>=y)-1,0,ze.length-1)],b=[m.realWidth/2,m.realHeight/2];return Ma({size:p,canvasSize:m,currentOffset:g,currentZoom:y,zoom:C,centerPoint:b})})({size:t,canvasSize:e,currentOffset:u,currentZoom:v,action:h}))},[e,t]);So({canvasElt:s,canvasTransformation:n,canvasSize:e,size:t,setCanvasTransformation:o});const c=S.useCallback(()=>{o(on)},[]);return S.useEffect(()=>{if(!a\|\|!s)return;const h=u=>{const v=u.ctrlKey,{deltaX:p,deltaY:m}=((C,b)=>{const x=Math.abs(C.deltaY)<50&&b<50,f=C.ctrlKey,P=ys()&&x&&f;switch(C.deltaMode){case WheelEvent.DOM_DELTA_LINE:return{deltaX:16C.deltaX,deltaY:16C.deltaY};case WheelEvent.DOM_DELTA_PAGE:return{deltaX:C.deltaXwindow.innerHeight,deltaY:C.deltaYwindow.innerHeight};default:return P?{deltaX:5C.deltaX,deltaY:5C.deltaY}:{deltaX:C.deltaX,deltaY:C.deltaY}}})(u,u.timeStamp-r.current);if(r.current=u.timeStamp,v){u.preventDefault();const C=Zs(u,s,e);return void o(({offset:b,zoom:x})=>(({size:f,canvasSize:P,currentOffset:H,currentZoom:E,delta:z,centerPoint:T})=>{const Z=Ue(E(1-z/1e3),ze[0],ze[ze.length-1]);return Ma({size:f,canvasSize:P,currentOffset:H,currentZoom:E,zoom:Z,centerPoint:T})})({size:t,canvasSize:e,currentOffset:b,currentZoom:x,delta:m,centerPoint:C}))}const g=u.shiftKey,[y,w]=g?[m,p]:[p,m];o(({offset:C,zoom:b})=>{const x=[C[0]-y/b,C[1]-w/b],f=Ca({zoom:b,size:t,canvasSize:e,newOffset:x});return f.offset[0]===C[0]&&f.offset[1]===C[1]\|\|u.preventDefault(),f})};return s.addEventListener("wheel",h,{passive:!1}),()=>{s.removeEventListener("wheel",h)}},[s,t,e,a]),{setCanvasTransformation:o,setCanvasOffset:l,setCanvasZoom:i,resetZoom:c,canvasTransformation:n}},rn=(e,t=!1)=>{const a=(n,o)=>{if(Array.isArray(n))return o},s=e.map(n=>{if(typeof n!="object")return null;switch(n.type){case"brush":return $e(a,Ja,n);case"circle":return $e(a,os,n);case"curve":return $e(a,as,n);case"ellipse":return $e(a,is,n);case"line":return $e(a,es,n);case"polygon":return $e(a,ts,n);case"rect":return $e(a,ss,n);case"square":return $e(a,ns,n);case"text":return $e(a,rs,n)}return null});return La(t?[...s,la]:s)},xo=({addShapes:e,drawCanvasRef:t,setActiveTool:a,refreshHoveredShape:s,shapes:n,selectionMode:o,activeTool:r,isInsideComponent:l,isInsideCanvas:i,setCanvasOffset:c,selectedShape:h,canvasOffsetStartData:u,refreshSelectedShapes:v,setSelectedShape:p,setSelectionFrame:m,setCanvasOffsetStartData:g,updateSingleShape:y,duplicateShapes:w,saveShapes:C,setSelectionMode:b,setCanvasMoveAcceleration:x,settings:f,isShiftPressed:P,isAltPressed:H,withFrameSelection:E,withContextMenu:z,isSpacePressed:T})=>{const Z=S.useRef(null),[R,B]=S.useState({mode:"default"}),{registerDoubleClickEvent:W,unRegisterDoubleClickEvent:D}=(()=>{const L=S.useRef(void 0),q=S.useRef(void 0),M=k=>{const Q=Date.now();L.current&&Q<L.current+300&&q.current?.(k),L.current=Date.now()};return{registerDoubleClickEvent:(k,Q)=>{q.current=Q,k.addEventListener("click",M),k.addEventListener("touchend",M)},unRegisterDoubleClickEvent:k=>{k.removeEventListener("click",M),k.removeEventListener("touchend",M)}}})(),ae=(L,q)=>{const M=q?.getContext("2d");if(M){if(r===Xe&&z){const k=ct(L,t.current,f),{shape:Q,mode:V}=Dt(M,n,k,f,h,Je(L),!1);p(Q),b({mode:"contextMenu",cursorStartPosition:k,originalShape:Q,anchor:"anchor"in V?V.anchor:void 0})}else p(void 0),b({mode:"default"});a(Xe),m(void 0)}},J=S.useRef(null);J.current=L=>((q,M,k,Q,V,N,j,_,F,A,te,ve,Y,Le,de,Ee,We,re)=>{if(re&&clearTimeout(re),Je(q)&&q.touches.length>1)return;const ge=M.current?.getContext("2d");if(!ge)return;const se=ct(q,M.current,Y);if(Q.mode==="selectionFrame"){ve(ge,se,Y);const K=Zs(q,M.current,Y.canvasSize);return void We([Math.ceil(Ue(K[0]Y.canvasZoom<50?K[0]Y.canvasZoom-50:K[0]Y.canvasZoom>Y.canvasSize.width/Y.canvasSize.scaleRatioWithNoZoom-50?K[0]Y.canvasZoom-(Y.canvasSize.width/Y.canvasSize.scaleRatioWithNoZoom-50):0,-100,100)/5/Y.canvasZoom),Math.ceil(Ue(K[1]Y.canvasZoom<50?K[1]Y.canvasZoom-50:K[1]Y.canvasZoom>Y.canvasSize.height/Y.canvasSize.scaleRatioWithNoZoom-50?K[1]Y.canvasZoom-(Y.canvasSize.height/Y.canvasSize.scaleRatioWithNoZoom-50):0,-100,100)/5/Y.canvasZoom)])}if(N!==void 0)return void te([se[0]+Y.canvasOffset[0]-N.start[0],se[1]+Y.canvasOffset[1]-N.start[1]]);if(Q.mode==="preview"){const K=X(k)[0];if(K?.type==="curve"){const ne=Ws(K,se,Y,!0);return void Ee(oe([ne],Y))}if(K?.type==="polygon"){const ne=Ds(K,se,Y,!0);return void Ee(oe([ne],Y))}}const ue=zt(se,Y);if(Je(q)\|\|_(q,ge,se,ue),k===void 0\|\|k.locked)j({mode:"default",outOfView:!ue});else{if(Q.mode==="default"\|\|Q.mode==="textedition"\|\|Q.mode==="contextMenu"){if(!ue)return void j({mode:"default"});j(Ht(ge,k,se,Y,!0)\|\|{mode:"default"})}else{const K=M.current?.getContext("2d");if(!K)return;const ne=Dn(K,k,se,Q,Y,Le,de);F(X(ne))}Q.mode==="translate"&&de&&!Q.hasBeenDuplicated&&(V({...Q,hasBeenDuplicated:!0}),A(X(Q.originalShape)))}})(L,t,h,o,b,u,B,s,y,w,c,v,f,P,H,p,x,Z.current),S.useEffect(()=>{if(l){const L=q=>J.current?.(q);return document.addEventListener("mousemove",L),document.addEventListener("touchmove",L),()=>{document.removeEventListener("mousemove",L),document.removeEventListener("touchmove",L)}}},[l]);const{isBrushShapeDoneOnMouseUp:I}=f,$=S.useRef(null);$.current=L=>{if(Z.current&&clearTimeout(Z.current),Je(L)&&L.touches.length>1)return;const q=t.current?.getContext("2d");if(!q)return;if("button"in L&&L.button===2)return void ae(L,t.current);if(u)return void g(void 0);if(o.mode==="contextMenu"\|\|o.mode==="textedition"\|\|o.mode==="preview")return;const M=ct(L,t.current,f);if(o.mode==="translate"&&Date.now()-o.dateStart<=500&&M[0]===o.cursorStartPosition[0]&&M[1]===o.cursorStartPosition[1]){if(L.ctrlKey\|\|L.shiftKey\|\|L.metaKey){const{shape:k}=Dt(q,n,M,f,h,Je(L),E,"remove");X(k).length!==o.selectedShapesLengthAtMouseDown&&p(k)}return b({mode:"default"}),m(void 0),void C()}o.mode!=="default"&&(o.mode==="brush"&&I&&p(void 0),b({mode:"default"}),m(void 0),C())},S.useEffect(()=>{if(i){const L=q=>$.current?.(q);return document.addEventListener("mouseup",L),document.addEventListener("touchend",L),()=>{document.removeEventListener("mouseup",L),document.removeEventListener("touchend",L)}}},[i]);const G=!f.features.edition&&f.features.zoom,ie=!f.features.edition&&!f.features.zoom,Qe=S.useRef(null);return Qe.current=(L,q,M)=>{if(L.preventDefault(),Je(L)&&L.touches.length>1)return;const k=q?.getContext("2d");if(!k)return;q.focus();const Q=ct(L,t.current,f),V="button"in L&&L.button===1,N="button"in L&&L.button===2;if(V\|\|M\|\|r.type==="move"&&!N)g({start:Q,originalOffset:f.canvasOffset});else if(!G){if(!zt(Q,f))return p(void 0),void b({mode:"default"});if(N){if(r.type==="selection"){const{shape:j}=Dt(k,n,Q,f,h,Je(L),!1);p(j),b({mode:"default"})}}else if(Je(L)&&(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{ae(L,t.current)},500)),r.type==="selection"){const j=L.ctrlKey\|\|L.shiftKey\|\|L.metaKey?"add":"replace",{shape:_,mode:F}=Dt(k,n,Q,f,h,Je(L),E,j);p(_),b(F),F.mode==="selectionFrame"&&m({oldSelection:_,frame:[[Q[0],Q[1]],[Q[0],Q[1]]]})}else if(ps.some(j=>j===r.type)){const j=X(h)[0],_=t.current?.getContext("2d");if(!_)return;if(r.type==="brush"){if(j?.type==="brush"){const F=((A,te,ve)=>{const Y={...A,points:Ie(A.points.length,[[Math.round(te[0]),Math.round(te[1])]],A.points)};return xt(Y,ve)})(j,Q,f);y([F])}else{const F=Bs(_,r,Q,f);if(!F)return;e([F]),p(oe([F],f))}b({mode:"brush"})}else if(o.mode!=="preview"\|\|j?.type!=="polygon"&&j?.type!=="curve"){if(r.type!=="picture"){const F=Bs(_,r,Q,f);if(!F)return;e([F]);const A=oe([F],f);p(A),F.type==="polygon"\|\|F.type==="curve"?b({mode:"preview"}):(a(Xe),b({mode:"resize",cursorStartPosition:[Q[0]+f.selectionPadding,Q[1]+f.selectionPadding],originalShape:A,anchor:F.type==="line"?0:[1,1],selectedShapesLengthAtMouseDown:X(A).length}))}}else{const F=j.type==="polygon"?Ds(j,Q,f):Ws(j,Q,f);p(oe([F],f)),y([F],!0)}}}},S.useEffect(()=>{if(ie)return;const L=t.current;if(!L)return;const q=M=>Qe.current?.(M,L,T);return L.addEventListener("mousedown",q,{passive:!1}),L.addEventListener("touchstart",q,{passive:!1}),()=>{L.removeEventListener("mousedown",q),L.removeEventListener("touchstart",q)}},[ie,t,T]),S.useEffect(()=>{const L=t.current,q=t.current?.getContext("2d");if(!(!L\|\|!q))return i?(W(L,M=>{if(r.type==="selection"){if(X(h).length!==1)return;const k=X(h)[0];if(k?.type==="text"){const Q=ct(M,t.current,f);return zt(Q,f)?void(Ht(q,h,Q,f)&&b({mode:"textedition",defaultValue:k.value})):void 0}if(k?.type==="polygon"){const Q=ct(M,t.current,f);if(!zt(Q,f))return;const V=Hs(q,k,Q,f);return void(V&&y([Gn(k,V.lineIndex,Q,f)]))}if(k?.type==="curve"){const Q=ct(M,t.current,f);if(!zt(Q,f))return;const V=((N,j,_,F,A=50)=>{if(j.locked\|\|j.points.length<2)return!1;if(j.points.length<3)return Hs(N,j,_,F,A);const{center:te}=j.computed,ve=Ge(_,j.rotation??0,te);N.lineWidth=(j.style?.lineWidth??0)+A/F.canvasZoom;const Y=ma(j,j.points),Le=new Path2D;Le.moveTo(...Y[0]);for(let de=1;de<Y.length-2;de++){const Ee=Y[de-1],We=Y[de],re=Y[de+1],ge=Y[de+2],{cp1:se,cp2:ue}=Sa(Ee,We,re,ge);if(Le.bezierCurveTo(se[0],se[1],ue[0],ue[1],re[0],re[1]),N.isPointInStroke(Le,ve[0],ve[1]))return{lineIndex:de-1}}return!1})(q,k,Q,f);return void(V&&y([Kn(k,V.lineIndex,Q,f)]))}}}),()=>{D(L)}):void 0},[y,W,D,i,t,r,h,b,f]),{hoverMode:R}},ln=e=>e.childNodes.length?Array.from(e.childNodes).map(t=>ln(t)).join(""):e.nodeValue??"",bo=({disabled:e=!1,shape:t,defaultValue:a,updateValue:s,saveShapes:n,settings:o})=>{const r=S.useRef(null),l=S.useRef(n);S.useEffect(()=>{if(!r.current)return;const u=r.current,v=p=>{p.preventDefault();const m=p.clipboardData?.getData("text/plain");document.execCommand("insertText",!1,m)};u.addEventListener("paste",v),u.innerText="";for(const p of a){const m=document.createElement("div");p===""?m.innerHTML="<br/>":m.innerText=p,u.appendChild(m)}return u.focus(),()=>{u.removeEventListener("paste",v)}},[a]),S.useEffect(()=>{const u=l.current;return()=>{u()}},[]);const i=S.useMemo(()=>{const{borders:u,center:v}=t.computed;return he({point:[u.x,u.y],rotation:-(t.rotation??0),origin:v})},[t]),c=[`translate3D(${(i[0]+o.canvasOffset[0])o.canvasSize.scaleRatio}px, ${(i[1]+o.canvasOffset[1])o.canvasSize.scaleRatio}px, 0)`,`rotate(${fa(t.rotation??0)}deg)`,t.flipX\|\|t.flipY?`scale(${t.flipX?-1:1}, ${t.flipY?-1:1})`:void 0,t.flipX\|\|t.flipY?`translate3D(${t.flipX?-100:0}%,${t.flipY?-100:0}%,0)`:void 0].filter(Boolean).join(" "),h=!e;return d.jsx("div",{className:"react-paint-editor-toolbox-edittextbox",ref:r,"data-fontbold":t.style?.fontBold??!1,"data-fontitalic":t.style?.fontItalic??!1,contentEditable:h,role:"textbox",tabIndex:h?0:void 0,onInput:u=>{const v=Array.from(u.target.childNodes).map(p=>ln(p));s(v)},style:{"--react-paint-editor-toolbox-edittextbox-transform":c,"--react-paint-editor-toolbox-edittextbox-fontsize":t.fontSizeo.canvasSize.scaleRatio+"px","--react-paint-editor-toolbox-edittextbox-padding":o.selectionPaddingo.canvasSize.scaleRatio+"px","--react-paint-editor-toolbox-edittextbox-color":t.style?.strokeColor??"inherit","--react-paint-editor-toolbox-edittextbox-opacity":(t.style?.opacity??100)/100,"--react-paint-editor-toolbox-edittextbox-fontfamily":t.style?.fontFamily??Vt}})},Qo=(e,t,a,s,n)=>{xs(e),((o,r)=>{const{canvasZoom:l,size:i,canvasSize:{width:c,height:h}}=r;if(i!=="fixed"\|\|l>=1)return;o.fillStyle="#f5f5f5",o.fillRect(0,0,c,h);const u=As(r);o.clearRect(u.x,u.y,u.width,u.height),Es(o,r)})(e,a),((o,r)=>{const{canvasSize:{width:l,height:i},gridGap:c,canvasOffset:h,canvasSize:{scaleRatio:u}}=r;if(!c)return;o.strokeStyle="rgb(220,220,220)",o.lineWidth=1,o.save(),o.scale(u,u),o.beginPath();const v=h[0]%c,p=h[1]%c,m=Math.ceil(l/u/c)+2,g=Math.ceil(i/u/c)+2;for(let y=-5;y<m;y++)o.moveTo(v+(y+1)c,p-c),o.lineTo(v+(y+1)c,p+i/u+c);for(let y=-5;y<g;y++)o.moveTo(v-c,p+(y+1)c),o.lineTo(v+l/u+c,p+(y+1)c);o.stroke(),o.restore()})(e,a);for(let o=s.length-1;o>=0;o--)t.mode==="textedition"&&s[o]===n\|\|Xs(e,X(n).find(r=>r.id===s[o].id)??s[o],a)},wo=S.forwardRef(({canGrow:e,shapes:t,duplicateShapes:a,addShapes:s,updateSingleShape:n,selectedShape:o,setSelectedShape:r,setSelectionFrame:l,hoveredShape:i,selectionFrame:c,refreshHoveredShape:h,refreshSelectedShapes:u,saveShapes:v,activeTool:p,setActiveTool:m,canvasOffsetStartData:g,setCanvasOffsetStartData:y,setCanvasOffset:w,setCanvasMoveAcceleration:C,isInsideComponent:b,isInsideCanvas:x,selectionMode:f,setSelectionMode:P,selectionWidth:H,selectionColor:E,settings:z,isEditMode:T,isShiftPressed:Z,isAltPressed:R,isSpacePressed:B,withFrameSelection:W,withSkeleton:D,withContextMenu:ae},J)=>{const I=S.useRef(null),$=S.useRef(null),G=z.canvasSize,ie=T,Qe=T?0:-1;S.useImperativeHandle(J,()=>I.current);const{hoverMode:L}=xo({addShapes:s,drawCanvasRef:I,setActiveTool:m,shapes:t,selectionMode:f,activeTool:p,isInsideComponent:b,isInsideCanvas:x,setCanvasOffset:w,selectedShape:o,canvasOffsetStartData:g,setCanvasOffsetStartData:y,setSelectedShape:r,setSelectionFrame:l,refreshHoveredShape:h,refreshSelectedShapes:u,updateSingleShape:n,duplicateShapes:a,saveShapes:v,setSelectionMode:P,setCanvasMoveAcceleration:C,isShiftPressed:Z,isAltPressed:R,withFrameSelection:W,settings:z,isSpacePressed:B,withContextMenu:ae}),q=S.useCallback(k=>{const Q=X(o)[0];if(Q?.type!=="text")return;const V=I.current?.getContext("2d");if(!V)return;const N=Fe(uo(V,Q,k,z),z);n([N])},[n,o,z]),M=k=>{if(T)return k.preventDefault(),k.stopPropagation(),!1};return S.useEffect(()=>{const k=I.current?.getContext("2d");k&&window.requestAnimationFrame(()=>Qo(k,f,z,t,o))},[t,f,o,z]),S.useEffect(()=>{const k=$.current?.getContext("2d");k&&window.requestAnimationFrame(()=>((Q,V,N,j,_,F,A,te,ve,Y,Le)=>{Q.reset(),Es(Q,N),Le&&te&&!X(A).find(de=>de.id===te.id)&&j.type==="selection"&&(V.mode==="default"\|\|V.mode==="contextMenu"\|\|V.mode==="textedition")&&_s({ctx:Q,shape:te,settings:N,selectionWidth:_,selectionColor:F,hoverMode:ve,selectionMode:V,withAnchors:!1}),A&&j.type!=="brush"&&_s({ctx:Q,shape:A,settings:N,selectionWidth:_,selectionColor:F,hoverMode:ve,selectionMode:V,withAnchors:V.mode!=="textedition"}),Y&&po({ctx:Q,selectionFrame:Y,settings:N})})(k,f,z,p,H,E,o,i,L,c,D))},[i,L,c,f,o,p,z,H,E,D]),d.jsx("div",{className:"react-paint-canvas-box",style:{"--react-paint-canvas-cursor":g?"grabbing":L.outOfView?"default":L.mode==="resize"?"pointer":p.type!=="selection"&&p.type!=="move"?"crosshair":L.mode==="translate"?"move":L.mode==="rotate"\|\|p.type==="move"\|\|B?"grab":"default"},children:d.jsxs("div",{className:"react-paint-canvas-container","data-grow":e,children:[d.jsx("canvas",{className:gs,ref:I,"data-grow":e,width:G.width,height:G.height,onContextMenu:M,tabIndex:Qe}),ie&&d.jsx("canvas",{className:fs,ref:$,width:G.width,height:G.height,"data-grow":e,onContextMenu:M}),T&&f.mode==="textedition"&&X(o)[0]?.type==="text"&&d.jsx(bo,{disabled:!z.features.edition,shape:X(o)[0],defaultValue:f.defaultValue,updateValue:q,saveShapes:v,settings:z})]})})}),cn="ArrowUp",dn="ArrowDown",un="ArrowLeft",hn="ArrowRight",Co="Delete",Mo="Backspace",ko="Escape",pn="Shift",gn="Alt",fn="Option",$t=" ",Po="A",jo="a",Lo="z",Vo="Z",Zo="y",Ho="Y",zo="+",To="-",Ao="0",vn="cut",mn="copy",Sn="paste",Eo=({isLoading:e=!1})=>{const[t,a]=S.useState("hidden");return S.useEffect(()=>{if(!e){a("fadeOut");const s=setTimeout(()=>a("hidden"),300);return()=>{clearTimeout(s)}}a("visible")},[e]),t==="hidden"?null:d.jsx("div",{className:"react-paint-editor-loading","data-loading":t,style:{"--react-paint-editor-loading-zindex":Hn,"--react-paint-editor-loading-transition-duration":"300ms"},children:d.jsxs("div",{className:"react-paint-editor-loader",children:[d.jsx("div",{}),d.jsx("div",{}),d.jsx("div",{}),d.jsx("div",{})]})})},Ro="infos",Do=4e3,Io=({type:e,text:t,duration:a})=>{const[s,n]=S.useState(!1);return S.useEffect(()=>{const o=setTimeout(()=>{n(!0)},100),r=setTimeout(()=>{n(!1)},a-500-100);return()=>{clearTimeout(o),clearTimeout(r)}},[a]),d.jsx("div",{className:"react-paint-editor-snackbar","data-is-shown":+s,"data-type":e,style:{"--react-paint-editor-panel-transition-duration":"500ms"},children:t})},Wo=({snackbarList:e})=>d.jsx("div",{className:"react-paint-editor-snackbar-container",style:{"--react-paint-editor-snackbar-zindex":zn},children:e.map(t=>d.jsx(Io,{...t},t.id))}),No=S.forwardRef((e,t)=>{const{hidden:a=!1,disabled:s=!1,selected:n=!1,icon:o,children:r,className:l="",title:i,onClick:c,...h}=e,u=s?-1:0,v=S.useRef(null);return S.useImperativeHandle(t,()=>v.current),d.jsxs("label",{className:`react-paint-editor-button ${l}`,title:i,onClick:c,"data-disabled":+s,"data-selected":+n,"data-hidden":+a,tabIndex:u,onKeyDown:p=>{p.key===$t&&(p.preventDefault(),p.stopPropagation())},onKeyUp:p=>{p.preventDefault(),p.stopPropagation(),p.key===$t&&v.current?.click()},children:[d.jsx("input",{ref:v,disabled:s,...h}),d.jsxs("span",{className:"react-paint-editor-button-content",children:[r&&d.jsx("span",{className:"react-paint-editor-button-children",children:r}),o&&d.jsx("span",{className:"react-paint-editor-button-icon",dangerouslySetInnerHTML:{__html:o}})]})]})}),U=S.forwardRef((e,t)=>{if(e.type==="file"\|\|e.type==="color")return d.jsx(No,{...e,ref:t});const{hidden:a=!1,disabled:s=!1,selected:n=!1,icon:o,children:r,type:l="button",className:i="",...c}=e;return d.jsx("button",{className:`react-paint-editor-button ${i}`,ref:t,disabled:s,"data-disabled":+s,"data-selected":+n,"data-hidden":+a,type:l,...c,children:d.jsxs("span",{className:"react-paint-editor-button-content",children:[r&&d.jsx("span",{className:"react-paint-editor-button-children",children:r}),o&&d.jsx("span",{className:"react-paint-editor-button-icon",dangerouslySetInnerHTML:{__html:o}})]})})}),dt=({children:e,title:t="",className:a="",position:s,fitContainer:n=!1,alignment:o,style:r,...l})=>d.jsxs("div",{className:`react-paint-editor-panel ${a}`,"data-fitcontainer":n,"data-position":s??"unset","data-alignment":o??"unset",style:{...r,"--react-paint-editor-panel-zindex":_a},...l,children:[t&&d.jsx("h3",{className:"react-paint-editor-panel-title",children:t}),e]}),Fo=e=>{switch(e){case"brush":return Ra;case"line":return Na;case"polygon":return ia;case"curve":return Oa;case"rect":case"square":return na;case"circle":case"ellipse":return oa;case"text":return Wa;case"picture":return ra;case"group":return'<svg><path d="M3.333 17.5V16.667H7.5V17.5ZM3.333 14.167V13.333H9.167V14.167ZM3.333 10.833V10H10.833V10.833ZM3.333 7.5V6.667H12.5V7.5ZM3.333 4.167V3.333H13.333V4.167ZM3.333 0.833V0H16.667V0.833Z"/></svg>';case"triangle":return""}},Oo=({disabled:e=!1,shape:t,selected:a,layoutDragging:s,toggleShapeVisibility:n,toggleShapeLock:o,setLayoutDragging:r,handleRemove:l,handleSelect:i,onSwapShapes:c})=>{const h=S.useRef(null),{isOver:u}=(({disabled:v=!1,ref:p,shape:m,layoutDragging:g,setLayoutDragging:y,handleSelect:w,onSwapShapes:C})=>{const[b,x]=S.useState(!1);return S.useEffect(()=>{g\|\|x(!1)},[g]),S.useEffect(()=>{const f=p.current;if(!f)return;const P=()=>{y(void 0)},H=R=>(R.preventDefault&&R.preventDefault(),!1),E=R=>{w([m]),R.dataTransfer&&(R.dataTransfer.effectAllowed="move",R.dataTransfer.setData("draggableShapeId",m.id),y(m.id))},z=()=>{g!==m.id&&x(!0)},T=()=>{x(!1)},Z=R=>(R.stopPropagation(),R.dataTransfer&&C(R.dataTransfer.getData("draggableShapeId"),m.id),!1);return v\|\|(f.addEventListener("dragstart",E),f.addEventListener("dragend",P),f.addEventListener("dragover",H),f.addEventListener("dragenter",z),f.addEventListener("dragleave",T),f.addEventListener("drop",Z)),()=>{v\|\|(f.removeEventListener("dragstart",E),f.removeEventListener("dragend",P),f.removeEventListener("dragover",H),f.removeEventListener("dragenter",z),f.removeEventListener("dragleave",T),f.removeEventListener("drop",Z))}},[v,p,m,y,w,C,g]),{isOver:b}})({disabled:e,ref:h,shape:t,layoutDragging:s,setLayoutDragging:r,handleSelect:i,onSwapShapes:c});return d.jsxs("div",{className:"react-paint-editor-layout","data-disabled":+e,draggable:!e,"data-is-dragging":+(s===t.id),"data-is-over":+u,onClick:v=>{e\|\|(v.preventDefault(),i([t]))},"data-selected":+a,ref:h,tabIndex:-1,children:[d.jsx("span",{dangerouslySetInnerHTML:{__html:Fo(t.type)}}),d.jsx("span",{children:t.id}),d.jsx("div",{className:"react-paint-editor-layouts-separator"}),d.jsx(U,{className:"react-paint-editor-layouts-visible-button",title:t.visible?"Hide":"Show","data-visible":t.visible!==!1,disabled:e,selected:a,onClick:v=>{e\|\|(v.preventDefault(),v.stopPropagation(),n([t]))},icon:t.visible===!1?'<svg><path d="M13.521 11.021 12.25 9.75Q12.333 8.75 11.604 7.979Q10.875 7.208 9.812 7.312L8.542 6.042Q8.896 5.896 9.26 5.833Q9.625 5.771 10 5.771Q11.583 5.771 12.688 6.875Q13.792 7.979 13.792 9.562Q13.792 9.979 13.719 10.354Q13.646 10.729 13.521 11.021ZM16.167 13.646 14.917 12.417Q15.667 11.833 16.25 11.146Q16.833 10.458 17.25 9.562Q16.229 7.479 14.292 6.281Q12.354 5.083 10 5.083Q9.396 5.083 8.885 5.156Q8.375 5.229 7.875 5.375L6.5 4Q7.354 3.646 8.208 3.49Q9.062 3.333 10 3.333Q13.146 3.333 15.615 5.052Q18.083 6.771 19.167 9.562Q18.688 10.792 17.917 11.823Q17.146 12.854 16.167 13.646ZM16.396 18.854 12.938 15.396Q12.208 15.625 11.479 15.729Q10.75 15.833 10 15.833Q6.833 15.833 4.375 14.094Q1.917 12.354 0.833 9.562Q1.25 8.479 1.917 7.552Q2.583 6.625 3.417 5.875L1.125 3.562L2.375 2.354L17.625 17.625ZM4.604 7.062Q4.021 7.604 3.542 8.219Q3.062 8.833 2.729 9.562Q3.75 11.646 5.688 12.865Q7.625 14.083 10 14.083Q10.354 14.083 10.74 14.052Q11.125 14.021 11.479 13.938L10.812 13.271Q10.625 13.312 10.417 13.333Q10.208 13.354 10 13.354Q8.417 13.354 7.312 12.25Q6.208 11.146 6.208 9.562Q6.208 9.354 6.24 9.167Q6.271 8.979 6.312 8.771ZM11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875ZM8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Z"/></svg>':'<svg><path d="M10 13.354Q11.583 13.354 12.688 12.25Q13.792 11.146 13.792 9.562Q13.792 7.979 12.688 6.875Q11.583 5.771 10 5.771Q8.417 5.771 7.312 6.875Q6.208 7.979 6.208 9.562Q6.208 11.146 7.312 12.25Q8.417 13.354 10 13.354ZM10 11.812Q9.062 11.812 8.406 11.156Q7.75 10.5 7.75 9.562Q7.75 8.625 8.406 7.969Q9.062 7.312 10 7.312Q10.938 7.312 11.594 7.969Q12.25 8.625 12.25 9.562Q12.25 10.5 11.594 11.156Q10.938 11.812 10 11.812ZM10 15.833Q6.938 15.833 4.448 14.125Q1.958 12.417 0.833 9.562Q1.958 6.708 4.458 5.021Q6.958 3.333 10 3.333Q13.042 3.333 15.542 5.021Q18.042 6.708 19.167 9.562Q18.042 12.417 15.552 14.125Q13.062 15.833 10 15.833ZM10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562ZM10 14.083Q12.333 14.083 14.281 12.865Q16.229 11.646 17.25 9.562Q16.229 7.479 14.281 6.281Q12.333 5.083 10 5.083Q7.667 5.083 5.708 6.281Q3.75 7.479 2.729 9.562Q3.75 11.646 5.708 12.865Q7.667 14.083 10 14.083Z"/></svg>'}),d.jsx(U,{className:"react-paint-editor-layouts-locked-button",title:t.locked?"Locked":"Unlocked","data-locked":!!t.locked,disabled:e,selected:a,onClick:v=>{e\|\|(v.preventDefault(),v.stopPropagation(),o([t]))},icon:t.locked?'<svg><path d="M10 0.833Q11.771 0.833 12.99 2.052Q14.208 3.271 14.208 5.042V6.667H14.917Q15.646 6.667 16.156 7.177Q16.667 7.688 16.667 8.417V16.562Q16.667 17.292 16.156 17.812Q15.646 18.333 14.917 18.333H5.083Q4.354 18.333 3.844 17.812Q3.333 17.292 3.333 16.562V8.417Q3.333 7.688 3.844 7.177Q4.354 6.667 5.083 6.667H5.792V5.042Q5.792 3.271 7.01 2.052Q8.229 0.833 10 0.833ZM10 2.583Q8.979 2.583 8.26 3.302Q7.542 4.021 7.542 5.042V6.667H12.458V5.042Q12.458 4.021 11.74 3.302Q11.021 2.583 10 2.583ZM5.083 16.583H14.917Q14.917 16.583 14.917 16.583Q14.917 16.583 14.917 16.583V8.417Q14.917 8.417 14.917 8.417Q14.917 8.417 14.917 8.417H5.083Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583ZM10 10.812Q9.292 10.812 8.802 11.302Q8.312 11.792 8.312 12.5Q8.312 13.208 8.802 13.698Q9.292 14.188 10 14.188Q10.708 14.188 11.198 13.698Q11.688 13.208 11.688 12.5Q11.688 11.792 11.198 11.302Q10.708 10.812 10 10.812ZM5.083 8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583V8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417Z"/></svg>':'<svg><path d="M5.792 5.042Q5.792 3.271 7.01 2.052Q8.229 0.833 10 0.833Q11.771 0.833 12.99 2.052Q14.208 3.271 14.208 5.042V6.667H14.917Q15.646 6.667 16.156 7.177Q16.667 7.688 16.667 8.417V16.562Q16.667 17.292 16.156 17.812Q15.646 18.333 14.917 18.333H5.083Q4.354 18.333 3.844 17.812Q3.333 17.292 3.333 16.562V8.417Q3.333 7.688 3.844 7.177Q4.354 6.667 5.083 6.667H12.458V5.042Q12.458 4.021 11.74 3.302Q11.021 2.583 10 2.583Q8.979 2.583 8.26 3.302Q7.542 4.021 7.542 5.042ZM5.083 16.583H14.917Q14.917 16.583 14.917 16.583Q14.917 16.583 14.917 16.583V8.417Q14.917 8.417 14.917 8.417Q14.917 8.417 14.917 8.417H5.083Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583ZM10 10.812Q9.292 10.812 8.802 11.302Q8.312 11.792 8.312 12.5Q8.312 13.208 8.802 13.698Q9.292 14.188 10 14.188Q10.708 14.188 11.198 13.698Q11.688 13.208 11.688 12.5Q11.688 11.792 11.198 11.302Q10.708 10.812 10 10.812ZM5.083 8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583V8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417Z"/></svg>'}),d.jsx(U,{className:"react-paint-editor-layouts-remove-button",title:"Remove",disabled:e,onClick:v=>{e\|\|(v.preventDefault(),v.stopPropagation(),l([t]))},icon:Da})]})},Bo=({gridFormat:e,setGridFormat:t,settings:a,shapes:s,removeShape:n,toggleShapeVisibility:o,toggleShapeLock:r,selectedShapes:l,swapShapes:i,selectShapes:c,isLayoutPanelShown:h})=>{const[u,v]=S.useState(void 0),p=!a.features.edition;return h?d.jsx(dt,{alignment:"right",className:"react-paint-editor-layouts-panel",position:"bottom",children:d.jsx("div",{className:"react-paint-editor-layouts-panel-content",children:d.jsxs("div",{className:"react-paint-editor-layouts-scrolling-content",children:[d.jsxs("div",{className:"react-paint-editor-layouts-row",children:[d.jsx("span",{className:"react-paint-editor-layouts-subtitle",children:"Grid"}),d.jsx(U,{icon:'<svg><path d="M18.333 15.854 16.583 14.104V13.354H15.833L14.083 11.604H16.583V8.375H13.375V10.896L11.625 9.146V8.375H10.875L9.125 6.625H11.625V3.417H8.396V5.896L6.646 4.146V3.417H5.896L4.146 1.667H16.583Q17.312 1.667 17.823 2.177Q18.333 2.688 18.333 3.417ZM13.375 6.625H16.583V3.417Q16.583 3.417 16.583 3.417Q16.583 3.417 16.583 3.417H13.375ZM16.771 19.229 15.854 18.333H3.417Q2.688 18.333 2.177 17.823Q1.667 17.312 1.667 16.583V4.125L0.812 3.271L2.042 2.021L18 18ZM13.375 16.583H14.104L13.375 15.833ZM8.396 11.604H9.125L8.396 10.854ZM8.396 16.583H11.625V14.083L10.875 13.354H8.396ZM3.417 6.625H4.167L3.417 5.875ZM3.417 11.604H6.646V9.104L5.917 8.375H3.417ZM6.646 16.583V13.354H3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Z"/></svg>',className:"react-paint-editor-layouts-grid-button",selected:e==="none",disabled:p,onClick:()=>t("none")}),["small","medium","large"].map(m=>d.jsx(U,{className:"react-paint-editor-layouts-grid-button",selected:e===m,disabled:p,onClick:()=>t(m),children:m.charAt(0).toUpperCase()},m))]}),d.jsx("hr",{}),d.jsx("div",{className:"react-paint-editor-layouts",children:s.length===0?d.jsx("div",{className:"react-paint-editor-layouts-placeholder",children:"No layer yet"}):s.map(m=>d.jsx(Oo,{shape:m,disabled:p,layoutDragging:u,setLayoutDragging:v,selected:X(l).some(g=>g.id===m.id)??!1,handleSelect:c,handleRemove:n,onSwapShapes:i,toggleShapeVisibility:o,toggleShapeLock:r},m.id))})]})})}):null},Ut=({children:e,onClose:t,position:a="center",title:s,className:n=""})=>d.jsxs("div",{className:"react-paint-editor-modal","data-position":a,style:{"--react-paint-editor-modal-zindex":_a},role:"dialog","aria-modal":"true","aria-labelledby":s,children:[d.jsx("div",{className:"react-paint-editor-modal-mask",onClick:t}),d.jsx("div",{className:`react-paint-editor-modal-panel ${n}`,children:e})]}),qt=({selectedSettings:e,setSelectedSettings:t,title:a="Choisissez une couleur",mode:s="fill",disabled:n=!1,values:o,field:r,value:l="",valueChanged:i})=>{const[c]=S.useState(Se("settings_")),h=e===c;return o.length?d.jsxs(d.Fragment,{children:[d.jsx(U,{selected:h,title:a,disabled:n,onClick:()=>{t(u=>u===c?void 0:c)},icon:l==="transparent"?s==="fill"?Ua:$a:void 0,children:l!=="transparent"&&d.jsx("div",{className:"react-paint-editor-colorfield-color","data-mode":s,style:{"--react-paint-editor-colorfield-color-value":l}})}),h&&d.jsx(dt,{title:a,alignment:"left",position:"bottom",children:d.jsxs("div",{className:"react-paint-editor-colorfield-wrapper",children:[o.map(u=>d.jsx(U,{title:u,selected:u===l,color:u,icon:u==="transparent"?s==="fill"?Ua:$a:void 0,onClick:()=>{i(r,u)},children:u!=="transparent"&&d.jsx("div",{className:"react-paint-editor-colorfield-color",color:u,"data-mode":s,style:{"--react-paint-editor-colorfield-color-value":u}})},u)),d.jsx(U,{type:"color",title:"Custom color",selected:l!==""&&!o.includes(l),value:l,onChange:u=>{const v=+u.target.value;i(r,Number.isNaN(v)?u.target.value:v)},children:d.jsx("div",{className:"react-paint-editor-colorfield-customcolor",style:{"--react-paint-editor-colorfield-color-value":o.includes(l)?"var(--react-paint-editor-app-font-color)":l},children:d.jsx("span",{dangerouslySetInnerHTML:{__html:'<svg><path d="M9.958 18.333Q8.25 18.333 6.74 17.677Q5.229 17.021 4.104 15.885Q2.979 14.75 2.323 13.229Q1.667 11.708 1.667 10Q1.667 8.271 2.333 6.75Q3 5.229 4.156 4.104Q5.312 2.979 6.854 2.323Q8.396 1.667 10.125 1.667Q11.771 1.667 13.26 2.25Q14.75 2.833 15.875 3.854Q17 4.875 17.667 6.26Q18.333 7.646 18.333 9.25Q18.333 11.688 16.792 12.948Q15.25 14.208 13.188 14.208H11.75Q11.625 14.208 11.562 14.281Q11.5 14.354 11.5 14.458Q11.5 14.688 11.812 15.219Q12.125 15.75 12.125 16.458Q12.125 17.458 11.51 17.896Q10.896 18.333 9.958 18.333ZM5.458 10.875Q6 10.875 6.375 10.5Q6.75 10.125 6.75 9.583Q6.75 9.042 6.375 8.667Q6 8.292 5.458 8.292Q4.917 8.292 4.542 8.667Q4.167 9.042 4.167 9.583Q4.167 10.125 4.542 10.5Q4.917 10.875 5.458 10.875ZM7.917 7.583Q8.458 7.583 8.833 7.208Q9.208 6.833 9.208 6.292Q9.208 5.75 8.833 5.375Q8.458 5 7.917 5Q7.375 5 7 5.375Q6.625 5.75 6.625 6.292Q6.625 6.833 7 7.208Q7.375 7.583 7.917 7.583ZM12.021 7.583Q12.562 7.583 12.938 7.208Q13.312 6.833 13.312 6.292Q13.312 5.75 12.938 5.375Q12.562 5 12.021 5Q11.479 5 11.104 5.375Q10.729 5.75 10.729 6.292Q10.729 6.833 11.104 7.208Q11.479 7.583 12.021 7.583ZM14.479 10.875Q15.021 10.875 15.396 10.5Q15.771 10.125 15.771 9.583Q15.771 9.042 15.396 8.667Q15.021 8.292 14.479 8.292Q13.938 8.292 13.562 8.667Q13.188 9.042 13.188 9.583Q13.188 10.125 13.562 10.5Q13.938 10.875 14.479 10.875Z"/></svg>'}})})})]})})]}):null},Yo=({disabled:e=!1,selectedShape:t,removeShape:a})=>d.jsx(U,{title:"Delete",disabled:e,"data-disabled":+e,onClick:()=>{a(X(t))},icon:Da}),Gt=({CustomOption:e,selectedSettings:t,setSelectedSettings:a,title:s="Choisissez l'option",disabled:n=!1,field:o,icon:r,values:l,defaultValue:i,valueChanged:c})=>{const[h]=S.useState(Se("settings_")),u=t===h;return l.length?d.jsxs(d.Fragment,{children:[d.jsx(U,{selected:u,title:s,icon:r,disabled:n,onClick:()=>{a(v=>v===h?void 0:h)}}),u&&d.jsx(dt,{title:s,alignment:"left",fitContainer:!0,position:"bottom",children:d.jsx("div",{className:"react-paint-editor-selectfield-wrapper",children:l.map(v=>d.jsx(U,{title:`${v}`,onClick:()=>(p=>{c(o,p)})(v),selected:i===v,style:{"--react-paint-editor-button-padding":"16px"},children:d.jsx(e,{children:v})},v))})})]}):null},Xo=({children:e})=>d.jsx("span",{className:"react-paint-editor-fontfamily-option",style:{"--react-paint-editor-fontfamily-family":e},children:e}),yn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:Xo,title:"Police",icon:'<svg><path d="M5.312 14.979H7.125L8.042 12.479H11.979L12.896 14.979H14.708L10.917 5H9.083ZM8.542 10.958 9.958 6.958H10.042L11.458 10.958ZM3.417 18.333Q2.688 18.333 2.177 17.823Q1.667 17.312 1.667 16.583V3.417Q1.667 2.688 2.177 2.177Q2.688 1.667 3.417 1.667H16.583Q17.312 1.667 17.823 2.177Q18.333 2.688 18.333 3.417V16.583Q18.333 17.312 17.823 17.823Q17.312 18.333 16.583 18.333ZM3.417 16.583H16.583Q16.583 16.583 16.583 16.583Q16.583 16.583 16.583 16.583V3.417Q16.583 3.417 16.583 3.417Q16.583 3.417 16.583 3.417H3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583ZM3.417 3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583V3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417Z"/></svg>',disabled:a,field:"fontFamily",values:s,defaultValue:n,valueChanged:o}):null,$o=({disabled:e,toggleLayoutPanel:t})=>d.jsx(U,{title:"Toggle layers panel",disabled:e,onClick:t,icon:'<svg><path d="M10 17.646 2.438 11.75 3.875 10.646 10 15.396 16.125 10.646 17.562 11.75ZM10 13.188 2.5 7.354 10 1.521 17.5 7.354Z"/></svg>',className:"react-paint-editor-layout-button"}),Uo=({children:e})=>d.jsxs("span",{className:"react-paint-editor-linearrow-option","data-type":e,children:[d.jsx("span",{className:"react-paint-editor-linearrow-left"}),d.jsx("span",{className:"react-paint-editor-linearrow-right"})]}),xn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:Uo,title:"Flèches",icon:'<svg><path d="M6 17 2 13 6 9 7.062 10.062 4.875 12.25H17V13.75H4.875L7.062 15.938ZM14 11 12.938 9.938 15.125 7.75H3V6.25H15.125L12.938 4.062L14 3L18 7Z"/></svg>',disabled:a,field:"lineArrow",values:s,defaultValue:n,valueChanged:o}):null,qo=({children:e})=>d.jsxs("span",{className:"react-paint-editor-linetype-option","data-type":e,children:[d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{})]}),bn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:qo,icon:'<svg><path d="M3 16V14.5H4.5V16ZM6.125 16V14.5H7.625V16ZM9.25 16V14.5H10.75V16ZM12.375 16V14.5H13.875V16ZM15.5 16V14.5H17V16ZM3 13V11.5H6.5V13ZM8.25 13V11.5H11.75V13ZM13.5 13V11.5H17V13ZM3 10V8.5H9.25V10ZM10.75 10V8.5H17V10ZM3 7V4H17V7Z"/></svg>',title:"Type de traits",disabled:a,field:"lineDash",values:s,defaultValue:n,valueChanged:o}):null,_t=({selectedSettings:e,setSelectedSettings:t,title:a="Choisissez l'intervalle",icon:s,disabled:n=!1,field:o,value:r,min:l=1,max:i=20,step:c=1,unity:h="",valueChanged:u,saveShapes:v})=>{const p=r===void 0,m=p?"N/A":`${Math.round(r)}${h}`,[g]=S.useState(Se("settings_")),y=((C,b=500)=>{const x=S.useRef(null),f=S.useCallback((...P)=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>C(...P),b)},[C,b]);return S.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),f})(v),w=e===g;return l===i?null:d.jsxs(d.Fragment,{children:[d.jsx(U,{selected:w,title:a,disabled:n,icon:s,onClick:()=>{t(C=>C===g?void 0:g)}}),w&&d.jsx(dt,{title:a,alignment:"left",fitContainer:!0,position:"bottom",children:d.jsx("div",{children:d.jsxs("label",{className:"react-paint-editor-rangefield",children:[d.jsx("input",{type:"range",min:l,max:i,step:c,value:r??(i+l)/2,"data-indeterminate":+p,onChange:C=>{const b=+C.target.value,x=Number.isNaN(b)?C.target.value:b;u(o,x,!1),y()}}),d.jsx("span",{children:m})]})})})]})},Go=({children:e})=>d.jsx("span",{children:e===0?"Non":"Oui"}),_o=[0,1],Qn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,defaultValue:s,valueChanged:n})=>d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:Go,title:"Fermer les points",icon:ia,disabled:a,field:"closedPoints",values:_o,defaultValue:s,valueChanged:n}),Ko=({disabled:e=!1,className:t,toggleZoomPanel:a})=>d.jsx(U,{title:"Toggle zoom panel",disabled:e,onClick:a,icon:qa,className:t?` ${t}`:""}),Kt=({setSelectedSettings:e,disabled:t=!1,field:a,icon:s,values:n,value:o=!1,valueChanged:r})=>{const[l]=S.useState(Se("settings_"));return n.length!==2?null:d.jsx(U,{onClick:()=>{e(i=>i===l?void 0:l),r(a,!o)},selected:o,disabled:t,icon:s})},za=({activeTool:e,selectedShape:t,selectedShapeTool:a,disabled:s,selectedSettings:n,setSelectedSettings:o,saveShapes:r,handleShapeStyleChange:l,handleShapeFontFamilyChange:i})=>t?a&&d.jsxs(d.Fragment,{children:["strokeColor"in a.settings&&!a.settings.strokeColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur du trait",mode:"stroke",disabled:s,field:"strokeColor",value:t.style?.strokeColor,valueChanged:l,values:a.settings.strokeColor.values}),"fillColor"in a.settings&&!a.settings.fillColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur de fond",disabled:s,field:"fillColor",value:t.style?.fillColor,valueChanged:l,values:a.settings.fillColor.values}),"lineWidth"in a.settings&&!a.settings.lineWidth.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Epaisseur du trait",icon:Xa,disabled:s,field:"lineWidth",value:t.style?.lineWidth,valueChanged:l,unity:"px",min:a.settings.lineWidth.min,max:a.settings.lineWidth.max,step:a.settings.lineWidth.step}),"lineDash"in a.settings&&!a.settings.lineDash.hidden&&d.jsx(bn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:t.style?.lineDash,valueChanged:l,values:a.settings.lineDash.values}),"lineArrow"in a.settings&&!a.settings.lineArrow.hidden&&d.jsx(xn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:t.style?.lineArrow,valueChanged:l,values:a.settings.lineArrow.values}),"closedPoints"in a.settings&&!a.settings.closedPoints.hidden&&d.jsx(Qn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:l,defaultValue:t.style?.closedPoints}),"fontFamily"in a.settings&&!a.settings.fontFamily.hidden&&d.jsx(yn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:i,values:a.settings.fontFamily.values,defaultValue:t.style?.fontFamily}),"fontBold"in a.settings&&!a.settings.fontBold.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontBold",icon:Ba,valueChanged:i,values:a.settings.fontBold.values,value:t.style?.fontBold}),"fontItalic"in a.settings&&!a.settings.fontItalic.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontItalic",icon:Ya,valueChanged:i,values:a.settings.fontItalic.values,value:t.style?.fontItalic}),"opacity"in a.settings&&!a.settings.opacity.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Opacité",icon:Ia,min:a.settings.opacity.min,max:a.settings.opacity.max,step:a.settings.opacity.step,unity:"%",disabled:s,field:"opacity",value:t.style?.opacity,valueChanged:l})]}):"settings"in e?d.jsxs(d.Fragment,{children:["strokeColor"in e.settings&&!e.settings.strokeColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur du trait",mode:"stroke",disabled:s,field:"strokeColor",value:e.settings.strokeColor.default,valueChanged:l,values:e.settings.strokeColor.values}),"fillColor"in e.settings&&!e.settings.fillColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur de fond",disabled:s,field:"fillColor",value:e.settings.fillColor.default,valueChanged:l,values:e.settings.fillColor.values}),"lineWidth"in e.settings&&!e.settings.lineWidth.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Epaisseur du trait",disabled:s,field:"lineWidth",icon:Xa,value:e.settings.lineWidth.default,valueChanged:l,unity:"px",min:e.settings.lineWidth.min,max:e.settings.lineWidth.max,step:e.settings.lineWidth.step}),"lineDash"in e.settings&&!e.settings.lineDash.hidden&&d.jsx(bn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:e.settings.lineDash.default,valueChanged:l,values:e.settings.lineDash.values}),"lineArrow"in e.settings&&!e.settings.lineArrow.hidden&&d.jsx(xn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:e.settings.lineArrow.default,valueChanged:l,values:e.settings.lineArrow.values}),"closedPoints"in e.settings&&!e.settings.closedPoints.hidden&&d.jsx(Qn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:l,defaultValue:e.settings?.closedPoints.default}),"fontFamily"in e.settings&&!e.settings.fontFamily.hidden&&d.jsx(yn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:i,values:e.settings.fontFamily.values,defaultValue:e.settings.fontFamily.default}),"fontBold"in e.settings&&!e.settings.fontBold.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontBold",icon:Ba,valueChanged:i,values:e.settings.fontBold.values,value:e.settings.fontBold.default}),"fontItalic"in e.settings&&!e.settings.fontItalic.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontItalic",icon:Ya,valueChanged:i,values:e.settings.fontItalic.values,value:e.settings.fontItalic.default}),"opacity"in e.settings&&!e.settings.opacity.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Opacité",icon:Ia,min:e.settings.opacity.min,max:e.settings.opacity.max,step:e.settings.opacity.step,unity:"%",disabled:s,field:"opacity",value:e.settings.opacity.default,valueChanged:l})]}):null,Jo=({width:e,availableTools:t,updateToolSettings:a,layersManipulation:s=!1,toggleLayoutPanel:n,activeTool:o,saveShapes:r,selectedShape:l,canvas:i,settings:c,updateShape:h,removeShape:u,isZoomPanelShown:v,setIsZoomPanelShown:p})=>{const[m,g]=S.useState(void 0),[y,w]=S.useState(!1),C=c.size==="infinite"\|\|c.features.zoom,b=!c.features.edition,x=()=>{w(T=>!T)},f=((T,Z)=>{const R=X(T).map(W=>Z.find(D=>D.id===W?.toolId)\|\|Z.find(D=>D.type===W?.type)).filter(W=>W!==void 0);if(!R.length)return;if(R.length===1)return R[0];const B=R.slice(1).reduce((W,D)=>{const ae={};for(const J in D.settings){if(W[J]===void 0\|\|D.settings[J]?.hidden\|\|W[J]?.hidden)continue;const I=W[J],$=D.settings[J],G={};"min"in $&&"min"in I&&$.min===I.min&&"max"in $&&"max"in I&&$.max===I.max&&"step"in $&&"step"in I&&$.step===I.step&&(G.min=$.min,G.max=$.max,G.step=$.step),"values"in $&&"values"in I&&$.values?.join(",")===I.values?.join(",")&&(G.values=$.values),(Object.keys(G).length>0\|\|J==="closedPoints")&&(ae[J]=G)}return ae},R[0].settings);return{id:R.map(W=>W.id).join("-"),icon:"",label:"group",type:"group",settings:B}})(l,t),P=(f?Object.keys(f.settings).length+1:"settings"in o?Object.keys(o.settings).length:0)+ +s+ +C,H=e<40P,E=(T,Z,R=!0)=>{if(X(l).length){const B=X(l).map(W=>Fe(Ie(["style",T],Z,W),c));h(B,R),f&&a(f.id,T,Z)}else a(o.id,T,Z)},z=(T,Z)=>{if(X(l).length){const R=X(l).map(B=>{if(B.type!=="text")return B;const W=i?.getContext("2d");if(!W)return B;const D=Ie(["style",T],Z,B),ae=Xt(W,D.value,D.width,D.style?.fontBold??!1,D.style?.fontItalic??!1,D.style?.fontFamily);return Fe({...D,fontSize:ae,height:aeD.value.length},c)});h(R,!0),f&&a(f.id,T,Z)}else a(o.id,T,Z)};return d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"react-paint-editor-settings-bar",children:[d.jsxs("div",{className:"react-paint-editor-settings-shrinkable",children:[C&&d.jsx(Ko,{className:v?"react-paint-editor-bar-zoom-button-opened":void 0,toggleZoomPanel:()=>{p(T=>!T)}}),H&&P>2&&d.jsx(U,{disabled:b,onClick:x,title:"Toggle settings",icon:'<svg><path d="M2.5 15.833V14.083H7.667V15.833ZM2.5 5.917V4.167H10.771V5.917ZM9.208 17.5V12.438H10.958V14.083H17.5V15.833H10.958V17.5ZM5.917 12.542V10.875H2.5V9.125H5.917V7.479H7.667V12.542ZM9.208 10.875V9.125H17.5V10.875ZM12.333 7.562V2.5H14.083V4.167H17.5V5.917H14.083V7.562Z"/></svg>'}),l?f&&d.jsxs(d.Fragment,{children:[!H&&d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:b,selectedSettings:m,setSelectedSettings:g,handleShapeStyleChange:E,handleShapeFontFamilyChange:z}),o.type==="selection"&&d.jsx(Yo,{disabled:b,selectedShape:l,removeShape:u})]}):!H&&d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:b,selectedSettings:m,setSelectedSettings:g,handleShapeStyleChange:E,handleShapeFontFamilyChange:z})]}),d.jsx("div",{className:"react-paint-editor-settings-separator"}),s&&d.jsx($o,{disabled:b,toggleLayoutPanel:n})]}),y&&d.jsx(Ut,{className:"react-paint-editor-settings-modal",onClose:x,position:"bottom",title:"Settings",children:d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:b,selectedSettings:m,setSelectedSettings:g,handleShapeStyleChange:E,handleShapeFontFamilyChange:z})})]})},Jt=({alignment:e,children:t,className:a,style:s,position:n})=>d.jsx(dt,{alignment:e,position:n,className:a,style:s,children:d.jsx("div",{className:"react-paint-editor-menu",role:"menu",children:t})}),wn=({disabled:e=!1,withText:t=!1,loadFile:a,type:s,img:n,accept:o})=>{const r=S.useRef(null);return d.jsx(U,{ref:r,type:"file",onClick:()=>{r.current&&(r.current.value="")},onChange:l=>{const i=l.target.files?.item(0);i&&a(i)},accept:o,title:s.label??s.type,icon:n,disabled:e,children:t?s.label:void 0})},Te=({type:e,img:t,isActive:a,withText:s=!1,disabled:n=!1,setActive:o})=>d.jsx(U,{disabled:n,selected:a,onClick:()=>{o(e)},title:e.label??e.type,icon:t,children:s?e.label:void 0}),Cn=(e,t)=>!!(e.target instanceof Node&&t)&&t.contains(e.target),Ta=({trigger:e="click",buttonElt:t})=>{const[a,s]=S.useState(!1),[,n]=S.useTransition(),o=S.useCallback(()=>{n(()=>{s(!1)})},[]);return S.useEffect(()=>{if(!t)return;if(a){const l=c=>{Cn(c,t)\|\|n(()=>{s(!1)})},i=()=>{n(()=>{s(!1)})};return e==="hover"?(t.addEventListener("mouseleave",i),()=>{t.removeEventListener("mouseleave",i)}):(document.addEventListener("click",l),()=>{document.removeEventListener("click",l)})}const r=()=>{n(()=>{s(!0)})};return e==="hover"?(t.addEventListener("mouseenter",r),()=>{t.removeEventListener("mouseenter",r)}):(t.addEventListener("click",r),()=>{t.removeEventListener("click",r)})},[t,a,e]),{isOpen:a,trigger:e,closeMenu:o}},ei=({activeTool:e,withActionsInMenu:t,hasActionToUndo:a=!1,hasActionToRedo:s=!1,hasActionToClear:n=!1,undoAction:o,redoAction:r,clearCanvas:l,disabled:i=!1,withLoadAndSave:c,withExport:h,addPicture:u,loadFile:v,togglePictureUrlModal:p,saveFile:m,toggleExportModal:g,withUploadPicture:y,withUrlPicture:w})=>{const C=S.useRef(null),{isOpen:b,closeMenu:x}=Ta({buttonElt:C.current}),f=P=>async(...H)=>{await P(...H),x()};return t\|\|y\|\|w\|\|c\|\|h?d.jsx("div",{className:"react-paint-editor-toolbox-relative",children:d.jsxs("div",{ref:C,children:[d.jsx(U,{title:"Menu",disabled:i,icon:'<svg><path d="M2.5 15V13.25H17.5V15ZM2.5 10.875V9.125H17.5V10.875ZM2.5 6.75V5H17.5V6.75Z"/></svg>'}),b&&d.jsxs(Jt,{alignment:"right",position:"top",children:[t&&d.jsxs(d.Fragment,{children:[d.jsx(Te,{withText:!0,type:vt,disabled:i\|\|!a,img:vt.icon,isActive:e.id===vt.id,setActive:f(o)}),d.jsx(Te,{withText:!0,type:mt,disabled:i\|\|!s,img:mt.icon,isActive:e.id===mt.id,setActive:f(r)}),d.jsx(Te,{withText:!0,type:St,disabled:i\|\|!n,img:St.icon,isActive:e.id===St.id,setActive:f(l)}),(y\|\|w\|\|c)&&d.jsx("hr",{})]}),y&&d.jsx(wn,{withText:!0,type:cs,disabled:i,loadFile:f(u),img:cs.icon,accept:"image/png, image/gif, image/jpeg, image/svg+xml, image/webp"}),w&&d.jsx(U,{disabled:i,selected:!1,onClick:f(p),title:"Add picture from URL",icon:'<svg><path d="M9.188 16.542V14.938Q8.5 14.938 8.021 14.458Q7.542 13.979 7.542 13.292V12.458L3.583 8.5Q3.5 8.875 3.458 9.25Q3.417 9.625 3.417 10Q3.417 12.5 5.062 14.365Q6.708 16.229 9.188 16.542ZM14.854 14.438Q15.708 13.521 16.146 12.385Q16.583 11.25 16.583 10Q16.583 7.979 15.469 6.313Q14.354 4.646 12.479 3.917V4.229Q12.479 4.917 12 5.396Q11.521 5.875 10.833 5.875H9.188V7.521Q9.188 7.875 8.948 8.115Q8.708 8.354 8.354 8.354H6.708V10H11.646Q12 10 12.24 10.229Q12.479 10.458 12.479 10.812V13.292H13.292Q13.833 13.292 14.26 13.604Q14.688 13.917 14.854 14.438ZM10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333Z"/></svg>',children:"Add picture from URL"}),(y\|\|w)&&c&&d.jsx("hr",{}),c&&d.jsxs(d.Fragment,{children:[d.jsx(wn,{withText:!0,type:ls,disabled:i,loadFile:f(v),img:ls.icon,accept:"application/JSON"}),d.jsx(Te,{withText:!0,disabled:i,type:da,img:da.icon,isActive:e.id===da.id,setActive:f(m)})]}),h&&d.jsx(Te,{withText:!0,disabled:i,type:ca,img:ca.icon,isActive:e.id===ca.id,setActive:f(g)})]})]})}):null},ti=({togglePictureUrlModal:e,addPicture:t})=>{const a=S.useRef(null);return S.useEffect(()=>{a.current&&a.current.focus()},[]),d.jsx(Ut,{className:"react-paint-editor-toolbox-pictureinput-modal",onClose:e,title:"Add picture from URL",children:d.jsxs("form",{onSubmit:async s=>{s.preventDefault();const n=a.current?.value;n&&(await t(n),e())},children:[d.jsxs("label",{children:["URL ",d.jsx("input",{type:"text",ref:a})]}),d.jsx(U,{onClick:e,children:"Annuler"}),d.jsx(U,{type:"submit",selected:!0,children:"Ajouter"})]})})},Mn="Choose export settings",ai=({toggleExportModal:e,exportCanvasInFile:t})=>{const a=async s=>{t(s),e()};return d.jsxs(Ut,{className:"react-paint-editor-toolbox-export-modal",onClose:e,title:Mn,children:[d.jsx("h3",{children:Mn}),d.jsx("hr",{}),d.jsx(U,{onClick:()=>a("currentZoom"),children:"Exporter la vue actuelle"}),d.jsx(U,{onClick:()=>a("defaultView"),children:"Exporter le canevas par défaut"}),d.jsx(U,{onClick:()=>a("fitToShapes"),children:"Exporter le dessin entier"}),d.jsx(U,{selected:!0,onClick:e,children:"Annuler"})]})},si=({activeTool:e,group:t,disabled:a=!1,setActiveToolFromId:s})=>{const n=S.useRef(null),[o,r]=S.useState(!1),[,l]=S.useTransition(),[i,c]=S.useState(void 0),h=p=>{c(p),s(p.id)};if(S.useEffect(()=>{if(!o)return;const p=m=>{!Cn(m,n.current)&&r(!1)};return document.addEventListener("mousedown",p,{passive:!1}),document.addEventListener("touchstart",p,{passive:!1}),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("touchstart",p)}},[o]),"type"in t)return d.jsx(Te,{disabled:a,type:t,img:t.icon,isActive:e.id===t.id,setActive:h});if(!t.toolsType.length)return null;if(t.toolsType?.length===1)return d.jsx(Te,{disabled:a,type:t.toolsType[0],img:t.toolsType[0].icon,isActive:e.id===t.toolsType[0].id,setActive:h});const u=t?.toolsType.find(p=>p.type===e.type)!==void 0,v=(i?i.icon:t.toolsType?.[0]?.icon)??t.title;return d.jsxs("div",{className:"react-paint-editor-toolbargroup-relative",children:[d.jsx(U,{selected:u,title:t.title,disabled:a,onClick:()=>{i?s(i.id):t.toolsType?.[0]&&h(t.toolsType[0]),l(()=>{r(!0)})},icon:v}),o&&d.jsx(dt,{alignment:"center",position:"top",children:d.jsx("div",{className:"react-paint-editor-toolbargroup-panel-content","data-vertical":+t.vertical,ref:n,children:t.toolsType.map(p=>d.jsx(Te,{disabled:a,type:p,img:p.icon,isActive:e.id===p.id,setActive:h},p.id))})})]})},ni=[{title:"brush",toolsType:["brush"],vertical:!1},{title:"lines",toolsType:["line","curve","polygon"],vertical:!1},{title:"shapes",toolsType:["rect","square","circle","ellipse"],vertical:!1},"text"],oi=({settings:e,width:t,activeTool:a,hasActionToUndo:s=!1,hasActionToRedo:n=!1,hasActionToClear:o=!1,withLoadAndSave:r,withExport:l,clearCanvas:i,setActiveTool:c,undoAction:h,redoAction:u,addPicture:v,loadFile:p,saveFile:m,exportCanvasInFile:g,availableTools:y,withUrlPicture:w,withUploadPicture:C})=>{const b=((I,$)=>{const G=$.flatMap(ie=>{if(typeof ie!="object")return I.filter(L=>L.type===ie);const Qe=I.filter(L=>ie.toolsType.includes(L.type));return Qe?{...ie,toolsType:Qe}:null});return La(G)})(y,ni),x=!e.features.edition,f=t<40(6+b.length),P=t<40(3+b.length),[H,E]=S.useState(!1),[z,T]=S.useState(!1),[Z,R]=S.useState(!1),B=()=>{E(I=>!I)},W=()=>{R(I=>!I)},D=I=>{c(I),E(!1)},ae=I=>{D(y.find($=>$.id===I)??a)},J=y.find(I=>I.type===a.type)!==void 0;return d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"react-paint-editor-toolbar-toolbox",style:{"--react-paint-editor-toolbar-minwidth":"160px"},children:[d.jsxs("div",{className:"react-paint-editor-toolbar-shrinkable",children:[d.jsx(Te,{type:Xe,disabled:x,img:Xe.icon,isActive:a.id===Xe.id,setActive:D}),(e.size==="infinite"\|\|e.features.zoom)&&d.jsx(Te,{type:ua,disabled:x,img:ua.icon,isActive:a.id===ua.id,setActive:D}),P?d.jsx(U,{disabled:x,onClick:B,title:"Toggle tools",icon:'<svg><path d="M5.333 9.292 10.021 1.646 14.708 9.292ZM14.562 18.333Q13 18.333 11.896 17.229Q10.792 16.125 10.792 14.562Q10.792 13 11.896 11.896Q13 10.792 14.562 10.792Q16.125 10.792 17.229 11.896Q18.333 13 18.333 14.562Q18.333 16.125 17.229 17.229Q16.125 18.333 14.562 18.333ZM2.5 17.917V11.188H9.229V17.917ZM14.562 16.583Q15.438 16.583 16.01 16.01Q16.583 15.438 16.583 14.562Q16.583 13.688 16.01 13.115Q15.438 12.542 14.562 12.542Q13.688 12.542 13.115 13.115Q12.542 13.688 12.542 14.562Q12.542 15.438 13.115 16.01Q13.688 16.583 14.562 16.583ZM4.25 16.167H7.479V12.938H4.25ZM8.458 7.542H11.583L10.021 5ZM10.021 7.542ZM7.479 12.938ZM14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Z"/></svg>',selected:J}):b.map(I=>d.jsx(si,{disabled:x,activeTool:a,group:I,setActiveToolFromId:ae},"id"in I?I.id:I.title))]}),!f&&d.jsxs(d.Fragment,{children:[d.jsx(Te,{type:vt,disabled:x\|\|!s,img:vt.icon,isActive:a.id===vt.id,setActive:h}),d.jsx(Te,{type:mt,disabled:x\|\|!n,img:mt.icon,isActive:a.id===mt.id,setActive:u}),d.jsx(Te,{type:St,disabled:x\|\|!o,img:St.icon,isActive:a.id===St.id,setActive:i})]}),d.jsx(ei,{withActionsInMenu:f,disabled:x,activeTool:a,addPicture:v,loadFile:p,saveFile:m,togglePictureUrlModal:()=>{T(!0)},toggleExportModal:W,withUploadPicture:C,withUrlPicture:w,withLoadAndSave:r,withExport:l,hasActionToUndo:s,hasActionToRedo:n,hasActionToClear:o,undoAction:h,redoAction:u,clearCanvas:i})]}),H&&d.jsx(Ut,{className:"react-paint-editor-toolbar-modal",onClose:B,title:"Outils",children:y.map(I=>I.type==="picture"?null:d.jsx(Te,{disabled:x,type:I,img:I.icon,withText:!1,isActive:a.id===I.id,setActive:D},I.id))}),z&&d.jsx(ti,{togglePictureUrlModal:()=>{T(I=>!I)},addPicture:v}),Z&&d.jsx(ai,{toggleExportModal:W,exportCanvasInFile:g})]})},ea={none:0,small:10,medium:20,large:40},ii={toolbarBackgroundColor:"white",dividerColor:"#36418129",fontRadius:8,fontDisabledColor:"#3641812b",fontDisabledBackgroundColor:"transparent",fontColor:"#364181",fontBackgroundColor:"transparent",fontSelectedColor:"white",fontSelectedBackgroundColor:"#364181",fontHoverColor:"#364181",fontHoverBackgroundColor:"#afd8d8"},ri=()=>{const e=S.useRef([]),[t,a]=S.useState([]);return S.useEffect(()=>()=>{for(const s of e.current)clearTimeout(s)},[]),{snackbarList:t,addSnackbar:({type:s=Ro,duration:n=Do,text:o})=>{const r={id:Se("snackbar_"),duration:n,type:s,text:o};a(l=>[...l,r]),e.current=[...e.current,setTimeout(()=>{return l=r.id,void a(i=>i.filter(c=>c.id!==l));var l},n)]}}},li=({moveShapes:e,selectAllShapes:t,selectionMode:a,transformShape:s,settings:n,canvasRef:o,closeContextMenu:r,toggleShapeVisibility:l,toggleShapeLock:i,removeShape:c,duplicateShapes:h,copiedShape:u,setCopiedShape:v,pasteShapes:p,removeShapePoint:m})=>{const g=S.useRef(null),y=S.useRef(null),{isOpen:w}=Ta({trigger:"hover",buttonElt:g.current}),{isOpen:C}=Ta({trigger:"hover",buttonElt:y.current}),{originalShape:b,cursorStartPosition:x,anchor:f}=a,P=X(b),H=P.length>0,E=P.length===1&&(P[0]?.type==="polygon"\|\|P[0]?.type==="curve")&&f!==void 0&&P[0]?.points?.length>2,z=!P.some(D=>D.visible===!1);P.some(D=>D.locked);const T=16+36(2+(H?8:0)+(E?1:0))+16(H?3:1),[Z]=S.useState(()=>[(x[0]+n.canvasOffset[0])n.canvasSize.scaleRatio,36+(x[1]+n.canvasOffset[1])n.canvasSize.scaleRatio]),[R,B]=S.useState();S.useEffect(()=>{const D=o?.current?.getBoundingClientRect();if(!D)return;const ae=D.left+Z[0],J=D.top+Z[1],I=Math.max(0,Math.min(ae,window.innerWidth-176))-D.left,$=Math.max(0,Math.min(J,window.innerHeight-T))-D.top,G=I>window.innerWidth-176-Math.min(I,200)?"left":"right";B({x:I,y:$,subMenuPosition:G})},[o,Z,T]);const W=R?{"--react-paint-editor-toolbox-contextmenu-transform":`translate3D(${R.x}px, ${R.y}px, 0)`}:{display:"none"};return d.jsxs(Jt,{className:"react-paint-editor-toolbox-contextmenu",style:W,children:[H&&d.jsxs(d.Fragment,{children:[E&&d.jsx(U,{onClick:()=>{E&&m(P[0],f),r()},children:"Delete point"}),d.jsxs("div",{className:"react-paint-editor-toolbox-contextmenu-group",ref:g,children:[d.jsx(U,{icon:Fa,children:"Organize"}),w&&d.jsxs(Jt,{position:R?.subMenuPosition,children:[d.jsx(U,{onClick:()=>{H&&e(P,"forward"),r()},children:"Move forward"}),d.jsx(U,{onClick:()=>{H&&e(P,"first"),r()},children:"Put on first"}),d.jsx(U,{onClick:()=>{H&&e(P,"backward"),r()},children:"Move backward"}),d.jsx(U,{onClick:()=>{H&&e(P,"last"),r()},children:"Put on last"})]})]}),d.jsxs("div",{className:"react-paint-editor-toolbox-contextmenu-group",ref:y,children:[d.jsx(U,{icon:Fa,children:"Transform"}),C&&d.jsxs(Jt,{position:R?.subMenuPosition,children:[d.jsx(U,{onClick:()=>{H&&s(P,b.computed.center,"rotateClockwise"),r()},children:"Rotate clockwise"}),d.jsx(U,{onClick:()=>{H&&s(P,b.computed.center,"rotateCounterclockwise"),r()},children:"Rotate counterclockwise"})]})]}),d.jsx("hr",{}),d.jsx(U,{onClick:()=>{H&&(v(oe(P,n)),c(P)),r()},children:"Cut"}),d.jsx(U,{onClick:()=>{H&&v(oe(P,n)),r()},children:"Copy"})]}),d.jsx(U,{onClick:()=>{u&&p(ja(u,n)),r()},disabled:!u,children:"Paste"}),d.jsx("hr",{}),H&&d.jsxs(d.Fragment,{children:[d.jsx(U,{onClick:()=>{H&&h(P,!0,!0),r()},children:"Duplicate"}),d.jsx(U,{onClick:()=>{H&&l(P.filter(D=>z?D.visible!==!1:D.visible===!1)),r()},children:z?"Hide":"Show"}),d.jsx(U,{onClick:()=>{H&&c(P),r()},children:"Delete"}),d.jsx("hr",{})]}),d.jsx(U,{onClick:()=>{t(),r()},children:"Select all"})]})};Ke.Canvas=({options:e,className:t,style:a,canvasProps:s})=>{const{shapesRef:n,selectedShape:o,selectionFrame:r,hoveredShape:l,addShape:i,setSelectedShape:c,selectAllShapes:h,setSelectionFrame:u,refreshSelectedShapes:v,refreshHoveredShape:p,duplicateShapes:m,removeShape:g,updateShape:y,backwardShape:w,forwardShape:C,saveShapes:b,refs:x,width:f,height:P,settings:H,setCanvasSize:E,setCanvasOffset:z,pasteShapes:T,activeTool:Z,setActiveTool:R,isInsideComponent:B,isInsideCanvas:W,isEditMode:D,canvas:{withSkeleton:ae,withFrameSelection:J,withContextMenu:I,canGrow:$,canShrink:G},canvasOffsetStartData:ie,setCanvasOffsetStartData:Qe,selectionMode:L,setSelectionMode:q,setCanvasMoveAcceleration:M,isShiftPressed:k,isAltPressed:Q,isSpacePressed:V,copiedShape:N,setCopiedShape:j,setShiftPressed:_,setAltPressed:F,setCanvasZoom:A,resetZoom:te,setIsSpacePressed:ve}=s,{canvasBackgroundColor:Y,canvasSelectionColor:Le,canvasSelectionWidth:de}={...En,...e},Ee=S.useRef(null),We=S.useCallback(re=>{E({realWidth:f,realHeight:P,width:re,height:Pre/f,scaleRatio:re/f})},[f,P,E]);return(({isInsideComponent:re,isInsideCanvas:ge,selectedShape:se,isEditingText:ue,settings:K,copiedShape:ne,setCopiedShape:le,setSelectedShape:we,setActiveTool:Re,setCanvasZoom:Ae,resetZoom:ye,setSelectionMode:De,setSelectionFrame:Ct,selectAllShapes:Mt,removeShape:ut,pasteShapes:Oe,updateShapes:kt,backwardShape:Pt,forwardShape:Ve,setShiftPressed:at,setAltPressed:st,setIsSpacePressed:_e})=>{S.useEffect(()=>{const ht=O=>{se&&(ue\|\|(O.preventDefault(),le({...se})))},pt=O=>{se&&(ue\|\|(O.preventDefault(),le({...se}),ut(X(se))))},gt=O=>{ne&&(ue\|\|(O.preventDefault(),Oe(ja(ne,K))))},pe=O=>{switch(O.key){case pn:at(!1);break;case gn:case fn:st(!1);break;case $t:_e(!1)}},me=O=>{if(O.metaKey\|\|O.ctrlKey){if(O.key===Vo\|\|O.key===Lo)return O.preventDefault(),O.stopPropagation(),void(O.shiftKey?Ve():Pt());if(!ys()&&(O.key===Ho\|\|O.key===Zo))return O.preventDefault(),O.stopPropagation(),void Ve();if(O.key===Po\|\|O.key===jo)return O.preventDefault(),O.stopPropagation(),void Mt();if(O.key===zo)return O.preventDefault(),O.stopPropagation(),void Ae("zoom");if(O.key===To)return O.preventDefault(),O.stopPropagation(),void Ae("unzoom");if(O.key===Ao)return O.preventDefault(),O.stopPropagation(),void ye()}if(O.key===pn)return O.preventDefault(),O.stopPropagation(),void at(!0);if(O.key===$t&&ge)return O.preventDefault(),O.stopPropagation(),void _e(!0);if(O.key===gn\|\|O.key===fn)return O.preventDefault(),O.stopPropagation(),void st(!0);if(!se)return;if(O.key===ko)return we(void 0),Re(Xe),De({mode:"default"}),void Ct(void 0);if(ue)return;const et={[un]:[K.gridGap?-K.gridGap:-1,0],[hn]:[K.gridGap?K.gridGap:1,0],[dn]:[0,K.gridGap?K.gridGap:1],[cn]:[0,K.gridGap?-K.gridGap:-1]};switch(O.key){case un:case hn:case dn:case cn:O.preventDefault(),O.stopPropagation(),kt(Gs(et[O.key],se,[0,0],K,!0));break;case Co:case Mo:O.preventDefault(),O.stopPropagation(),ut(X(se))}};if(re)return document.addEventListener("keydown",me),document.addEventListener("keyup",pe),document.addEventListener(mn,ht),document.addEventListener(Sn,gt),document.addEventListener(vn,pt),()=>{document.removeEventListener("keydown",me),document.removeEventListener("keyup",pe),document.removeEventListener(mn,ht),document.removeEventListener(Sn,gt),document.removeEventListener(vn,pt)}},[re,ge,ne,ue,se,K,kt,ut,we,Oe,Pt,Ve,at,st,Re,De,Ct,le,Ae,ye,_e,Mt])})({isInsideComponent:B,isInsideCanvas:W,isEditingText:L.mode==="textedition",settings:H,selectedShape:o,copiedShape:N,setCopiedShape:j,selectAllShapes:h,setSelectedShape:c,removeShape:g,pasteShapes:T,updateShapes:y,backwardShape:w,forwardShape:C,setShiftPressed:_,setAltPressed:F,setActiveTool:R,setSelectionMode:q,setSelectionFrame:u,setCanvasZoom:A,resetZoom:te,setIsSpacePressed:ve}),(({onResized:re,element:ge})=>{S.useEffect(()=>{const se=ge.current;if(!se)return;const ue=new ResizeObserver(K=>{const ne=K?.[0]?.borderBoxSize?.[0],{width:le,height:we}=ne?{width:ne.inlineSize,height:ne.blockSize}:K?.[0]?.contentRect??{};le!==void 0&&we!==void 0&&re(le,we)});return ue.observe(se),()=>{ue.unobserve(se)}},[ge,re])})({element:Ee,onResized:We}),d.jsx("div",{ref:Ee,className:"react-paint-app-row"+(t?` ${t}`:""),"data-grow":$,"data-shrink":G,style:{"--react-paint-app-row-width":H.canvasSize.width,"--react-paint-app-canvaswidth":f,"--react-paint-app-canvasheight":P,"--react-paint-app-row-aspectratio":`calc(${H.canvasSize.width} / ${H.canvasSize.height})`,"--react-paint-app-canvas-bg":Y,...a},children:d.jsx(wo,{duplicateShapes:m,isSpacePressed:V,withContextMenu:I,ref:x.canvas,canGrow:$,isInsideComponent:B,isInsideCanvas:W,activeTool:Z,setActiveTool:R,canvasOffsetStartData:ie,setCanvasOffsetStartData:Qe,shapes:n.current,addShapes:i,updateSingleShape:y,selectedShape:o,selectionFrame:r,setSelectedShape:c,setSelectionFrame:u,hoveredShape:l,refreshHoveredShape:p,refreshSelectedShapes:v,settings:H,setCanvasOffset:z,saveShapes:b,selectionMode:L,setSelectionMode:q,setCanvasMoveAcceleration:M,selectionColor:Le,selectionWidth:de,isEditMode:D,isShiftPressed:k,isAltPressed:Q,withFrameSelection:J,withSkeleton:ae})})},Ke.Editor=({editorProps:e,className:t,style:a,options:s,children:n})=>{const{selectionMode:o,setSelectionMode:r,shapesRef:l,addPictureShape:i,moveShapes:c,swapShapes:h,toggleShapeVisibility:u,toggleShapeLock:v,canGoBackward:p,canGoForward:m,canClear:g,selectedShape:y,copiedShape:w,setCopiedShape:C,pasteShapes:b,removeShape:x,duplicateShapes:f,updateShape:P,backwardShape:H,forwardShape:E,removeShapePoint:z,transformShape:T,refs:Z,width:R,height:B,selectTool:W,selectShapes:D,selectAllShapes:ae,activeTool:J,setActiveTool:I,setAvailableTools:$,isEditMode:G,availableTools:ie,gridGap:Qe,setGridGap:L,loadFile:q,exportPicture:M,exportData:k,clearCanvas:Q,settings:V,setCanvasZoom:N,saveShapes:j,canvas:{canGrow:_,layersManipulation:F,withExport:A,withLoadAndSave:te,withUploadPicture:ve,withUrlPicture:Y,withContextMenu:Le}}=e,{toolbarBackgroundColor:de,dividerColor:Ee,fontRadius:We,fontDisabledColor:re,fontDisabledBackgroundColor:ge,fontColor:se,fontBackgroundColor:ue,fontSelectedColor:K,fontSelectedBackgroundColor:ne,fontHoverColor:le,fontHoverBackgroundColor:we}={...ii,...s},Re=V.size==="infinite"\|\|V.features.zoom,[Ae,ye]=S.useState(!1),[De,Ct]=S.useState(!1),[Mt,ut]=S.useState(Re),Oe=Re&&Mt,kt=Qe>=ea.large?"large":Qe>=ea.medium?"medium":Qe>=ea.small?"small":"none",{snackbarList:Pt,addSnackbar:Ve}=ri(),at=S.useCallback((pe,me,O)=>{$(et=>et.map(Tt=>Tt.id===pe?Ie(["settings",me,"default"],O,Tt):Tt)),I(et=>et.id===pe?Ie(["settings",me,"default"],O,et):et)},[I,$]),st=S.useCallback(pe=>{ye(!0);try{M(pe)}catch(me){me instanceof Error&&Ve({type:"error",text:`L'export a échoué : ${me.message}`}),console.warn(me)}finally{ye(!1)}},[M,Ve]),_e=S.useCallback(()=>{ye(!0);try{k(),ye(!1)}catch(pe){pe instanceof Error&&Ve({type:"error",text:"L'enregistrement a échoué"}),console.warn(pe)}finally{ye(!1)}},[k,Ve]),ht=S.useCallback(async pe=>{ye(!0);try{await q(pe),Ve({type:"success",text:"Fichier chargé !"})}catch(me){me instanceof Error&&Ve({type:"error",text:"Le chargement a échoué"}),console.warn(me)}finally{ye(!1)}},[q,Ve]),pt=S.useCallback(async pe=>{ye(!0);try{const me=await i(pe,R,B);D([me])}catch(me){me instanceof Error&&Ve({type:"error",text:"Le chargement a échoué"}),console.warn(me)}finally{ye(!1)}},[i,D,Ve,R,B]),gt=`${t?`${t} `:""}${De?"react-paint-editor-layout-opened ":""}react-paint-editor-app`;return d.jsxs("div",{ref:Z.setEditor,className:gt,style:{"--react-paint-editor-app-maxWidth":_?"100%":`${R}px`,"--react-paint-editor-app-toolbar-bg":de,"--react-paint-editor-app-divider-color":Ee,"--react-paint-editor-app-font-radius":`${We}px`,"--react-paint-editor-app-font-disabled-color":re,"--react-paint-editor-app-font-disabled-bg":ge,"--react-paint-editor-app-font-color":se,"--react-paint-editor-app-font-bg":ue,"--react-paint-editor-app-font-selected-color":K,"--react-paint-editor-app-font-selected-bg":ne,"--react-paint-editor-app-font-hover-color":le,"--react-paint-editor-app-font-hover-bg":we,...a},children:[G&&d.jsx(oi,{settings:V,width:V.canvasSize.width,activeTool:J,clearCanvas:Q,setActiveTool:W,exportCanvasInFile:st,saveFile:_e,loadFile:ht,addPicture:pt,hasActionToUndo:p,hasActionToRedo:m,hasActionToClear:g,undoAction:H,redoAction:E,availableTools:ie,withExport:A,withLoadAndSave:te,withUploadPicture:ve,withUrlPicture:Y}),n,G&&F&&d.jsx(Bo,{gridFormat:kt,setGridFormat:pe=>{L(ea[pe])},shapes:l.current,swapShapes:h,selectedShapes:y,removeShape:x,selectShapes:D,toggleShapeVisibility:u,toggleShapeLock:v,isLayoutPanelShown:De,settings:V}),Oe&&d.jsxs(dt,{alignment:"left",position:"bottom",className:"react-paint-editor-layouts-panel","data-edit":+G,children:[d.jsx(U,{className:"react-paint-editor-zoom-button",icon:'<svg viewBox="0 -960 960 960" width="24px"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400ZM280-540v-80h200v80H280Z"/></svg>',onClick:()=>N("unzoom")}),d.jsxs(U,{className:"react-paint-editor-zoom-button react-paint-editor-zoom-button-value",onClick:()=>N("default"),children:[Math.round(100V.canvasZoom),"%"]}),d.jsx(U,{className:"react-paint-editor-zoom-button",icon:qa,onClick:()=>N("zoom")})]}),G&&d.jsxs(d.Fragment,{children:[d.jsx(Jo,{saveShapes:j,setCanvasZoom:N,width:V.canvasSize.width,activeTool:J,availableTools:ie,selectedShape:y,settings:V,removeShape:x,updateShape:P,canvas:Z.canvas.current,layersManipulation:F,toggleLayoutPanel:()=>{Ct(pe=>!pe)},isZoomPanelShown:Oe,setIsZoomPanelShown:ut,updateToolSettings:at}),d.jsx(Eo,{isLoading:Ae}),d.jsx(Wo,{snackbarList:Pt})]}),o.mode==="contextMenu"&&Le&&d.jsx(li,{selectionMode:o,settings:V,canvasRef:Z.canvas,closeContextMenu:()=>{r({mode:"default"}),Z.canvas.current?.focus()},selectAllShapes:ae,removeShape:x,moveShapes:c,duplicateShapes:f,toggleShapeLock:v,toggleShapeVisibility:u,setCopiedShape:C,copiedShape:w,pasteShapes:b,removeShapePoint:z,transformShape:T})]})},Ke.useReactPaint=({width:e=1e3,height:t=600,shapes:a,mode:s="editor",disabled:n=!1,options:o=vs}={})=>{const{layersManipulation:r,brushAlgo:l,isBrushShapeDoneOnMouseUp:i,debug:c,grid:h,canGrow:u,canShrink:v,withExport:p,withLoadAndSave:m,withUploadPicture:g,withUrlPicture:y,withSkeleton:w,withFrameSelection:C,withContextMenu:b,clearCallback:x,availableTools:f,canvasSelectionPadding:P,size:H,canZoom:E}={...vs,...o},z=s!=="viewer",T=b&&z&&!n,Z=S.useRef(null),R=S.useRef(null),B=S.useRef(!1),W=S.useCallback(ee=>{Z.current=ee},[]),[D,ae]=S.useState(void 0),[J,I]=S.useState(Xe),[$,G]=S.useState({mode:"default"}),[ie,Qe]=S.useState(h),[L,q]=S.useState({realWidth:e,realHeight:t,width:e,height:t,scaleRatio:1}),M=E==="always"&&!n,{canvasTransformation:k,setCanvasTransformation:Q,setCanvasOffset:V,setCanvasZoom:N,resetZoom:j}=yo({canvasSize:L,size:H,canvasElt:R.current,zoomEnabled:M}),{offset:_,zoom:F}=k,A=S.useMemo(()=>({brushAlgo:l,isBrushShapeDoneOnMouseUp:i,debug:c,canvasSize:{realWidth:L.realWidth,realHeight:L.realHeight,width:L.width,height:L.height,scaleRatioWithNoZoom:L.scaleRatio,scaleRatio:L.scaleRatioF},size:H,canvasOffset:_,canvasZoom:F,gridGap:ie,selectionPadding:P,features:{edition:z&&!n,zoom:M}}),[P,ie,l,i,c,F,_,L,H,n,M,z]),[te,ve]=S.useState(rn(f,g\|\|y)),{isInsideComponent:Y,isInsideCanvas:Le}=(({settings:ee,componentRef:ce,canvasRef:Ze})=>{const[xe,ke]=S.useState(!1),[Be,Ye]=S.useState(!1),be=!ee.features.edition&&!ee.features.zoom;return S.useEffect(()=>{if(!be){const Ce=()=>ke(!0),aa=()=>ke(!1),nt=()=>Ye(!0),sa=()=>Ye(!1);return ce.current?.addEventListener("focusin",Ce),ce.current?.addEventListener("focusout",aa),Ze.current?.addEventListener("focusin",nt),Ze.current?.addEventListener("focusout",sa),()=>{ce.current?.removeEventListener("focusin",Ce),ce.current?.removeEventListener("focusout",aa),Ze.current?.removeEventListener("focusin",nt),Ze.current?.removeEventListener("focusout",sa)}}ke(!1),Ye(!1)},[be,ce,Ze]),{isInsideComponent:xe,isInsideCanvas:Be}})({settings:A,componentRef:Z,canvasRef:R}),[de,Ee]=S.useState(!1),[We,re]=S.useState(!1),[ge,se]=S.useState(!1),{registerEvent:ue,unregisterEvent:K,shapesRef:ne,selectedShape:le,selectionFrame:we,hoveredShape:Re,copiedShape:Ae,setCopiedShape:ye,addShapes:De,addPictureShape:Ct,moveShapes:Mt,swapShapes:ut,setSelectedShape:Oe,setSelectionFrame:kt,refreshSelectedShapes:Pt,refreshHoveredShape:Ve,duplicateShapes:at,removeShape:st,updateShape:_e,backwardShape:ht,forwardShape:pt,clearShapes:gt,saveShapes:pe,toggleShapeVisibility:me,toggleShapeLock:O,transformShape:et,canGoBackward:Tt,canGoForward:ci,canClear:di}=mo(A,e,t,de),Aa=S.useCallback(ee=>{Oe(void 0),I(ee)},[Oe]),[jt,kn]=S.useState([0,0]),Pn=$.mode==="preview";S.useEffect(()=>{if(Pn)return()=>G(ee=>ee.mode==="preview"?{mode:"default"}:ee)},[le?.id,Pn]);const jn=$.mode==="selectionFrame";S.useEffect(()=>{if(jn)return()=>kn([0,0])},[jn]),S.useEffect(()=>{if(jt[0]!==0\|\|jt[1]!==0){const ee=setInterval(()=>{Q(({offset:ce,zoom:Ze})=>{const xe=[ce[0]-jt[0],ce[1]-jt[1]];return Ca({zoom:Ze,size:H,canvasSize:L,newOffset:xe})})},20);return()=>clearInterval(ee)}},[jt[0],jt[1],Q,H,L]);const ta=S.useCallback((ee,ce)=>{gt(ee,ce),Aa(Xe),Q({offset:[0,0],zoom:1})},[Aa,gt,Q]),Lt=S.useCallback(ee=>{Oe(ce=>(ce?.id!==ee.map(Ze=>Ze.id).join("-")&&I(Xe),oe(ee,A)))},[Oe,A]),Ln=S.useCallback(ee=>{De(ee),Lt(ee)},[De,Lt]),Vn=S.useCallback(()=>{Lt(ne.current)},[Lt,ne]),ui=S.useCallback(()=>{const ee=fo(ne.current,e,t);if(!ee)throw new Error("L'encodage a échoué");tn(ee,"drawing.json")},[ne,e,t]),hi=S.useCallback(ee=>{const ce=an({shapes:ne.current,settings:A,view:ee});tn(ce,"drawing.png")},[ne,A]),pi=S.useCallback(ee=>an({shapes:ne.current,settings:A,view:ee}),[ne,A]),gi=S.useCallback(()=>Ha(ne.current,e,t),[ne,e,t]),ft=S.useCallback(async(ee,ce)=>{const Ze=await(async(xe,ke)=>{if(!xe)return[];const Be=[],Ye=La(xe.map(be=>{if(!be\|\|!ps.includes(be.type))return null;if(be.type==="picture"){const Ce=new Image,aa=new Promise((nt,sa)=>{Ce.onload=()=>{URL.revokeObjectURL(Ce.src),nt()},Ce.onerror=()=>{sa(new Error("Some images could not be loaded"))}});if(Be.push(aa),be.src.startsWith("http"))en(be.src).then(nt=>{Ce.src=nt}).catch(()=>{Ce.src=""});else if(be.src.includes("<svg")){const nt=new Blob([be.src],{type:"image/svg+xml"});Ce.src=URL.createObjectURL(nt)}else Ce.src=be.src;return sn({...be,img:Ce},ke)}return sn(be,ke)}));return await Promise.all(Be),Ye})(ee,A);ta(Ze,ce)},[ta,A]),Ea=S.useRef(ft);Ea.current=ft;const fi=S.useCallback((ee=[],ce=!0)=>{Ea.current?.(ee,{clearHistory:ce,source:"remote"})},[]);S.useEffect(()=>{B.current\|\|(B.current=!0,a&&Ea.current?.(a,{clearHistory:!0,source:"remote"}))},[a]);const vi=S.useCallback(async ee=>{const ce=await(async Ze=>new Promise((xe,ke)=>{const Be=new FileReader;Be.onload=Ye=>{const be=Ye.target?.result;if(!be)return ke("Impossible de récupérer les données du fichier");const Ce=JSON.parse(be);xe(Ce)},Be.readAsText(Ze)}))(ee);await ft(ce.shapes??[],{clearHistory:!0,source:"remote"})},[ft]),mi=S.useCallback(()=>{typeof x!="string"?ft(x(),{clearHistory:!1,source:"user"}):x==="defaultShapes"&&a!==void 0?ft(a,{clearHistory:!1,source:"user"}):ta([],{clearHistory:!1,source:"user"})},[ta,ft,a,x]),Si=S.useCallback((ee,ce)=>{const Ze=ee.type==="curve"?((xe,ke,Be)=>{if(ke<0\|\|ke>xe.points.length-1)return xe;const Ye={...xe,points:xe.points.filter((be,Ce)=>Ce!==ke)};return wt(Ye,Be)})(ee,ce,A):((xe,ke,Be)=>{if(ke<0\|\|ke>xe.points.length-1)return xe;const Ye={...xe,points:xe.points.filter((be,Ce)=>Ce!==ke)};return Qt(Ye,Be)})(ee,ce,A);_e([Ze],!0)},[A,_e]);S.useEffect(()=>{ve(rn(f,g\|\|y))},[f,g,y]);const Zn={canvas:R,editor:Z,setEditor:W};return{annotationsProps:{style:{userSelect:"none",touchAction:"none",transformOrigin:"left top",transform:"scale(var(--react-paint-canvas-zoom)) translate(calc(var(--react-paint-canvas-offset-x) 100% / var(--react-paint-app-canvaswidth)), calc(var(--react-paint-canvas-offset-y) * 100% / var(--react-paint-app-canvasheight)))","--react-paint-canvas-zoom":A.canvasZoom,"--react-paint-canvas-offset-x":A.canvasOffset[0],"--react-paint-canvas-offset-y":A.canvasOffset[1],"--react-paint-app-canvaswidth":e,"--react-paint-app-canvasheight":t}},editorProps:{shapesRef:ne,addPictureShape:Ct,moveShapes:Mt,swapShapes:ut,toggleShapeVisibility:me,toggleShapeLock:O,duplicateShapes:at,canGoBackward:Tt,canGoForward:ci,canClear:di,selectedShape:le,copiedShape:Ae,setCopiedShape:ye,pasteShapes:Ln,saveShapes:pe,removeShape:st,updateShape:_e,backwardShape:ht,forwardShape:pt,removeShapePoint:Si,transformShape:et,refs:Zn,width:e,height:t,selectTool:Aa,selectShapes:Lt,selectAllShapes:Vn,activeTool:J,setActiveTool:I,setAvailableTools:ve,isEditMode:z,availableTools:te,gridGap:ie,setGridGap:Qe,loadFile:vi,exportPicture:hi,exportData:ui,clearCanvas:mi,selectionMode:$,setSelectionMode:G,settings:A,setCanvasZoom:N,resetZoom:j,canvas:{canGrow:u,canShrink:v,layersManipulation:r,withExport:p,withLoadAndSave:m,withUploadPicture:g,withUrlPicture:y,withContextMenu:T}},canvasProps:{shapesRef:ne,selectedShape:le,selectionFrame:we,hoveredShape:Re,copiedShape:Ae,pasteShapes:Ln,setCopiedShape:ye,addShape:De,setSelectedShape:Oe,setSelectionFrame:kt,refreshSelectedShapes:Pt,refreshHoveredShape:Ve,removeShape:st,updateShape:_e,duplicateShapes:at,backwardShape:ht,forwardShape:pt,saveShapes:pe,refs:Zn,width:e,height:t,settings:A,setCanvasSize:q,setCanvasOffset:V,setCanvasZoom:N,resetZoom:j,selectShapes:Lt,selectAllShapes:Vn,activeTool:J,setActiveTool:I,isInsideComponent:Y,isInsideCanvas:Le,isEditMode:z,canvas:{withSkeleton:w,withFrameSelection:C,withContextMenu:T,canGrow:u,canShrink:v},canvasOffsetStartData:D,setCanvasOffsetStartData:ae,selectionMode:$,setSelectionMode:G,setCanvasMoveAcceleration:kn,isShiftPressed:de,isAltPressed:We,isSpacePressed:ge,setShiftPressed:Ee,setAltPressed:re,setIsSpacePressed:se},registerEvent:ue,unregisterEvent:K,resetCanvas:fi,resetZoom:j,getCurrentImage:pi,getCurrentData:gi,setCanvasOffset:V,setCanvasZoom:N}},Object.defineProperty(Ke,Symbol.toStringTag,{value:"Module"})});
1	+ (function(Ke,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime"],m):m((Ke=typeof globalThis<"u"?globalThis:Ke\|\|self)["react-paint"]={},Ke.React,Ke.jsxRuntime)})(this,function(Ke,m,d){"use strict";const Ra='<svg><path d="M5.146 17.5Q4.146 17.5 3.208 17Q2.271 16.5 1.667 15.708Q2.208 15.75 2.802 15.344Q3.396 14.938 3.396 14.104Q3.396 13.042 4.135 12.292Q4.875 11.542 5.958 11.542Q7.021 11.542 7.76 12.292Q8.5 13.042 8.5 14.104Q8.5 15.5 7.51 16.5Q6.521 17.5 5.146 17.5ZM9.917 12.5 7.562 10.146 14.917 2.729Q15.146 2.5 15.469 2.5Q15.792 2.5 16.021 2.729L17.271 3.958Q17.5 4.188 17.5 4.531Q17.5 4.875 17.271 5.125Z"/></svg>',na='<svg><path d="M2.5 17.5V2.5H17.5V17.5ZM4.25 15.75H15.75V4.25H4.25ZM4.25 15.75V4.25V15.75Z"/></svg>',oa='<svg><path d="M10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333ZM10 16.583Q12.75 16.583 14.667 14.667Q16.583 12.75 16.583 10Q16.583 7.25 14.667 5.333Q12.75 3.417 10 3.417Q7.25 3.417 5.333 5.333Q3.417 7.25 3.417 10Q3.417 12.75 5.333 14.667Q7.25 16.583 10 16.583ZM10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Z"/></svg>',ia='<svg><path d="M12.25 18.333V16.167L6.833 13.458H2.5V8.208H6.25L8.25 5.917V1.667H13.5V6.917H9.708L7.75 9.146V11.958L12.25 14.208V13.083H17.5V18.333Z"/></svg>',Da='<svg><path d="M4.125 5.083V3.333H7.062L7.896 2.5H12.104L12.938 3.333H15.875V5.083ZM6.75 17.5Q6.021 17.5 5.51 16.99Q5 16.479 5 15.75V5.958H15V15.75Q15 16.479 14.49 16.99Q13.979 17.5 13.25 17.5Z"/></svg>',Ia='<svg><path d="M10 17.5Q7.208 17.5 5.271 15.594Q3.333 13.688 3.333 10.958Q3.333 9.583 3.854 8.396Q4.375 7.208 5.292 6.292L10 1.667L14.688 6.292Q15.604 7.208 16.135 8.396Q16.667 9.583 16.667 10.958Q16.667 13.688 14.719 15.594Q12.771 17.5 10 17.5ZM5.146 11.667H14.854Q15.083 10.188 14.552 9.146Q14.021 8.104 13.479 7.562L10 4.125L6.521 7.562Q5.979 8.104 5.448 9.146Q4.917 10.188 5.146 11.667Z"/></svg>',ra='<svg><path d="M4.792 15.083 8.333 11.542 9.833 13.021 11.667 10.708 15.167 15.083ZM6.667 8.417Q5.938 8.417 5.427 7.906Q4.917 7.396 4.917 6.667Q4.917 5.938 5.427 5.427Q5.938 4.917 6.667 4.917Q7.396 4.917 7.906 5.427Q8.417 5.938 8.417 6.667Q8.417 7.396 7.906 7.906Q7.396 8.417 6.667 8.417ZM4.167 18.333Q3.125 18.333 2.396 17.604Q1.667 16.875 1.667 15.833V4.167Q1.667 3.125 2.396 2.396Q3.125 1.667 4.167 1.667H15.833Q16.875 1.667 17.604 2.396Q18.333 3.125 18.333 4.167V15.833Q18.333 16.875 17.604 17.604Q16.875 18.333 15.833 18.333ZM4.167 16.583H15.833Q16.146 16.583 16.365 16.365Q16.583 16.146 16.583 15.833V4.167Q16.583 3.854 16.365 3.635Q16.146 3.417 15.833 3.417H4.167Q3.854 3.417 3.635 3.635Q3.417 3.854 3.417 4.167V15.833Q3.417 16.146 3.635 16.365Q3.854 16.583 4.167 16.583Z"/></svg>',Wa='<svg><path d="M8.708 16.667V5.917H4.167V3.333H15.833V5.917H11.292V16.667Z"/></svg>',Na='<svg><path d="M7.5 15.833V14.083H12.833L3.333 4.583L4.583 3.333L14.083 12.833V7.5H15.833V15.833Z"/></svg>',Ba='<svg viewBox="0 -960 960 960"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>',Fa='<svg><path d="M7.521 17.5Q6.125 17.5 5.146 16.51Q4.167 15.521 4.167 14.125V7.417Q3.438 7.125 2.969 6.49Q2.5 5.854 2.5 5.042Q2.5 3.979 3.24 3.24Q3.979 2.5 5.042 2.5Q6.104 2.5 6.844 3.24Q7.583 3.979 7.583 5.042Q7.583 5.854 7.115 6.49Q6.646 7.125 5.917 7.417V14.125Q5.917 14.792 6.385 15.271Q6.854 15.75 7.521 15.75Q8.188 15.75 8.656 15.271Q9.125 14.792 9.125 14.125V5.875Q9.125 4.479 10.104 3.49Q11.083 2.5 12.479 2.5Q13.875 2.5 14.854 3.49Q15.833 4.479 15.833 5.875V12.583Q16.562 12.875 17.031 13.51Q17.5 14.146 17.5 14.958Q17.5 16.021 16.76 16.76Q16.021 17.5 14.958 17.5Q13.896 17.5 13.156 16.76Q12.417 16.021 12.417 14.958Q12.417 14.146 12.885 13.5Q13.354 12.854 14.083 12.583V5.875Q14.083 5.208 13.615 4.729Q13.146 4.25 12.479 4.25Q11.812 4.25 11.344 4.729Q10.875 5.208 10.875 5.875V14.125Q10.875 15.521 9.896 16.51Q8.917 17.5 7.521 17.5Z"/></svg>',Oa='<svg><path d="M5.833 15V3.333H10.375Q11.812 3.333 12.885 4.156Q13.958 4.979 13.958 6.375Q13.958 7.375 13.49 7.969Q13.021 8.562 12.396 8.875V9.042Q13.312 9.354 13.844 10.021Q14.375 10.688 14.375 11.75Q14.375 13.312 13.229 14.156Q12.083 15 10.5 15ZM8.125 8.042H10.188Q10.854 8.042 11.302 7.656Q11.75 7.271 11.75 6.708Q11.75 6.167 11.302 5.771Q10.854 5.375 10.188 5.375H8.125ZM8.125 12.917H10.354Q11.167 12.917 11.625 12.51Q12.083 12.104 12.083 11.458Q12.083 10.812 11.625 10.406Q11.167 10 10.354 10H8.125Z"/></svg>',Ya='<svg><path d="M4.167 16.667V14.083H6.979L10.229 5.917H7.5V3.333H15.833V5.917H13.021L9.771 14.083H12.5V16.667Z"/></svg>',Xa='<svg><path d="M3.021 16V15H17V16ZM3.021 13.5V12H17V13.5ZM3 10.5V8.5H16.979V10.5ZM3.021 7V4H17V7Z"/></svg>',$a='<svg><path d="M16.354 18.833 14.521 17Q13.542 17.646 12.396 17.99Q11.25 18.333 10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.729 2.01 7.594Q2.354 6.458 3 5.458L1.167 3.625L2.396 2.396L17.583 17.604ZM10 16.583Q10.896 16.583 11.708 16.365Q12.521 16.146 13.25 15.729L4.292 6.75Q3.875 7.479 3.646 8.292Q3.417 9.104 3.417 10Q3.417 12.729 5.344 14.656Q7.271 16.583 10 16.583ZM17 14.562 15.708 13.271Q16.125 12.542 16.354 11.719Q16.583 10.896 16.583 10Q16.583 7.271 14.656 5.344Q12.729 3.417 10 3.417Q9.104 3.417 8.292 3.646Q7.479 3.875 6.75 4.292L5.458 3Q6.458 2.354 7.594 2.01Q8.729 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.271 17.979 12.417Q17.625 13.562 17 14.562ZM11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771Q11.229 8.771 11.229 8.771ZM8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Q8.771 11.229 8.771 11.229Z"/></svg>',Ua='<svg><path d="M16.354 18.833 14.521 17Q13.542 17.646 12.396 17.99Q11.25 18.333 10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.729 2.01 7.594Q2.354 6.458 3 5.458L1.167 3.625L2.396 2.396L17.583 17.604ZM17 14.562 5.458 3Q6.458 2.354 7.594 2.01Q8.729 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.271 17.979 12.417Q17.625 13.562 17 14.562Z"/></svg>',qa='<svg viewBox="0 -960 960 960" width="24px"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"/></svg>',Le=["transparent","black","white","red","green","blue","yellow"],tt=[0,1,2],Ga=[[1,0],[1,2],[4,6]],Vt="serif",Wn=2,_a=3,Nn=4,ye="react-paint-",Ka={strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}},la={type:"picture",id:`${ye}picture`,icon:ra,label:"Image",settings:{opacity:{min:0,max:100,step:1,default:100}}},Ja={type:"brush",id:`${ye}brush`,icon:Ra,label:"Brosse",settings:{strokeColor:{values:Le,default:"black"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:6,max:20,step:2,default:10},lineDash:{values:tt,default:0}}},es={type:"line",id:`${ye}line`,icon:Na,label:"Ligne",settings:{strokeColor:{values:Le,default:"black"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},lineArrow:{values:[0,1,2,3],default:0}}},ts={type:"polygon",id:`${ye}polygon`,icon:ia,label:"Polygone",settings:{strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},closedPoints:{default:0}}},as={type:"curve",id:`${ye}curve`,icon:Fa,label:"Courbe",settings:{strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0},closedPoints:{default:0}}},ss={type:"rect",id:`${ye}rect`,icon:na,label:"Rectangle",settings:Ka},ns={type:"square",id:`${ye}square`,icon:na,label:"Carré",settings:{strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},os={type:"circle",id:`${ye}circle`,icon:oa,label:"Cercle",settings:{strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},is={type:"ellipse",id:`${ye}ellipse`,icon:oa,label:"Ellipse",settings:{strokeColor:{values:Le,default:"black"},fillColor:{values:Le,default:"transparent"},opacity:{min:0,max:100,step:1,default:100},lineWidth:{min:1,max:20,step:1,default:1},lineDash:{values:tt,default:0}}},rs={type:"text",id:`${ye}text`,icon:Wa,label:"Texte",settings:{strokeColor:{values:Le,default:"black"},opacity:{min:0,max:100,step:1,default:100},fontFamily:{values:["arial","serif","monospace"],default:Vt},fontBold:{values:[!1,!0],default:!1},fontItalic:{values:[!1,!0],default:!1}}},Xe={id:`${ye}selection`,type:"selection",icon:'<svg><path d="M8.0145 11.1707C8.38484 10.9914 8.82183 11.1558 8.99959 11.5295L10.7031 15.2591L12.0363 14.6238L10.3254 10.9017C10.1476 10.528 10.3106 10.0795 10.6809 9.90761L10.8883 9.84782L12.5918 9.51148L6.48133 4.33192V12.389L7.82934 11.2903L8.0145 11.1707ZM10.6587 16.9258C10.2883 17.1052 9.84395 16.9482 9.67359 16.5745L8.05894 13.0318L6.19988 14.5416C6.07396 14.6462 5.91842 14.706 5.74066 14.706C5.54423 14.706 5.35584 14.6272 5.21694 14.4871C5.07803 14.3469 5 14.1568 5 13.9586V2.74741C5 2.54919 5.07803 2.35908 5.21694 2.21891C5.35584 2.07874 5.54423 2 5.74066 2C5.91842 2 6.08878 2.06727 6.21469 2.1719L6.2221 2.16443L14.7323 9.36947C15.0508 9.63854 15.0879 10.1094 14.8286 10.4233C14.7175 10.5579 14.562 10.6475 14.4064 10.6774L12.0659 11.1408L13.6954 14.6761C13.888 15.0498 13.7102 15.4908 13.3399 15.6627L10.6587 16.9258Z"/></svg>',label:"Sélection"},vt={id:`${ye}undo`,type:"undo",icon:'<svg><path d="M11.708 15.833H5.854V14.083H11.708Q13 14.083 13.958 13.292Q14.917 12.5 14.917 11.271Q14.917 10.042 13.958 9.24Q13 8.438 11.708 8.438H6.667L8.792 10.562L7.562 11.792L3.333 7.562L7.562 3.333L8.792 4.562L6.667 6.688H11.708Q13.729 6.688 15.198 7.99Q16.667 9.292 16.667 11.25Q16.667 13.208 15.198 14.521Q13.729 15.833 11.708 15.833Z"/></svg>',label:"Undo"},mt={id:`${ye}redo`,type:"redo",icon:'<svg><path d="M8.292 15.833Q6.271 15.833 4.802 14.521Q3.333 13.208 3.333 11.25Q3.333 9.292 4.802 7.99Q6.271 6.688 8.292 6.688H13.333L11.208 4.562L12.438 3.333L16.667 7.562L12.438 11.792L11.208 10.562L13.333 8.438H8.292Q7 8.438 6.042 9.229Q5.083 10.021 5.083 11.25Q5.083 12.5 6.042 13.292Q7 14.083 8.292 14.083H14.146V15.833Z"/></svg>',label:"Redo"},St={id:`${ye}clear`,type:"clear",icon:'<svg><path d="M7.854 13.812 10 11.688 12.125 13.812 13.354 12.604 11.208 10.458 13.354 8.312 12.125 7.104 10 9.229 7.854 7.104 6.625 8.312 8.771 10.458 6.625 12.604ZM5.896 17.5Q5.167 17.5 4.656 16.99Q4.146 16.479 4.146 15.75V5.125H3.333V3.375H7.542V2.5H12.458V3.375H16.667V5.125H15.833V15.75Q15.833 16.479 15.323 16.99Q14.812 17.5 14.083 17.5Z"/></svg>',label:"Clear"},ca={id:`${ye}export`,type:"export",icon:'<svg><path d="M10 13.271 5.708 8.979 6.958 7.729 9.125 9.896V3.333H10.875V9.896L13.042 7.729L14.292 8.979ZM5.083 16.667Q4.354 16.667 3.844 16.156Q3.333 15.646 3.333 14.917V12.5H5.083V14.917Q5.083 14.917 5.083 14.917Q5.083 14.917 5.083 14.917H14.917Q14.917 14.917 14.917 14.917Q14.917 14.917 14.917 14.917V12.5H16.667V14.917Q16.667 15.646 16.156 16.156Q15.646 16.667 14.917 16.667Z"/></svg>',label:"Export PNG"},ls={id:`${ye}load`,type:"loadfile",icon:'<svg><path d="M3.417 16.667Q2.729 16.667 2.198 16.135Q1.667 15.604 1.667 14.917V5.083Q1.667 4.396 2.198 3.865Q2.729 3.333 3.417 3.333H8.25L9.917 5H16.667Q17.354 5 17.844 5.531Q18.333 6.062 18.333 6.75H3.417V14.917Q3.417 14.917 3.417 14.917Q3.417 14.917 3.417 14.917L5.438 8.5H19.583L17.396 15.479Q17.229 16.021 16.802 16.344Q16.375 16.667 15.833 16.667Z"/></svg>',label:"Load project"},da={id:`${ye}save`,type:"savefile",icon:'<svg><path d="M17.5 5.833V15.75Q17.5 16.479 16.99 16.99Q16.479 17.5 15.75 17.5H4.25Q3.521 17.5 3.01 16.99Q2.5 16.479 2.5 15.75V4.25Q2.5 3.521 3.01 3.01Q3.521 2.5 4.25 2.5H14.167ZM10 14.917Q11.062 14.917 11.823 14.156Q12.583 13.396 12.583 12.333Q12.583 11.271 11.823 10.51Q11.062 9.75 10 9.75Q8.938 9.75 8.177 10.51Q7.417 11.271 7.417 12.333Q7.417 13.396 8.177 14.156Q8.938 14.917 10 14.917ZM5.021 8.396H12.521V5.021H5.021Z"/></svg>',label:"Save project"},ha={id:`${ye}move`,type:"move",icon:'<svg viewBox="0 -960 960 960"><path d="M412-48q-21.95 0-40.98-9Q352-66 338-83L48-434l27-28q17-17 41.5-20.5T162-473l126 74v-381q0-15.3 10.29-25.65Q308.58-816 323.79-816t25.71 10.35Q360-795.3 360-780v300h80v-396q0-15.3 10.29-25.65Q460.58-912 475.79-912t25.71 10.35Q512-891.3 512-876v396h80v-348q0-15.3 10.29-25.65Q612.58-864 627.79-864t25.71 10.35Q664-843.3 664-828v348h80v-252q0-15.3 10.29-25.65Q764.58-768 779.79-768t25.71 10.35Q816-747.3 816-732v540q0 60-42 102T672-48H412Z"/></svg>',label:"Move"},cs={id:`${ye}upload-picture`,type:"uploadpicture",icon:ra,label:"Upload picture"},ds=2,hs="blue",ot=14,us=[[0,0],[.5,0],[1,0],[1,.5],[1,1],[.5,1],[0,1],[0,.5]],ps=["brush","rect","square","line","polygon","circle","curve","ellipse","picture","text","triangle","group"],Bn=["rect","square","circle","ellipse","picture","text","triangle","brush","group"],Fn=["square","circle","picture","text"],gs="react-paint-canvas-drawcanvas",fs="react-paint-canvas-selectioncanvas",vs={layersManipulation:!0,grid:0,canGrow:!1,canShrink:!0,withExport:!0,withLoadAndSave:!0,withUploadPicture:!0,withUrlPicture:!1,withContextMenu:!0,availableTools:[Ja,es,ts,as,ss,ns,os,is,la,rs],clearCallback:"empty",brushAlgo:"simple",isBrushShapeDoneOnMouseUp:!0,withFrameSelection:!0,withSkeleton:!0,canvasSelectionPadding:0,size:"fixed",canZoom:"never",debug:!1},On={canvasBackgroundColor:"white",canvasSelectionColor:hs,canvasSelectionWidth:ds},ms=300,ua=(e,t)=>{const a={...t};for(const s of e)Array.isArray(s)?s[1].includes(a[s[0]])&&delete a[s[0]]:delete a[s];return a},We=(e,t,a)=>{const s=Array.isArray(a)?[...a]:{...a},n=Array.isArray(e)?e:typeof e=="string"?e.split("."):[e];return n.reduce((o,r,l)=>(o[r]=pa(o[r])?{...o[r]}:Array.isArray(o[r])?[...o[r]]:o[r]===void 0\|\|o[r]===null?{}:o[r],l===n.length-1&&(o[r]=t),o[r]),s),s},pa=e=>typeof e=="object"&&!Array.isArray(e)&&e!==null,$e=(e,t,a)=>{if(!pa(t)\|\|!pa(a))return a;const s={...t};for(const n in a)a.hasOwnProperty(n)&&(s.hasOwnProperty(n)?s[n]=e(s[n],a[n],n)??$e(e,s[n],a[n]):s[n]=a[n]);return s},Ss=(e,t)=>{if(e===t)return!0;if(typeof e!="object"\|\|typeof t!="object"\|\|e===null\|\|t===null)return!1;const a=Object.keys(e),s=Object.keys(t);if(a.length!==s.length)return!1;for(const n of a)if(!s.includes(n)\|\|!Ss(e[n],t[n]))return!1;return!0},ga={},be=(e="")=>(ga[e]\|\|(ga[e]=0),`${e}${++ga[e]}`),Ue=(e,t,a)=>Math.max(t,Math.min(e,a)),ys=()=>typeof navigator<"u"&&navigator.userAgent.includes("Macintosh"),xs=e=>{e.reset(),e.lineCap="round",e.lineJoin="round"},Ve=(e,t={})=>{const{lineCap:a="round",fillColor:s="transparent",opacity:n=100,strokeColor:o=hs,lineWidth:r=ds,lineDash:l=0,shadowColor:i="transparent",shadowBlur:c=0}=t;e.lineCap=a,e.globalAlpha=n/100,e.fillStyle=s,e.strokeStyle=o,e.lineWidth=r,e.setLineDash(l===0?[]:[Ga[l][0]r,Ga[l][1]r]),e.shadowColor=i,e.shadowBlur=c},yt=(e,t,a,s)=>{e.save(),e.scale(t.canvasSize.scaleRatio,t.canvasSize.scaleRatio),e.translate(t.canvasOffset[0],t.canvasOffset[1]),a&&s&&(e.translate(s[0],s[1]),e.rotate(a),e.translate(-s[0],-s[1]))},fa=e=>180e/Math.PI,bs=(e,t)=>{const a=t.x-Math.min(Math.max(t.x,e.x),e.x+e.width),s=t.y-Math.min(Math.max(t.y,e.y),e.y+e.height);return Math.sqrt(aa+ss)<=t.radius},fe=({origin:e=[0,0],point:t,rotation:a=0})=>{if(a===0)return t;const s=[t[0]-e[0],t[1]-e[1]],n=s[1]Math.cos(a)-s[0]Math.sin(a);return[s[1]Math.sin(a)+s[0]Math.cos(a)+e[0],n+e[1]]},ws=e=>(e+2Math.PI)%(2Math.PI),Qs=({targetVector:[e,t],radian:a=!0,originVector:s})=>{const n=ws(Math.atan2(t[1]-e[1],t[0]-e[0]));if(s){const[o,r]=s,l=Math.atan2(r[1]-o[1],r[0]-o[0]),i=ws(n-l);return a?i:fa(i)}return a?n:fa(n)},Cs=(e,t)=>Math.sqrt((e[0]-t[0])2+(e[1]-t[1])2),it=(e,t,a)=>{const s=fe({origin:t.computed.center,point:e.computed.center,rotation:t.rotation??0}),n=(s[0]-(e.computed.borders.width/2-a.settings.selectionPadding)-(a.originalBorders.x+a.settings.selectionPadding))a.widthMultiplier,o=(s[1]-(e.computed.borders.height/2-a.settings.selectionPadding)-(a.originalBorders.y+a.settings.selectionPadding))a.heightMultiplier;return{x:a.newBorderX+a.settings.selectionPadding+(a.isXinverted?a.newBorderWidth-2a.settings.selectionPadding-(e.computed.borders.width-2a.settings.selectionPadding\|\|1)a.widthMultiplier-n:n),y:a.newBorderY+a.settings.selectionPadding+(a.isYinverted?a.newBorderHeight-2a.settings.selectionPadding-(e.computed.borders.height-2a.settings.selectionPadding\|\|1)a.heightMultiplier-o:o)}},rt=(e,t,a,s,n)=>fe({origin:e.groupCenter,point:[t+s/2,a+n/2],rotation:-e.rotation}),va=(e,{selectionPadding:t})=>{const a=e.points.flat(),s=Math.min(...a.map(i=>i[0])),n=Math.min(...a.map(i=>i[1])),o=a.map(i=>Ne(i,s,n,e.scaleX,e.scaleY)),r=Math.max(...o.map(i=>i[0]))+t,l=Math.max(...o.map(i=>i[1]))+t;return{x:s-t,width:r-s+t,y:n-t,height:l-n+t}},xt=(e,t)=>{const a=$n(e,t),s=qe(e,va,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},Yn=xt,Ms=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=va({...e,scaleX:1,scaleY:1},o),c=i.width-2o.selectionPadding,u=i.height-2o.selectionPadding,h=e.scaleX??1?(e.scaleX??1)r:r/c,p=e.scaleY??1?(e.scaleY??1)l:l/u,g=ch,v=up,S=it(e,t,a),b=rt(a,S.x,S.y,g,v),C=ze(b[0]-g/2-e.computed.borders.x-o.selectionPadding)+(s?2e.computed.borders.x+i.width:0),P=ze(b[1]-v/2-e.computed.borders.y-o.selectionPadding)+(n?2e.computed.borders.y+i.height:0),M=(s\|\|n)&&!(s&&n)&&(e.rotation??0)!==0&&a.rotation!==e.rotation;return xt({...e,points:e.points.map(x=>x.map(([f,j])=>[s?-f+C:f+C,n?-j+P:j+P])),scaleX:h,scaleY:p,rotation:M?-(e.rotation??0):e.rotation??0},a.settings)},ze=(e,t=2)=>Math.round(e10t)/10t,Ne=(e,t,a,s=1,n=1)=>[t+(e[0]-t)s,a+(e[1]-a)n],Pe=(e,t,a=0)=>{if(!t.gridGap)return ze(e);const s=e+a,n=s>=0?t.gridGap:-t.gridGap;return s+n/2-(s+n/2)%n-a},Xn=(e,t,a,s,n,o,r)=>{if(s.mode==="translate")return ce(nn(a,s.originalShape,s.cursorStartPosition,n,o),n);if(s.mode==="rotate"){const l=s.originalShape.computed.center[0]-s.cursorStartPosition[0],i=s.originalShape.computed.center[1]-s.cursorStartPosition[1],c=s.originalShape.computed.center[0]-a[0],u=s.originalShape.computed.center[1]-a[1],h=((g,v,S)=>v.gridGap\|\|S?g+Math.PI/18/2-(g+Math.PI/18/2)%(Math.PI/18):ze(g,3))(Math.atan2(u,c)-Math.atan2(i,l),n,o),p=G(s.originalShape).map(g=>Be(tn(g,h,s.originalShape.computed.center),n));return ce(p,n)}return s.mode==="resize"?ce(mo(e,a,s.originalShape,s,n,o,r),n):s.mode==="brush"?ce(G(t).map(l=>((i,c,u)=>{const h={...i,points:We(i.points.length-1,[...i.points[i.points.length-1],[Math.round(c[0]),Math.round(c[1])]],i.points)};return xt(h,u)})(l,a,n)),n):t},Zt=e=>{const t=new Path2D;return t.rect(e.x,e.y,e.width,e.height),t},At=e=>{const t=new Path2D;return t.arc(e.x,e.y,e.radius,0,2Math.PI),t},Et=e=>{const t=new Path2D;return t.moveTo(...e.points[0]),t.lineTo(...e.points[1]),t},$n=(e,{brushAlgo:t})=>{const a=new Path2D;if(e.points.length<1)return a;const s=e.points.flat(),n=s.map(i=>i[0]),o=s.map(i=>i[1]),r=Math.min(...n),l=Math.min(...o);for(const i of e.points)if(i.length)if(i.length===1)a.rect(...Ne(i[0],r,l,e.scaleX,e.scaleY),1,1);else if(a.moveTo(...Ne(i[0],r,l,e.scaleX,e.scaleY)),t==="quadratic"){for(let c=0;c<i.slice(1).length-2;c++){const u=Ne(i[c],r,l,e.scaleX,e.scaleY),h=Ne(i[c+1],r,l,e.scaleX,e.scaleY),p=(u[0]+h[0])/2,g=(u[1]+h[1])/2;a.quadraticCurveTo(...u,p,g)}a.quadraticCurveTo(...Ne(i[i.length-2],r,l,e.scaleX,e.scaleY),...Ne(i[i.length-1],r,l,e.scaleX,e.scaleY))}else for(const c of i.slice(1))a.lineTo(...Ne(c,r,l,e.scaleX,e.scaleY));return a},Un=(e,t,a,s)=>{const n=f=>(1-f)3e[0]+3(1-f)2ft[0]+3(1-f)f2a[0]+f*3s[0],o=f=>(1-f)*3e[1]+3(1-f)2ft[1]+3(1-f)f2a[1]+f*3s[1],r=(f,j,z)=>{const N=f-2j+z,E=-2f+2j,R=f;if(Math.abs(N)<1e-10){if(Math.abs(E)<1e-10)return[];const Z=-R/E;return Z>0&&Z<1?[Z]:[]}const T=EE-4NR;if(T<0)return[];const A=Math.sqrt(T),B=(-E-A)/(2N),O=(-E+A)/(2N),X=[];return B>0&&B<1&&X.push(B),O>0&&O<1&&O!==B&&X.push(O),X},l=e[0],i=t[0],c=a[0],u=s[0],h=e[1],p=t[1],g=a[1],v=s[1],S=r(i-l,c-i,u-c),b=r(p-h,g-p,v-g);let C=Math.min(e[0],s[0]),P=Math.max(e[0],s[0]),M=Math.min(e[1],s[1]),x=Math.max(e[1],s[1]);for(const f of S){const j=n(f);C=Math.min(C,j),P=Math.max(P,j)}for(const f of b){const j=o(f);M=Math.min(M,j),x=Math.max(x,j)}return{minX:C,maxX:P,minY:M,maxY:x}},ma=(e,t)=>e.style?.closedPoints===1&&t.length>2?[t[t.length-2],...t,t[0],t[1]]:[t[0],...t,t[t.length-1]],Sa=(e,t,a,s)=>({cp1:[t[0]+(a[0]-e[0])/6,t[1]+(a[1]-e[1])/6],cp2:[a[0]-(s[0]-t[0])/6,a[1]-(s[1]-t[1])/6]}),ks=e=>{const t=new Path2D,a=e.tempPoint?[...e.points,e.tempPoint]:e.points;if(a.length<2)return t;t.moveTo(...a[0]);for(const s of a.slice(1))t.lineTo(...s);return a.length>2&&e.style?.closedPoints===1&&t.lineTo(...a[0]),t},qn=e=>{const t=new Path2D;return t.moveTo(...e.points[0]),t.lineTo(...e.points[1]),t.lineTo(...e.points[2]),t.lineTo(...e.points[0]),t},Gn=(e,t)=>({x:t.x-(e.style?.lineWidth??0)/2,y:t.y-(e.style?.lineWidth??0)/2,width:t.width+(e.style?.lineWidth??0),height:t.height+(e.style?.lineWidth??0)}),qe=(e,t,a,s=Gn)=>{const n=t(e,a),o=s(e,n,a),r=[n.x+n.width/2,n.y+n.height/2],l=((i,c,u=0)=>{if(u===0)return i;const h=[[i.x,i.y],[i.x+i.width,i.y],[i.x+i.width,i.y+i.height],[i.x,i.y+i.height]].map(v=>fe({point:v,origin:c,rotation:u})),p=Math.min(...h.map(v=>v[0])),g=Math.min(...h.map(v=>v[1]));return{x:p,y:g,width:Math.max(...h.map(v=>v[0]))-p,height:Math.max(...h.map(v=>v[1]))-g}})(o,r,e.rotation);return{borders:n,outerBorders:o,center:r,boundingBox:l}},bt=(e,t,a)=>{const{borders:s}=t;return{type:"rect",border:Zt(s),shapePath:e,line:Et({points:[[s.x+s.width/2,s.y],[s.x+s.width/2,s.y-23/a.canvasSize.scaleRatio]]}),anchors:[At({x:s.x+s.width/2,y:s.y-23/a.canvasSize.scaleRatio,radius:7/a.canvasSize.scaleRatio}),...us.map(n=>At({x:s.x+s.widthn[0],y:s.y+s.heightn[1],radius:7/a.canvasSize.scaleRatio}))]}},Ps=({borderStart:e,borderSize:t,vector:a,settings:s,invertedAxe:n,anchor:o})=>{switch(o){case 0:{if(n){const l=Math.max(0,a-t)+2s.selectionPadding;return[e+t-2s.selectionPadding,l]}const r=Math.max(2s.selectionPadding,t-a);return[e+t-r,r]}case .5:return[e,t];case 1:if(n){const r=Math.min(e,e+t+a);return[r,e-r+2s.selectionPadding]}return[e,Math.max(2s.selectionPadding,t+a)];default:return[0,0]}},js=({borderX:e,borderWidth:t,borderY:a,borderHeight:s,center:n,originalShape:o})=>{const r=[e+t/2-n[0],a+s/2-n[1]],[l,i]=fe({point:r,rotation:-(o.rotation??0)});return{borderX:ze(e+l-r[0]),borderWidth:ze(t),borderY:ze(a+i-r[1]),borderHeight:ze(s)}},_n=(e,t,a,s)=>{const n=t.x+t.width/2,o=t.y+t.height/2,r=a?2e.borderWidth+t.width:Math.abs(t.width+2(e.borderWidth-t.width)),l=s?2e.borderHeight+t.height:Math.abs(t.height+2(e.borderHeight-t.height));return{...e,borderHeight:l,borderWidth:r,borderX:n-r/2,borderY:o-l/2}},lt=(e,t,a,s,n=!1,o=!1)=>{const{center:r,borders:l}=t.computed,i=fe({origin:r,point:e,rotation:t.rotation}),c=o&&n?[l.x+l.width/2,l.x+l.width/2]:[l.x+l.width-s.selectionPadding,l.x+s.selectionPadding],u=o&&n?[l.y+l.height/2,l.y+l.height/2]:[l.y+l.height-s.selectionPadding,l.y+s.selectionPadding],h=a.anchor[0]===0&&i[0]>=c[0]\|\|a.anchor[0]===1&&i[0]<=c[1],p=a.anchor[1]===0&&i[1]>=u[0]\|\|a.anchor[1]===1&&i[1]<=u[1],g=[Pe(i[0],s,a.anchor[0]===0&&!h\|\|a.anchor[0]===1&&h?s.selectionPadding:-s.selectionPadding),Pe(i[1],s,a.anchor[1]===0&&!p\|\|a.anchor[1]===1&&p?s.selectionPadding:-s.selectionPadding)];if(n&&o){const f=(({roundCursorPosition:j,borders:z,center:N,selectionMode:E,originalShape:R,settings:T})=>{const{selectionPadding:A}=T,B=Math.max(1,z.width-2A),O=Math.max(1,z.height-2A),X="ratio"in R&&R.ratio?R.ratio:B/O,Z=z.x+z.width/2,te=z.y+z.height/2;let D=1;if(E.anchor[0]!==.5&&E.anchor[1]!==.5){const k=[(E.anchor[0]-.5)B,(E.anchor[1]-.5)O],U=[j[0]-Z,j[1]-te],w=Math.hypot(k[0],k[1])\|\|1;D=Math.hypot(U[0],U[1])/w}else if(E.anchor[0]===.5){const k=(E.anchor[1]-.5)O,U=j[1]-te,w=Math.abs(k)\|\|1;D=Math.abs(U)/w}else{const k=(E.anchor[0]-.5)B,U=j[0]-Z,w=Math.abs(k)\|\|1;D=Math.abs(U)/w}const _=2A/(B+2A),K=BMath.max(D,_),ne=K+2A,re=K/X+2A;return{borderX:Z-ne/2,borderY:te-re/2,borderWidth:ne,borderHeight:re,center:N,originalShape:R}})({roundCursorPosition:g,borders:l,center:r,selectionMode:a,originalShape:t,settings:s});return{...js(f),isXinverted:h,isYinverted:p}}const v=s.gridGap?[a.anchor[0]===0?l.x:a.anchor[0]===.5?l.x+l.width/2:l.x+l.width,a.anchor[1]===0?l.y:a.anchor[1]===.5?l.y+l.height/2:l.y+l.height]:fe({origin:r,point:a.cursorStartPosition,rotation:t.rotation}),S=[g[0]-v[0],g[1]-v[1]],[b,C]=Ps({borderStart:l.x,borderSize:l.width,vector:S[0],settings:s,invertedAxe:h,anchor:a.anchor[0]}),[P,M]=Ps({borderStart:l.y,borderSize:l.height,vector:S[1],settings:s,invertedAxe:p,anchor:a.anchor[1]}),x=n?((f,j,z,N,E,R,T,A,B,O,X)=>{const{selectionPadding:Z}=X,te="ratio"in B&&B.ratio?B.ratio:(f.width-2Z\|\|1)/(f.height-2Z\|\|1),D=(N-2Z)/(R-2Z);let _,K,ne,re;return O.anchor[0]!==.5&&O.anchor[1]!==.5?D<te?(K=E,re=R,ne=(R-2Z)te+2Z,_=O.anchor[0]===0?T?f.x+f.width-2Z:f.x+(f.width-ne):T?f.x-ne+2Z:f.x):(_=z,ne=N,re=(N-2Z)/te+2Z,K=O.anchor[1]===0?A?f.y+f.height-2Z:f.y+(f.height-re):A?f.y-re+2Z:f.y):O.anchor[0]!==.5?(_=z,ne=N,re=(N-2Z)/te+2Z,K=f.y+(f.height-re)/2):(K=E,re=R,ne=(R-2Z)te+2Z,_=f.x+(f.width-ne)/2),{borderX:_,borderWidth:ne,borderY:K,borderHeight:re,center:j,originalShape:B}})(l,r,b,C,P,M,h,p,t,a,s):{borderX:b,borderWidth:C,borderY:P,borderHeight:M,center:r,originalShape:t};return{...js(o?_n(x,l,h,p):x),isXinverted:h,isYinverted:p}},Rt=(e,t)=>{const a=Zt(e),s=qe(e,ya,t);return{...e,path:a,computed:s,selection:bt(a,s,t)}},Kn=Rt,Ls=(e,t,a,s=0,n=0)=>{const o={toolId:e.id,type:e.type,id:be(`${e.type}_`),x:t[0],y:t[1],width:s,height:n,style:{opacity:e.settings.opacity.default,fillColor:e.settings.fillColor.default,strokeColor:e.settings.strokeColor.default,lineWidth:e.settings.lineWidth.default,lineDash:e.settings.lineDash.default}};return Rt(o,a)},Jn=(e,t)=>{e.globalAlpha!==0&&(t.style?.fillColor!=="transparent"&&e.fill(t.path),t.style?.strokeColor!=="transparent"&&e.stroke(t.path))},ya=(e,t)=>({x:e.x-t.selectionPadding,width:e.width+2t.selectionPadding,y:e.y-t.selectionPadding,height:e.height+2t.selectionPadding}),Vs=(e,t,a,[s,n]=[!1,!1])=>{const o=e[0]===.5?a.x+a.width/2:e[0]===0?a.x+(s?0:a.width):a.x+(s?a.width:0),r=e[1]===.5?a.y+a.height/2:e[1]===0?a.y+(n?0:a.height):a.y+(n?a.height:0);return xa([o,r],a.rotation??0,t)},Zs=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=(s\|\|n)&&!(s&&n)&&(e.rotation??0)!==0&&a.rotation!==e.rotation,c=it(e,t,a),u=(e.width\|\|1)r,h=(e.height\|\|1)l,p=rt(a,c.x,c.y,u,h);return Rt({...e,width:u,height:h,x:p[0]-u/2,y:p[1]-h/2,rotation:i?-(e.rotation??0):e.rotation??0},o)},Dt=(e,t,a,s,n,o,r,l="replace")=>{let i=!1;if(n){i=Ht(e,n,a,s,!0,o?20:void 0);const u=((h,p,g)=>{if(h.mode==="translate")return{mode:"translate",cursorStartPosition:g,originalShape:p,hasBeenDuplicated:!1,dateStart:Date.now(),selectedShapesLengthAtMouseDown:G(p).length};if(h.mode==="rotate"){const{center:v}=p.computed;return{mode:"rotate",cursorStartPosition:g,originalShape:p,center:[v[0],v[1]],selectedShapesLengthAtMouseDown:G(p).length}}return h.mode==="resize"?{mode:"resize",cursorStartPosition:g,originalShape:p,anchor:h.anchor,selectedShapesLengthAtMouseDown:G(p).length}:void 0})(i\|\|{mode:"default"},n,a);if(u?.mode==="resize"\|\|u?.mode==="rotate")return{shape:n,mode:u}}const c=t.find(u=>G(n).find(h=>u.id===h?.id)?i&&Ht(e,u,a,s,!0,o?20:void 0):!!Es(e,u,a,s))??(i?n:void 0);if(n&&n?.id===c?.id)return{shape:n,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:n,selectedShapesLengthAtMouseDown:G(n).length}};if(c){if(l==="add"){const h=ce(Hs(n,[c]),s);return{shape:h,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:h,selectedShapesLengthAtMouseDown:G(n).length}}}if(l==="remove"){const h=ce(eo(n,c),s);return{shape:h,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:h,selectedShapesLengthAtMouseDown:G(n).length}}}const u=G(n).find(h=>h.id===c?.id)?n:ce([c],s);return{shape:u,mode:{mode:"translate",cursorStartPosition:a,hasBeenDuplicated:!1,dateStart:Date.now(),originalShape:u,selectedShapesLengthAtMouseDown:G(n).length}}}return{shape:l!=="replace"?n:void 0,mode:{mode:r?"selectionFrame":"default"}}},ce=(e,t)=>{if(!e.length)return;if(e.length===1)return e[0];const a=e.some(r=>r.rotation!==e[0].rotation)?0:e[0]?.rotation??0,s=((r,l,i)=>{const c=r.map(x=>[[x.computed.borders.x+i.selectionPadding,x.computed.borders.y+i.selectionPadding],[x.computed.borders.x-i.selectionPadding+x.computed.borders.width,x.computed.borders.y+i.selectionPadding],[x.computed.borders.x-i.selectionPadding+x.computed.borders.width,x.computed.borders.y-i.selectionPadding+x.computed.borders.height],[x.computed.borders.x+i.selectionPadding,x.computed.borders.y-i.selectionPadding+x.computed.borders.height]].map(f=>{const j=fe({point:[f[0],f[1]],origin:x.computed.center,rotation:-(x.rotation??0)});return fe({point:[j[0],j[1]],origin:[0,0],rotation:l})})),u=Math.min(...c.flatMap(x=>[x[0][0],x[1][0],x[2][0],x[3][0]])),h=Math.min(...c.flatMap(x=>[x[0][1],x[1][1],x[2][1],x[3][1]])),p=Math.max(...c.flatMap(x=>[x[0][0],x[1][0],x[2][0],x[3][0]])),g=Math.max(...c.flatMap(x=>[x[0][1],x[1][1],x[2][1],x[3][1]])),v=[(u+p)/2,(h+g)/2],S=fe({point:v,origin:[0,0],rotation:-l}),b=[v[0]-S[0],v[1]-S[1]],C=ze(u-b[0]),P=ze(p-b[0]),M=ze(h-b[1]);return{width:P-C,height:ze(g-b[1])-M,x:C,y:M}})(e,a,t),n=Ls({id:"group_selection",type:"rect",settings:Ka},[s.x,s.y],t,s.width,s.height),o=e.slice(1).reduce((r,l)=>{const i=l.style??{},c={};for(const u in i)r[u]!==void 0&&i[u]!==void 0&&r[u]===i[u]&&(c[u]=r[u]);return c},e[0].style??{});return{id:e.map(r=>r.id).join("-"),type:"group",shapes:e,rotation:a,visible:!0,locked:!1,selection:n.selection,x:n.x,y:n.y,width:n.width,height:n.height,style:o,computed:n.computed,path:n.path}},G=e=>e?e.type==="group"?e.shapes:[e]:[],Hs=(e,t)=>{const a=G(e);return[...new Set([...a,...t])]},eo=(e,t)=>G(e).filter(a=>a.id!==t.id),zs=e=>{const{clientX:t=0,clientY:a=0}="touches"in e&&e.touches[0]?e.touches[0]:"changedTouches"in e&&e.changedTouches[0]?e.changedTouches[0]:"clientX"in e?e:{};return{clientX:t,clientY:a}},Ts=(e,t,a)=>{const{clientX:s,clientY:n}=zs(e),o=t.getBoundingClientRect();return[(s-o.left)/a.scaleRatio,(n-o.top)/a.scaleRatio]},ct=(e,t,a)=>{const{clientX:s,clientY:n}=zs(e),o=t?.getBoundingClientRect()??{left:0,top:0,width:a.canvasSize.width,height:a.canvasSize.height};return[(s-o.left)(a.canvasSize.width/o.width)/a.canvasSize.scaleRatio-a.canvasOffset[0],(n-o.top)(a.canvasSize.height/o.height)/a.canvasSize.scaleRatio-a.canvasOffset[1]]},Je=e=>"touches"in e,Ge=(e,t,[a,s])=>fe({origin:[a,s],point:e,rotation:t}),xa=(e,t,[a,s])=>fe({origin:[a,s],point:e,rotation:-t}),It=(e,t,a)=>a?bs(e,{x:t[0],y:t[1],radius:a}):((s,n)=>n[0]>=s.x&&n[0]<=s.x+s.width&&n[1]>=s.y&&n[1]<=s.y+s.height)(e,t),Ht=(e,t,a,s,n=!1,o=0)=>{const r=G(t).length>1?t:G(t)[0];if(!r)return!1;const{borders:l,center:i}=r.computed,c=Ge(a,r.rotation??0,i);if(n){const u=((h,p,g,v=0)=>{const{canvasSize:{scaleRatio:S}}=g,{borders:b}=h.computed;if(h.type==="line"\|\|h.type==="polygon"\|\|h.type==="curve"){for(let C=0;C<h.points.length;C++)if(It({x:h.points[C][0]-7/S,y:h.points[C][1]-7/S,width:ot/S,height:ot/S},p,v))return{mode:"resize",anchor:C}}else{if(It({x:b.x+b.width/2-7/S,y:b.y-ot/S-16/S,width:ot/S,height:ot/S},p,v))return{mode:"rotate"};for(const C of us)if(It({x:b.x+b.widthC[0]-7/S,y:b.y+b.heightC[1]-7/S,width:ot/S,height:ot/S},p,v))return{mode:"resize",anchor:C}}return!1})(r,c,s,o);if(u)return u}return r.selection?.type==="line"?(e.lineWidth=(r.style?.lineWidth??0)+15/s.canvasZoom,!!(ba(r,!0)?e.isPointInPath(r.path,c[0],c[1]):e.isPointInStroke(r.path,c[0],c[1]))&&{mode:"translate"}):!!It(l,c,15+o)&&{mode:"translate"}},As=(e,t,a,s,n=50)=>{if(t.locked\|\|t.points.length<2)return!1;const{center:o}=t.computed,r=Ge(a,t.rotation??0,o);e.lineWidth=(t.style?.lineWidth??0)+n/s.canvasZoom;const l=t.style?.closedPoints?[...t.points,t.points[0]]:t.points;for(let i=0;i<l.length-1;i++){const c=Et({points:[l[i],l[i+1]]});if(e.isPointInStroke(c,r[0],r[1]))return{lineIndex:i}}return!1},ba=(e,t=!1)=>!(!t\|\|!["curve","polygon"].includes(e.type))\|\|e.style?.fillColor&&e.style?.fillColor!=="transparent"\|\|["picture","text"].includes(e.type),Es=(e,t,a,s)=>{const{center:n}=t.computed,o=Ge(a,t.rotation??0,n);return e.lineWidth=(t.style?.lineWidth??0)+15/s.canvasZoom,!!(ba(t)?e.isPointInPath(t.path,o[0],o[1]):e.isPointInStroke(t.path,o[0],o[1]))&&{mode:"translate"}};function wa(e,t){const a=Math.max(e.x,t.x),s=Math.max(e.y,t.y),n=Math.min(e.x+(e.width\|\|1),t.x+(t.width\|\|1)),o=Math.min(e.y+(e.height\|\|1),t.y+(t.height\|\|1));if(a<n&&s<o)return{x:a,y:s,width:n-a,height:o-s}}const Rs=({ctx:e,path:t,rect:a,offset:s,center:n,rotation:o=0,checkFill:r})=>{for(let l=0;l<s;l+=s/2)for(let i=0;i<s;i+=s/2)for(let c=l+a.x;c<a.x+a.width;c+=s)for(let u=i+a.y;u<a.y+a.height;u+=s){const h=Ge([c,u],o,n);if(r?e.isPointInPath(t,h[0],h[1]):e.isPointInStroke(t,h[0],h[1]))return!0}return!1},Qa=(e,t,a,s)=>({type:"line",border:Zt(a.borders),shapePath:e,anchors:[...t.points.map(n=>At({x:n[0],y:n[1],radius:7/s.canvasSize.scaleRatio}))]}),Te=[.05,.1,.25,.5,1,2,4,8],Ca=({size:e,zoom:t,newOffset:[a,s],canvasSize:n})=>e==="infinite"?{zoom:t,offset:[a,s]}:t<1?{zoom:t,offset:[-(n.realWidth-n.realWidth/t)/2,-(n.realHeight-n.realHeight/t)/2]}:{zoom:t,offset:[Ue(a,n.realWidth/t-n.realWidth,0),Ue(s,n.realHeight/t-n.realHeight,0)]},Ma=({size:e,canvasSize:t,currentOffset:a,currentZoom:s,zoom:n,centerPoint:o})=>{const r=e==="fixed"&&n<1?[t.realWidth/2,t.realHeight/2]:o,l=a[0]-(r[0]/s-r[0]/n),i=a[1]-(r[1]/s-r[1]/n);return{offset:e==="infinite"?[l,i]:n<1?[-(t.realWidth-t.realWidth/n)/2,-(t.realHeight-t.realHeight/n)/2]:[Ue(l,t.realWidth/n-t.realWidth,0),Ue(i,t.realHeight/n-t.realHeight,0)],zoom:n}},Ds=e=>{const{canvasSize:{width:t,height:a,scaleRatioWithNoZoom:s},canvasZoom:n,canvasOffset:o}=e;return{x:o[0]ns,y:o[1]ns,width:tn,height:an}},Is=(e,t)=>{const{canvasZoom:a,size:s}=t;if(s!=="fixed"\|\|a>=1)return;const n=Ds(t);e.beginPath(),e.rect(n.x,n.y,n.width,n.height),e.closePath(),e.clip()},zt=(e,t)=>t.size!=="fixed"\|\|e[0]>0&&e[0]<t.canvasSize.realWidth&&e[1]>0&&e[1]<t.canvasSize.realHeight,to=(e,t)=>({x:e.x-e.radius-t.selectionPadding,width:2(e.radius+t.selectionPadding),y:e.y-e.radius-t.selectionPadding,height:2(e.radius+t.selectionPadding)}),Wt=(e,t)=>{const a=At(e),s=qe(e,to,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},ao=Wt,Ws=(e,t,a)=>{const s=it(e,t,a),n=(e.radius\|\|.5)a.widthMultiplier,o=rt(a,s.x,s.y,2n,2n);return Wt({...e,radius:n,x:o[0],y:o[1]},a.settings)},wt=(e,t)=>{const a=ks(e),s=qe(e,Nt,t);return{...e,path:a,selection:Qa(a,e,s,t),computed:s}},Ns=wt,Nt=(e,t)=>{const a=Math.min(...e.points.map(o=>o[0]))-t.selectionPadding,s=Math.max(...e.points.map(o=>o[0]))+t.selectionPadding,n=Math.min(...e.points.map(o=>o[1]))-t.selectionPadding;return{x:a,width:s-a,y:n,height:Math.max(...e.points.map(o=>o[1]))+t.selectionPadding-n}},so=(e,t,a,s)=>{if(t<0\|\|t>e.points.length-1)return e;const n=[...e.points.slice(0,t+1),a,...e.points.slice(t+1)];return wt({...e,points:n},s)},Bs=(e,t,a,s=!1)=>{const n=[Pe(t[0],a),Pe(t[1],a)],o=Ge(n,e.rotation??0,e.computed.center),r={...e,points:s?e.points:[...e.points,o],tempPoint:s?o:void 0};return wt(r,a)},no=(e,t,a)=>{const s=e.tempPoint?[...e.points,e.tempPoint]:e.points;if(s.length<2){const c=s[0]??[0,0],u=a.selectionPadding;return{x:c[0]-u,y:c[1]-u,width:2u,height:2u}}if(s.length<3)return Nt({...e,points:s},a);const n=ma(e,s);let o=Number.POSITIVE_INFINITY,r=Number.NEGATIVE_INFINITY,l=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let c=1;c<n.length-2;c++){const u=n[c-1],h=n[c],p=n[c+1],g=n[c+2],{cp1:v,cp2:S}=Sa(u,h,p,g),b=Un(h,v,S,p);o=Math.min(o,b.minX),r=Math.max(r,b.maxX),l=Math.min(l,b.minY),i=Math.max(i,b.maxY)}return ya({x:o,y:l,width:r-o,height:i-l},a)},Qt=(e,t)=>{const a=(n=>{const o=new Path2D,r=n.tempPoint?[...n.points,n.tempPoint]:n.points;if(r.length<2)return o;if(r.length<3)return ks(n);const l=n.style?.closedPoints===1&&r.length>2;o.moveTo(...r[0]);const i=ma(n,r);for(let c=1;c<i.length-2;c++){const u=i[c-1],h=i[c],p=i[c+1],g=i[c+2],{cp1:v,cp2:S}=Sa(u,h,p,g);o.bezierCurveTo(v[0],v[1],S[0],S[1],p[0],p[1])}return l&&o.closePath(),o})(e),s=qe(e,Nt,t,no);return{...e,path:a,selection:Qa(a,e,s,t),computed:s}},Fs=Qt,oo=(e,t,a,s)=>{if(t<0\|\|t>e.points.length-1)return e;const n=[...e.points.slice(0,t+1),a,...e.points.slice(t+1)];return Qt({...e,points:n},s)},Os=(e,t,a,s=!1)=>{const n=[Pe(t[0],a),Pe(t[1],a)],o=e.computed.center,r=Ge(n,e.rotation??0,o),l={...e,points:s?e.points:[...e.points,r],tempPoint:s?r:void 0};return Qt(l,a)},io=(e,t)=>({x:e.x-e.radiusX-t.selectionPadding,width:2(e.radiusX+t.selectionPadding),y:e.y-e.radiusY-t.selectionPadding,height:2(e.radiusY+t.selectionPadding)}),Bt=(e,t)=>{const a=(n=>{const o=new Path2D;return o.ellipse(n.x,n.y,n.radiusX,n.radiusY,0,0,2Math.PI),o})(e),s=qe(e,io,t);return{...e,path:a,selection:bt(a,s,t),computed:s}},ro=Bt,Ys=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=(s\|\|n)&&!(s&&n)&&(e.rotation??0)!==0&&a.rotation!==e.rotation,c=it(e,t,a),u=(e.radiusX\|\|.5)r,h=(e.radiusY\|\|.5)l,p=rt(a,c.x,c.y,2u,2h);return Bt({...e,radiusX:u,radiusY:h,x:p[0],y:p[1],rotation:i?-(e.rotation??0):e.rotation??0},o)},Xs=(e,t)=>((a,s)=>({...a,path:qn(a),computed:qe(a,Nt,s)}))({...e,id:be("triangle_"),type:"triangle"},t),lo=(e,t)=>{e.globalAlpha!==0&&(t.style?.fillColor!=="transparent"&&e.fill(t.path),t.style?.strokeColor!=="transparent"&&e.stroke(t.path))},co=(e,t)=>({x:Math.min(e.points[0][0],e.points[1][0])-t.selectionPadding,width:Math.abs(e.points[0][0]-e.points[1][0])+2t.selectionPadding,y:Math.min(e.points[0][1],e.points[1][1])-t.selectionPadding,height:Math.abs(e.points[0][1]-e.points[1][1])+2t.selectionPadding}),Ft=(e,t)=>{const a=[];let s;if(e.style?.lineArrow===1\|\|e.style?.lineArrow===2\|\|e.style?.lineArrow===3){const o=Math.PI/2-Qs({targetVector:[e.points[0],e.points[1]]});e.style?.lineArrow!==1&&e.style?.lineArrow!==3\|\|a.push(Xs($s(e.points[0],o,e.style),t)),e.style?.lineArrow!==2&&e.style?.lineArrow!==3\|\|a.push(Xs($s(e.points[1],o+Math.PI,e.style),t));const r=(({line:l,size:i,direction:c})=>{const u=Math.PI/2-Qs({targetVector:[l.points[0],l.points[1]]}),h=[l.points[0][0]+(l.points[1][0]-l.points[0][0])/2,l.points[0][1]+(l.points[1][1]-l.points[0][1])/2];let p,g;if(["start","both"].includes(c)){const v=fe({point:l.points[0],origin:h,rotation:-u});p=fe({point:[v[0],v[1]+i],origin:h,rotation:u})}else p=[...l.points[0]];if(["end","both"].includes(c)){const v=fe({point:l.points[1],origin:h,rotation:-u});g=fe({point:[v[0],v[1]-i],origin:h,rotation:u})}else g=[...l.points[1]];return{points:[p,g]}})({line:e,size:10+2(e.style?.lineWidth??0),direction:e.style?.lineArrow===1?"start":e.style?.lineArrow===2?"end":"both"});s=Et(r)}else s=Et(e);const n=qe(e,co,t);return{...e,path:s,selection:Qa(s,e,n,t),arrows:a,style:{...e.style,lineCap:e.style?.lineArrow?"butt":"round"},computed:n}},ho=Ft,$s=(e,t,a)=>{const s=[fe({point:[0,0],rotation:t}),fe({point:[-(5+(a.lineWidth??0)),10+2(a.lineWidth??0)],rotation:t}),fe({point:[5+(a.lineWidth??0),10+2(a.lineWidth??0)],rotation:t})];return{points:[[e[0]+s[0][0],e[1]+s[0][1]],[e[0]+s[1][0],e[1]+s[1][1]],[e[0]+s[2][0],e[1]+s[2][1]]],style:{...a,fillColor:a.strokeColor,strokeColor:"transparent"}}},Us=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=e.computed.borders.width-2o.selectionPadding,c=e.computed.borders.height-2o.selectionPadding,u=ir,h=cl,p=it(e,t,a),g=rt(a,p.x,p.y,u,h),v=e.computed.center[0]-i/2,S=e.computed.center[1]-c/2,b=g[0]-u/2,C=g[1]-h/2;return((P,M)=>P.type==="line"?Ft(P,M):P.type==="polygon"?Ns(P,M):Fs(P,M))({...e,points:e.points.map(([P,M])=>[b+(s?u-(P-v)r:(P-v)r),C+(n?h-(M-S)l:(M-S)l)])},a.settings)},Ot=(e,t)=>{const a=qe(e,ya,t),s=Zt(e);return{...e,path:s,selection:bt(void 0,a,t),computed:a}},uo=Ot,ka=(e,t,a,s,n)=>{const[o,r]=((l,i,c,u,h=!1)=>{if(!(l&&i&&u&&c))return[ms,ms];const p=l/i;if(p>c/u){const v=h?c:Math.min(l,c);return[v,v/p]}const g=h?u:Math.min(i,u);return[gp,g]})(e.width,e.height,a,s,!0);return Ot({toolId:la.id,type:"picture",id:be("picture_"),x:-n.canvasOffset[0]+n.canvasSize.realWidth/n.canvasZoom/2-o/2,y:-n.canvasOffset[1]+n.canvasSize.realHeight/n.canvasZoom/2-r/2,width:o,height:r,ratio:o/r,src:t,img:e},n)},po=(e,t,a,s)=>new Promise((n,o)=>{const r=new Image;r.onerror=()=>{o(new Error("Some images could not be loaded"))},setTimeout(()=>{o(new Error("Timeout while loading images"))},4e3),e instanceof File?((l,i,c,u,h,p)=>{ln(c)?c.text().then(g=>{const v=rn(g);l.onload=async()=>{URL.revokeObjectURL(l.src);const S=ka(l,g,u,h,p);i(S)},l.src=v}):(l.onload=async()=>{URL.revokeObjectURL(l.src);const g=ka(l,l.src,u,h,p);i(g)},l.src=URL.createObjectURL(c))})(r,n,e,t,a,s):((l,i,c,u,h,p)=>{l.onload=()=>{URL.revokeObjectURL(l.src);const g=ka(l,c,u,h,p);i(g)},cn(c).then(g=>{l.src=g}).catch(()=>{l.src=""})})(r,n,e,t,a,s)}),qs=(e,t,a)=>{const{isXinverted:s,isYinverted:n,settings:o,widthMultiplier:r,heightMultiplier:l}=a,i=it(e,t,a),c=(e.width===0\|\|e.height===0?e.ratio??1:e.width)r,u=(e.width===0\|\|e.height===0?e.ratio??1:e.height)l,h=rt(a,i.x,i.y,c,u),p=(s\|\|n)&&!(s&&n)&&(e.rotation??0)!==0&&a.rotation!==e.rotation;return Ot({...e,width:c,height:u,x:h[0]-c/2,y:h[1]-u/2,flipX:s?!e.flipX:!!e.flipX,flipY:n?!e.flipY:!!e.flipY,rotation:p?-(e.rotation??0):e.rotation??0},o)},Pa=["Texte"],Gs=(e,t)=>qe(e,fo,t),Yt=(e,t)=>{const a=Gs(e,t),s=Zt(e);return{...e,path:s,selection:bt(void 0,a,t),computed:a}},go=Yt,Xt=(e,t,a,s,n,o=Vt)=>{e.font=`${n?"italic":""} ${s?"bold":""} 1px ${o}`;const r=t.map(l=>a/e.measureText(l).width);return Math.min(...r)\|\|36},fo=(e,t)=>({x:e.x-t.selectionPadding,width:e.width+2t.selectionPadding,y:e.y-t.selectionPadding,height:e.height+2t.selectionPadding}),_s=(e,t,a,s)=>{const{isXinverted:n,isYinverted:o,settings:r,widthMultiplier:l,heightMultiplier:i}=s,c=(n\|\|o)&&!(n&&o)&&(t.rotation??0)!==0&&s.rotation!==t.rotation,u=it(t,a,s),h=(t.width===0\|\|t.height===0?t.ratio??1:t.width)l,p=(t.width===0\|\|t.height===0?t.ratio??1:t.height)i,g=rt(s,u.x,u.y,h,p),v=Yt({...t,width:h,height:p,x:g[0]-h/2,y:g[1]-p/2,flipX:n?!t.flipX:!!t.flipX,flipY:o?!t.flipY:!!t.flipY,rotation:c?-(t.rotation??0):t.rotation??0},r);return{...v,fontSize:Xt(e,v.value,v.width,v.style?.fontBold??!1,v.style?.fontItalic??!1,v.style?.fontFamily)}},vo=(e,t,a,s)=>{const n={...t,value:a},o=((v,S,b,C,P,M=Vt)=>{v.font=`${P?"italic":""} ${C?"bold":""} ${b}px ${M}`;const x=S.map(f=>v.measureText(f).width);return Math.max(...x)\|\|20})(e,n.value,n.fontSize,n.style?.fontBold??!1,n.style?.fontItalic??!1,n.style?.fontFamily),r=n.fontSizen.value.length,l=o/r,i={...n,width:o,height:r,ratio:l},{center:c}=Gs(i,s),[u,h]=Vs([1,1],t.computed.center,t),[p,g]=Vs([1,1],c,i,[!1,!1]);return{...i,x:i.x-(p-u),y:i.y-(g-h)}},Ks=(e,t,a,s)=>{const n=[Pe(a[0],s),Pe(a[1],s)];switch(t.type){case"brush":return((o,r,l)=>xt({toolId:o.id,type:o.type,id:be(`${o.type}_`),points:[[r]],scaleX:1,scaleY:1,style:{opacity:o.settings.opacity.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s);case"line":return((o,r,l)=>{const i={toolId:o.id,type:o.type,id:be(`${o.type}_`),points:[r,r],style:{opacity:o.settings.opacity.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,lineArrow:o.settings.lineArrow.default}};return Ft(i,l)})(t,n,s);case"polygon":return((o,r,l)=>wt({toolId:o.id,type:o.type,id:be(`${o.type}_`),points:[r],style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,closedPoints:o.settings.closedPoints.default}},l))(t,n,s);case"curve":return((o,r,l)=>Qt({toolId:o.id,type:o.type,id:be(`${o.type}_`),points:[r],style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default,closedPoints:o.settings.closedPoints.default}},l))(t,n,s);case"rect":case"square":return Ls(t,n,s);case"text":return((o,r,l,i)=>{const c=Xt(o,Pa,150,r.settings?.fontBold.default??!1,r.settings?.fontItalic.default??!1,r.settings.fontFamily.default),u=c(Pa.length\|\|1);return Yt({toolId:r.id,type:r.type,id:be(`${r.type}_`),x:l[0]-150,y:l[1]-u,value:Pa,fontSize:c,width:150,height:u,ratio:150/u,style:{opacity:r.settings.opacity.default,strokeColor:r.settings.strokeColor.default,fontFamily:r.settings.fontFamily.default,fontItalic:r.settings.fontItalic.default,fontBold:r.settings.fontBold.default}},i)})(e,t,n,s);case"ellipse":return((o,r,l)=>Bt({toolId:o.id,type:o.type,id:be(`${o.type}_`),x:r[0],y:r[1],radiusX:0,radiusY:0,style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s);case"circle":return((o,r,l)=>Wt({toolId:o.id,type:o.type,id:be(`${o.type}_`),x:r[0],y:r[1],radius:0,style:{opacity:o.settings.opacity.default,fillColor:o.settings.fillColor.default,strokeColor:o.settings.strokeColor.default,lineWidth:o.settings.lineWidth.default,lineDash:o.settings.lineDash.default}},l))(t,n,s)}},Js=(e,t)=>{switch(t.type){case"brush":((a,s)=>{s.points.length<1\|\|a.globalAlpha!==0&&s.style?.strokeColor!=="transparent"&&a.globalAlpha!==0&&a.stroke(s.path)})(e,t);break;case"text":((a,s)=>{if(a.globalAlpha!==0&&s.style?.strokeColor&&s.style.strokeColor!=="transparent"){a.scale(s.flipX?-1:1,s.flipY?-1:1),a.font=`${s.style?.fontItalic?"italic":""} ${s.style?.fontBold?"bold":""} ${s.fontSize}px ${s.style?.fontFamily??Vt}`,a.textBaseline="top",a.fillStyle=s.style.strokeColor;for(let n=0;n<s.value.length;n++)a.fillText(s.value[n],s.flipX?-s.x-s.width:s.x,(s.flipY?-s.y-s.height:s.y)+ns.fontSize,s.width)}})(e,t);break;case"line":((a,s)=>{if(a.globalAlpha!==0){s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path);for(const n of s.arrows??[])Ve(a,n.style),lo(a,n)}})(e,t);break;case"polygon":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"curve":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"circle":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"ellipse":((a,s)=>{a.globalAlpha!==0&&(s.style?.fillColor!=="transparent"&&a.fill(s.path),s.style?.strokeColor!=="transparent"&&a.stroke(s.path))})(e,t);break;case"rect":case"square":Jn(e,t);break;case"picture":((a,s)=>{a.globalAlpha!==0&&(a.beginPath(),a.scale(s.flipX?-1:1,s.flipY?-1:1),a.drawImage(s.img,s.flipX?-s.x-s.width:s.x,s.flipY?-s.y-s.height:s.y,s.width,s.height))})(e,t)}},en=(e,t,a)=>{if(t.visible===!1)return;if(((n,o)=>{const r=(l=>{const{canvasSize:{width:i,height:c,scaleRatioWithNoZoom:u},canvasZoom:h,canvasOffset:p}=l;return{x:-p[0],y:-p[1],width:i/h/u,height:c/h/u}})(o);return!!wa(n.computed.boundingBox,r)})(t,a)){if(yt(e,a,t.rotation,t.computed.center),Ve(e,t.style),e.globalAlpha!==1)return((n,o)=>{const{outerBorders:r}=o.computed,l={width:2r.width,height:2r.height};if(l.width===0\|\|l.height===0)return;const i=document.createElement("canvas"),c=i.getContext("2d");if(!c)throw new Error("No context found for canvas");i.width=l.width,i.height=l.height,c.translate(l.width/4-r.x,l.height/4-r.y),Ve(c,{...o.style,opacity:100}),Js(c,o),n.drawImage(i,r.x-l.width/4,r.y-l.height/4)})(e,t),void e.restore();Js(e,t),e.restore()}},tn=(e,t,a)=>{if(e.locked)return e;const s=fe({origin:a,point:e.computed.center,rotation:-t});if("points"in e){if(e.type==="brush"){const o=e.points.map(r=>r.map(l=>[l[0]+s[0]-e.computed.center[0],l[1]+s[1]-e.computed.center[1]]));return{...e,points:o,rotation:(e.rotation??0)+t}}const n=e.points.map(o=>fe({origin:a,point:o,rotation:-t}));return{...e,points:n}}return{...e,x:e.x+s[0]-e.computed.center[0],y:e.y+s[1]-e.computed.center[1],rotation:(e.rotation??0)+t}},an=(e,t,a,s,n,o,r)=>{if(a.locked)return a;switch(a.type){case"line":return((l,i,c,u)=>{const h=[Pe(l[0],u),Pe(l[1],u)],p=Ge(h,i.rotation??0,i.computed.center),g=We(["points",c.anchor],p,i);return Ft(g,u)})(t,a,s,n);case"polygon":return((l,i,c,u)=>{const h=[Pe(l[0],u),Pe(l[1],u)],p=Ge(h,i.rotation??0,i.computed.center),g=We(["points",c.anchor],p,i);return wt(g,u)})(t,a,s,n);case"curve":return((l,i,c,u)=>{const h=[Pe(l[0],u),Pe(l[1],u)],p=i.computed.center,g=Ge(h,i.rotation??0,p),v=We(["points",c.anchor],g,i);return Qt(v,u)})(t,a,s,n);case"brush":return((l,i,c,u,h,p)=>{const g=va({...i,scaleX:1,scaleY:1},u),v=i.computed.borders,{borderX:S,borderHeight:b,borderY:C,borderWidth:P,isXinverted:M,isYinverted:x}=lt(l,i,c,u,h,p),f=Math.max(0,g.width-2u.selectionPadding),j=Math.max(0,g.height-2u.selectionPadding),z=Math.max(0,P-2u.selectionPadding),N=Math.max(0,b-2u.selectionPadding),E=f?z/f:1,R=j?N/j:1;if(!f\|\|!j)return i;const T=ze(S-v.x)+(M?2v.x+g.width:0),A=ze(C-v.y)+(x?2v.y+g.height:0);return xt({...i,points:i.points.map(B=>B.map(([O,X])=>[M?-O+T:O+T,x?-X+A:X+A])),scaleX:E,scaleY:R},u)})(t,a,s,n,o,r);case"circle":return((l,i,c,u,h)=>{const{borderX:p,borderHeight:g,borderY:v,borderWidth:S}=lt(l,i,c,u,!0,h);return Wt({...i,radius:Math.max(0,S/2-u.selectionPadding),x:p+S/2,y:v+g/2},u)})(t,a,s,n,r);case"ellipse":return((l,i,c,u,h=!1,p=!1)=>{const{borderX:g,borderHeight:v,borderY:S,borderWidth:b}=lt(l,i,c,u,h,p);return Bt({...i,radiusX:Math.max(0,b/2-u.selectionPadding),radiusY:Math.max(0,v/2-u.selectionPadding),x:g+b/2,y:S+v/2},u)})(t,a,s,n,o,r);case"rect":case"square":return((l,i,c,u,h=!1,p=!1)=>{const{borderX:g,borderHeight:v,borderY:S,borderWidth:b}=lt(l,i,c,u,h,p);return Rt({...i,width:Math.max(0,b-2u.selectionPadding),height:Math.max(0,v-2u.selectionPadding),x:g+u.selectionPadding,y:S+u.selectionPadding},u)})(t,a,s,n,a.type==="square"\|\|o,r);case"text":return((l,i,c,u,h,p)=>{const{borderX:g,borderHeight:v,borderY:S,borderWidth:b,isXinverted:C,isYinverted:P}=lt(i,c,u,h,!0,p),M=Math.max(0,b-2h.selectionPadding),x=Math.max(0,v-2h.selectionPadding),f=Yt({...c,width:M,height:x,x:g+h.selectionPadding,y:S+h.selectionPadding,flipX:C?!c.flipX:!!c.flipX,flipY:P?!c.flipY:!!c.flipY},h);return{...f,fontSize:Xt(l,f.value,f.width,f.style?.fontBold??!1,f.style?.fontItalic??!1,f.style?.fontFamily)}})(e,t,a,s,n,r);case"picture":return((l,i,c,u,h)=>{const{borderX:p,borderHeight:g,borderY:v,borderWidth:S,isXinverted:b,isYinverted:C}=lt(l,i,c,u,!0,h),P=Math.max(0,S-2u.selectionPadding),M=Math.max(0,g-2u.selectionPadding);return Ot({...i,width:P,height:M,x:p+u.selectionPadding,y:v+u.selectionPadding,flipX:b?!i.flipX:!!i.flipX,flipY:C?!i.flipY:!!i.flipY},u)})(t,a,s,n,r);default:return a}},mo=(e,t,a,s,n,o,r)=>{if(a.type!=="group")return G(a).map(v=>an(e,t,v,s,n,o,r));const l=a,i=G(l),c=i.filter(v=>Bn.includes(v.type)),u=!c.some(v=>(v.rotation??0)!==(c[0]?.rotation??0)),h=(c[0]?.rotation??0)!==0&&c.length!==i.length,p=i.some(v=>Fn.includes(v.type)),g=((v,S,b,C,P,M)=>{const{borders:x}=S.computed,{borderX:f,borderHeight:j,borderY:z,borderWidth:N,isXinverted:E,isYinverted:R}=lt(v,S,b,C,P,M);return{newBorderX:f,newBorderY:z,newBorderWidth:N,newBorderHeight:j,widthMultiplier:(N-2C.selectionPadding)/(x.width-2C.selectionPadding\|\|1),heightMultiplier:(j-2C.selectionPadding)/(x.height-2C.selectionPadding\|\|1),isXinverted:E,isYinverted:R,groupCenter:[f+N/2,z+j/2],rotation:S.rotation??0,settings:C,originalBorders:x}})(t,l,s,n,o\|\|!u\|\|p\|\|h,r);return i.map(v=>{if(v.locked)return v;switch(v.type){case"rect":case"square":return Zs(v,l,g);case"picture":return qs(v,l,g);case"text":return _s(e,v,l,g);case"ellipse":return Ys(v,l,g);case"circle":return Ws(v,l,g);case"brush":return Ms(v,l,g);case"line":case"polygon":case"curve":return Us(v,l,g);default:return an(e,t,v,s,n,o,r)}})},sn=(e,t,a,s)=>{if(e.locked)return e;switch(e.type){case"rect":case"square":case"ellipse":case"circle":case"picture":case"text":return Be({...e,x:e.x+t,y:e.y+a},s);case"line":case"polygon":case"curve":return Be({...e,points:e.points.map(([n,o])=>[n+t,o+a])},s);case"brush":return Be({...e,points:e.points.map(n=>n.map(([o,r])=>[o+t,r+a]))},s);default:return e}},nn=(e,t,a,s,n)=>{const o=t.computed.borders,r=((c,u)=>u?[Math.abs(c[0])>Math.abs(c[1])?c[0]:0,Math.abs(c[1])>Math.abs(c[0])?c[1]:0]:c)([e[0]-a[0],e[1]-a[1]],n),l=r[0]===0?0:Pe(o.x+s.selectionPadding+r[0],s)-(o.x+s.selectionPadding),i=r[1]===0?0:Pe(o.y+s.selectionPadding+r[1],s)-(o.y+s.selectionPadding);return G(t).map(c=>sn(c,l,i,s))},Be=(e,t)=>{switch(e.type){case"rect":case"square":return Kn(e,t);case"ellipse":return ro(e,t);case"circle":return ao(e,t);case"picture":return uo(e,t);case"text":return go(e,t);case"line":return ho(e,t);case"polygon":return Ns(e,t);case"curve":return Fs(e,t);case"brush":return Yn(e,t);default:return e}},on=({ctx:e,shape:t,settings:a,selectionWidth:s,selectionColor:n,hoverMode:o,selectionMode:r,withAnchors:l=!0})=>{switch(a.debug&&((i,c,u,h)=>{c.selection&&h.debug&&(i.save(),i.scale(h.canvasSize.scaleRatio,h.canvasSize.scaleRatio),i.translate(h.canvasOffset[0],h.canvasOffset[1]),Ve(i,{fillColor:"transparent",strokeColor:"green",lineWidth:u/h.canvasSize.scaleRatio}),i.strokeRect(c.computed.boundingBox.x,c.computed.boundingBox.y,c.computed.boundingBox.width,c.computed.boundingBox.height),i.restore())})(e,t,s,a),t.type){case"rect":case"square":case"circle":case"ellipse":case"picture":case"text":case"brush":((i,c,u,h,p,g)=>{if(c.selection&&(yt(i,p,c.rotation,c.computed.center),p.debug&&(Ve(i,{fillColor:"transparent",strokeColor:"red",lineWidth:h/p.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),Ve(i,{fillColor:"transparent",strokeColor:u,lineWidth:h/p.canvasSize.scaleRatio}),c.selection.shapePath?i.stroke(c.selection.shapePath):i.stroke(c.selection.border),g&&!c.locked)){c.selection.shapePath&&i.stroke(c.selection.border),c.selection.line&&i.stroke(c.selection.line),Ve(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/p.canvasSize.scaleRatio,shadowColor:u,shadowBlur:0});for(const v of c.selection.anchors)i.fill(v),i.stroke(v)}})(e,t,n,s,a,l);break;case"group":((i,c,u,h,p,g,v)=>{if(c.selection&&(c.shapes.forEach(S=>{Ve(i,{fillColor:"transparent",strokeColor:u,lineWidth:h/g.canvasSize.scaleRatio}),yt(i,g,S.rotation,S.computed.center),S.selection?.shapePath&&i.stroke(S.selection.shapePath),i.restore()}),p.mode!=="rotate"&&(yt(i,g,c.rotation,c.computed.center),g.debug&&(Ve(i,{fillColor:"transparent",strokeColor:"red",lineWidth:h/g.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),Ve(i,{fillColor:"transparent",strokeColor:u,lineWidth:h/g.canvasSize.scaleRatio}),v&&!c.locked))){i.stroke(c.selection.border),c.selection.line&&i.stroke(c.selection.line),Ve(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/g.canvasSize.scaleRatio});for(const S of c.selection.anchors)i.fill(S),i.stroke(S)}})(e,t,n,s,r,a,l);break;case"polygon":case"line":case"curve":(({ctx:i,shape:c,withAnchors:u,selectionWidth:h,selectionColor:p,hoverMode:g,settings:v})=>{if(c.selection&&(yt(i,v,c.rotation,c.computed.center),v.debug&&(Ve(i,{fillColor:"transparent",strokeColor:"red",lineWidth:h/v.canvasSize.scaleRatio}),i.strokeRect(c.computed.outerBorders.x,c.computed.outerBorders.y,c.computed.outerBorders.width,c.computed.outerBorders.height)),Ve(i,{fillColor:"transparent",strokeColor:p,lineWidth:h/v.canvasSize.scaleRatio}),c.selection.shapePath&&i.stroke(c.selection.shapePath),u&&!c.locked)){Ve(i,{fillColor:"rgb(255,255,255)",strokeColor:"rgb(150,150,150)",lineWidth:2/v.canvasSize.scaleRatio,shadowColor:p,shadowBlur:0});for(let S=0;S<c.selection.anchors.length;S++){const b=c.selection.anchors[S];g.mode==="resize"&&g.anchor===S?(i.shadowBlur=10,i.fill(b),i.shadowBlur=0):i.fill(b),i.stroke(b)}}})({ctx:e,shape:t,withAnchors:l,selectionWidth:s,selectionColor:n,hoverMode:o,settings:a})}e.restore()},So=({ctx:e,selectionFrame:t,settings:a})=>{yt(e,a),((s,n,o)=>{Ve(s,{fillColor:"rgba(170,170,170, 0.1)",strokeColor:"rgb(170,170,170)",lineWidth:1/o.canvasSize.scaleRatio}),s.fillRect(n[0][0],n[0][1],n[1][0]-n[0][0],n[1][1]-n[0][1]),s.strokeRect(n[0][0],n[0][1],n[1][0]-n[0][0],n[1][1]-n[0][1])})(e,t.frame,a),e.restore()},ja=(e,t)=>G(e).map(a=>({...sn(a,20,20,t),id:be(`${a.type}_`)})),La=e=>e.filter(t=>t!=null),Va=(e,t,a)=>t<0\|\|a<0\|\|t>e.length-1\|\|a>e.length-1?e:t<a?[...e.slice(0,t),...e.slice(t+1,a+1),e[t],...e.slice(a+1,e.length)]:[...e.slice(0,a),e[t],...e.slice(a,t),...e.slice(t+1,e.length)],rn=e=>{const t=new DOMParser().parseFromString(e,"text/xml").getElementsByTagName("svg")[0];if(!t)return"";const a=t.getAttribute("width"),s=t.getAttribute("height");let n;if(a\|\|s)n=e;else{const r=t.getAttribute("viewBox")??"0 0 300 300",[,,l,i]=r.split(" ");t.setAttribute("width",l??"300"),t.setAttribute("height",i??"300"),n=new XMLSerializer().serializeToString(t)}const o=new Blob([n],{type:"image/svg+xml"});return URL.createObjectURL(o)},ln=e=>(e instanceof File?e.name:e).includes(".svg"),cn=e=>ln(e)?fetch(e).then(t=>t.text()).then(t=>rn(t)):fetch(e).then(t=>t.blob()).then(t=>URL.createObjectURL(t)),dn=(e,t)=>{const a=document.createElement("a");a.href=e,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a)},yo=e=>e.src.includes("<svg")?e.src:(t=>{const a=document.createElement("canvas");a.width=t.width,a.height=t.height;const s=a.getContext("2d");return s?(s.drawImage(t,0,0),a.toDataURL("image/png")):""})(e.img),Za=({shapes:e,settings:t})=>{const a=document.createElement("canvas"),s=a.getContext("2d");if(!s)throw new Error("No context found for canvas");const{realHeight:n,realWidth:o}=t.canvasSize;a.width=o,a.height=n,s.clearRect(0,0,o,n),xs(s);for(let r=e.length-1;r>=0;r--)en(s,e[r],t);return a.toDataURL("image/png")},hn=({shapes:e,settings:t,view:a})=>{if(a==="fitToShapes"&&!e.length)throw new Error("No image found to export");if(a==="fitToShapes"){const n=Math.min(...e.map(c=>c.computed.boundingBox.x)),o=Math.max(...e.map(c=>c.computed.boundingBox.x+c.computed.boundingBox.width)),r=Math.min(...e.map(c=>c.computed.boundingBox.y)),l=Math.max(...e.map(c=>c.computed.boundingBox.y+c.computed.boundingBox.height)),i={...t,canvasOffset:[-n,-r],canvasZoom:1,canvasSize:{realWidth:o-n,realHeight:l-r,width:o-n,height:l-r,scaleRatio:1,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:i})}if(a==="defaultView"){const n={...t,canvasOffset:[0,0],canvasZoom:1,canvasSize:{...t.canvasSize,width:t.canvasSize.realWidth,height:t.canvasSize.realHeight,scaleRatio:1,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:n})}const s={...t,canvasSize:{...t.canvasSize,width:t.canvasSize.realWidth,height:t.canvasSize.realHeight,scaleRatio:t.canvasZoom,scaleRatioWithNoZoom:1}};return Za({shapes:e,settings:s})},xo=(e,t,a)=>{return n=Ha(e,t,a),`data:text/plain;charset=utf-8,${encodeURIComponent(JSON.stringify(n))}`;var n},bo=e=>{const t=["img","id","selection","path","arrows","tempPoint","computed",["flipX",[void 0,!1]],["flipY",[void 0,!1]]];return e.map(a=>a.type!=="picture"\|\|a.src.startsWith("http")?ua(t,a):ua(t,{...a,src:yo(a)}))},Ha=(e,t,a)=>({shapes:bo(e),config:{width:t,height:a}}),un=(e,t)=>Be({...e,id:be(`${e.type}_`)},t),wo=(e,t,a,s)=>{const n=m.useRef([]),o=m.useRef(void 0),r=m.useRef({dataChanged:[]}),[l,i]=m.useState(void 0),[c,u]=m.useState(void 0),[h,p]=m.useState(void 0),[g,v]=m.useState(void 0),[S,b]=m.useState({states:[{shapes:[],selectedShape:void 0,source:"remote"}],cursor:0}),C=m.useCallback(w=>{o.current=typeof w=="function"?w(o.current):w,u(o.current)},[]),P=S.cursor>0,M=S.cursor<S.states.length-1,x=n.current.length>0,f=m.useCallback(()=>{b(w=>Ss(w.states[w.cursor]?.shapes,n.current)?w:{states:[...w.states.slice(0,w.cursor+1),{shapes:n.current,selectedShape:o.current,source:"user"}],cursor:w.cursor+1})},[]),j=m.useCallback(w=>{n.current=[...w,...n.current]},[]),z=m.useCallback((w,Q=!1,y=!1)=>{const L=[];n.current=n.current.flatMap(I=>{const V=w.find(q=>q.id===I.id);if(V){const q=Q?ja(ce([V],e),e)[0]:{...V,id:be(`${I.type}_`)};return L.push(q),[q,I]}return I}),y&&C(ce(L,e))},[e,C]),N=m.useCallback((w,Q,y,L)=>{if(w.target&&"className"in w.target&&![gs,fs].includes(w.target.className)\|\|!L)return void p(void 0);const I=n.current.find(V=>!V.locked&&(G(c)?.map(q=>q.id).includes(V.id)?!!Ht(Q,V,y,e):!!Es(Q,V,y,e)));p(I)},[e,c]),E=m.useCallback(async(w,Q=300,y=300)=>{const L=await po(w,Q,y,e);return j([L]),f(),L},[j,f,e]),R=m.useCallback((w,Q=!1)=>{n.current=n.current.map(y=>w.find(L=>L.id===y.id)??y),C(y=>y&&ce(G(y).map(L=>w.find(I=>I.id===L.id)??L),e)),Q&&f()},[f,C,e]),T=m.useCallback(w=>{const Q=w.map(y=>ua(["chosen"],y));n.current=Q,f()},[f]),A=m.useCallback(w=>{const Q=new Set(w.map(y=>y.id));C(y=>{const L=G(y).map(I=>I.id);return L&&Q.size&&L.find(I=>Q.has(I))?void 0:y}),n.current=n.current.filter(y=>!Q?.has(y.id)),f()},[f,C]),B=m.useCallback(w=>{b(Q=>{const y=w(Q);return n.current=Q.states[y]?.shapes??[],C(Q.states[y]?.selectedShape),We("cursor",y,Q)})},[C]),O=m.useCallback(()=>{B(w=>Math.max(0,w.cursor-1))},[B]),X=m.useCallback(()=>{B(w=>Math.min(w.states.length-1,w.cursor+1))},[B]),Z=m.useCallback((w,Q)=>{C(void 0),n.current=w,b(y=>Q.clearHistory?{states:[{shapes:w,selectedShape:void 0,source:Q.source}],cursor:0}:{states:[...y.states.slice(0,y.cursor+1),{shapes:w,selectedShape:void 0,source:Q.source}],cursor:y.cursor+1})},[C]),te=m.useCallback((w,Q)=>{const y=n.current,L=y.findIndex(V=>V.id===w),I=y.findIndex(V=>V.id===Q);T(Va(y,L,I))},[T]),D=m.useCallback((w,Q)=>{const y=[...n.current],L=new Set(w.map(V=>V.id)),I=y.map((V,q)=>L.has(V.id)?q:-1).filter(V=>V>=0);if(I.length!==0)switch(Q){case"first":case"last":{const V=I.map(W=>y[W]).filter(Boolean),q=y.filter((W,H)=>!I.includes(H));T(Q==="first"?[...V,...q]:[...q,...V]);break}case"backward":{let V=[...y];const q=I.sort((W,H)=>H-W).map(W=>y[W].id);for(const W of q){const H=V.findIndex(ae=>ae.id===W);if(H<V.length-1){const ae=H+1;L.has(V[ae].id)\|\|(V=Va(V,H,ae))}}T(V);break}case"forward":{let V=[...y];const q=I.sort((W,H)=>W-H).map(W=>y[W].id);for(const W of q){const H=V.findIndex(ae=>ae.id===W);if(H>0){const ae=H-1;L.has(V[ae].id)\|\|(V=Va(V,H,ae))}}T(V);break}}},[T]),_=m.useCallback((w,Q,y,L)=>{const I=new Set(Q.map(q=>q.id)),V=L==="rotateClockwise"\|\|L==="rotateCounterclockwise"?n.current.map(q=>I.has(q.id)?Be(tn(q,L==="rotateClockwise"?Math.PI/2:-Math.PI/2,y),e):q):((q,W,H,ae,pe,F)=>{if(H.length===0)return W;const de=ce(H,F),le=de.computed.borders,ve={newBorderX:le.x,newBorderY:le.y,newBorderWidth:le.width,newBorderHeight:le.height,widthMultiplier:1,heightMultiplier:1,isXinverted:pe==="flipHorizontally",isYinverted:pe==="flipVertically",groupCenter:ae,rotation:0,settings:F,originalBorders:le},Ee=new Set(H.map(J=>J.id));return W.map(J=>{if(J.locked\|\|!Ee.has(J.id))return J;switch(J.type){case"rect":case"square":return Zs(J,de,ve);case"picture":return qs(J,de,ve);case"text":return _s(q,J,de,ve);case"ellipse":return Ys(J,de,ve);case"circle":return Ws(J,de,ve);case"brush":return Ms(J,de,ve);case"line":case"polygon":case"curve":return Us(J,de,ve);default:return J}})})(w,n.current,Q,y,L,e);C(ce(V.filter(q=>I.has(q.id)),e)),T(V)},[e,T,C]),K=m.useCallback(w=>{const Q=new Set(w.map(L=>L.id)),y=n.current.map(L=>Q.has(L.id)?We("visible",L.visible===!1,L):L);C(L=>ce(y.filter(I=>G(L)?.map(V=>V.id).includes(I.id)),e)),T(y)},[T,e,C]),ne=m.useCallback(w=>{const Q=new Set(w.map(L=>L.id)),y=n.current.map(L=>Q.has(L.id)?We("locked",!L.locked,L):L);C(L=>ce(y.filter(I=>G(L)?.map(V=>V.id).includes(I.id)),e)),T(y)},[T,e,C]),re=m.useCallback((w,Q)=>{r.current.hasOwnProperty(w)&&(r.current[w]=[...r.current[w],Q])},[]),k=m.useCallback((w,Q)=>{if(r.current.hasOwnProperty(w))if(Q){const y=r.current[w].indexOf(Q);r.current[w]=[...r.current[w].slice(0,y),...r.current[w].slice(y+1)]}else r.current[w]=[]},[]);m.useEffect(()=>{const w=S.states[S.cursor],Q=Ha(w.shapes,t,a);for(const y of r.current.dataChanged)y(Q,w.source)},[t,a,S]),m.useEffect(()=>{n.current=n.current.map(w=>Be(w,e)),C(w=>w===void 0?void 0:ce(G(w).map(Q=>Be(Q,e)),e))},[e,C]);const U=m.useCallback((w,Q)=>{i(y=>{const L=[y?.frame[0]??[Q[0],Q[1]],[Q[0],Q[1]]],I=n.current.filter(q=>!q.locked&&((W,H,ae)=>{const{borders:pe,center:F,boundingBox:de}=H.computed,le=Math.min(ae[0][0],ae[1][0]),ve=Math.max(ae[0][0],ae[1][0]),Ee=Math.min(ae[0][1],ae[1][1]),J={x:le,y:Ee,width:ve-le,height:Math.max(ae[0][1],ae[1][1])-Ee},Se=wa(de,J);if(!Se)return!1;if(pe.width<=1\|\|pe.height<=1)return!0;if(W.lineWidth=(H.style?.lineWidth??0)+10,H.type==="brush"){const ge=H.points.flat(),ee=Math.min(...ge.map(he=>he[0])),ie=Math.min(...ge.map(he=>he[1]));for(const he of H.points){if(he.length<1)break;if(he.length<2){const Me=Ne(he[0],ee,ie,H.scaleX,H.scaleY);if(bs(Se,{x:Me[0],y:Me[1],radius:(H.style?.lineWidth??1)/2}))return!0}for(let Me=0;Me<he.length-1;Me++){const De=xa(Ne(he[Me],ee,ie,H.scaleX,H.scaleY),H.rotation??0,F),Re=xa(Ne(he[Me+1],ee,ie,H.scaleX,H.scaleY),H.rotation??0,F),we=wa({x:Math.min(De[0],Re[0]),y:Math.min(De[1],Re[1]),width:Math.abs(De[0]-Re[0]),height:Math.abs(De[1]-Re[1])},J);if(we){const Ie=new Path2D;if(Ie.moveTo(...De),Ie.lineTo(...Re),Rs({ctx:W,path:Ie,rect:we,offset:10,center:F,checkFill:!1}))return!0}}}return!1}const oe=ba(H);return Rs({ctx:W,path:H.path,rect:Se,offset:10,center:F,rotation:H.rotation??0,checkFill:oe})})(w,q,L)),V=ce(I,e);return C(s?ce(Hs(y?.oldSelection,I),e):V),{oldSelection:y?.oldSelection,frame:L}})},[e,s,C]);return{registerEvent:re,unregisterEvent:k,shapesRef:n,selectedShape:c,hoveredShape:h,selectionFrame:l,setSelectionFrame:i,copiedShape:g,setCopiedShape:v,refreshSelectedShapes:U,addShapes:j,duplicateShapes:z,addPictureShape:E,moveShapes:D,swapShapes:te,saveShapes:f,setSelectedShape:C,refreshHoveredShape:N,toggleShapeVisibility:K,toggleShapeLock:ne,removeShape:A,updateShape:R,transformShape:_,backwardShape:O,forwardShape:X,clearShapes:Z,canGoBackward:P,canGoForward:M,canClear:x}},pn=e=>{const t=[e[0].clientX,e[0].clientY],a=[e[1].clientX,e[1].clientY];var s,n;return{diff:Cs(t,a),center:(n=a,[((s=t)[0]+n[0])/2,(s[1]+n[1])/2])}},Qo=({canvasElt:e,canvasTransformation:t,canvasSize:a,size:s,setCanvasTransformation:n})=>{const o=m.useRef([]),[r,l]=m.useState(o.current.length>0),i=m.useRef(null),c=m.useRef(t);c.current=t;const u=m.useCallback(({startDiff:h,startZoom:p,startCenter:g,startOffset:v,currentDiff:S,currentCenter:b,isMoving:C,isZooming:P})=>{if(!e\|\|!S\|\|!h)return;const M=(({canvasBoundingRect:x,canvasSize:f,size:j,startDiff:z,startZoom:N,startCenter:E,startOffset:R,currentDiff:T,currentCenter:A,isMoving:B,isZooming:O})=>{const X=O?Ue(T/zN,Te[0],Te[Te.length-1]):N,Z=B?[R[0]+(A[0]-E[0])(f.width/x.width)/f.scaleRatio/N,R[1]+(A[1]-E[1])(f.height/x.height)/f.scaleRatio/N]:[R[0],R[1]],te=[(A[0]-x.left)/f.scaleRatio,(A[1]-x.top)/f.scaleRatio];return Ma({size:j,canvasSize:f,currentOffset:Z,currentZoom:N,zoom:X,centerPoint:te})})({canvasBoundingRect:e.getBoundingClientRect(),canvasSize:a,size:s,startDiff:h,startZoom:p,startCenter:g,startOffset:v,currentDiff:S,currentCenter:b,isMoving:C,isZooming:P});n(M)},[e,a,s,n]);m.useEffect(()=>{if(!e)return;const h=p=>{if(o.current=[...o.current,p],l(o.current.length>0),o.current.length===2){p.stopPropagation();const{diff:g,center:v}=pn(o.current);i.current={startDiff:g,startCenter:v,startZoom:c.current.zoom,startOffset:c.current.offset,isMoving:!1,isZooming:!1}}};return e.addEventListener("pointerdown",h),()=>{e.removeEventListener("pointerdown",h)}},[e]),m.useEffect(()=>{if(!r)return;const h=g=>{const v=o.current.findIndex(S=>S.pointerId===g.pointerId);if(v>-1&&(o.current[v]=g),o.current.length===2&&i.current){const{diff:S,center:b}=pn(o.current),C=i.current.isZooming\|\|((M,x)=>Math.abs(M-x.startDiff)>30)(S,i.current),P=i.current.isMoving\|\|C\|\|((M,x)=>Math.abs(Cs(M,x.startCenter))>10)(b,i.current);i.current={...i.current,isMoving:P,isZooming:C},u({...i.current,currentDiff:S,currentCenter:b})}},p=g=>{o.current=o.current.filter(v=>v.pointerId!==g.pointerId),l(o.current.length>0)};return document.addEventListener("pointermove",h),document.addEventListener("pointerup",p),document.addEventListener("pointerout",p),document.addEventListener("pointercancel",p),document.addEventListener("pointerleave",p),()=>{document.removeEventListener("pointermove",h),document.removeEventListener("pointerup",p),document.removeEventListener("pointerout",p),document.removeEventListener("pointercancel",p),document.removeEventListener("pointerleave",p)}},[r,u])},gn={offset:[0,0],zoom:1},Co=({canvasSize:e,size:t,zoomEnabled:a,canvasElt:s})=>{const[n,o]=m.useState(gn),r=m.useRef(0),l=m.useCallback(u=>{o(({zoom:h})=>Ca({zoom:h,size:t,canvasSize:e,newOffset:u}))},[e,t]),i=m.useCallback(u=>{o(({offset:h,zoom:p})=>(({size:g,canvasSize:v,currentOffset:S,currentZoom:b,action:C})=>{const P=C==="default"?Te[4]:C==="zoom"?Te[Ue(Te.length-1-Te.slice(0).reverse().findIndex(x=>x<=b)+1,0,Te.length-1)]:Te[Ue(Te.findIndex(x=>x>=b)-1,0,Te.length-1)],M=[v.realWidth/2,v.realHeight/2];return Ma({size:g,canvasSize:v,currentOffset:S,currentZoom:b,zoom:P,centerPoint:M})})({size:t,canvasSize:e,currentOffset:h,currentZoom:p,action:u}))},[e,t]);Qo({canvasElt:s,canvasTransformation:n,canvasSize:e,size:t,setCanvasTransformation:o});const c=m.useCallback(()=>{o(gn)},[]);return m.useEffect(()=>{if(!a\|\|!s)return;const u=h=>{const p=h.ctrlKey,{deltaX:g,deltaY:v}=((P,M)=>{const x=Math.abs(P.deltaY)<50&&M<50,f=P.ctrlKey,j=ys()&&x&&f;switch(P.deltaMode){case WheelEvent.DOM_DELTA_LINE:return{deltaX:16P.deltaX,deltaY:16P.deltaY};case WheelEvent.DOM_DELTA_PAGE:return{deltaX:P.deltaXwindow.innerHeight,deltaY:P.deltaYwindow.innerHeight};default:return j?{deltaX:5P.deltaX,deltaY:5P.deltaY}:{deltaX:P.deltaX,deltaY:P.deltaY}}})(h,h.timeStamp-r.current);if(r.current=h.timeStamp,p){h.preventDefault();const P=Ts(h,s,e);return void o(({offset:M,zoom:x})=>(({size:f,canvasSize:j,currentOffset:z,currentZoom:N,delta:E,centerPoint:R})=>{const T=Ue(N(1-E/1e3),Te[0],Te[Te.length-1]);return Ma({size:f,canvasSize:j,currentOffset:z,currentZoom:N,zoom:T,centerPoint:R})})({size:t,canvasSize:e,currentOffset:M,currentZoom:x,delta:v,centerPoint:P}))}const S=h.shiftKey,[b,C]=S?[v,g]:[g,v];o(({offset:P,zoom:M})=>{const x=[P[0]-b/M,P[1]-C/M],f=Ca({zoom:M,size:t,canvasSize:e,newOffset:x});return f.offset[0]===P[0]&&f.offset[1]===P[1]\|\|h.preventDefault(),f})};return s.addEventListener("wheel",u,{passive:!1}),()=>{s.removeEventListener("wheel",u)}},[s,t,e,a]),{setCanvasTransformation:o,setCanvasOffset:l,setCanvasZoom:i,resetZoom:c,canvasTransformation:n}},fn=(e,t=!1)=>{const a=(n,o)=>{if(Array.isArray(n))return o},s=e.map(n=>{if(typeof n!="object")return null;switch(n.type){case"brush":return $e(a,Ja,n);case"circle":return $e(a,os,n);case"curve":return $e(a,as,n);case"ellipse":return $e(a,is,n);case"line":return $e(a,es,n);case"polygon":return $e(a,ts,n);case"rect":return $e(a,ss,n);case"square":return $e(a,ns,n);case"text":return $e(a,rs,n)}return null});return La(t?[...s,la]:s)},Mo=({addShapes:e,drawCanvasRef:t,setActiveTool:a,refreshHoveredShape:s,shapes:n,selectionMode:o,activeTool:r,isInsideComponent:l,isInsideCanvas:i,setCanvasOffset:c,selectedShape:u,canvasOffsetStartData:h,refreshSelectedShapes:p,setSelectedShape:g,setSelectionFrame:v,setCanvasOffsetStartData:S,updateSingleShape:b,duplicateShapes:C,saveShapes:P,setSelectionMode:M,setCanvasMoveAcceleration:x,settings:f,isShiftPressed:j,isAltPressed:z,withFrameSelection:N,withContextMenu:E,isSpacePressed:R})=>{const T=m.useRef(null),[A,B]=m.useState({mode:"default"}),{registerDoubleClickEvent:O,unRegisterDoubleClickEvent:X}=(()=>{const k=m.useRef(void 0),U=m.useRef(void 0),w=Q=>{const y=Date.now();k.current&&y<k.current+300&&U.current?.(Q),k.current=Date.now()};return{registerDoubleClickEvent:(Q,y)=>{U.current=y,Q.addEventListener("click",w),Q.addEventListener("touchend",w)},unRegisterDoubleClickEvent:Q=>{Q.removeEventListener("click",w),Q.removeEventListener("touchend",w)}}})(),Z=(k,U)=>{const w=U?.getContext("2d");if(w){if(r===Xe&&E){const Q=ct(k,t.current,f),{shape:y,mode:L}=Dt(w,n,Q,f,u,Je(k),!1);g(y),M({mode:"contextMenu",cursorStartPosition:Q,originalShape:y,anchor:"anchor"in L?L.anchor:void 0})}else g(void 0),M({mode:"default"});a(Xe),v(void 0)}},te=m.useRef(null);te.current=k=>((U,w,Q,y,L,I,V,q,W,H,ae,pe,F,de,le,ve,Ee,J)=>{if(J&&clearTimeout(J),Je(U)&&U.touches.length>1)return;const Se=w.current?.getContext("2d");if(!Se)return;const oe=ct(U,w.current,F);if(y.mode==="selectionFrame"){pe(Se,oe,F);const ee=Ts(U,w.current,F.canvasSize);return void Ee([Math.ceil(Ue(ee[0]F.canvasZoom<50?ee[0]F.canvasZoom-50:ee[0]F.canvasZoom>F.canvasSize.width/F.canvasSize.scaleRatioWithNoZoom-50?ee[0]F.canvasZoom-(F.canvasSize.width/F.canvasSize.scaleRatioWithNoZoom-50):0,-100,100)/5/F.canvasZoom),Math.ceil(Ue(ee[1]F.canvasZoom<50?ee[1]F.canvasZoom-50:ee[1]F.canvasZoom>F.canvasSize.height/F.canvasSize.scaleRatioWithNoZoom-50?ee[1]F.canvasZoom-(F.canvasSize.height/F.canvasSize.scaleRatioWithNoZoom-50):0,-100,100)/5/F.canvasZoom)])}if(I!==void 0)return void ae([oe[0]+F.canvasOffset[0]-I.start[0],oe[1]+F.canvasOffset[1]-I.start[1]]);if(y.mode==="preview"){const ee=G(Q)[0];if(ee?.type==="curve"){const ie=Os(ee,oe,F,!0);return void ve(ce([ie],F))}if(ee?.type==="polygon"){const ie=Bs(ee,oe,F,!0);return void ve(ce([ie],F))}}const ge=zt(oe,F);if(Je(U)\|\|q(U,Se,oe,ge),Q===void 0\|\|Q.locked)V({mode:"default",outOfView:!ge});else{if(y.mode==="default"\|\|y.mode==="textedition"\|\|y.mode==="contextMenu"){if(!ge)return void V({mode:"default"});V(Ht(Se,Q,oe,F,!0)\|\|{mode:"default"})}else{const ee=w.current?.getContext("2d");if(!ee)return;const ie=Xn(ee,Q,oe,y,F,de,le);W(G(ie))}y.mode==="translate"&&le&&!y.hasBeenDuplicated&&(L({...y,hasBeenDuplicated:!0}),H(G(y.originalShape)))}})(k,t,u,o,M,h,B,s,b,C,c,p,f,j,z,g,x,T.current),m.useEffect(()=>{if(l){const k=U=>te.current?.(U);return document.addEventListener("mousemove",k),document.addEventListener("touchmove",k),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("touchmove",k)}}},[l]);const{isBrushShapeDoneOnMouseUp:D}=f,_=m.useRef(null);_.current=k=>{if(T.current&&clearTimeout(T.current),Je(k)&&k.touches.length>1)return;const U=t.current?.getContext("2d");if(!U)return;if("button"in k&&k.button===2)return void Z(k,t.current);if(h)return void S(void 0);if(o.mode==="contextMenu"\|\|o.mode==="textedition"\|\|o.mode==="preview")return;const w=ct(k,t.current,f);if(o.mode==="translate"&&Date.now()-o.dateStart<=500&&w[0]===o.cursorStartPosition[0]&&w[1]===o.cursorStartPosition[1]){if(k.ctrlKey\|\|k.shiftKey\|\|k.metaKey){const{shape:Q}=Dt(U,n,w,f,u,Je(k),N,"remove");G(Q).length!==o.selectedShapesLengthAtMouseDown&&g(Q)}return M({mode:"default"}),v(void 0),void P()}o.mode!=="default"&&(o.mode==="brush"&&D&&g(void 0),M({mode:"default"}),v(void 0),P())},m.useEffect(()=>{if(i){const k=U=>_.current?.(U);return document.addEventListener("mouseup",k),document.addEventListener("touchend",k),()=>{document.removeEventListener("mouseup",k),document.removeEventListener("touchend",k)}}},[i]);const K=!f.features.edition&&f.features.zoom,ne=!f.features.edition&&!f.features.zoom,re=m.useRef(null);return re.current=(k,U,w)=>{if(k.preventDefault(),Je(k)&&k.touches.length>1)return;const Q=U?.getContext("2d");if(!Q)return;U.focus();const y=ct(k,t.current,f),L="button"in k&&k.button===1,I="button"in k&&k.button===2;if(L\|\|w\|\|r.type==="move"&&!I)S({start:y,originalOffset:f.canvasOffset});else if(!K){if(!zt(y,f))return g(void 0),void M({mode:"default"});if(I){if(r.type==="selection"){const{shape:V}=Dt(Q,n,y,f,u,Je(k),!1);g(V),M({mode:"default"})}}else if(Je(k)&&(T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{Z(k,t.current)},500)),r.type==="selection"){const V=k.ctrlKey\|\|k.shiftKey\|\|k.metaKey?"add":"replace",{shape:q,mode:W}=Dt(Q,n,y,f,u,Je(k),N,V);g(q),M(W),W.mode==="selectionFrame"&&v({oldSelection:q,frame:[[y[0],y[1]],[y[0],y[1]]]})}else if(ps.some(V=>V===r.type)){const V=G(u)[0],q=t.current?.getContext("2d");if(!q)return;if(r.type==="brush"){if(V?.type==="brush"){const W=((H,ae,pe)=>{const F={...H,points:We(H.points.length,[[Math.round(ae[0]),Math.round(ae[1])]],H.points)};return xt(F,pe)})(V,y,f);b([W])}else{const W=Ks(q,r,y,f);if(!W)return;e([W]),g(ce([W],f))}M({mode:"brush"})}else if(o.mode!=="preview"\|\|V?.type!=="polygon"&&V?.type!=="curve"){if(r.type!=="picture"){const W=Ks(q,r,y,f);if(!W)return;e([W]);const H=ce([W],f);g(H),W.type==="polygon"\|\|W.type==="curve"?M({mode:"preview"}):(a(Xe),M({mode:"resize",cursorStartPosition:[y[0]+f.selectionPadding,y[1]+f.selectionPadding],originalShape:H,anchor:W.type==="line"?0:[1,1],selectedShapesLengthAtMouseDown:G(H).length}))}}else{const W=V.type==="polygon"?Bs(V,y,f):Os(V,y,f);g(ce([W],f)),b([W],!0)}}}},m.useEffect(()=>{if(ne)return;const k=t.current;if(!k)return;const U=w=>re.current?.(w,k,R);return k.addEventListener("mousedown",U,{passive:!1}),k.addEventListener("touchstart",U,{passive:!1}),()=>{k.removeEventListener("mousedown",U),k.removeEventListener("touchstart",U)}},[ne,t,R]),m.useEffect(()=>{const k=t.current,U=t.current?.getContext("2d");if(!(!k\|\|!U))return i?(O(k,w=>{if(r.type==="selection"){if(G(u).length!==1)return;const Q=G(u)[0];if(Q?.locked)return;if(Q?.type==="text"){const y=ct(w,t.current,f);return zt(y,f)?void(Ht(U,u,y,f)&&M({mode:"textedition",defaultValue:Q.value})):void 0}if(Q?.type==="polygon"){const y=ct(w,t.current,f);if(!zt(y,f))return;const L=As(U,Q,y,f);return void(L&&b([so(Q,L.lineIndex,y,f)]))}if(Q?.type==="curve"){const y=ct(w,t.current,f);if(!zt(y,f))return;const L=((I,V,q,W,H=50)=>{if(V.locked\|\|V.points.length<2)return!1;if(V.points.length<3)return As(I,V,q,W,H);const{center:ae}=V.computed,pe=Ge(q,V.rotation??0,ae);I.lineWidth=(V.style?.lineWidth??0)+H/W.canvasZoom;const F=ma(V,V.points),de=new Path2D;de.moveTo(...F[0]);for(let le=1;le<F.length-2;le++){const ve=F[le-1],Ee=F[le],J=F[le+1],Se=F[le+2],{cp1:oe,cp2:ge}=Sa(ve,Ee,J,Se);if(de.bezierCurveTo(oe[0],oe[1],ge[0],ge[1],J[0],J[1]),I.isPointInStroke(de,pe[0],pe[1]))return{lineIndex:le-1}}return!1})(U,Q,y,f);return void(L&&b([oo(Q,L.lineIndex,y,f)]))}}}),()=>{X(k)}):void 0},[b,O,X,i,t,r,u,M,f]),{hoverMode:A}},vn=e=>e.childNodes.length?Array.from(e.childNodes).map(t=>vn(t)).join(""):e.nodeValue??"",ko=({disabled:e=!1,shape:t,defaultValue:a,updateValue:s,saveShapes:n,settings:o})=>{const r=m.useRef(null),l=m.useRef(n);m.useEffect(()=>{if(!r.current)return;const h=r.current,p=g=>{g.preventDefault();const v=g.clipboardData?.getData("text/plain");document.execCommand("insertText",!1,v)};h.addEventListener("paste",p),h.innerText="";for(const g of a){const v=document.createElement("div");g===""?v.innerHTML="<br/>":v.innerText=g,h.appendChild(v)}return h.focus(),()=>{h.removeEventListener("paste",p)}},[a]),m.useEffect(()=>{const h=l.current;return()=>{h()}},[]);const i=m.useMemo(()=>{const{borders:h,center:p}=t.computed;return fe({point:[h.x,h.y],rotation:-(t.rotation??0),origin:p})},[t]),c=[`translate3D(${(i[0]+o.canvasOffset[0])o.canvasSize.scaleRatio}px, ${(i[1]+o.canvasOffset[1])o.canvasSize.scaleRatio}px, 0)`,`rotate(${fa(t.rotation??0)}deg)`,t.flipX\|\|t.flipY?`scale(${t.flipX?-1:1}, ${t.flipY?-1:1})`:void 0,t.flipX\|\|t.flipY?`translate3D(${t.flipX?-100:0}%,${t.flipY?-100:0}%,0)`:void 0].filter(Boolean).join(" "),u=!e;return d.jsx("div",{className:"react-paint-editor-toolbox-edittextbox",ref:r,"data-fontbold":t.style?.fontBold??!1,"data-fontitalic":t.style?.fontItalic??!1,contentEditable:u,role:"textbox",tabIndex:u?0:void 0,onInput:h=>{const p=Array.from(h.target.childNodes).map(g=>vn(g));s(p)},style:{"--react-paint-editor-toolbox-edittextbox-transform":c,"--react-paint-editor-toolbox-edittextbox-fontsize":t.fontSizeo.canvasSize.scaleRatio+"px","--react-paint-editor-toolbox-edittextbox-padding":o.selectionPaddingo.canvasSize.scaleRatio+"px","--react-paint-editor-toolbox-edittextbox-color":t.style?.strokeColor??"inherit","--react-paint-editor-toolbox-edittextbox-opacity":(t.style?.opacity??100)/100,"--react-paint-editor-toolbox-edittextbox-fontfamily":t.style?.fontFamily??Vt}})},Po=(e,t,a,s,n)=>{xs(e),((o,r)=>{const{canvasZoom:l,size:i,canvasSize:{width:c,height:u}}=r;if(i!=="fixed"\|\|l>=1)return;o.fillStyle="#f5f5f5",o.fillRect(0,0,c,u);const h=Ds(r);o.clearRect(h.x,h.y,h.width,h.height),Is(o,r)})(e,a),((o,r)=>{const{canvasSize:{width:l,height:i},gridGap:c,canvasOffset:u,canvasSize:{scaleRatio:h}}=r;if(!c)return;o.strokeStyle="rgb(220,220,220)",o.lineWidth=1,o.save(),o.scale(h,h),o.beginPath();const p=u[0]%c,g=u[1]%c,v=Math.ceil(l/h/c)+2,S=Math.ceil(i/h/c)+2;for(let b=-5;b<v;b++)o.moveTo(p+(b+1)c,g-c),o.lineTo(p+(b+1)c,g+i/h+c);for(let b=-5;b<S;b++)o.moveTo(p-c,g+(b+1)c),o.lineTo(p+l/h+c,g+(b+1)c);o.stroke(),o.restore()})(e,a);for(let o=s.length-1;o>=0;o--)t.mode==="textedition"&&s[o]===n\|\|en(e,G(n).find(r=>r.id===s[o].id)??s[o],a)},jo=m.forwardRef(({canGrow:e,shapes:t,duplicateShapes:a,addShapes:s,updateSingleShape:n,selectedShape:o,setSelectedShape:r,setSelectionFrame:l,hoveredShape:i,selectionFrame:c,refreshHoveredShape:u,refreshSelectedShapes:h,saveShapes:p,activeTool:g,setActiveTool:v,canvasOffsetStartData:S,setCanvasOffsetStartData:b,setCanvasOffset:C,setCanvasMoveAcceleration:P,isInsideComponent:M,isInsideCanvas:x,selectionMode:f,setSelectionMode:j,selectionWidth:z,selectionColor:N,settings:E,isEditMode:R,isShiftPressed:T,isAltPressed:A,isSpacePressed:B,withFrameSelection:O,withSkeleton:X,withContextMenu:Z},te)=>{const D=m.useRef(null),_=m.useRef(null),K=E.canvasSize,ne=R,re=R?0:-1;m.useImperativeHandle(te,()=>D.current);const{hoverMode:k}=Mo({addShapes:s,drawCanvasRef:D,setActiveTool:v,shapes:t,selectionMode:f,activeTool:g,isInsideComponent:M,isInsideCanvas:x,setCanvasOffset:C,selectedShape:o,canvasOffsetStartData:S,setCanvasOffsetStartData:b,setSelectedShape:r,setSelectionFrame:l,refreshHoveredShape:u,refreshSelectedShapes:h,updateSingleShape:n,duplicateShapes:a,saveShapes:p,setSelectionMode:j,setCanvasMoveAcceleration:P,isShiftPressed:T,isAltPressed:A,withFrameSelection:O,settings:E,isSpacePressed:B,withContextMenu:Z}),U=m.useCallback(Q=>{const y=G(o)[0];if(y?.type!=="text")return;const L=D.current?.getContext("2d");if(!L)return;const I=Be(vo(L,y,Q,E),E);n([I])},[n,o,E]),w=Q=>{if(R)return Q.preventDefault(),Q.stopPropagation(),!1};return m.useEffect(()=>{const Q=D.current?.getContext("2d");Q&&window.requestAnimationFrame(()=>Po(Q,f,E,t,o))},[t,f,o,E]),m.useEffect(()=>{const Q=_.current?.getContext("2d");Q&&window.requestAnimationFrame(()=>((y,L,I,V,q,W,H,ae,pe,F,de)=>{y.reset(),Is(y,I),de&&ae&&!G(H).find(le=>le.id===ae.id)&&V.type==="selection"&&(L.mode==="default"\|\|L.mode==="contextMenu"\|\|L.mode==="textedition")&&on({ctx:y,shape:ae,settings:I,selectionWidth:q,selectionColor:W,hoverMode:pe,selectionMode:L,withAnchors:!1}),H&&V.type!=="brush"&&on({ctx:y,shape:H,settings:I,selectionWidth:q,selectionColor:W,hoverMode:pe,selectionMode:L,withAnchors:L.mode!=="textedition"}),F&&So({ctx:y,selectionFrame:F,settings:I})})(Q,f,E,g,z,N,o,i,k,c,X))},[i,k,c,f,o,g,E,z,N,X]),d.jsx("div",{className:"react-paint-canvas-box",style:{"--react-paint-canvas-cursor":S?"grabbing":k.outOfView?"default":k.mode==="resize"?"pointer":g.type!=="selection"&&g.type!=="move"?"crosshair":k.mode==="translate"?"move":k.mode==="rotate"\|\|g.type==="move"\|\|B?"grab":"default"},children:d.jsxs("div",{className:"react-paint-canvas-container","data-grow":e,children:[d.jsx("canvas",{className:gs,ref:D,"data-grow":e,width:K.width,height:K.height,onContextMenu:w,tabIndex:re}),ne&&d.jsx("canvas",{className:fs,ref:_,width:K.width,height:K.height,"data-grow":e,onContextMenu:w}),R&&f.mode==="textedition"&&G(o)[0]?.type==="text"&&d.jsx(ko,{disabled:!E.features.edition,shape:G(o)[0],defaultValue:f.defaultValue,updateValue:U,saveShapes:p,settings:E})]})})}),mn="ArrowUp",Sn="ArrowDown",yn="ArrowLeft",xn="ArrowRight",Lo="Delete",Vo="Backspace",Zo="Escape",bn="Shift",wn="Alt",Qn="Option",$t=" ",Ho="A",zo="a",To="z",Ao="Z",Eo="y",Ro="Y",Do="+",Io="-",Wo="0",Cn="cut",Mn="copy",kn="paste",No=({isLoading:e=!1})=>{const[t,a]=m.useState("hidden");return m.useEffect(()=>{if(!e){a("fadeOut");const s=setTimeout(()=>a("hidden"),300);return()=>{clearTimeout(s)}}a("visible")},[e]),t==="hidden"?null:d.jsx("div",{className:"react-paint-editor-loading","data-loading":t,style:{"--react-paint-editor-loading-zindex":Wn,"--react-paint-editor-loading-transition-duration":"300ms"},children:d.jsxs("div",{className:"react-paint-editor-loader",children:[d.jsx("div",{}),d.jsx("div",{}),d.jsx("div",{}),d.jsx("div",{})]})})},Bo="infos",Fo=4e3,Oo=({type:e,text:t,duration:a})=>{const[s,n]=m.useState(!1);return m.useEffect(()=>{const o=setTimeout(()=>{n(!0)},100),r=setTimeout(()=>{n(!1)},a-500-100);return()=>{clearTimeout(o),clearTimeout(r)}},[a]),d.jsx("div",{className:"react-paint-editor-snackbar","data-is-shown":+s,"data-type":e,style:{"--react-paint-editor-panel-transition-duration":"500ms"},children:t})},Yo=({snackbarList:e})=>d.jsx("div",{className:"react-paint-editor-snackbar-container",style:{"--react-paint-editor-snackbar-zindex":Nn},children:e.map(t=>d.jsx(Oo,{...t},t.id))}),Xo=m.forwardRef((e,t)=>{const{hidden:a=!1,disabled:s=!1,selected:n=!1,icon:o,children:r,className:l="",title:i,onClick:c,...u}=e,h=s?-1:0,p=m.useRef(null);return m.useImperativeHandle(t,()=>p.current),d.jsxs("label",{className:`react-paint-editor-button ${l}`,title:i,onClick:c,"data-disabled":+s,"data-selected":+n,"data-hidden":+a,tabIndex:h,onKeyDown:g=>{g.key===$t&&(g.preventDefault(),g.stopPropagation())},onKeyUp:g=>{g.preventDefault(),g.stopPropagation(),g.key===$t&&p.current?.click()},children:[d.jsx("input",{ref:p,disabled:s,...u}),d.jsxs("span",{className:"react-paint-editor-button-content",children:[r&&d.jsx("span",{className:"react-paint-editor-button-children",children:r}),o&&d.jsx("span",{className:"react-paint-editor-button-icon",dangerouslySetInnerHTML:{__html:o}})]})]})}),$=m.forwardRef((e,t)=>{if(e.type==="file"\|\|e.type==="color")return d.jsx(Xo,{...e,ref:t});const{hidden:a=!1,disabled:s=!1,selected:n=!1,icon:o,children:r,type:l="button",className:i="",...c}=e;return d.jsx("button",{className:`react-paint-editor-button ${i}`,ref:t,disabled:s,"data-disabled":+s,"data-selected":+n,"data-hidden":+a,type:l,...c,children:d.jsxs("span",{className:"react-paint-editor-button-content",children:[r&&d.jsx("span",{className:"react-paint-editor-button-children",children:r}),o&&d.jsx("span",{className:"react-paint-editor-button-icon",dangerouslySetInnerHTML:{__html:o}})]})})}),dt=({children:e,title:t="",className:a="",position:s,fitContainer:n=!1,alignment:o,style:r,...l})=>d.jsxs("div",{className:`react-paint-editor-panel ${a}`,"data-fitcontainer":n,"data-position":s??"unset","data-alignment":o??"unset",style:{...r,"--react-paint-editor-panel-zindex":_a},...l,children:[t&&d.jsx("h3",{className:"react-paint-editor-panel-title",children:t}),e]}),$o=e=>{switch(e){case"brush":return Ra;case"line":return Na;case"polygon":return ia;case"curve":return Fa;case"rect":case"square":return na;case"circle":case"ellipse":return oa;case"text":return Wa;case"picture":return ra;case"group":return'<svg><path d="M3.333 17.5V16.667H7.5V17.5ZM3.333 14.167V13.333H9.167V14.167ZM3.333 10.833V10H10.833V10.833ZM3.333 7.5V6.667H12.5V7.5ZM3.333 4.167V3.333H13.333V4.167ZM3.333 0.833V0H16.667V0.833Z"/></svg>';case"triangle":return""}},Uo=({disabled:e=!1,shape:t,selected:a,layoutDragging:s,toggleShapeVisibility:n,toggleShapeLock:o,setLayoutDragging:r,handleRemove:l,handleSelect:i,onSwapShapes:c})=>{const u=m.useRef(null),{isOver:h}=(({disabled:p=!1,ref:g,shape:v,layoutDragging:S,setLayoutDragging:b,handleSelect:C,onSwapShapes:P})=>{const[M,x]=m.useState(!1);return m.useEffect(()=>{S\|\|x(!1)},[S]),m.useEffect(()=>{const f=g.current;if(!f)return;const j=()=>{b(void 0)},z=A=>(A.preventDefault&&A.preventDefault(),!1),N=A=>{C([v]),A.dataTransfer&&(A.dataTransfer.effectAllowed="move",A.dataTransfer.setData("draggableShapeId",v.id),b(v.id))},E=()=>{S!==v.id&&x(!0)},R=()=>{x(!1)},T=A=>(A.stopPropagation(),A.dataTransfer&&P(A.dataTransfer.getData("draggableShapeId"),v.id),!1);return p\|\|(f.addEventListener("dragstart",N),f.addEventListener("dragend",j),f.addEventListener("dragover",z),f.addEventListener("dragenter",E),f.addEventListener("dragleave",R),f.addEventListener("drop",T)),()=>{p\|\|(f.removeEventListener("dragstart",N),f.removeEventListener("dragend",j),f.removeEventListener("dragover",z),f.removeEventListener("dragenter",E),f.removeEventListener("dragleave",R),f.removeEventListener("drop",T))}},[p,g,v,b,C,P,S]),{isOver:M}})({disabled:e,ref:u,shape:t,layoutDragging:s,setLayoutDragging:r,handleSelect:i,onSwapShapes:c});return d.jsxs("div",{className:"react-paint-editor-layout","data-disabled":+e,draggable:!e,"data-is-dragging":+(s===t.id),"data-is-over":+h,onClick:p=>{e\|\|(p.preventDefault(),i([t]))},"data-selected":+a,ref:u,tabIndex:-1,children:[d.jsx("span",{dangerouslySetInnerHTML:{__html:$o(t.type)}}),d.jsx("span",{children:t.id}),d.jsx("div",{className:"react-paint-editor-layouts-separator"}),d.jsx($,{className:"react-paint-editor-layouts-visible-button",title:t.visible?"Hide":"Show","data-visible":t.visible!==!1,disabled:e,selected:a,onClick:p=>{e\|\|(p.preventDefault(),p.stopPropagation(),n([t]))},icon:t.visible===!1?'<svg><path d="M13.521 11.021 12.25 9.75Q12.333 8.75 11.604 7.979Q10.875 7.208 9.812 7.312L8.542 6.042Q8.896 5.896 9.26 5.833Q9.625 5.771 10 5.771Q11.583 5.771 12.688 6.875Q13.792 7.979 13.792 9.562Q13.792 9.979 13.719 10.354Q13.646 10.729 13.521 11.021ZM16.167 13.646 14.917 12.417Q15.667 11.833 16.25 11.146Q16.833 10.458 17.25 9.562Q16.229 7.479 14.292 6.281Q12.354 5.083 10 5.083Q9.396 5.083 8.885 5.156Q8.375 5.229 7.875 5.375L6.5 4Q7.354 3.646 8.208 3.49Q9.062 3.333 10 3.333Q13.146 3.333 15.615 5.052Q18.083 6.771 19.167 9.562Q18.688 10.792 17.917 11.823Q17.146 12.854 16.167 13.646ZM16.396 18.854 12.938 15.396Q12.208 15.625 11.479 15.729Q10.75 15.833 10 15.833Q6.833 15.833 4.375 14.094Q1.917 12.354 0.833 9.562Q1.25 8.479 1.917 7.552Q2.583 6.625 3.417 5.875L1.125 3.562L2.375 2.354L17.625 17.625ZM4.604 7.062Q4.021 7.604 3.542 8.219Q3.062 8.833 2.729 9.562Q3.75 11.646 5.688 12.865Q7.625 14.083 10 14.083Q10.354 14.083 10.74 14.052Q11.125 14.021 11.479 13.938L10.812 13.271Q10.625 13.312 10.417 13.333Q10.208 13.354 10 13.354Q8.417 13.354 7.312 12.25Q6.208 11.146 6.208 9.562Q6.208 9.354 6.24 9.167Q6.271 8.979 6.312 8.771ZM11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875Q11.375 8.875 11.375 8.875ZM8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Q8.042 10.5 8.042 10.5Z"/></svg>':'<svg><path d="M10 13.354Q11.583 13.354 12.688 12.25Q13.792 11.146 13.792 9.562Q13.792 7.979 12.688 6.875Q11.583 5.771 10 5.771Q8.417 5.771 7.312 6.875Q6.208 7.979 6.208 9.562Q6.208 11.146 7.312 12.25Q8.417 13.354 10 13.354ZM10 11.812Q9.062 11.812 8.406 11.156Q7.75 10.5 7.75 9.562Q7.75 8.625 8.406 7.969Q9.062 7.312 10 7.312Q10.938 7.312 11.594 7.969Q12.25 8.625 12.25 9.562Q12.25 10.5 11.594 11.156Q10.938 11.812 10 11.812ZM10 15.833Q6.938 15.833 4.448 14.125Q1.958 12.417 0.833 9.562Q1.958 6.708 4.458 5.021Q6.958 3.333 10 3.333Q13.042 3.333 15.542 5.021Q18.042 6.708 19.167 9.562Q18.042 12.417 15.552 14.125Q13.062 15.833 10 15.833ZM10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562Q10 9.562 10 9.562ZM10 14.083Q12.333 14.083 14.281 12.865Q16.229 11.646 17.25 9.562Q16.229 7.479 14.281 6.281Q12.333 5.083 10 5.083Q7.667 5.083 5.708 6.281Q3.75 7.479 2.729 9.562Q3.75 11.646 5.708 12.865Q7.667 14.083 10 14.083Z"/></svg>'}),d.jsx($,{className:"react-paint-editor-layouts-locked-button",title:t.locked?"Locked":"Unlocked","data-locked":!!t.locked,disabled:e,selected:a,onClick:p=>{e\|\|(p.preventDefault(),p.stopPropagation(),o([t]))},icon:t.locked?'<svg><path d="M10 0.833Q11.771 0.833 12.99 2.052Q14.208 3.271 14.208 5.042V6.667H14.917Q15.646 6.667 16.156 7.177Q16.667 7.688 16.667 8.417V16.562Q16.667 17.292 16.156 17.812Q15.646 18.333 14.917 18.333H5.083Q4.354 18.333 3.844 17.812Q3.333 17.292 3.333 16.562V8.417Q3.333 7.688 3.844 7.177Q4.354 6.667 5.083 6.667H5.792V5.042Q5.792 3.271 7.01 2.052Q8.229 0.833 10 0.833ZM10 2.583Q8.979 2.583 8.26 3.302Q7.542 4.021 7.542 5.042V6.667H12.458V5.042Q12.458 4.021 11.74 3.302Q11.021 2.583 10 2.583ZM5.083 16.583H14.917Q14.917 16.583 14.917 16.583Q14.917 16.583 14.917 16.583V8.417Q14.917 8.417 14.917 8.417Q14.917 8.417 14.917 8.417H5.083Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583ZM10 10.812Q9.292 10.812 8.802 11.302Q8.312 11.792 8.312 12.5Q8.312 13.208 8.802 13.698Q9.292 14.188 10 14.188Q10.708 14.188 11.198 13.698Q11.688 13.208 11.688 12.5Q11.688 11.792 11.198 11.302Q10.708 10.812 10 10.812ZM5.083 8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583V8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417Z"/></svg>':'<svg><path d="M5.792 5.042Q5.792 3.271 7.01 2.052Q8.229 0.833 10 0.833Q11.771 0.833 12.99 2.052Q14.208 3.271 14.208 5.042V6.667H14.917Q15.646 6.667 16.156 7.177Q16.667 7.688 16.667 8.417V16.562Q16.667 17.292 16.156 17.812Q15.646 18.333 14.917 18.333H5.083Q4.354 18.333 3.844 17.812Q3.333 17.292 3.333 16.562V8.417Q3.333 7.688 3.844 7.177Q4.354 6.667 5.083 6.667H12.458V5.042Q12.458 4.021 11.74 3.302Q11.021 2.583 10 2.583Q8.979 2.583 8.26 3.302Q7.542 4.021 7.542 5.042ZM5.083 16.583H14.917Q14.917 16.583 14.917 16.583Q14.917 16.583 14.917 16.583V8.417Q14.917 8.417 14.917 8.417Q14.917 8.417 14.917 8.417H5.083Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583ZM10 10.812Q9.292 10.812 8.802 11.302Q8.312 11.792 8.312 12.5Q8.312 13.208 8.802 13.698Q9.292 14.188 10 14.188Q10.708 14.188 11.198 13.698Q11.688 13.208 11.688 12.5Q11.688 11.792 11.198 11.302Q10.708 10.812 10 10.812ZM5.083 8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417V16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583Q5.083 16.583 5.083 16.583V8.417Q5.083 8.417 5.083 8.417Q5.083 8.417 5.083 8.417Z"/></svg>'}),d.jsx($,{className:"react-paint-editor-layouts-remove-button",title:"Remove",disabled:e,onClick:p=>{e\|\|(p.preventDefault(),p.stopPropagation(),l([t]))},icon:Da})]})},qo=({gridFormat:e,setGridFormat:t,settings:a,shapes:s,removeShape:n,toggleShapeVisibility:o,toggleShapeLock:r,selectedShapes:l,swapShapes:i,selectShapes:c,isLayoutPanelShown:u})=>{const[h,p]=m.useState(void 0),g=!a.features.edition;return u?d.jsx(dt,{alignment:"right",className:"react-paint-editor-layouts-panel",position:"bottom",children:d.jsx("div",{className:"react-paint-editor-layouts-panel-content",children:d.jsxs("div",{className:"react-paint-editor-layouts-scrolling-content",children:[d.jsxs("div",{className:"react-paint-editor-layouts-row",children:[d.jsx("span",{className:"react-paint-editor-layouts-subtitle",children:"Grid"}),d.jsx($,{icon:'<svg><path d="M18.333 15.854 16.583 14.104V13.354H15.833L14.083 11.604H16.583V8.375H13.375V10.896L11.625 9.146V8.375H10.875L9.125 6.625H11.625V3.417H8.396V5.896L6.646 4.146V3.417H5.896L4.146 1.667H16.583Q17.312 1.667 17.823 2.177Q18.333 2.688 18.333 3.417ZM13.375 6.625H16.583V3.417Q16.583 3.417 16.583 3.417Q16.583 3.417 16.583 3.417H13.375ZM16.771 19.229 15.854 18.333H3.417Q2.688 18.333 2.177 17.823Q1.667 17.312 1.667 16.583V4.125L0.812 3.271L2.042 2.021L18 18ZM13.375 16.583H14.104L13.375 15.833ZM8.396 11.604H9.125L8.396 10.854ZM8.396 16.583H11.625V14.083L10.875 13.354H8.396ZM3.417 6.625H4.167L3.417 5.875ZM3.417 11.604H6.646V9.104L5.917 8.375H3.417ZM6.646 16.583V13.354H3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Z"/></svg>',className:"react-paint-editor-layouts-grid-button",selected:e==="none",disabled:g,onClick:()=>t("none")}),["small","medium","large"].map(v=>d.jsx($,{className:"react-paint-editor-layouts-grid-button",selected:e===v,disabled:g,onClick:()=>t(v),children:v.charAt(0).toUpperCase()},v))]}),d.jsx("hr",{}),d.jsx("div",{className:"react-paint-editor-layouts",children:s.length===0?d.jsx("div",{className:"react-paint-editor-layouts-placeholder",children:"No layer yet"}):s.map(v=>d.jsx(Uo,{shape:v,disabled:g,layoutDragging:h,setLayoutDragging:p,selected:G(l).some(S=>S.id===v.id)??!1,handleSelect:c,handleRemove:n,onSwapShapes:i,toggleShapeVisibility:o,toggleShapeLock:r},v.id))})]})})}):null},Ut=({children:e,onClose:t,position:a="center",title:s,className:n=""})=>d.jsxs("div",{className:"react-paint-editor-modal","data-position":a,style:{"--react-paint-editor-modal-zindex":_a},role:"dialog","aria-modal":"true","aria-labelledby":s,children:[d.jsx("div",{className:"react-paint-editor-modal-mask",onClick:t}),d.jsx("div",{className:`react-paint-editor-modal-panel ${n}`,children:e})]}),qt=({selectedSettings:e,setSelectedSettings:t,title:a="Choisissez une couleur",mode:s="fill",disabled:n=!1,values:o,field:r,value:l="",valueChanged:i})=>{const[c]=m.useState(be("settings_")),u=e===c;return o.length?d.jsxs(d.Fragment,{children:[d.jsx($,{selected:u,title:a,disabled:n,onClick:()=>{t(h=>h===c?void 0:c)},icon:l==="transparent"?s==="fill"?Ua:$a:void 0,children:l!=="transparent"&&d.jsx("div",{className:"react-paint-editor-colorfield-color","data-mode":s,style:{"--react-paint-editor-colorfield-color-value":l}})}),u&&d.jsx(dt,{title:a,alignment:"left",position:"bottom",children:d.jsxs("div",{className:"react-paint-editor-colorfield-wrapper",children:[o.map(h=>d.jsx($,{title:h,selected:h===l,color:h,icon:h==="transparent"?s==="fill"?Ua:$a:void 0,onClick:()=>{i(r,h)},children:h!=="transparent"&&d.jsx("div",{className:"react-paint-editor-colorfield-color",color:h,"data-mode":s,style:{"--react-paint-editor-colorfield-color-value":h}})},h)),d.jsx($,{type:"color",title:"Custom color",selected:l!==""&&!o.includes(l),value:l,onChange:h=>{const p=+h.target.value;i(r,Number.isNaN(p)?h.target.value:p)},children:d.jsx("div",{className:"react-paint-editor-colorfield-customcolor",style:{"--react-paint-editor-colorfield-color-value":o.includes(l)?"var(--react-paint-editor-app-font-color)":l},children:d.jsx("span",{dangerouslySetInnerHTML:{__html:'<svg><path d="M9.958 18.333Q8.25 18.333 6.74 17.677Q5.229 17.021 4.104 15.885Q2.979 14.75 2.323 13.229Q1.667 11.708 1.667 10Q1.667 8.271 2.333 6.75Q3 5.229 4.156 4.104Q5.312 2.979 6.854 2.323Q8.396 1.667 10.125 1.667Q11.771 1.667 13.26 2.25Q14.75 2.833 15.875 3.854Q17 4.875 17.667 6.26Q18.333 7.646 18.333 9.25Q18.333 11.688 16.792 12.948Q15.25 14.208 13.188 14.208H11.75Q11.625 14.208 11.562 14.281Q11.5 14.354 11.5 14.458Q11.5 14.688 11.812 15.219Q12.125 15.75 12.125 16.458Q12.125 17.458 11.51 17.896Q10.896 18.333 9.958 18.333ZM5.458 10.875Q6 10.875 6.375 10.5Q6.75 10.125 6.75 9.583Q6.75 9.042 6.375 8.667Q6 8.292 5.458 8.292Q4.917 8.292 4.542 8.667Q4.167 9.042 4.167 9.583Q4.167 10.125 4.542 10.5Q4.917 10.875 5.458 10.875ZM7.917 7.583Q8.458 7.583 8.833 7.208Q9.208 6.833 9.208 6.292Q9.208 5.75 8.833 5.375Q8.458 5 7.917 5Q7.375 5 7 5.375Q6.625 5.75 6.625 6.292Q6.625 6.833 7 7.208Q7.375 7.583 7.917 7.583ZM12.021 7.583Q12.562 7.583 12.938 7.208Q13.312 6.833 13.312 6.292Q13.312 5.75 12.938 5.375Q12.562 5 12.021 5Q11.479 5 11.104 5.375Q10.729 5.75 10.729 6.292Q10.729 6.833 11.104 7.208Q11.479 7.583 12.021 7.583ZM14.479 10.875Q15.021 10.875 15.396 10.5Q15.771 10.125 15.771 9.583Q15.771 9.042 15.396 8.667Q15.021 8.292 14.479 8.292Q13.938 8.292 13.562 8.667Q13.188 9.042 13.188 9.583Q13.188 10.125 13.562 10.5Q13.938 10.875 14.479 10.875Z"/></svg>'}})})})]})})]}):null},Go=({disabled:e=!1,selectedShape:t,removeShape:a})=>d.jsx($,{title:"Delete",disabled:e,"data-disabled":+e,onClick:()=>{a(G(t))},icon:Da}),Gt=({CustomOption:e,selectedSettings:t,setSelectedSettings:a,title:s="Choisissez l'option",disabled:n=!1,field:o,icon:r,values:l,defaultValue:i,valueChanged:c})=>{const[u]=m.useState(be("settings_")),h=t===u;return l.length?d.jsxs(d.Fragment,{children:[d.jsx($,{selected:h,title:s,icon:r,disabled:n,onClick:()=>{a(p=>p===u?void 0:u)}}),h&&d.jsx(dt,{title:s,alignment:"left",fitContainer:!0,position:"bottom",children:d.jsx("div",{className:"react-paint-editor-selectfield-wrapper",children:l.map(p=>d.jsx($,{title:`${p}`,onClick:()=>(g=>{c(o,g)})(p),selected:i===p,style:{"--react-paint-editor-button-padding":"16px"},children:d.jsx(e,{children:p})},p))})})]}):null},_o=({children:e})=>d.jsx("span",{className:"react-paint-editor-fontfamily-option",style:{"--react-paint-editor-fontfamily-family":e},children:e}),Pn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:_o,title:"Police",icon:'<svg><path d="M5.312 14.979H7.125L8.042 12.479H11.979L12.896 14.979H14.708L10.917 5H9.083ZM8.542 10.958 9.958 6.958H10.042L11.458 10.958ZM3.417 18.333Q2.688 18.333 2.177 17.823Q1.667 17.312 1.667 16.583V3.417Q1.667 2.688 2.177 2.177Q2.688 1.667 3.417 1.667H16.583Q17.312 1.667 17.823 2.177Q18.333 2.688 18.333 3.417V16.583Q18.333 17.312 17.823 17.823Q17.312 18.333 16.583 18.333ZM3.417 16.583H16.583Q16.583 16.583 16.583 16.583Q16.583 16.583 16.583 16.583V3.417Q16.583 3.417 16.583 3.417Q16.583 3.417 16.583 3.417H3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583ZM3.417 3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417V16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583Q3.417 16.583 3.417 16.583V3.417Q3.417 3.417 3.417 3.417Q3.417 3.417 3.417 3.417Z"/></svg>',disabled:a,field:"fontFamily",values:s,defaultValue:n,valueChanged:o}):null,Ko=({disabled:e,toggleLayoutPanel:t})=>d.jsx($,{title:"Toggle layers panel",disabled:e,onClick:t,icon:'<svg><path d="M10 17.646 2.438 11.75 3.875 10.646 10 15.396 16.125 10.646 17.562 11.75ZM10 13.188 2.5 7.354 10 1.521 17.5 7.354Z"/></svg>',className:"react-paint-editor-layout-button"}),Jo=({children:e})=>d.jsxs("span",{className:"react-paint-editor-linearrow-option","data-type":e,children:[d.jsx("span",{className:"react-paint-editor-linearrow-left"}),d.jsx("span",{className:"react-paint-editor-linearrow-right"})]}),jn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:Jo,title:"Flèches",icon:'<svg><path d="M6 17 2 13 6 9 7.062 10.062 4.875 12.25H17V13.75H4.875L7.062 15.938ZM14 11 12.938 9.938 15.125 7.75H3V6.25H15.125L12.938 4.062L14 3L18 7Z"/></svg>',disabled:a,field:"lineArrow",values:s,defaultValue:n,valueChanged:o}):null,ei=({children:e})=>d.jsxs("span",{className:"react-paint-editor-linetype-option","data-type":e,children:[d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{}),d.jsx("span",{})]}),Ln=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,values:s,defaultValue:n,valueChanged:o})=>s.length?d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:ei,icon:'<svg><path d="M3 16V14.5H4.5V16ZM6.125 16V14.5H7.625V16ZM9.25 16V14.5H10.75V16ZM12.375 16V14.5H13.875V16ZM15.5 16V14.5H17V16ZM3 13V11.5H6.5V13ZM8.25 13V11.5H11.75V13ZM13.5 13V11.5H17V13ZM3 10V8.5H9.25V10ZM10.75 10V8.5H17V10ZM3 7V4H17V7Z"/></svg>',title:"Type de traits",disabled:a,field:"lineDash",values:s,defaultValue:n,valueChanged:o}):null,_t=({selectedSettings:e,setSelectedSettings:t,title:a="Choisissez l'intervalle",icon:s,disabled:n=!1,field:o,value:r,min:l=1,max:i=20,step:c=1,unity:u="",valueChanged:h,saveShapes:p})=>{const g=r===void 0,v=g?"N/A":`${Math.round(r)}${u}`,[S]=m.useState(be("settings_")),b=((P,M=500)=>{const x=m.useRef(null),f=m.useCallback((...j)=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>P(...j),M)},[P,M]);return m.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),f})(p),C=e===S;return l===i?null:d.jsxs(d.Fragment,{children:[d.jsx($,{selected:C,title:a,disabled:n,icon:s,onClick:()=>{t(P=>P===S?void 0:S)}}),C&&d.jsx(dt,{title:a,alignment:"left",fitContainer:!0,position:"bottom",children:d.jsx("div",{children:d.jsxs("label",{className:"react-paint-editor-rangefield",children:[d.jsx("input",{type:"range",min:l,max:i,step:c,value:r??(i+l)/2,"data-indeterminate":+g,onChange:P=>{const M=+P.target.value,x=Number.isNaN(M)?P.target.value:M;h(o,x,!1),b()}}),d.jsx("span",{children:v})]})})})]})},ti=({children:e})=>d.jsx("span",{children:e===0?"Non":"Oui"}),ai=[0,1],Vn=({selectedSettings:e,setSelectedSettings:t,disabled:a=!1,defaultValue:s,valueChanged:n})=>d.jsx(Gt,{selectedSettings:e,setSelectedSettings:t,CustomOption:ti,title:"Fermer les points",icon:ia,disabled:a,field:"closedPoints",values:ai,defaultValue:s,valueChanged:n}),si=({disabled:e=!1,className:t,toggleZoomPanel:a})=>d.jsx($,{title:"Toggle zoom panel",disabled:e,onClick:a,icon:qa,className:t?` ${t}`:""}),Kt=({setSelectedSettings:e,disabled:t=!1,field:a,icon:s,values:n,value:o=!1,valueChanged:r})=>{const[l]=m.useState(be("settings_"));return n.length!==2?null:d.jsx($,{onClick:()=>{e(i=>i===l?void 0:l),r(a,!o)},selected:o,disabled:t,icon:s})},za=({activeTool:e,selectedShape:t,selectedShapeTool:a,disabled:s,selectedSettings:n,setSelectedSettings:o,saveShapes:r,handleShapeStyleChange:l,handleShapeFontFamilyChange:i})=>t?a&&d.jsxs(d.Fragment,{children:["strokeColor"in a.settings&&!a.settings.strokeColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur du trait",mode:"stroke",disabled:s,field:"strokeColor",value:t.style?.strokeColor,valueChanged:l,values:a.settings.strokeColor.values}),"fillColor"in a.settings&&!a.settings.fillColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur de fond",disabled:s,field:"fillColor",value:t.style?.fillColor,valueChanged:l,values:a.settings.fillColor.values}),"lineWidth"in a.settings&&!a.settings.lineWidth.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Epaisseur du trait",icon:Xa,disabled:s,field:"lineWidth",value:t.style?.lineWidth,valueChanged:l,unity:"px",min:a.settings.lineWidth.min,max:a.settings.lineWidth.max,step:a.settings.lineWidth.step}),"lineDash"in a.settings&&!a.settings.lineDash.hidden&&d.jsx(Ln,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:t.style?.lineDash,valueChanged:l,values:a.settings.lineDash.values}),"lineArrow"in a.settings&&!a.settings.lineArrow.hidden&&d.jsx(jn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:t.style?.lineArrow,valueChanged:l,values:a.settings.lineArrow.values}),"closedPoints"in a.settings&&!a.settings.closedPoints.hidden&&d.jsx(Vn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:l,defaultValue:t.style?.closedPoints}),"fontFamily"in a.settings&&!a.settings.fontFamily.hidden&&d.jsx(Pn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:i,values:a.settings.fontFamily.values,defaultValue:t.style?.fontFamily}),"fontBold"in a.settings&&!a.settings.fontBold.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontBold",icon:Oa,valueChanged:i,values:a.settings.fontBold.values,value:t.style?.fontBold}),"fontItalic"in a.settings&&!a.settings.fontItalic.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontItalic",icon:Ya,valueChanged:i,values:a.settings.fontItalic.values,value:t.style?.fontItalic}),"opacity"in a.settings&&!a.settings.opacity.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Opacité",icon:Ia,min:a.settings.opacity.min,max:a.settings.opacity.max,step:a.settings.opacity.step,unity:"%",disabled:s,field:"opacity",value:t.style?.opacity,valueChanged:l})]}):"settings"in e?d.jsxs(d.Fragment,{children:["strokeColor"in e.settings&&!e.settings.strokeColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur du trait",mode:"stroke",disabled:s,field:"strokeColor",value:e.settings.strokeColor.default,valueChanged:l,values:e.settings.strokeColor.values}),"fillColor"in e.settings&&!e.settings.fillColor.hidden&&d.jsx(qt,{selectedSettings:n,setSelectedSettings:o,title:"Couleur de fond",disabled:s,field:"fillColor",value:e.settings.fillColor.default,valueChanged:l,values:e.settings.fillColor.values}),"lineWidth"in e.settings&&!e.settings.lineWidth.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Epaisseur du trait",disabled:s,field:"lineWidth",icon:Xa,value:e.settings.lineWidth.default,valueChanged:l,unity:"px",min:e.settings.lineWidth.min,max:e.settings.lineWidth.max,step:e.settings.lineWidth.step}),"lineDash"in e.settings&&!e.settings.lineDash.hidden&&d.jsx(Ln,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:e.settings.lineDash.default,valueChanged:l,values:e.settings.lineDash.values}),"lineArrow"in e.settings&&!e.settings.lineArrow.hidden&&d.jsx(jn,{selectedSettings:n,setSelectedSettings:o,disabled:s,defaultValue:e.settings.lineArrow.default,valueChanged:l,values:e.settings.lineArrow.values}),"closedPoints"in e.settings&&!e.settings.closedPoints.hidden&&d.jsx(Vn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:l,defaultValue:e.settings?.closedPoints.default}),"fontFamily"in e.settings&&!e.settings.fontFamily.hidden&&d.jsx(Pn,{selectedSettings:n,setSelectedSettings:o,disabled:s,valueChanged:i,values:e.settings.fontFamily.values,defaultValue:e.settings.fontFamily.default}),"fontBold"in e.settings&&!e.settings.fontBold.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontBold",icon:Oa,valueChanged:i,values:e.settings.fontBold.values,value:e.settings.fontBold.default}),"fontItalic"in e.settings&&!e.settings.fontItalic.hidden&&d.jsx(Kt,{setSelectedSettings:o,disabled:s,field:"fontItalic",icon:Ya,valueChanged:i,values:e.settings.fontItalic.values,value:e.settings.fontItalic.default}),"opacity"in e.settings&&!e.settings.opacity.hidden&&d.jsx(_t,{saveShapes:r,selectedSettings:n,setSelectedSettings:o,title:"Opacité",icon:Ia,min:e.settings.opacity.min,max:e.settings.opacity.max,step:e.settings.opacity.step,unity:"%",disabled:s,field:"opacity",value:e.settings.opacity.default,valueChanged:l})]}):null,ni=({width:e,availableTools:t,updateToolSettings:a,layersManipulation:s=!1,toggleLayoutPanel:n,activeTool:o,saveShapes:r,selectedShape:l,canvas:i,settings:c,updateShape:u,removeShape:h,isZoomPanelShown:p,setIsZoomPanelShown:g})=>{const[v,S]=m.useState(void 0),[b,C]=m.useState(!1),P=c.size==="infinite"\|\|c.features.zoom,M=!c.features.edition,x=()=>{C(R=>!R)},f=((R,T)=>{const A=G(R).map(O=>T.find(X=>X.id===O?.toolId)\|\|T.find(X=>X.type===O?.type)).filter(O=>O!==void 0);if(!A.length)return;if(A.length===1)return A[0];const B=A.slice(1).reduce((O,X)=>{const Z={};for(const te in X.settings){if(O[te]===void 0\|\|X.settings[te]?.hidden\|\|O[te]?.hidden)continue;const D=O[te],_=X.settings[te],K={};"min"in _&&"min"in D&&_.min===D.min&&"max"in _&&"max"in D&&_.max===D.max&&"step"in _&&"step"in D&&_.step===D.step&&(K.min=_.min,K.max=_.max,K.step=_.step),"values"in _&&"values"in D&&_.values?.join(",")===D.values?.join(",")&&(K.values=_.values),(Object.keys(K).length>0\|\|te==="closedPoints")&&(Z[te]=K)}return Z},A[0].settings);return{id:A.map(O=>O.id).join("-"),icon:"",label:"group",type:"group",settings:B}})(l,t),j=(f?Object.keys(f.settings).length+1:"settings"in o?Object.keys(o.settings).length:0)+ +s+ +P,z=e<40j,N=(R,T,A=!0)=>{if(G(l).length){const B=G(l).map(O=>Be(We(["style",R],T,O),c));u(B,A),f&&a(f.id,R,T)}else a(o.id,R,T)},E=(R,T)=>{if(G(l).length){const A=G(l).map(B=>{if(B.type!=="text")return B;const O=i?.getContext("2d");if(!O)return B;const X=We(["style",R],T,B),Z=Xt(O,X.value,X.width,X.style?.fontBold??!1,X.style?.fontItalic??!1,X.style?.fontFamily);return Be({...X,fontSize:Z,height:ZX.value.length},c)});u(A,!0),f&&a(f.id,R,T)}else a(o.id,R,T)};return d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"react-paint-editor-settings-bar",children:[d.jsxs("div",{className:"react-paint-editor-settings-shrinkable",children:[P&&d.jsx(si,{className:p?"react-paint-editor-bar-zoom-button-opened":void 0,toggleZoomPanel:()=>{g(R=>!R)}}),z&&j>2&&d.jsx($,{disabled:M,onClick:x,title:"Toggle settings",icon:'<svg><path d="M2.5 15.833V14.083H7.667V15.833ZM2.5 5.917V4.167H10.771V5.917ZM9.208 17.5V12.438H10.958V14.083H17.5V15.833H10.958V17.5ZM5.917 12.542V10.875H2.5V9.125H5.917V7.479H7.667V12.542ZM9.208 10.875V9.125H17.5V10.875ZM12.333 7.562V2.5H14.083V4.167H17.5V5.917H14.083V7.562Z"/></svg>'}),l?f&&d.jsxs(d.Fragment,{children:[!z&&d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:M,selectedSettings:v,setSelectedSettings:S,handleShapeStyleChange:N,handleShapeFontFamilyChange:E}),o.type==="selection"&&d.jsx(Go,{disabled:M,selectedShape:l,removeShape:h})]}):!z&&d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:M,selectedSettings:v,setSelectedSettings:S,handleShapeStyleChange:N,handleShapeFontFamilyChange:E})]}),d.jsx("div",{className:"react-paint-editor-settings-separator"}),s&&d.jsx(Ko,{disabled:M,toggleLayoutPanel:n})]}),b&&d.jsx(Ut,{className:"react-paint-editor-settings-modal",onClose:x,position:"bottom",title:"Settings",children:d.jsx(za,{saveShapes:r,activeTool:o,selectedShape:l,selectedShapeTool:f,disabled:M,selectedSettings:v,setSelectedSettings:S,handleShapeStyleChange:N,handleShapeFontFamilyChange:E})})]})},Jt=({alignment:e,children:t,className:a,style:s,position:n})=>d.jsx(dt,{alignment:e,position:n,className:a,style:s,children:d.jsx("div",{className:"react-paint-editor-menu",role:"menu",children:t})}),Zn=({disabled:e=!1,withText:t=!1,loadFile:a,type:s,img:n,accept:o})=>{const r=m.useRef(null);return d.jsx($,{ref:r,type:"file",onClick:()=>{r.current&&(r.current.value="")},onChange:l=>{const i=l.target.files?.item(0);i&&a(i)},accept:o,title:s.label??s.type,icon:n,disabled:e,children:t?s.label:void 0})},Ae=({type:e,img:t,isActive:a,withText:s=!1,disabled:n=!1,setActive:o})=>d.jsx($,{disabled:n,selected:a,onClick:()=>{o(e)},title:e.label??e.type,icon:t,children:s?e.label:void 0}),Hn=(e,t)=>!!(e.target instanceof Node&&t)&&t.contains(e.target),Ta=({trigger:e="click",buttonElt:t})=>{const[a,s]=m.useState(!1),[,n]=m.useTransition(),o=m.useCallback(()=>{n(()=>{s(!1)})},[]);return m.useEffect(()=>{if(!t)return;if(a){const l=c=>{Hn(c,t)\|\|n(()=>{s(!1)})},i=()=>{n(()=>{s(!1)})};return e==="hover"?(t.addEventListener("mouseleave",i),()=>{t.removeEventListener("mouseleave",i)}):(document.addEventListener("click",l),()=>{document.removeEventListener("click",l)})}const r=()=>{n(()=>{s(!0)})};return e==="hover"?(t.addEventListener("mouseenter",r),()=>{t.removeEventListener("mouseenter",r)}):(t.addEventListener("click",r),()=>{t.removeEventListener("click",r)})},[t,a,e]),{isOpen:a,trigger:e,closeMenu:o}},oi=({activeTool:e,withActionsInMenu:t,hasActionToUndo:a=!1,hasActionToRedo:s=!1,hasActionToClear:n=!1,undoAction:o,redoAction:r,clearCanvas:l,disabled:i=!1,withLoadAndSave:c,withExport:u,addPicture:h,loadFile:p,togglePictureUrlModal:g,saveFile:v,toggleExportModal:S,withUploadPicture:b,withUrlPicture:C})=>{const P=m.useRef(null),{isOpen:M,closeMenu:x}=Ta({buttonElt:P.current}),f=j=>async(...z)=>{await j(...z),x()};return t\|\|b\|\|C\|\|c\|\|u?d.jsx("div",{className:"react-paint-editor-toolbox-relative",children:d.jsxs("div",{ref:P,children:[d.jsx($,{title:"Menu",disabled:i,icon:'<svg><path d="M2.5 15V13.25H17.5V15ZM2.5 10.875V9.125H17.5V10.875ZM2.5 6.75V5H17.5V6.75Z"/></svg>'}),M&&d.jsxs(Jt,{alignment:"right",position:"top",children:[t&&d.jsxs(d.Fragment,{children:[d.jsx(Ae,{withText:!0,type:vt,disabled:i\|\|!a,img:vt.icon,isActive:e.id===vt.id,setActive:f(o)}),d.jsx(Ae,{withText:!0,type:mt,disabled:i\|\|!s,img:mt.icon,isActive:e.id===mt.id,setActive:f(r)}),d.jsx(Ae,{withText:!0,type:St,disabled:i\|\|!n,img:St.icon,isActive:e.id===St.id,setActive:f(l)}),(b\|\|C\|\|c)&&d.jsx("hr",{})]}),b&&d.jsx(Zn,{withText:!0,type:cs,disabled:i,loadFile:f(h),img:cs.icon,accept:"image/png, image/gif, image/jpeg, image/svg+xml, image/webp"}),C&&d.jsx($,{disabled:i,selected:!1,onClick:f(g),title:"Add picture from URL",icon:'<svg><path d="M9.188 16.542V14.938Q8.5 14.938 8.021 14.458Q7.542 13.979 7.542 13.292V12.458L3.583 8.5Q3.5 8.875 3.458 9.25Q3.417 9.625 3.417 10Q3.417 12.5 5.062 14.365Q6.708 16.229 9.188 16.542ZM14.854 14.438Q15.708 13.521 16.146 12.385Q16.583 11.25 16.583 10Q16.583 7.979 15.469 6.313Q14.354 4.646 12.479 3.917V4.229Q12.479 4.917 12 5.396Q11.521 5.875 10.833 5.875H9.188V7.521Q9.188 7.875 8.948 8.115Q8.708 8.354 8.354 8.354H6.708V10H11.646Q12 10 12.24 10.229Q12.479 10.458 12.479 10.812V13.292H13.292Q13.833 13.292 14.26 13.604Q14.688 13.917 14.854 14.438ZM10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333Z"/></svg>',children:"Add picture from URL"}),(b\|\|C)&&c&&d.jsx("hr",{}),c&&d.jsxs(d.Fragment,{children:[d.jsx(Zn,{withText:!0,type:ls,disabled:i,loadFile:f(p),img:ls.icon,accept:"application/JSON"}),d.jsx(Ae,{withText:!0,disabled:i,type:da,img:da.icon,isActive:e.id===da.id,setActive:f(v)})]}),u&&d.jsx(Ae,{withText:!0,disabled:i,type:ca,img:ca.icon,isActive:e.id===ca.id,setActive:f(S)})]})]})}):null},ii=({togglePictureUrlModal:e,addPicture:t})=>{const a=m.useRef(null);return m.useEffect(()=>{a.current&&a.current.focus()},[]),d.jsx(Ut,{className:"react-paint-editor-toolbox-pictureinput-modal",onClose:e,title:"Add picture from URL",children:d.jsxs("form",{onSubmit:async s=>{s.preventDefault();const n=a.current?.value;n&&(await t(n),e())},children:[d.jsxs("label",{children:["URL ",d.jsx("input",{type:"text",ref:a})]}),d.jsx($,{onClick:e,children:"Annuler"}),d.jsx($,{type:"submit",selected:!0,children:"Ajouter"})]})})},zn="Choose export settings",ri=({toggleExportModal:e,exportCanvasInFile:t})=>{const a=async s=>{t(s),e()};return d.jsxs(Ut,{className:"react-paint-editor-toolbox-export-modal",onClose:e,title:zn,children:[d.jsx("h3",{children:zn}),d.jsx("hr",{}),d.jsx($,{onClick:()=>a("currentZoom"),children:"Exporter la vue actuelle"}),d.jsx($,{onClick:()=>a("defaultView"),children:"Exporter le canevas par défaut"}),d.jsx($,{onClick:()=>a("fitToShapes"),children:"Exporter le dessin entier"}),d.jsx($,{selected:!0,onClick:e,children:"Annuler"})]})},li=({activeTool:e,group:t,disabled:a=!1,setActiveToolFromId:s})=>{const n=m.useRef(null),[o,r]=m.useState(!1),[,l]=m.useTransition(),[i,c]=m.useState(void 0),u=g=>{c(g),s(g.id)};if(m.useEffect(()=>{if(!o)return;const g=v=>{!Hn(v,n.current)&&r(!1)};return document.addEventListener("mousedown",g,{passive:!1}),document.addEventListener("touchstart",g,{passive:!1}),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("touchstart",g)}},[o]),"type"in t)return d.jsx(Ae,{disabled:a,type:t,img:t.icon,isActive:e.id===t.id,setActive:u});if(!t.toolsType.length)return null;if(t.toolsType?.length===1)return d.jsx(Ae,{disabled:a,type:t.toolsType[0],img:t.toolsType[0].icon,isActive:e.id===t.toolsType[0].id,setActive:u});const h=t?.toolsType.find(g=>g.type===e.type)!==void 0,p=(i?i.icon:t.toolsType?.[0]?.icon)??t.title;return d.jsxs("div",{className:"react-paint-editor-toolbargroup-relative",children:[d.jsx($,{selected:h,title:t.title,disabled:a,onClick:()=>{i?s(i.id):t.toolsType?.[0]&&u(t.toolsType[0]),l(()=>{r(!0)})},icon:p}),o&&d.jsx(dt,{alignment:"center",position:"top",children:d.jsx("div",{className:"react-paint-editor-toolbargroup-panel-content","data-vertical":+t.vertical,ref:n,children:t.toolsType.map(g=>d.jsx(Ae,{disabled:a,type:g,img:g.icon,isActive:e.id===g.id,setActive:u},g.id))})})]})},ci=[{title:"brush",toolsType:["brush"],vertical:!1},{title:"lines",toolsType:["line","curve","polygon"],vertical:!1},{title:"shapes",toolsType:["rect","square","circle","ellipse"],vertical:!1},"text"],di=({settings:e,width:t,activeTool:a,hasActionToUndo:s=!1,hasActionToRedo:n=!1,hasActionToClear:o=!1,withLoadAndSave:r,withExport:l,clearCanvas:i,setActiveTool:c,undoAction:u,redoAction:h,addPicture:p,loadFile:g,saveFile:v,exportCanvasInFile:S,availableTools:b,withUrlPicture:C,withUploadPicture:P})=>{const M=((D,_)=>{const K=_.flatMap(ne=>{if(typeof ne!="object")return D.filter(k=>k.type===ne);const re=D.filter(k=>ne.toolsType.includes(k.type));return re?{...ne,toolsType:re}:null});return La(K)})(b,ci),x=!e.features.edition,f=t<40(6+M.length),j=t<40(3+M.length),[z,N]=m.useState(!1),[E,R]=m.useState(!1),[T,A]=m.useState(!1),B=()=>{N(D=>!D)},O=()=>{A(D=>!D)},X=D=>{c(D),N(!1)},Z=D=>{X(b.find(_=>_.id===D)??a)},te=b.find(D=>D.type===a.type)!==void 0;return d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"react-paint-editor-toolbar-toolbox",style:{"--react-paint-editor-toolbar-minwidth":"160px"},children:[d.jsxs("div",{className:"react-paint-editor-toolbar-shrinkable",children:[d.jsx(Ae,{type:Xe,disabled:x,img:Xe.icon,isActive:a.id===Xe.id,setActive:X}),(e.size==="infinite"\|\|e.features.zoom)&&d.jsx(Ae,{type:ha,disabled:x,img:ha.icon,isActive:a.id===ha.id,setActive:X}),j?d.jsx($,{disabled:x,onClick:B,title:"Toggle tools",icon:'<svg><path d="M5.333 9.292 10.021 1.646 14.708 9.292ZM14.562 18.333Q13 18.333 11.896 17.229Q10.792 16.125 10.792 14.562Q10.792 13 11.896 11.896Q13 10.792 14.562 10.792Q16.125 10.792 17.229 11.896Q18.333 13 18.333 14.562Q18.333 16.125 17.229 17.229Q16.125 18.333 14.562 18.333ZM2.5 17.917V11.188H9.229V17.917ZM14.562 16.583Q15.438 16.583 16.01 16.01Q16.583 15.438 16.583 14.562Q16.583 13.688 16.01 13.115Q15.438 12.542 14.562 12.542Q13.688 12.542 13.115 13.115Q12.542 13.688 12.542 14.562Q12.542 15.438 13.115 16.01Q13.688 16.583 14.562 16.583ZM4.25 16.167H7.479V12.938H4.25ZM8.458 7.542H11.583L10.021 5ZM10.021 7.542ZM7.479 12.938ZM14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Q14.562 14.562 14.562 14.562Z"/></svg>',selected:te}):M.map(D=>d.jsx(li,{disabled:x,activeTool:a,group:D,setActiveToolFromId:Z},"id"in D?D.id:D.title))]}),!f&&d.jsxs(d.Fragment,{children:[d.jsx(Ae,{type:vt,disabled:x\|\|!s,img:vt.icon,isActive:a.id===vt.id,setActive:u}),d.jsx(Ae,{type:mt,disabled:x\|\|!n,img:mt.icon,isActive:a.id===mt.id,setActive:h}),d.jsx(Ae,{type:St,disabled:x\|\|!o,img:St.icon,isActive:a.id===St.id,setActive:i})]}),d.jsx(oi,{withActionsInMenu:f,disabled:x,activeTool:a,addPicture:p,loadFile:g,saveFile:v,togglePictureUrlModal:()=>{R(!0)},toggleExportModal:O,withUploadPicture:P,withUrlPicture:C,withLoadAndSave:r,withExport:l,hasActionToUndo:s,hasActionToRedo:n,hasActionToClear:o,undoAction:u,redoAction:h,clearCanvas:i})]}),z&&d.jsx(Ut,{className:"react-paint-editor-toolbar-modal",onClose:B,title:"Outils",children:b.map(D=>D.type==="picture"?null:d.jsx(Ae,{disabled:x,type:D,img:D.icon,withText:!1,isActive:a.id===D.id,setActive:X},D.id))}),E&&d.jsx(ii,{togglePictureUrlModal:()=>{R(D=>!D)},addPicture:p}),T&&d.jsx(ri,{toggleExportModal:O,exportCanvasInFile:S})]})},ea={none:0,small:10,medium:20,large:40},hi={toolbarBackgroundColor:"white",dividerColor:"#36418129",fontRadius:8,fontDisabledColor:"#3641812b",fontDisabledBackgroundColor:"transparent",fontColor:"#364181",fontBackgroundColor:"transparent",fontSelectedColor:"white",fontSelectedBackgroundColor:"#364181",fontHoverColor:"#364181",fontHoverBackgroundColor:"#afd8d8"},ui=()=>{const e=m.useRef([]),[t,a]=m.useState([]);return m.useEffect(()=>()=>{for(const s of e.current)clearTimeout(s)},[]),{snackbarList:t,addSnackbar:({type:s=Bo,duration:n=Fo,text:o})=>{const r={id:be("snackbar_"),duration:n,type:s,text:o};a(l=>[...l,r]),e.current=[...e.current,setTimeout(()=>{return l=r.id,void a(i=>i.filter(c=>c.id!==l));var l},n)]}}},pi=({moveShapes:e,selectAllShapes:t,selectionMode:a,transformShape:s,settings:n,canvasRef:o,closeContextMenu:r,toggleShapeVisibility:l,toggleShapeLock:i,removeShape:c,duplicateShapes:u,copiedShape:h,setCopiedShape:p,pasteShapes:g,removeShapePoint:v})=>{const S=m.useRef(null),b=m.useRef(null),{isOpen:C}=Ta({trigger:"hover",buttonElt:S.current}),{isOpen:P}=Ta({trigger:"hover",buttonElt:b.current}),{originalShape:M,cursorStartPosition:x,anchor:f}=a,j=G(M),z=j.length>0,N=j.length===1&&(j[0]?.type==="polygon"\|\|j[0]?.type==="curve")&&f!==void 0&&j[0]?.points?.length>2,E=!j.some(Z=>Z.visible===!1),R=j.some(Z=>Z.locked),T=16+36(2+(z?8:0)+(N?1:0))+16(z?3:1),[A]=m.useState(()=>[(x[0]+n.canvasOffset[0])n.canvasSize.scaleRatio,36+(x[1]+n.canvasOffset[1])n.canvasSize.scaleRatio]),[B,O]=m.useState();m.useEffect(()=>{const Z=o?.current?.getBoundingClientRect();if(!Z)return;const te=Z.left+A[0],D=Z.top+A[1],_=Math.max(0,Math.min(te,window.innerWidth-176))-Z.left,K=Math.max(0,Math.min(D,window.innerHeight-T))-Z.top,ne=_>window.innerWidth-176-Math.min(_,200)?"left":"right";O({x:_,y:K,subMenuPosition:ne})},[o,A,T]);const X=B?{"--react-paint-editor-toolbox-contextmenu-transform":`translate3D(${B.x}px, ${B.y}px, 0)`}:{display:"none"};return d.jsxs(Jt,{className:"react-paint-editor-toolbox-contextmenu",style:X,children:[z&&d.jsxs(d.Fragment,{children:[N&&d.jsx($,{onClick:()=>{N&&v(j[0],f),r()},children:"Delete point"}),d.jsxs("div",{className:"react-paint-editor-toolbox-contextmenu-group",ref:S,children:[d.jsx($,{icon:Ba,children:"Organize"}),C&&d.jsxs(Jt,{position:B?.subMenuPosition,children:[d.jsx($,{onClick:()=>{z&&e(j,"forward"),r()},children:"Move forward"}),d.jsx($,{onClick:()=>{z&&e(j,"first"),r()},children:"Put on first"}),d.jsx($,{onClick:()=>{z&&e(j,"backward"),r()},children:"Move backward"}),d.jsx($,{onClick:()=>{z&&e(j,"last"),r()},children:"Put on last"})]})]}),d.jsxs("div",{className:"react-paint-editor-toolbox-contextmenu-group",ref:b,children:[d.jsx($,{icon:Ba,children:"Transform"}),P&&d.jsxs(Jt,{position:B?.subMenuPosition,children:[d.jsx($,{onClick:()=>{const Z=o?.current?.getContext("2d");Z&&z&&s(Z,j,M.computed.center,"flipHorizontally"),r()},children:"Flip horizontally"}),d.jsx($,{onClick:()=>{const Z=o?.current?.getContext("2d");Z&&z&&s(Z,j,M.computed.center,"flipVertically"),r()},children:"Flip vertically"}),d.jsx($,{onClick:()=>{const Z=o?.current?.getContext("2d");Z&&z&&s(Z,j,M.computed.center,"rotateClockwise"),r()},children:"Rotate clockwise"}),d.jsx($,{onClick:()=>{const Z=o?.current?.getContext("2d");Z&&z&&s(Z,j,M.computed.center,"rotateCounterclockwise"),r()},children:"Rotate counterclockwise"})]})]}),d.jsx("hr",{}),d.jsx($,{onClick:()=>{z&&(p(ce(j,n)),c(j)),r()},children:"Cut"}),d.jsx($,{onClick:()=>{z&&p(ce(j,n)),r()},children:"Copy"})]}),d.jsx($,{onClick:()=>{h&&g(ja(h,n)),r()},disabled:!h,children:"Paste"}),d.jsx("hr",{}),z&&d.jsxs(d.Fragment,{children:[d.jsx($,{onClick:()=>{z&&u(j,!0,!0),r()},children:"Duplicate"}),d.jsx($,{onClick:()=>{z&&l(j.filter(Z=>E?Z.visible!==!1:Z.visible===!1)),r()},children:E?"Hide":"Show"}),d.jsx($,{onClick:()=>{z&&i(j.filter(Z=>R?Z.locked:!Z.locked)),r()},children:R?"Unlock":"Lock"}),d.jsx($,{onClick:()=>{z&&c(j),r()},children:"Delete"}),d.jsx("hr",{})]}),d.jsx($,{onClick:()=>{t(),r()},children:"Select all"})]})};Ke.Canvas=({options:e,className:t,style:a,canvasProps:s})=>{const{shapesRef:n,selectedShape:o,selectionFrame:r,hoveredShape:l,addShape:i,setSelectedShape:c,selectAllShapes:u,setSelectionFrame:h,refreshSelectedShapes:p,refreshHoveredShape:g,duplicateShapes:v,removeShape:S,updateShape:b,backwardShape:C,forwardShape:P,saveShapes:M,refs:x,width:f,height:j,settings:z,setCanvasSize:N,setCanvasOffset:E,pasteShapes:R,activeTool:T,setActiveTool:A,isInsideComponent:B,isInsideCanvas:O,isEditMode:X,canvas:{withSkeleton:Z,withFrameSelection:te,withContextMenu:D,canGrow:_,canShrink:K},canvasOffsetStartData:ne,setCanvasOffsetStartData:re,selectionMode:k,setSelectionMode:U,setCanvasMoveAcceleration:w,isShiftPressed:Q,isAltPressed:y,isSpacePressed:L,copiedShape:I,setCopiedShape:V,setShiftPressed:q,setAltPressed:W,setCanvasZoom:H,resetZoom:ae,setIsSpacePressed:pe}=s,{canvasBackgroundColor:F,canvasSelectionColor:de,canvasSelectionWidth:le}={...On,...e},ve=m.useRef(null),Ee=m.useCallback(J=>{N({realWidth:f,realHeight:j,width:J,height:jJ/f,scaleRatio:J/f})},[f,j,N]);return(({isInsideComponent:J,isInsideCanvas:Se,selectedShape:oe,isEditingText:ge,settings:ee,copiedShape:ie,setCopiedShape:he,setSelectedShape:Me,setActiveTool:De,setCanvasZoom:Re,resetZoom:we,setSelectionMode:Ie,setSelectionFrame:Ct,selectAllShapes:Mt,removeShape:ht,pasteShapes:Fe,updateShapes:kt,backwardShape:Pt,forwardShape:Ze,setShiftPressed:at,setAltPressed:st,setIsSpacePressed:_e})=>{m.useEffect(()=>{const ut=Y=>{oe&&(ge\|\|(Y.preventDefault(),he({...oe})))},pt=Y=>{oe&&(ge\|\|(Y.preventDefault(),he({...oe}),ht(G(oe))))},gt=Y=>{ie&&(ge\|\|(Y.preventDefault(),Fe(ja(ie,ee))))},me=Y=>{switch(Y.key){case bn:at(!1);break;case wn:case Qn:st(!1);break;case $t:_e(!1)}},xe=Y=>{if(Y.metaKey\|\|Y.ctrlKey){if(Y.key===Ao\|\|Y.key===To)return Y.preventDefault(),Y.stopPropagation(),void(Y.shiftKey?Ze():Pt());if(!ys()&&(Y.key===Ro\|\|Y.key===Eo))return Y.preventDefault(),Y.stopPropagation(),void Ze();if(Y.key===Ho\|\|Y.key===zo)return Y.preventDefault(),Y.stopPropagation(),void Mt();if(Y.key===Do)return Y.preventDefault(),Y.stopPropagation(),void Re("zoom");if(Y.key===Io)return Y.preventDefault(),Y.stopPropagation(),void Re("unzoom");if(Y.key===Wo)return Y.preventDefault(),Y.stopPropagation(),void we()}if(Y.key===bn)return Y.preventDefault(),Y.stopPropagation(),void at(!0);if(Y.key===$t&&Se)return Y.preventDefault(),Y.stopPropagation(),void _e(!0);if(Y.key===wn\|\|Y.key===Qn)return Y.preventDefault(),Y.stopPropagation(),void st(!0);if(!oe)return;if(Y.key===Zo)return Me(void 0),De(Xe),Ie({mode:"default"}),void Ct(void 0);if(ge)return;const et={[yn]:[ee.gridGap?-ee.gridGap:-1,0],[xn]:[ee.gridGap?ee.gridGap:1,0],[Sn]:[0,ee.gridGap?ee.gridGap:1],[mn]:[0,ee.gridGap?-ee.gridGap:-1]};switch(Y.key){case yn:case xn:case Sn:case mn:Y.preventDefault(),Y.stopPropagation(),kt(nn(et[Y.key],oe,[0,0],ee,!0));break;case Lo:case Vo:Y.preventDefault(),Y.stopPropagation(),ht(G(oe))}};if(J)return document.addEventListener("keydown",xe),document.addEventListener("keyup",me),document.addEventListener(Mn,ut),document.addEventListener(kn,gt),document.addEventListener(Cn,pt),()=>{document.removeEventListener("keydown",xe),document.removeEventListener("keyup",me),document.removeEventListener(Mn,ut),document.removeEventListener(kn,gt),document.removeEventListener(Cn,pt)}},[J,Se,ie,ge,oe,ee,kt,ht,Me,Fe,Pt,Ze,at,st,De,Ie,Ct,he,Re,we,_e,Mt])})({isInsideComponent:B,isInsideCanvas:O,isEditingText:k.mode==="textedition",settings:z,selectedShape:o,copiedShape:I,setCopiedShape:V,selectAllShapes:u,setSelectedShape:c,removeShape:S,pasteShapes:R,updateShapes:b,backwardShape:C,forwardShape:P,setShiftPressed:q,setAltPressed:W,setActiveTool:A,setSelectionMode:U,setSelectionFrame:h,setCanvasZoom:H,resetZoom:ae,setIsSpacePressed:pe}),(({onResized:J,element:Se})=>{m.useEffect(()=>{const oe=Se.current;if(!oe)return;const ge=new ResizeObserver(ee=>{const ie=ee?.[0]?.borderBoxSize?.[0],{width:he,height:Me}=ie?{width:ie.inlineSize,height:ie.blockSize}:ee?.[0]?.contentRect??{};he!==void 0&&Me!==void 0&&J(he,Me)});return ge.observe(oe),()=>{ge.unobserve(oe)}},[Se,J])})({element:ve,onResized:Ee}),d.jsx("div",{ref:ve,className:"react-paint-app-row"+(t?` ${t}`:""),"data-grow":_,"data-shrink":K,style:{"--react-paint-app-row-width":z.canvasSize.width,"--react-paint-app-canvaswidth":f,"--react-paint-app-canvasheight":j,"--react-paint-app-row-aspectratio":`calc(${z.canvasSize.width} / ${z.canvasSize.height})`,"--react-paint-app-canvas-bg":F,...a},children:d.jsx(jo,{duplicateShapes:v,isSpacePressed:L,withContextMenu:D,ref:x.canvas,canGrow:_,isInsideComponent:B,isInsideCanvas:O,activeTool:T,setActiveTool:A,canvasOffsetStartData:ne,setCanvasOffsetStartData:re,shapes:n.current,addShapes:i,updateSingleShape:b,selectedShape:o,selectionFrame:r,setSelectedShape:c,setSelectionFrame:h,hoveredShape:l,refreshHoveredShape:g,refreshSelectedShapes:p,settings:z,setCanvasOffset:E,saveShapes:M,selectionMode:k,setSelectionMode:U,setCanvasMoveAcceleration:w,selectionColor:de,selectionWidth:le,isEditMode:X,isShiftPressed:Q,isAltPressed:y,withFrameSelection:te,withSkeleton:Z})})},Ke.Editor=({editorProps:e,className:t,style:a,options:s,children:n})=>{const{selectionMode:o,setSelectionMode:r,shapesRef:l,addPictureShape:i,moveShapes:c,swapShapes:u,toggleShapeVisibility:h,toggleShapeLock:p,canGoBackward:g,canGoForward:v,canClear:S,selectedShape:b,copiedShape:C,setCopiedShape:P,pasteShapes:M,removeShape:x,duplicateShapes:f,updateShape:j,backwardShape:z,forwardShape:N,removeShapePoint:E,transformShape:R,refs:T,width:A,height:B,selectTool:O,selectShapes:X,selectAllShapes:Z,activeTool:te,setActiveTool:D,setAvailableTools:_,isEditMode:K,availableTools:ne,gridGap:re,setGridGap:k,loadFile:U,exportPicture:w,exportData:Q,clearCanvas:y,settings:L,setCanvasZoom:I,saveShapes:V,canvas:{canGrow:q,layersManipulation:W,withExport:H,withLoadAndSave:ae,withUploadPicture:pe,withUrlPicture:F,withContextMenu:de}}=e,{toolbarBackgroundColor:le,dividerColor:ve,fontRadius:Ee,fontDisabledColor:J,fontDisabledBackgroundColor:Se,fontColor:oe,fontBackgroundColor:ge,fontSelectedColor:ee,fontSelectedBackgroundColor:ie,fontHoverColor:he,fontHoverBackgroundColor:Me}={...hi,...s},De=L.size==="infinite"\|\|L.features.zoom,[Re,we]=m.useState(!1),[Ie,Ct]=m.useState(!1),[Mt,ht]=m.useState(De),Fe=De&&Mt,kt=re>=ea.large?"large":re>=ea.medium?"medium":re>=ea.small?"small":"none",{snackbarList:Pt,addSnackbar:Ze}=ui(),at=m.useCallback((me,xe,Y)=>{_(et=>et.map(Tt=>Tt.id===me?We(["settings",xe,"default"],Y,Tt):Tt)),D(et=>et.id===me?We(["settings",xe,"default"],Y,et):et)},[D,_]),st=m.useCallback(me=>{we(!0);try{w(me)}catch(xe){xe instanceof Error&&Ze({type:"error",text:`L'export a échoué : ${xe.message}`}),console.warn(xe)}finally{we(!1)}},[w,Ze]),_e=m.useCallback(()=>{we(!0);try{Q(),we(!1)}catch(me){me instanceof Error&&Ze({type:"error",text:"L'enregistrement a échoué"}),console.warn(me)}finally{we(!1)}},[Q,Ze]),ut=m.useCallback(async me=>{we(!0);try{await U(me),Ze({type:"success",text:"Fichier chargé !"})}catch(xe){xe instanceof Error&&Ze({type:"error",text:"Le chargement a échoué"}),console.warn(xe)}finally{we(!1)}},[U,Ze]),pt=m.useCallback(async me=>{we(!0);try{const xe=await i(me,A,B);X([xe])}catch(xe){xe instanceof Error&&Ze({type:"error",text:"Le chargement a échoué"}),console.warn(xe)}finally{we(!1)}},[i,X,Ze,A,B]),gt=`${t?`${t} `:""}${Ie?"react-paint-editor-layout-opened ":""}react-paint-editor-app`;return d.jsxs("div",{ref:T.setEditor,className:gt,style:{"--react-paint-editor-app-maxWidth":q?"100%":`${A}px`,"--react-paint-editor-app-toolbar-bg":le,"--react-paint-editor-app-divider-color":ve,"--react-paint-editor-app-font-radius":`${Ee}px`,"--react-paint-editor-app-font-disabled-color":J,"--react-paint-editor-app-font-disabled-bg":Se,"--react-paint-editor-app-font-color":oe,"--react-paint-editor-app-font-bg":ge,"--react-paint-editor-app-font-selected-color":ee,"--react-paint-editor-app-font-selected-bg":ie,"--react-paint-editor-app-font-hover-color":he,"--react-paint-editor-app-font-hover-bg":Me,...a},children:[K&&d.jsx(di,{settings:L,width:L.canvasSize.width,activeTool:te,clearCanvas:y,setActiveTool:O,exportCanvasInFile:st,saveFile:_e,loadFile:ut,addPicture:pt,hasActionToUndo:g,hasActionToRedo:v,hasActionToClear:S,undoAction:z,redoAction:N,availableTools:ne,withExport:H,withLoadAndSave:ae,withUploadPicture:pe,withUrlPicture:F}),n,K&&W&&d.jsx(qo,{gridFormat:kt,setGridFormat:me=>{k(ea[me])},shapes:l.current,swapShapes:u,selectedShapes:b,removeShape:x,selectShapes:X,toggleShapeVisibility:h,toggleShapeLock:p,isLayoutPanelShown:Ie,settings:L}),Fe&&d.jsxs(dt,{alignment:"left",position:"bottom",className:"react-paint-editor-layouts-panel","data-edit":+K,children:[d.jsx($,{className:"react-paint-editor-zoom-button",icon:'<svg viewBox="0 -960 960 960" width="24px"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400ZM280-540v-80h200v80H280Z"/></svg>',onClick:()=>I("unzoom")}),d.jsxs($,{className:"react-paint-editor-zoom-button react-paint-editor-zoom-button-value",onClick:()=>I("default"),children:[Math.round(100L.canvasZoom),"%"]}),d.jsx($,{className:"react-paint-editor-zoom-button",icon:qa,onClick:()=>I("zoom")})]}),K&&d.jsxs(d.Fragment,{children:[d.jsx(ni,{saveShapes:V,setCanvasZoom:I,width:L.canvasSize.width,activeTool:te,availableTools:ne,selectedShape:b,settings:L,removeShape:x,updateShape:j,canvas:T.canvas.current,layersManipulation:W,toggleLayoutPanel:()=>{Ct(me=>!me)},isZoomPanelShown:Fe,setIsZoomPanelShown:ht,updateToolSettings:at}),d.jsx(No,{isLoading:Re}),d.jsx(Yo,{snackbarList:Pt})]}),o.mode==="contextMenu"&&de&&d.jsx(pi,{selectionMode:o,settings:L,canvasRef:T.canvas,closeContextMenu:()=>{r({mode:"default"}),T.canvas.current?.focus()},selectAllShapes:Z,removeShape:x,moveShapes:c,duplicateShapes:f,toggleShapeLock:p,toggleShapeVisibility:h,setCopiedShape:P,copiedShape:C,pasteShapes:M,removeShapePoint:E,transformShape:R})]})},Ke.useReactPaint=({width:e=1e3,height:t=600,shapes:a,mode:s="editor",disabled:n=!1,options:o=vs}={})=>{const{layersManipulation:r,brushAlgo:l,isBrushShapeDoneOnMouseUp:i,debug:c,grid:u,canGrow:h,canShrink:p,withExport:g,withLoadAndSave:v,withUploadPicture:S,withUrlPicture:b,withSkeleton:C,withFrameSelection:P,withContextMenu:M,clearCallback:x,availableTools:f,canvasSelectionPadding:j,size:z,canZoom:N}={...vs,...o},E=s!=="viewer",R=M&&E&&!n,T=m.useRef(null),A=m.useRef(null),B=m.useRef(!1),O=m.useCallback(se=>{T.current=se},[]),[X,Z]=m.useState(void 0),[te,D]=m.useState(Xe),[_,K]=m.useState({mode:"default"}),[ne,re]=m.useState(u),[k,U]=m.useState({realWidth:e,realHeight:t,width:e,height:t,scaleRatio:1}),w=N==="always"&&!n,{canvasTransformation:Q,setCanvasTransformation:y,setCanvasOffset:L,setCanvasZoom:I,resetZoom:V}=Co({canvasSize:k,size:z,canvasElt:A.current,zoomEnabled:w}),{offset:q,zoom:W}=Q,H=m.useMemo(()=>({brushAlgo:l,isBrushShapeDoneOnMouseUp:i,debug:c,canvasSize:{realWidth:k.realWidth,realHeight:k.realHeight,width:k.width,height:k.height,scaleRatioWithNoZoom:k.scaleRatio,scaleRatio:k.scaleRatioW},size:z,canvasOffset:q,canvasZoom:W,gridGap:ne,selectionPadding:j,features:{edition:E&&!n,zoom:w}}),[j,ne,l,i,c,W,q,k,z,n,w,E]),[ae,pe]=m.useState(fn(f,S\|\|b)),{isInsideComponent:F,isInsideCanvas:de}=(({settings:se,componentRef:ue,canvasRef:He})=>{const[Qe,je]=m.useState(!1),[Oe,Ye]=m.useState(!1),Ce=!se.features.edition&&!se.features.zoom;return m.useEffect(()=>{if(!Ce){const ke=()=>je(!0),aa=()=>je(!1),nt=()=>Ye(!0),sa=()=>Ye(!1);return ue.current?.addEventListener("focusin",ke),ue.current?.addEventListener("focusout",aa),He.current?.addEventListener("focusin",nt),He.current?.addEventListener("focusout",sa),()=>{ue.current?.removeEventListener("focusin",ke),ue.current?.removeEventListener("focusout",aa),He.current?.removeEventListener("focusin",nt),He.current?.removeEventListener("focusout",sa)}}je(!1),Ye(!1)},[Ce,ue,He]),{isInsideComponent:Qe,isInsideCanvas:Oe}})({settings:H,componentRef:T,canvasRef:A}),[le,ve]=m.useState(!1),[Ee,J]=m.useState(!1),[Se,oe]=m.useState(!1),{registerEvent:ge,unregisterEvent:ee,shapesRef:ie,selectedShape:he,selectionFrame:Me,hoveredShape:De,copiedShape:Re,setCopiedShape:we,addShapes:Ie,addPictureShape:Ct,moveShapes:Mt,swapShapes:ht,setSelectedShape:Fe,setSelectionFrame:kt,refreshSelectedShapes:Pt,refreshHoveredShape:Ze,duplicateShapes:at,removeShape:st,updateShape:_e,backwardShape:ut,forwardShape:pt,clearShapes:gt,saveShapes:me,toggleShapeVisibility:xe,toggleShapeLock:Y,transformShape:et,canGoBackward:Tt,canGoForward:gi,canClear:fi}=wo(H,e,t,le),Aa=m.useCallback(se=>{Fe(void 0),D(se)},[Fe]),[jt,Tn]=m.useState([0,0]),An=_.mode==="preview";m.useEffect(()=>{if(An)return()=>K(se=>se.mode==="preview"?{mode:"default"}:se)},[he?.id,An]);const En=_.mode==="selectionFrame";m.useEffect(()=>{if(En)return()=>Tn([0,0])},[En]),m.useEffect(()=>{if(jt[0]!==0\|\|jt[1]!==0){const se=setInterval(()=>{y(({offset:ue,zoom:He})=>{const Qe=[ue[0]-jt[0],ue[1]-jt[1]];return Ca({zoom:He,size:z,canvasSize:k,newOffset:Qe})})},20);return()=>clearInterval(se)}},[jt[0],jt[1],y,z,k]);const ta=m.useCallback((se,ue)=>{gt(se,ue),Aa(Xe),y({offset:[0,0],zoom:1})},[Aa,gt,y]),Lt=m.useCallback(se=>{Fe(ue=>(ue?.id!==se.map(He=>He.id).join("-")&&D(Xe),ce(se,H)))},[Fe,H]),Rn=m.useCallback(se=>{Ie(se),Lt(se)},[Ie,Lt]),Dn=m.useCallback(()=>{Lt(ie.current)},[Lt,ie]),vi=m.useCallback(()=>{const se=xo(ie.current,e,t);if(!se)throw new Error("L'encodage a échoué");dn(se,"drawing.json")},[ie,e,t]),mi=m.useCallback(se=>{const ue=hn({shapes:ie.current,settings:H,view:se});dn(ue,"drawing.png")},[ie,H]),Si=m.useCallback(se=>hn({shapes:ie.current,settings:H,view:se}),[ie,H]),yi=m.useCallback(()=>Ha(ie.current,e,t),[ie,e,t]),ft=m.useCallback(async(se,ue)=>{const He=await(async(Qe,je)=>{if(!Qe)return[];const Oe=[],Ye=La(Qe.map(Ce=>{if(!Ce\|\|!ps.includes(Ce.type))return null;if(Ce.type==="picture"){const ke=new Image,aa=new Promise((nt,sa)=>{ke.onload=()=>{URL.revokeObjectURL(ke.src),nt()},ke.onerror=()=>{sa(new Error("Some images could not be loaded"))}});if(Oe.push(aa),Ce.src.startsWith("http"))cn(Ce.src).then(nt=>{ke.src=nt}).catch(()=>{ke.src=""});else if(Ce.src.includes("<svg")){const nt=new Blob([Ce.src],{type:"image/svg+xml"});ke.src=URL.createObjectURL(nt)}else ke.src=Ce.src;return un({...Ce,img:ke},je)}return un(Ce,je)}));return await Promise.all(Oe),Ye})(se,H);ta(He,ue)},[ta,H]),Ea=m.useRef(ft);Ea.current=ft;const xi=m.useCallback((se=[],ue=!0)=>{Ea.current?.(se,{clearHistory:ue,source:"remote"})},[]);m.useEffect(()=>{B.current\|\|(B.current=!0,a&&Ea.current?.(a,{clearHistory:!0,source:"remote"}))},[a]);const bi=m.useCallback(async se=>{const ue=await(async He=>new Promise((Qe,je)=>{const Oe=new FileReader;Oe.onload=Ye=>{const Ce=Ye.target?.result;if(!Ce)return je("Impossible de récupérer les données du fichier");const ke=JSON.parse(Ce);Qe(ke)},Oe.readAsText(He)}))(se);await ft(ue.shapes??[],{clearHistory:!0,source:"remote"})},[ft]),wi=m.useCallback(()=>{typeof x!="string"?ft(x(),{clearHistory:!1,source:"user"}):x==="defaultShapes"&&a!==void 0?ft(a,{clearHistory:!1,source:"user"}):ta([],{clearHistory:!1,source:"user"})},[ta,ft,a,x]),Qi=m.useCallback((se,ue)=>{const He=se.type==="curve"?((Qe,je,Oe)=>{if(je<0\|\|je>Qe.points.length-1)return Qe;const Ye={...Qe,points:Qe.points.filter((Ce,ke)=>ke!==je)};return Qt(Ye,Oe)})(se,ue,H):((Qe,je,Oe)=>{if(je<0\|\|je>Qe.points.length-1)return Qe;const Ye={...Qe,points:Qe.points.filter((Ce,ke)=>ke!==je)};return wt(Ye,Oe)})(se,ue,H);_e([He],!0)},[H,_e]);m.useEffect(()=>{pe(fn(f,S\|\|b))},[f,S,b]);const In={canvas:A,editor:T,setEditor:O};return{annotationsProps:{style:{userSelect:"none",touchAction:"none",transformOrigin:"left top",transform:"scale(var(--react-paint-canvas-zoom)) translate(calc(var(--react-paint-canvas-offset-x) * 100% / var(--react-paint-app-canvaswidth)), calc(var(--react-paint-canvas-offset-y) * 100% / var(--react-paint-app-canvasheight)))","--react-paint-canvas-zoom":H.canvasZoom,"--react-paint-canvas-offset-x":H.canvasOffset[0],"--react-paint-canvas-offset-y":H.canvasOffset[1],"--react-paint-app-canvaswidth":e,"--react-paint-app-canvasheight":t}},editorProps:{shapesRef:ie,addPictureShape:Ct,moveShapes:Mt,swapShapes:ht,toggleShapeVisibility:xe,toggleShapeLock:Y,duplicateShapes:at,canGoBackward:Tt,canGoForward:gi,canClear:fi,selectedShape:he,copiedShape:Re,setCopiedShape:we,pasteShapes:Rn,saveShapes:me,removeShape:st,updateShape:_e,backwardShape:ut,forwardShape:pt,removeShapePoint:Qi,transformShape:et,refs:In,width:e,height:t,selectTool:Aa,selectShapes:Lt,selectAllShapes:Dn,activeTool:te,setActiveTool:D,setAvailableTools:pe,isEditMode:E,availableTools:ae,gridGap:ne,setGridGap:re,loadFile:bi,exportPicture:mi,exportData:vi,clearCanvas:wi,selectionMode:_,setSelectionMode:K,settings:H,setCanvasZoom:I,resetZoom:V,canvas:{canGrow:h,canShrink:p,layersManipulation:r,withExport:g,withLoadAndSave:v,withUploadPicture:S,withUrlPicture:b,withContextMenu:R}},canvasProps:{shapesRef:ie,selectedShape:he,selectionFrame:Me,hoveredShape:De,copiedShape:Re,pasteShapes:Rn,setCopiedShape:we,addShape:Ie,setSelectedShape:Fe,setSelectionFrame:kt,refreshSelectedShapes:Pt,refreshHoveredShape:Ze,removeShape:st,updateShape:_e,duplicateShapes:at,backwardShape:ut,forwardShape:pt,saveShapes:me,refs:In,width:e,height:t,settings:H,setCanvasSize:U,setCanvasOffset:L,setCanvasZoom:I,resetZoom:V,selectShapes:Lt,selectAllShapes:Dn,activeTool:te,setActiveTool:D,isInsideComponent:F,isInsideCanvas:de,isEditMode:E,canvas:{withSkeleton:C,withFrameSelection:P,withContextMenu:R,canGrow:h,canShrink:p},canvasOffsetStartData:X,setCanvasOffsetStartData:Z,selectionMode:_,setSelectionMode:K,setCanvasMoveAcceleration:Tn,isShiftPressed:le,isAltPressed:Ee,isSpacePressed:Se,setShiftPressed:ve,setAltPressed:J,setIsSpacePressed:oe},registerEvent:ge,unregisterEvent:ee,resetCanvas:xi,resetZoom:V,getCurrentImage:Si,getCurrentData:yi,setCanvasOffset:L,setCanvasZoom:I}},Object.defineProperty(Ke,Symbol.toStringTag,{value:"Module"})});