npm - drawui-react - Versions diffs - 0.5.1 → 0.5.2 - Mend

drawui-react 0.5.1 → 0.5.2

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 (8) hide show

package/dist/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var react=require('react'),drawuiCore=require('drawui-core'),jsxRuntime=require('react/jsx-runtime');function Y(){let[t,e]=react.useState(drawuiCore.getLanguage());return react.useEffect(()=>drawuiCore.subscribeLanguage(()=>e(drawuiCore.getLanguage())),[]),t}var bn=["#ffeb3b","#22c55e","#3b82f6","#ec4899","#8b5cf6","#f97316"],wn="drawui:highlighterColor";function Ct(){if(typeof window>"u")return drawuiCore.DEFAULT_HIGHLIGHTER_COLOR;try{let t=window.localStorage.getItem(wn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():drawuiCore.DEFAULT_HIGHLIGHTER_COLOR}catch{return drawuiCore.DEFAULT_HIGHLIGHTER_COLOR}}function xn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(wn,t);}catch{}}var kn="drawui:stickyNoteColor";function St(){if(typeof window>"u")return drawuiCore.STICKY_NOTE_DEFAULT_COLOR;try{let t=window.localStorage.getItem(kn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():drawuiCore.STICKY_NOTE_DEFAULT_COLOR}catch{return drawuiCore.STICKY_NOTE_DEFAULT_COLOR}}function Cn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(kn,t);}catch{}}function Mo({icon:t,size:e=24,ink:o=drawuiCore.ICON_DEFAULT_INK}){return jsxRuntime.jsxs("svg",{viewBox:`0 0 ${drawuiCore.ICON_GRID} ${drawuiCore.ICON_GRID}`,width:e,height:e,fill:"none","aria-hidden":"true",children:[t.disc&&jsxRuntime.jsx("circle",{cx:drawuiCore.ICON_GRID/2,cy:drawuiCore.ICON_GRID/2,r:drawuiCore.ICON_GRID/2-1,fill:t.disc}),t.layers.map((i,p)=>{let l=i.fill??"ink",a=i.stroke??"ink";return jsxRuntime.jsx("path",{d:i.d,fill:l==="none"?"none":l==="ink"?o:l,...a==="none"?{}:{stroke:a==="ink"?o:a,strokeWidth:i.w??1.8,strokeLinecap:"round",strokeLinejoin:"round"}},p)}),t.label&&jsxRuntime.jsx("text",{x:drawuiCore.ICON_GRID/2,y:drawuiCore.ICON_GRID/2+.5,textAnchor:"middle",dominantBaseline:"central",fontFamily:"sans-serif",fontSize:t.label.size??13,fill:t.label.color,children:t.label.text})]})}var En="drawui:recentIcons",Nn=12;function Ft(t,e){let o=/^#?([0-9a-f]{6})$/i.exec(t.trim());if(!o)return t;let i=parseInt(o[1],16);return `rgba(${i>>16&255}, ${i>>8&255}, ${i&255}, ${e})`}function To(){if(typeof window>"u")return [];try{let t=JSON.parse(window.localStorage.getItem(En)\|\|"[]");return Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,Nn):[]}catch{return []}}function Lo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(En,JSON.stringify(t));}catch{}}var Ln=t=>({"--dw-icon-cat":t,"--dw-icon-cat-soft":Ft(t,.12)}),In=react.memo(function({onPick:e,onClose:o}){Y();let[i,p]=react.useState(""),[l,a]=react.useState(drawuiCore.ICON_CATEGORIES[0].id),[c,k]=react.useState(To),S=react.useRef(null),s=react.useRef(null);react.useEffect(()=>{s.current?.focus();},[]),react.useEffect(()=>{let u=T=>{let g=S.current;g&&(g.contains(T.target)\|\|T.target?.closest?.("[data-icon-toggle]")\|\|o());},R=T=>{T.key==="Escape"&&(T.stopPropagation(),o());};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",R),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",R);}},[o]);let y=react.useMemo(()=>c.map(u=>drawuiCore.getIcon(u)).filter(u=>!!u),[c]),w=react.useMemo(()=>i.trim()?drawuiCore.searchIcons(i):l==="recent"?y:drawuiCore.iconsByCategory(l),[i,l,y]),N=l==="recent"?drawuiCore.ICON_CATEGORY_INK.status:drawuiCore.ICON_CATEGORY_INK[l]??drawuiCore.ICON_DEFAULT_INK,$=i.trim()?drawuiCore.t("icon.search"):l==="recent"?drawuiCore.t("icon.recent"):drawuiCore.t(drawuiCore.ICON_CATEGORIES.find(u=>u.id===l)?.labelKey??"icon.search"),I=u=>{e(u),k(R=>{let T=[u.id,...R.filter(g=>g!==u.id)].slice(0,Nn);return Lo(T),T});};return jsxRuntime.jsxs("div",{className:"drawui-icon-panel",ref:S,style:{"--dw-icon-accent":N,"--dw-icon-soft":Ft(N,.08),"--dw-icon-ring":Ft(N,.22)},children:[jsxRuntime.jsxs("label",{className:"drawui-icon-search",children:[jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"15",height:"15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsxRuntime.jsx("circle",{cx:"10.5",cy:"10.5",r:"6.5"}),jsxRuntime.jsx("path",{d:"M15.4 15.4L20 20"})]}),jsxRuntime.jsx("input",{ref:s,value:i,onChange:u=>p(u.target.value),onKeyDown:u=>{u.key==="Enter"&&w.length>0&&I(w[0]);},placeholder:drawuiCore.t("icon.search"),"aria-label":drawuiCore.t("icon.search")}),jsxRuntime.jsx("span",{className:"drawui-icon-count",children:w.length})]}),!i.trim()&&jsxRuntime.jsxs("div",{className:"drawui-icon-cats",children:[y.length>0&&jsxRuntime.jsxs("button",{type:"button",className:`drawui-icon-cat${l==="recent"?" active":""}`,style:Ln(drawuiCore.ICON_CATEGORY_INK.status),onClick:()=>a("recent"),children:[jsxRuntime.jsx("i",{className:"drawui-icon-dot"}),drawuiCore.t("icon.recent")]}),drawuiCore.ICON_CATEGORIES.map(u=>jsxRuntime.jsxs("button",{type:"button",className:`drawui-icon-cat${l===u.id?" active":""}`,style:Ln(drawuiCore.ICON_CATEGORY_INK[u.id]??drawuiCore.ICON_DEFAULT_INK),onClick:()=>a(u.id),children:[jsxRuntime.jsx("i",{className:"drawui-icon-dot"}),drawuiCore.t(u.labelKey)]},u.id))]}),jsxRuntime.jsxs("div",{className:"drawui-icon-card",children:[jsxRuntime.jsxs("div",{className:"drawui-icon-card-head",children:[jsxRuntime.jsx("span",{className:"drawui-icon-card-title",children:$}),jsxRuntime.jsx("span",{className:"drawui-icon-card-count",children:w.length})]}),jsxRuntime.jsxs("div",{className:"drawui-icon-grid",children:[w.map(u=>jsxRuntime.jsx("button",{type:"button",className:"drawui-icon-item",title:`${u.zh} / ${u.en}`,"aria-label":`${u.zh} ${u.en}`,onClick:()=>I(u),children:jsxRuntime.jsx(Mo,{icon:u,size:30,ink:drawuiCore.iconInk(u)})},u.id)),w.length===0&&jsxRuntime.jsx("div",{className:"drawui-icon-empty",children:drawuiCore.t("icon.empty")})]})]})]})});var Ie=t=>`${t.x.toFixed(1)},${t.y.toFixed(1)}`,Rn=(t,e)=>{let o=eMath.PI/180;return {x:t.xMath.cos(o)-t.yMath.sin(o),y:t.xMath.sin(o)+t.yMath.cos(o)}},ht={x:Math.SQRT1_2,y:-Math.SQRT1_2},Vt={x:4.6,y:19.4},gt={x:19,y:5};function Yt(t,e,o){let i={x:-o.y,y:o.x},p=a=>({x:e.x-o.xa,y:e.y-o.ya}),l=(a,c)=>({x:a.x+i.xc,y:a.y+i.yc});switch(t){case "end":{let a=p(5.6);return jsxRuntime.jsx("polygon",{points:`${Ie(e)} ${Ie(l(a,2.7))} ${Ie(l(a,-2.7))}`,fill:"currentColor",stroke:"none"})}case "inheritance":case "realization":{let a=p(8.6);return jsxRuntime.jsx("polygon",{points:`${Ie(e)} ${Ie(l(a,3.5))} ${Ie(l(a,-3.5))}`,fill:"none"})}case "aggregation":case "composition":{let a=p(4.3),c=p(8.6);return jsxRuntime.jsx("polygon",{points:`${Ie(e)} ${Ie(l(a,2.7))} ${Ie(c)} ${Ie(l(a,-2.7))}`,fill:t==="composition"?"currentColor":"none",stroke:"currentColor"})}case "dependency":{let a=Rn({x:-o.x,y:-o.y},30),c=Rn({x:-o.x,y:-o.y},-30);return jsxRuntime.jsx("path",{d:`M ${Ie({x:e.x+a.x5.8,y:e.y+a.y5.8})} L ${Ie(e)} L ${Ie({x:e.x+c.x5.8,y:e.y+c.y5.8})}`,fill:"none"})}default:return null}}function Be(t,e){let o=e\|\|t==="dependency"\|\|t==="realization",i=o?{x:gt.x-ht.x8.6,y:gt.y-ht.y8.6}:gt,p={x:-ht.x,y:-ht.y};return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:Vt.x,y1:Vt.y,x2:i.x,y2:i.y,strokeDasharray:o?"3 2.6":void 0}),(t==="end"\|\|t==="both")&&Yt("end",gt,ht),(t==="start"\|\|t==="both")&&Yt("end",Vt,p),t!=="none"&&t!=="start"&&t!=="end"&&t!=="both"?Yt(t,gt,ht):null]})}var Tt=t=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:t})}),No=[{type:"straight",labelKey:"style.connection.straight",icon:Tt("M3 12h18")},{type:"polyline",labelKey:"style.connection.polyline",icon:Tt("M4 8 C 12 8, 12 16, 20 16")},{type:"orthogonal",labelKey:"style.connection.orthogonal",icon:Tt("M5 5v14h14")},{type:"curve",labelKey:"style.connection.curve",icon:Tt("M3 13 C 6 7, 9 7, 12 12 C 15 17, 18 17, 21 11")}],Pn=[{key:"none",arrowHead:"none",dashed:false,labelKey:"style.arrowhead.none",icon:Be("none",false)},{key:"end",arrowHead:"end",dashed:false,labelKey:"style.arrowhead.end",icon:Be("end",false)},{key:"start",arrowHead:"start",dashed:false,labelKey:"style.arrowhead.start",icon:Be("start",false)},{key:"both",arrowHead:"both",dashed:false,labelKey:"style.arrowhead.both",icon:Be("both",false)},{key:"none-dashed",arrowHead:"none",dashed:true,labelKey:"style.arrowhead.none-dashed",icon:Be("none",true)},{key:"both-dashed",arrowHead:"both",dashed:true,labelKey:"style.arrowhead.both-dashed",icon:Be("both",true)}],An=[{key:"inheritance",arrowHead:"inheritance",dashed:false,labelKey:"style.arrowhead.inheritance",icon:Be("inheritance",false)},{key:"composition",arrowHead:"composition",dashed:false,labelKey:"style.arrowhead.composition",icon:Be("composition",false)},{key:"aggregation",arrowHead:"aggregation",dashed:false,labelKey:"style.arrowhead.aggregation",icon:Be("aggregation",false)},{key:"dependency",arrowHead:"dependency",dashed:true,labelKey:"style.arrowhead.dependency",icon:Be("dependency",true)},{key:"realization",arrowHead:"realization",dashed:true,labelKey:"style.arrowhead.realization",icon:Be("realization",true)}],Hn=[...Pn,...An];function Io(t,e){let o=Hn.find(i=>i.arrowHead===t&&i.dashed===e);return o?o.key:Hn.find(i=>i.arrowHead===t)?.key}var Et=react.memo(function({connectionType:e,arrowHead:o,dashed:i,onConnectionTypeChange:p,onArrowStyleChange:l,onOptionHover:a,onOptionLeave:c}){Y();let k=Io(o,i),S=s=>jsxRuntime.jsx("div",{className:"drawui-connection-row",children:s.map(y=>jsxRuntime.jsxs("button",{className:`drawui-connection-btn${k===y.key?" active":""}`,onClick:()=>l(y),"data-drawui-tip":a?void 0:drawuiCore.t(y.labelKey),onMouseEnter:a?w=>a(y.labelKey,w.currentTarget):void 0,onMouseLeave:a?c:void 0,"aria-label":drawuiCore.t(y.labelKey),type:"button",children:[jsxRuntime.jsx("span",{className:"drawui-connection-icon",children:y.icon}),jsxRuntime.jsx("span",{className:"drawui-connection-label",children:drawuiCore.t(y.labelKey)})]},y.key))});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.connection")}),jsxRuntime.jsx("div",{className:"drawui-connection-row",children:No.map(s=>jsxRuntime.jsxs("button",{className:`drawui-connection-btn${e===s.type?" active":""}`,onClick:()=>p(s.type),"data-drawui-tip":a?void 0:drawuiCore.t(s.labelKey),onMouseEnter:a?y=>a(s.labelKey,y.currentTarget):void 0,onMouseLeave:a?c:void 0,"aria-label":drawuiCore.t(s.labelKey),type:"button",children:[jsxRuntime.jsx("span",{className:"drawui-connection-icon",children:s.icon}),jsxRuntime.jsx("span",{className:"drawui-connection-label",children:drawuiCore.t(s.labelKey)})]},s.type))}),jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.arrow")}),S(Pn),jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.uml")}),S(An)]})});var Kn=[{type:"rectangle",icon:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"0"})},{type:"rounded-rectangle",icon:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4"})},{type:"circle",icon:jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"8"})},{type:"ellipse",icon:jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"6"})},{type:"diamond",icon:jsxRuntime.jsx("path",{d:"M12 3L21 12L12 21L3 12Z"})},{type:"triangle",icon:jsxRuntime.jsx("path",{d:"M12 4L20 19L4 19Z"})},{type:"hexagon",icon:jsxRuntime.jsx("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5Z"})},{type:"parallelogram",icon:jsxRuntime.jsx("path",{d:"M7 5L20 5L17 19L4 19Z"})},{type:"trapezoid",icon:jsxRuntime.jsx("path",{d:"M6 5L18 5L21 19L3 19Z"})},{type:"pentagon",icon:jsxRuntime.jsx("path",{d:"M12 3L21 10L17.5 21L6.5 21L3 10Z"})},{type:"octagon",icon:jsxRuntime.jsx("path",{d:"M8 3L16 3L21 8L21 16L16 21L8 21L3 16L3 8Z"})},{type:"star",icon:jsxRuntime.jsx("path",{d:"M12 2L14.5 8.5L21 9L16 13.5L17.5 20L12 16.5L6.5 20L8 13.5L3 9L9.5 8.5Z"})},{type:"cylinder",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"6.5",rx:"6",ry:"2.8"}),jsxRuntime.jsx("path",{d:"M6 6.5v11c0 1.5 2.7 2.8 6 2.8s6-1.3 6-2.8v-11"})]})},{type:"cloud",icon:jsxRuntime.jsx("path",{d:"M7 18.5h9.4a3.4 3.4 0 0 0 .3-6.8 5 5 0 0 0-9.5-1.2A3.9 3.9 0 0 0 7 18.5Z"})},{type:"heart",icon:jsxRuntime.jsx("path",{d:"M12 20.3S4.6 15.7 4.6 10.5A4.1 4.1 0 0 1 12 7.6a4.1 4.1 0 0 1 7.4 2.9c0 5.2-7.4 9.8-7.4 9.8Z"})},{type:"block-arrow-right",icon:jsxRuntime.jsx("path",{d:"M3 9h9V5l9 7-9 7v-4H3Z"})},{type:"block-arrow-left",icon:jsxRuntime.jsx("path",{d:"M21 9h-9V5L3 12l9 7v-4h9Z"})},{type:"block-arrow-up",icon:jsxRuntime.jsx("path",{d:"M9 21v-9H5l7-9 7 9h-4v9Z"})},{type:"block-arrow-down",icon:jsxRuntime.jsx("path",{d:"M9 3v9H5l7 9 7-9h-4V3Z"})},{type:"block-arrow-double",icon:jsxRuntime.jsx("path",{d:"M2 12l4.5-6v3.5h11V6L22 12l-4.5 6v-3.5h-11V18Z"})},{type:"right-triangle",icon:jsxRuntime.jsx("path",{d:"M4 4v16h16Z"})},{type:"cross",icon:jsxRuntime.jsx("path",{d:"M9.5 3h5v6.5H21v5h-6.5V21h-5v-6.5H3v-5h6.5Z"})},{type:"envelope",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsxRuntime.jsx("path",{d:"M3 5l18 14M21 5L3 19"})]})},{type:"checkbox",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),jsxRuntime.jsx("path",{d:"M7.8 12.3l2.7 2.7 5.7-6.2"})]})},{type:"speech-rect",icon:jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("path",{d:"M3 5h18v11H8l-3.2 3.2V16H3Z"})})},{type:"speech-round",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"10.5",rx:"9",ry:"6.5"}),jsxRuntime.jsx("path",{d:"M8 16.2 6 21l5-3.4"})]})},{type:"cube",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 20 7.5v9L12 21 4 16.5v-9Z"}),jsxRuntime.jsx("path",{d:"M4 7.5 12 12l8-4.5M12 12v9"})]})},{type:"cuboid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 4 21 8.5v7L12 20 3 15.5v-7Z"}),jsxRuntime.jsx("path",{d:"M3 8.5 12 13l9-4.5M12 13v7"})]})},{type:"triangular-pyramid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 21.5 16.5 12 21 2.5 16.5Z"}),jsxRuntime.jsx("path",{d:"M12 3v18M2.5 16.5h19"})]})},{type:"quadrangular-pyramid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 22.5 17 12 21 1.5 17Z"}),jsxRuntime.jsx("path",{d:"M12 3v18M12 12 1.5 17M12 12l10.5 5"})]})},{type:"sphere",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"9"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"2.5"})]})},{type:"ellipsoid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"6.5"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"1.9"})]})},{type:"pie",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsxRuntime.jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsxRuntime.jsx("path",{d:"M12 9 5.6 12M12 9l6.4 3"})]})},{type:"hollow-pie",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsxRuntime.jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"3.6",ry:"1.5"})]})},{type:"sector",icon:jsxRuntime.jsx("path",{d:"M12 3a9 9 0 1 0 9 9h-9Z"})},{type:"delay",icon:jsxRuntime.jsx("path",{d:"M3 5h12a7 7 0 0 1 0 14H3Z"})},{type:"predefined-process",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsxRuntime.jsx("path",{d:"M6.5 5v14M17.5 5v14"})]})},{type:"document",icon:jsxRuntime.jsx("path",{d:"M3 5h18v10.5c-5 3.5-13-3.5-18 0Z"})},{type:"stadium",icon:jsxRuntime.jsx("rect",{x:"3",y:"6.5",width:"18",height:"11",rx:"5.5"})},{type:"chevron",icon:jsxRuntime.jsx("path",{d:"M2 4h9l9 8-9 8H2l8-8Z"})},{type:"brace-left",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M1 1C3.9 1 5.1 2.4 5.1 5.1c0 3.7 1.2 6.9 2.9 6.9-1.7 0-2.9 3.2-2.9 6.9 0 2.7-1.2 4.1-4.1 4.1"}),jsxRuntime.jsx("path",{d:"M12 9.6h10M12 14.4h10"})]})},{type:"brace-right",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M23 1c-2.9 0-4.1 1.4-4.1 4.1 0 3.7-1.2 6.9-2.9 6.9 1.7 0 2.9 3.2 2.9 6.9 0 2.7 1.2 4.1 4.1 4.1"}),jsxRuntime.jsx("path",{d:"M2 9.6h10M2 14.4h10"})]})},{type:"uml-class",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsxRuntime.jsx("line",{x1:"3",y1:"15",x2:"21",y2:"15"}),jsxRuntime.jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsxRuntime.jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"}),jsxRuntime.jsx("line",{x1:"7",y1:"18",x2:"11",y2:"18"})]})},{type:"uml-interface",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsxRuntime.jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsxRuntime.jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"})]})},{type:"class-catalog",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"1.5"}),jsxRuntime.jsx("line",{x1:"6.6",y1:"5",x2:"6.6",y2:"19"}),jsxRuntime.jsx("line",{x1:"17.4",y1:"5",x2:"17.4",y2:"19"})]})}],Po=[{key:"basic",labelKey:"shapeGroup.basic",items:[{type:"rectangle"},{type:"rounded-rectangle"},{type:"stadium"},{type:"circle"},{type:"ellipse"},{type:"diamond"},{type:"triangle"},{type:"right-triangle"},{type:"hexagon"},{type:"parallelogram"},{type:"trapezoid"},{type:"pentagon"},{type:"octagon"},{type:"star"},{type:"envelope"},{type:"checkbox"}]},{key:"flowchart",labelKey:"shapeGroup.flowchart",items:[{type:"rectangle",labelKey:"flow.process"},{type:"rounded-rectangle",labelKey:"flow.step"},{type:"stadium",labelKey:"flow.startEnd"},{type:"diamond",labelKey:"flow.decision"},{type:"parallelogram",labelKey:"flow.data"},{type:"trapezoid",labelKey:"flow.manual"},{type:"hexagon",labelKey:"flow.preparation"},{type:"cylinder",labelKey:"flow.database"},{type:"delay",labelKey:"flow.delay"},{type:"predefined-process"},{type:"document"},{type:"block-arrow-right"},{type:"block-arrow-left"},{type:"block-arrow-up"},{type:"block-arrow-down"},{type:"block-arrow-double"}]},{key:"uml",labelKey:"shapeGroup.uml",items:[{type:"uml-class"},{type:"uml-interface"},{type:"rounded-rectangle",labelKey:"class.plain"},{type:"class-catalog"}]},{key:"solid",labelKey:"shapeGroup.solid",items:[{type:"cylinder"},{type:"cube"},{type:"cuboid"},{type:"triangular-pyramid"},{type:"quadrangular-pyramid"},{type:"sphere"},{type:"ellipsoid"},{type:"pie"},{type:"hollow-pie"}]},{key:"other",labelKey:"shapeGroup.other",items:[{type:"cloud"},{type:"heart"},{type:"cross"},{type:"sector"},{type:"chevron"},{type:"speech-rect"},{type:"speech-round"},{type:"brace-left"},{type:"brace-right"}]}],Ao=new Map(Kn.map(t=>[t.type,t.icon])),Ko=new Set(Kn.map(t=>t.type)),Oo=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsxRuntime.jsx("path",{d:"M20 15h-5v5"})]}),$o=[{type:"arrow",icon:"M5 12h14M12 5l7 7-7 7",labelKey:"toolbar.arrow"},{type:"text",icon:"M4 7V4h16v3M9 20h6M12 4v16",labelKey:"toolbar.text"}],Do="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3Z",jt=8,Bo=6,Xt="M0 -1Q0.24 -0.24 1 0Q0.24 0.24 0 1Q-0.24 0.24 -1 0Q-0.24 -0.24 0 -1Z",zo=[{type:"eraser",icon:"M7 21l-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21M22 21H7M5 11l9 9",labelKey:"toolbar.eraser"}],qt=react.memo(function({activeTool:e,onToolChange:o,showGrid:i,onToggleGrid:p,canUndo:l=false,canRedo:a=false,onUndo:c,onRedo:k,onExport:S,onExportData:s,onImportData:y,onHighlighterColorChange:w,onStickyNoteColorChange:N,onInsertIcon:$,onInsertTable:I,onInsertImage:u,arrowStyle:R,onArrowStyleChange:T}){let[g,h]=react.useState(false),[v,m]=react.useState(false),[b,P]=react.useState(null),[U,z]=react.useState(false),[Q,D]=react.useState(false),[X,pe]=react.useState(Ct),[ye,M]=react.useState(false),[ve,V]=react.useState(St),[G,Ae]=react.useState(false),[me,ke]=react.useState(false),Le=react.useRef(null),Ke=r=>{let W=Array.from(r.target.files\|\|[]);W.length&&u?.(W),r.target.value="";},[Se,Re]=react.useState(null),_=react.useRef(null),C=react.useRef(null),ie=react.useRef(null),se=react.useRef(null),j=react.useRef(null);Y();let Ee=[{format:"png",labelKey:"toolbar.export.png"},{format:"svg",labelKey:"toolbar.export.svg"},{format:"pdf",labelKey:"toolbar.export.pdf"}],B=()=>{_.current&&(clearTimeout(_.current),_.current=null),z(true);},Oe=()=>{_.current=window.setTimeout(()=>z(false),200);},ge=react.useRef(null),Xe=()=>{z(false),L(),ge.current?.click();},qe=r=>{let W=r.target.files?.[0];W&&y?.(W),r.target.value="";},ot=()=>{C.current&&(clearTimeout(C.current),C.current=null),h(true);},rt=()=>{C.current=window.setTimeout(()=>{h(false),L();},200);},x=()=>{ie.current&&(clearTimeout(ie.current),ie.current=null),m(true);},Z=()=>{ie.current=window.setTimeout(()=>{m(false),L();},200);},A=(r,W)=>{let K=r.closest(".drawui-toolbar");if(!K)return;let q=r.getBoundingClientRect(),$e=K.getBoundingClientRect(),ae=q.bottom+46>window.innerHeight;P({label:W,x:q.left-$e.left+q.width/2,y:ae?q.top-$e.top-8:q.bottom-$e.top+8,above:ae});},L=()=>P(null),ee=()=>{se.current&&(clearTimeout(se.current),se.current=null),D(true);},re=()=>{se.current=window.setTimeout(()=>D(false),200);},He=r=>{pe(r),xn(r),w?.(r),o("highlighter");},Je=()=>{j.current&&(clearTimeout(j.current),j.current=null),M(true);},_e=()=>{j.current=window.setTimeout(()=>M(false),200);},d=r=>{V(r),Cn(r),N?.(r),o("sticky-note"),M(false);};return jsxRuntime.jsx("div",{className:"drawui-toolbar-container",children:jsxRuntime.jsxs("div",{className:"drawui-toolbar",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="select"?"active":""}`,onClick:()=>o("select"),onMouseEnter:r=>A(r.currentTarget,"toolbar.select"),onMouseLeave:L,children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M6 3 6 19.6 10.3 15.7 13 21.1 15.8 19.8 13.1 14.5 18.6 14 Z"})})}),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="hand"?"active":""}`,onClick:()=>o("hand"),onMouseEnter:r=>A(r.currentTarget,"toolbar.hand"),onMouseLeave:L,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M7.6 12.6V5.6a1.5 1.5 0 0 1 3 0v4.6"}),jsxRuntime.jsx("path",{d:"M10.6 10.2V4.1a1.5 1.5 0 0 1 3 0v6.1"}),jsxRuntime.jsx("path",{d:"M13.6 10.4V5.2a1.5 1.5 0 0 1 3 0v6.6"}),jsxRuntime.jsx("path",{d:"M16.6 11.8V8.1a1.5 1.5 0 0 1 3 0v6.6a6.2 6.2 0 0 1-6.2 6.2h-1.5a6.2 6.2 0 0 1-5-2.5l-3.2-4.4a1.5 1.5 0 0 1 2.3-1.9l2.6 2.5"})]})}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:ot,onMouseLeave:rt,children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${Ko.has(e)?"active":""}`,onClick:()=>{o("rounded-rectangle"),h(false),L();},"data-drawui-tip":g?void 0:drawuiCore.t("toolbar.shapes"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4",ry:"4"})})}),g&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-shape-menu",children:jsxRuntime.jsx("div",{className:"drawui-shape-menu-scroll",children:Po.map(r=>jsxRuntime.jsxs("div",{className:"drawui-shape-group",children:[jsxRuntime.jsx("div",{className:"drawui-shape-group-title",children:drawuiCore.t(r.labelKey)}),jsxRuntime.jsx("div",{className:"drawui-shape-group-grid",children:r.items.map(W=>{let K=W.labelKey??`tool.${W.type}`;return jsxRuntime.jsx("button",{type:"button",className:`drawui-toolbar-shape-item ${e===W.type?"active":""}`,onClick:()=>{o(W.type),h(false),L();},onMouseEnter:q=>A(q.currentTarget,K),onMouseLeave:L,"aria-label":drawuiCore.t(K),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Ao.get(W.type)})},`${r.key}-${W.type}`)})})]},r.key))})})]}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:Je,onMouseLeave:_e,children:[jsxRuntime.jsxs("button",{className:`drawui-toolbar-button ${e==="sticky-note"?"active":""}`,onClick:()=>{o("sticky-note"),M(false),L();},"data-drawui-tip":ye?void 0:drawuiCore.t("tool.sticky-note"),children:[jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Oo}),jsxRuntime.jsx("span",{className:"drawui-toolbar-color-chip",style:{background:ve}})]}),ye&&jsxRuntime.jsxs("div",{className:"drawui-toolbar-shape-grid drawui-sticky-panel",children:[jsxRuntime.jsxs("div",{className:"drawui-sticky-panel-head",children:[jsxRuntime.jsx("span",{className:"drawui-sticky-panel-title",children:drawuiCore.t("tool.sticky-note")}),jsxRuntime.jsx("span",{className:"drawui-sticky-panel-key",children:"N"})]}),jsxRuntime.jsx("div",{className:"drawui-sticky-panel-grid",children:drawuiCore.STICKY_NOTE_COLORS.map(r=>jsxRuntime.jsx("button",{type:"button","aria-label":r,className:`drawui-sticky-swatch${ve.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>d(r)},r))})]})]}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${G?"active":""}`,"data-icon-toggle":"","data-drawui-tip":G?void 0:drawuiCore.t("toolbar.icon"),onClick:()=>{Ae(r=>!r),L();},children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"9"}),jsxRuntime.jsx("path",{d:"M8.5 10.2h0.01"}),jsxRuntime.jsx("path",{d:"M15.5 10.2h0.01"}),jsxRuntime.jsx("path",{d:"M8.8 14.2c0.9 1 2 1.5 3.2 1.5s2.3 -0.5 3.2 -1.5"})]})}),G&&jsxRuntime.jsx(In,{onPick:r=>$?.(r.id),onClose:()=>Ae(false)})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:x,onMouseLeave:Z,children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="arrow"?"active":""}`,onClick:()=>{o("arrow"),m(false),L();},"data-drawui-tip":v?void 0:drawuiCore.t("toolbar.arrow"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})})}),v&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-arrow-menu",onPointerDown:r=>{r.target.closest("button")\|\|(m(false),L());},children:jsxRuntime.jsx(Et,{connectionType:R?.connectionType??"straight",arrowHead:R?.arrowHead??"end",dashed:!!R?.dashed,onConnectionTypeChange:r=>{T?.({connectionType:r}),o("arrow"),m(false),L();},onArrowStyleChange:r=>{T?.({arrowHead:r.arrowHead,dashed:r.dashed}),o("arrow"),m(false),L();},onOptionHover:(r,W)=>A(W,r),onOptionLeave:L})})]}),$o.filter(r=>r.type!=="arrow").map(r=>jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":drawuiCore.t(r.labelKey),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:r.icon})})},r.type)),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="pen"?"active":""}`,onClick:()=>o("pen"),"data-drawui-tip":drawuiCore.t("toolbar.pen"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:Do})})}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:ee,onMouseLeave:re,children:[jsxRuntime.jsxs("button",{className:`drawui-toolbar-button ${e==="highlighter"?"active":""}`,onClick:()=>o("highlighter"),onMouseEnter:r=>A(r.currentTarget,"toolbar.highlighter"),onMouseLeave:L,children:[jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M4.6 19.6 12.8 11.4",strokeWidth:"3.6",strokeLinecap:"square"}),jsxRuntime.jsx("path",{d:"M14.6 9.6 16.2 8",strokeWidth:"3.6",strokeLinecap:"square"}),jsxRuntime.jsxs("g",{fill:"currentColor",stroke:"none",children:[jsxRuntime.jsx("path",{d:Xt,transform:"translate(7.4 5.4) scale(2.4)"}),jsxRuntime.jsx("path",{d:Xt,transform:"translate(18.4 3.4) scale(2.5)"}),jsxRuntime.jsx("path",{d:Xt,transform:"translate(21 10.6) scale(2.2)"})]})]}),jsxRuntime.jsx("span",{className:"drawui-toolbar-color-chip",style:{background:X}})]}),Q&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-highlighter-grid",children:bn.map(r=>jsxRuntime.jsx("button",{type:"button","aria-label":r,className:`drawui-highlighter-swatch${X.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>He(r)},r))})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),zo.map(r=>jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":drawuiCore.t(r.labelKey),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:r.icon})})},r.type)),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="mind-map"?"active":""}`,onClick:()=>o("mind-map"),"data-drawui-tip":drawuiCore.t("toolbar.mind-map"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("circle",{cx:"5",cy:"12",r:"2.4"}),jsxRuntime.jsx("path",{d:"M7.4 12h3.6"}),jsxRuntime.jsx("path",{d:"M11 12c0-2.6 1.6-4.4 3.4-4.4"}),jsxRuntime.jsx("path",{d:"M11 12c0 2.6 1.6 4.4 3.4 4.4"}),jsxRuntime.jsx("circle",{cx:"17.4",cy:"7.6",r:"1.7"}),jsxRuntime.jsx("circle",{cx:"17.4",cy:"16.4",r:"1.7"}),jsxRuntime.jsx("circle",{cx:"15.6",cy:"12",r:"1.7"})]})}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:()=>Le.current?.click(),"data-drawui-tip":drawuiCore.t("toolbar.image"),"data-image-toggle":true,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsxRuntime.jsx("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),jsxRuntime.jsx("path",{d:"M21 15.5l-4.5-4.5L6 21"})]})}),jsxRuntime.jsx("input",{ref:Le,type:"file",accept:"image/",multiple:true,style:{display:"none"},onChange:Ke}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${me?"active":""}`,onClick:()=>ke(r=>!r),"data-drawui-tip":drawuiCore.t("toolbar.table"),"data-table-toggle":true,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9.3",x2:"21",y2:"9.3"}),jsxRuntime.jsx("line",{x1:"9",y1:"4",x2:"9",y2:"20"}),jsxRuntime.jsx("line",{x1:"15",y1:"4",x2:"15",y2:"20"})]})}),me&&jsxRuntime.jsxs("div",{className:"drawui-table-picker",children:[jsxRuntime.jsx("div",{className:"drawui-table-picker-hint",children:Se?`${Se.rows} \xD7 ${Se.cols}`:drawuiCore.t("table.pickHint")}),jsxRuntime.jsx("div",{className:"drawui-table-picker-grid",children:Array.from({length:Bojt},(r,W)=>{let K=Math.floor(W/jt),q=W%jt,$e=Se&&K<Se.rows&&q<Se.cols;return jsxRuntime.jsx("button",{type:"button","aria-label":`${K+1}x${q+1}`,className:"drawui-table-picker-cell",style:$e?{borderColor:"var(--dw-primary)",background:"var(--dw-primary-weak)"}:void 0,onMouseEnter:()=>Re({rows:K+1,cols:q+1}),onClick:()=>{I?.(K+1,q+1),ke(false),Re(null),L();}},W)})})]})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${i?"active":""}`,onClick:p,"data-drawui-tip":drawuiCore.t("toolbar.grid"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"14",y:"3",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"14",y:"14",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"3",y:"14",width:"7",height:"7",rx:"1"})]})}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:c,disabled:!l,style:l?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":drawuiCore.t("toolbar.undo"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M3 7v6h6"}),jsxRuntime.jsx("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"})]})}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:k,disabled:!a,style:a?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":drawuiCore.t("toolbar.redo"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M21 7v6h-6"}),jsxRuntime.jsx("path",{d:"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"})]})}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:B,onMouseLeave:Oe,children:[jsxRuntime.jsx("button",{className:"drawui-toolbar-button","data-drawui-tip":U?void 0:drawuiCore.t("toolbar.export"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),jsxRuntime.jsx("polyline",{points:"7 10 12 15 17 10"}),jsxRuntime.jsx("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]})}),U&&jsxRuntime.jsxs("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-export-grid",children:[Ee.map(r=>jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{S?.(r.format),z(false);},"data-drawui-tip":drawuiCore.t(r.labelKey),children:drawuiCore.t(r.labelKey)},r.format)),jsxRuntime.jsx("div",{className:"drawui-toolbar-export-divider"}),jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{s?.(),z(false);},"data-drawui-tip":drawuiCore.t("toolbar.export.data"),children:drawuiCore.t("toolbar.export.data")}),jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:Xe,"data-drawui-tip":drawuiCore.t("toolbar.import.data"),children:drawuiCore.t("toolbar.import.data")})]})]}),jsxRuntime.jsx("input",{ref:ge,type:"file",accept:".json,application/json",style:{display:"none"},onChange:qe}),b&&jsxRuntime.jsx("div",{className:`drawui-shape-tip ${b.above?"is-above":"is-below"}`,style:{left:b.x,top:b.y},children:drawuiCore.t(b.label)})]})})});var Qt=react.memo(function({onZoomIn:e,onZoomOut:o,onReset:i,zoomLevel:p=100}){return Y(),jsxRuntime.jsxs("div",{className:"drawui-zoom-control",children:[jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:e,"data-drawui-tip":drawuiCore.t("zoom.in"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})}),jsxRuntime.jsxs("div",{className:"drawui-zoom-level",children:[p,"%"]}),jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:o,"data-drawui-tip":drawuiCore.t("zoom.out"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"})})}),jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:i,"data-drawui-tip":drawuiCore.t("zoom.reset"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),jsxRuntime.jsx("path",{d:"M3 3v5h5"})]})})]})});var $n=["#ffffff","#f1f5f9","#e2e8f0","#ede9fe","#dbeafe","#e0e7ff","#dcfce7","#fef9c3","#fee2e2"],Dn=["#0f172a","#475569","#94a3b8","#8b5cf6","#3b82f6","#1d4ed8","#16a34a","#eab308","#dc2626"],Vo=$n.filter(t=>t!=="#f1f5f9"),Yo=[...Vo,...Dn],jo=[...$n,...Dn],Bn=15,zn="drawui:customColors";function Xo(){if(typeof window>"u")return [];try{let t=window.localStorage.getItem(zn);if(!t)return [];let e=JSON.parse(t);return Array.isArray(e)?e.filter(o=>typeof o=="string").slice(-Bn):[]}catch{return []}}function qo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(zn,JSON.stringify(t));}catch{}}var en=[{key:"fill",labelKey:"style.fill",hasTransparent:true,hasOpacity:true},{key:"stroke",labelKey:"style.stroke",hasTransparent:false,hasOpacity:true},{key:"text",labelKey:"style.text",hasTransparent:false},{key:"highlight",labelKey:"style.highlight",hasTransparent:true,hasOpacity:true}],On=(t,e)=>!!t&&!!e&&t.toLowerCase()===e.toLowerCase(),wt=10,it=12,nt=t=>!t\|\|t==="transparent",_n=react.memo(function({editor:e,selectedCount:o,hasLineSelection:i,currentConnectionType:p,currentArrowHead:l,currentDashed:a}){Y();let c=!!e?.getEditingShapeId(),[k,S]=react.useState(null),[s,y]=react.useState(null),[,w]=react.useState(0),N=react.useRef(null),$=react.useRef(null),I=react.useRef(null),[u,R]=react.useState({tw:168,th:42,pw:228,ph:160}),[T,g]=react.useState(Xo),h=react.useRef(null),v=react.useCallback(d=>{let r=d.trim().toLowerCase();/^#[0-9a-f]{6}$/.test(r)&&g(W=>{let K=W.filter(q=>q!==r);for(K.push(r);K.length>Bn;)K.shift();return qo(K),K});},[]);if(react.useEffect(()=>{let d=h.current;if(!d)return;let r=()=>{d.value&&v(d.value);};return d.addEventListener("change",r),()=>d.removeEventListener("change",r)},[v,s]),react.useEffect(()=>{if(!e)return;let d=e.subscribe(()=>w(r=>(r+1)%1e6));return ()=>{d();}},[e]),react.useEffect(()=>{y(null);},[o,c]),react.useEffect(()=>{if(!s)return;let d=r=>{N.current&&!N.current.contains(r.target)&&y(null);};return document.addEventListener("pointerdown",d,true),()=>document.removeEventListener("pointerdown",d,true)},[s]),react.useLayoutEffect(()=>{let d=$.current?.offsetWidth??u.tw,r=$.current?.offsetHeight??u.th,W=I.current?.offsetWidth??u.pw,K=I.current?.offsetHeight??u.ph;R(q=>q.tw===d&&q.th===r&&q.pw===W&&q.ph===K?q:{tw:d,th:r,pw:W,ph:K});}),!e\|\|o===0\|\|c)return null;let m=e.getSelectedIds(),P=e.getShapes().filter(d=>m.includes(d.id)),U=P[0],z=U?.id??"",Q=U?.style.fillColor,D=U?.style.strokeColor??"#1f2937",X=U?.textColor??"#1f2937",pe=U?.highlightColor,ye={fill:Q,stroke:D,text:X,highlight:pe},M=P.length>0&&P.every(d=>d.type==="sticky-note"),ve={fill:U?.style.fillOpacity??1,stroke:U?.style.strokeOpacity??1,highlight:U?.highlightOpacity??1},V=d=>k&&k.key===`${z}:${d}`?k.value:ve[d]??1,G=(d,r)=>{switch(d){case "stroke":e.updateSelectedShapesStyle({strokeColor:r});break;case "fill":e.updateSelectedShapesStyle({fillColor:r});break;case "text":e.updateSelectedShapesText({textColor:r});break;case "highlight":e.updateSelectedShapesText({highlightColor:r});break}},Ae=(d,r)=>{S({key:`${z}:${d}`,value:r}),d==="highlight"?e.updateSelectedShapesText({highlightOpacity:r}):d==="stroke"?e.updateSelectedShapesStyle({strokeOpacity:r}):e.updateSelectedShapesStyle({fillOpacity:r});},me=d=>e.updateConnectionType(d),ke=d=>e.updateArrowStyle({arrowHead:d.arrowHead,dashed:d.dashed}),Le=!!i&&P.length>0&&P.every(d=>d.type==="line"\|\|d.type==="arrow"),Ke=P.length>0&&P.every(d=>d.type==="text"),Se=P.length>0&&P.every(d=>d.type==="sticky-note"\|\|d.type==="icon"),Re=Le?en.filter(d=>d.key==="stroke"):Se?en.filter(d=>d.key!=="stroke"):en,_=d=>d.key==="stroke"&&Le?"style.line":d.labelKey,C=s&&s!=="more"?Re.find(d=>d.key===s):void 0,ie=!!s&&(s==="more"\|\|s==="prefix"\|\|!!C),se=M&&C?.key==="fill",j=e.getCamera(),Ee=drawuiCore.getContentBounds(P,0),B=j.pageToScreen({x:Ee.x,y:Ee.y}),Oe=j.pageToScreen({x:Ee.x+Ee.width,y:Ee.y+Ee.height}),ge=window.innerWidth,Xe=window.innerHeight,qe=Oe.y+wt,ot=B.y-wt,rt=u.th+(ie?wt+u.ph:0),x=qe+rt<=Xe-it,Z=ot-rt>=it,A=x\|\|!Z,L=(B.x+Oe.x)/2,ee=(d,r,W)=>Math.max(r,Math.min(d,Math.max(r,W))),re=ee(L-u.tw/2,it,ge-u.tw-it),He=A?qe:ot-u.th,Je=ee(L-u.pw/2,it,ge-u.pw-it),_e=ie?ee(A?He+u.th+wt:He-wt-u.ph,it,Xe-u.ph-it):0;return jsxRuntime.jsxs("div",{className:"drawui-style-floating",ref:N,children:[jsxRuntime.jsxs("div",{className:"drawui-style-toolbar",ref:$,style:{left:re,top:He},children:[Re.map(d=>jsxRuntime.jsxs("button",{className:`drawui-style-tool-btn${s===d.key?" active":""}`,onClick:()=>y(s===d.key?null:d.key),"data-drawui-tip":drawuiCore.t(_(d)),type:"button",children:[d.key==="fill"&&jsxRuntime.jsx("span",{className:`drawui-st-swatch${nt(Q)?" drawui-st-none":""}`,style:nt(Q)?void 0:{background:Q}}),d.key==="stroke"&&(Le?jsxRuntime.jsx("span",{className:`drawui-st-line${nt(D)?" drawui-st-line-none":""}`,style:nt(D)?void 0:{background:D}}):jsxRuntime.jsx("span",{className:`drawui-st-frame${nt(D)?" drawui-st-frame-none":""}`,style:nt(D)?void 0:{borderColor:D}})),d.key==="text"&&jsxRuntime.jsx("span",{className:"drawui-st-text",style:{color:X},children:"A"}),d.key==="highlight"&&jsxRuntime.jsx("span",{className:`drawui-st-hl${nt(pe)?" drawui-st-none":""}`,style:nt(pe)?void 0:{background:pe},children:"A"})]},d.key)),i&&jsxRuntime.jsx("button",{className:`drawui-style-tool-btn${s==="more"?" active":""}`,onClick:()=>y(s==="more"?null:"more"),"data-drawui-tip":drawuiCore.t("style.connection"),type:"button",children:"\u22EF"}),Ke&&jsxRuntime.jsx("button",{className:`drawui-style-tool-btn${s==="prefix"?" active":""}`,onClick:()=>y(s==="prefix"?null:"prefix"),"data-drawui-tip":drawuiCore.t("style.prefix"),type:"button",children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsxRuntime.jsx("circle",{cx:"5",cy:"8",r:"1.7",fill:"currentColor",stroke:"none"}),jsxRuntime.jsx("circle",{cx:"5",cy:"16",r:"1.7",fill:"currentColor",stroke:"none"}),jsxRuntime.jsx("line",{x1:"10.5",y1:"8",x2:"20",y2:"8"}),jsxRuntime.jsx("line",{x1:"10.5",y1:"16",x2:"20",y2:"16"})]})})]}),ie&&jsxRuntime.jsx("div",{className:"drawui-style-popover",ref:I,style:{left:Je,top:_e},children:s==="prefix"?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.prefix")}),jsxRuntime.jsx("div",{className:"drawui-muted-hint",children:drawuiCore.t("style.prefix.soon")})]}):C?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t(_(C))}),jsxRuntime.jsxs("div",{className:"drawui-color-row",children:[C.hasTransparent&&!se&&jsxRuntime.jsx("button",{className:`drawui-color-swatch drawui-color-swatch-transparent${nt(ye[C.key])?" active":""}`,onClick:()=>G(C.key,"transparent"),"aria-label":drawuiCore.t("style.none"),type:"button"}),(se?drawuiCore.STICKY_NOTE_COLORS:C.hasTransparent?Yo:jo).map(d=>jsxRuntime.jsx("button",{className:`drawui-color-swatch${On(d,ye[C.key])?" active":""}`,style:{background:d},onClick:()=>G(C.key,d),"aria-label":d,type:"button"},d)),T.map(d=>jsxRuntime.jsx("button",{className:`drawui-color-swatch drawui-color-custom${On(d,ye[C.key])?" active":""}`,style:{background:d},onClick:()=>G(C.key,d),"aria-label":d,type:"button"},`custom-${d}`)),jsxRuntime.jsxs("span",{className:"drawui-color-swatch drawui-color-add","data-drawui-tip":drawuiCore.t("style.addColor"),children:["+",jsxRuntime.jsx("input",{ref:h,type:"color",defaultValue:"#3b82f6",className:"drawui-color-add-input","aria-label":drawuiCore.t("style.addColor")})]})]}),C.hasOpacity&&jsxRuntime.jsxs("div",{className:"drawui-opacity-row",children:[jsxRuntime.jsx("span",{className:"drawui-opacity-label",children:drawuiCore.t("style.opacity")}),jsxRuntime.jsx("input",{type:"range",min:0,max:100,value:Math.round(V(C.key)100),onChange:d=>Ae(C.key,Number(d.target.value)/100),className:"drawui-opacity-slider"}),jsxRuntime.jsxs("span",{className:"drawui-opacity-value",children:[Math.round(V(C.key)100),"%"]})]})]}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Et,{connectionType:p??"straight",arrowHead:l??"end",dashed:!!a,onConnectionTypeChange:me,onArrowStyleChange:ke})})})]})});var on=14,Zn=20,rr=["#1f2937","#ef4444","#f97316","#facc15","#22c55e","#3b82f6","#8b5cf6","#ec4899","#9ca3af"],ar=[12,14,16,18,20,24];function Gn(t,e){let o=t,i="",p=o.charAt(0);if(o.length>1&&(p==="+"\|\|p==="-"\|\|p==="#"\|\|p==="~")&&o.charAt(1)===" "&&(i=p,o=o.slice(2)),o=o.replace(/^\s+\|\s+$/g,""),e==="attribute"){let s=o.indexOf(":");return s===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,s).replace(/^\s+\|\s+$/g,""),type:o.slice(s+1).replace(/^\s+\|\s+$/g,""),params:"",returnType:""}}let l=o.indexOf("(");if(l===-1){let s=o.lastIndexOf(":");return s===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,s).replace(/^\s+\|\s+$/g,""),type:"",params:"",returnType:o.slice(s+1).replace(/^\s+\|\s+$/g,"")}}let a=o.slice(0,l).replace(/^\s+\|\s+$/g,""),c=o.indexOf(")",l);if(c===-1)return {visibility:i,name:a,type:"",params:o.slice(l+1).replace(/^\s+\|\s+$/g,""),returnType:""};let k=o.slice(l+1,c).replace(/^\s+\|\s+$/g,""),S=o.slice(c+1).replace(/^\s+\|\s+$/g,"");return S.startsWith(":")&&(S=S.slice(1).replace(/^\s+\|\s+$/g,"")),{visibility:i,name:a,type:"",params:k,returnType:S}}function ir(t,e){let o=e.visibility?`${e.visibility} `:"";return t==="attribute"?`${o}${e.name}${e.type?`: ${e.type}`:""}`:`${o}${e.name}(${e.params??""})${e.returnType?`: ${e.returnType}`:""}`}var Vn=react.memo(function({editor:e,umlClass:o,editing:i}){let[,p]=react.useState(0);Y(),react.useEffect(()=>{if(!e)return;let x=e.subscribe(()=>p(Z=>Z+1));return ()=>{x();}},[e]);let[l,a]=react.useState(null),[c,k]=react.useState(false),[S,s]=react.useState(null),y=react.useRef(null),w=react.useRef(null),N=react.useCallback((x,Z)=>{y.current&&(clearTimeout(y.current),y.current=null),a({section:x,rowId:Z}),k(false);},[]),$=react.useCallback(()=>{y.current&&clearTimeout(y.current),y.current=window.setTimeout(()=>{a(null),k(false);},150);},[]);if(!e\|\|!o\|\|i!==o.id)return null;let I=e.getCamera(),{id:u,x:R,y:T,width:g,height:h,className:v,methods:m}=o,b=o.type==="uml-interface",P=b?[]:o.attributes,U=g/2,z=h/2,Q=drawuiCore.UML_HEADER_HEIGHT,D=drawuiCore.UML_LINE_HEIGHT,X=drawuiCore.UML_PADDING_X,pe=drawuiCore.UML_PADDING_Y,ye=b?0:P.length>0?P.lengthD+pe2:pe2,M=I.zoom,ve=(g-X2)M,V=4M,G=I.pageToScreen({x:R-U+X,y:T}),Ae=I.pageToScreen({x:R,y:T-z+Q/2}),me=x=>I.pageToScreen({x:R,y:x}).y,ke=DM,Le=x=>T+(-z+Q+pe+D/2+xD),Ke=x=>T+(-z+Q+ye+pe+D/2+xD),Se=T+(-z+Q+ye),Re=T+z,_={background:"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"transparent",outline:"none",padding:0,fontFamily:"sans-serif",boxSizing:"border-box"},C=(x,Z)=>{if(!P.find(ee=>ee.id===x))return;let L=Gn(Z,"attribute");e.updateUmlClass(u,{attributes:P.map(ee=>ee.id===x?{...ee,...L}:ee)});},ie=(x,Z)=>{if(!m.find(re=>re.id===x))return;let L=Gn(Z,"method"),ee=m.map(re=>re.id===x?{...re,...L}:re);b?e.updateUmlInterface(u,{methods:ee}):e.updateUmlClass(u,{methods:ee});},se=(x,Z,A)=>{w.current={section:x,from:Z},A.dataTransfer.effectAllowed="move",A.dataTransfer.setData("text/plain",`${x}:${Z}`);},j=x=>{x.preventDefault(),x.dataTransfer.dropEffect="move";},Ee=(x,Z,A)=>{A.preventDefault();let L=w.current;!L\|\|L.section!==x\|\|(x==="attribute"?e.reorderUmlAttribute(u,L.from,Z):e.reorderUmlMethod(u,L.from,Z),w.current=null);},B=(x,Z,A,L)=>{let ee=me(L),re=l?.section===x&&l.rowId===A.id,He=(A.fontSize\|\|drawuiCore.UML_FONT_SIZE)M,Je=A.textColor\|\|"#1f2937",_e={position:"absolute",left:G.x-onM-V,top:ee-ke/2,width:onM+V+ve+ZnM,height:ke,display:"flex",alignItems:"center",gap:2,pointerEvents:"none",zIndex:53},d={..._,width:ve,height:ke-2,fontSize:He,color:Je,textDecoration:A.strikethrough?"line-through":"none",pointerEvents:"auto",...re?{borderColor:"var(--dw-primary)"}:{}},r={width:onM,height:ke-2,cursor:"grab",color:"#9ca3af",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",fontSize:12M,lineHeight:1,opacity:re?1:.55,pointerEvents:"auto"},W={width:ZnM,height:ke-6,border:"none",background:"transparent",color:"#9ca3af",cursor:"pointer",borderRadius:3,fontSize:14M,opacity:re?1:.35,pointerEvents:"auto"};return jsxRuntime.jsxs("div",{style:_e,onDragOver:j,onDrop:K=>Ee(x,Z,K),children:[jsxRuntime.jsx("span",{style:r,draggable:true,onDragStart:K=>se(x,Z,K),"data-drawui-tip":drawuiCore.t("uml.drag"),children:"\u22EE\u22EE"}),jsxRuntime.jsx("input",{style:d,value:S&&S.rowId===A.id?S.text:ir(x,A),onChange:K=>{s({rowId:A.id,text:K.target.value}),x==="attribute"?C(A.id,K.target.value):ie(A.id,K.target.value);},onFocus:()=>N(x,A.id),onBlur:()=>{s(null),$();},spellCheck:false}),jsxRuntime.jsx("button",{style:W,onMouseDown:K=>K.preventDefault(),onClick:()=>{x==="attribute"?e.removeUmlAttribute(u,A.id):e.removeUmlMethod(u,A.id);},"data-drawui-tip":drawuiCore.t("uml.delete"),children:"\xD7"})]},A.id)},Oe=(x,Z,A)=>{let L=me(Z),ee=x==="attribute";return jsxRuntime.jsxs("button",{onMouseDown:re=>re.preventDefault(),onClick:()=>ee?e.addUmlAttribute(u):e.addUmlMethod(u),className:"drawui-uml-add-row",style:{position:"absolute",left:G.x,top:L-9M,height:18M,padding:`0 ${6M}px`,fontSize:11M,lineHeight:1,border:"1px dashed #cbd5e1",background:"rgba(255,255,255,0.85)",color:"#64748b",borderRadius:3,cursor:"pointer",pointerEvents:"auto",display:"flex",alignItems:"center",gap:3,whiteSpace:"nowrap",zIndex:53},"data-drawui-tip":A,children:[jsxRuntime.jsx("span",{style:{fontSize:13M,lineHeight:1},children:"+"}),jsxRuntime.jsx("span",{children:A})]},`add-${x}`)},ge=()=>{if(!l\|\|l.section==="className")return null;let x=l.section,Z=l.rowId,L=(x==="attribute"?P:m).find(ae=>ae.id===Z);if(!L)return null;let ee=224M,re=30M,He=I.pageToScreen({x:R,y:T}).x,Je=I.pageToScreen({x:R,y:T-z}).y,_e=20M,d=Je-re-_e,r=He-ee/2,W=d+re,K=L.textColor\|\|"#1f2937",q=L.fontSize\|\|drawuiCore.UML_FONT_SIZE,$e=!!L.strikethrough;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:He-.5,top:W,width:1,height:_e,background:"#d1d5db",pointerEvents:"none",zIndex:59}}),jsxRuntime.jsxs("div",{className:"drawui-uml-toolbar",style:{position:"absolute",left:r,top:d,width:ee,height:re,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:6,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",display:"flex",alignItems:"center",gap:4M,padding:`0 ${6M}px`,pointerEvents:"auto",zIndex:60,fontSize:12M},onMouseDown:ae=>ae.preventDefault(),children:[jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsxs("button",{onClick:()=>k(ae=>!ae),className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.textColor"),style:{border:"none",background:"transparent",cursor:"pointer",padding:2,display:"flex",alignItems:"center",borderRadius:3},children:[jsxRuntime.jsx("span",{style:{fontWeight:700,color:K,fontSize:13M,textDecoration:$e?"line-through":"none"},children:"A"}),jsxRuntime.jsx("span",{style:{width:10M,height:2M,background:K,marginLeft:3,borderRadius:1}})]}),c&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:"100%",left:0,marginTop:4,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:4,padding:4,display:"flex",gap:2,boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)",zIndex:61},children:[jsxRuntime.jsx("button",{onClick:()=>{e.updateUmlRowStyle(u,x,L.id,{textColor:null}),k(false);},style:{width:14,height:14,border:"1px solid #e5e7eb",background:"transparent",cursor:"pointer",borderRadius:2},"data-drawui-tip":drawuiCore.t("uml.defaultColor")}),rr.map(ae=>jsxRuntime.jsx("button",{onClick:()=>{e.updateUmlRowStyle(u,x,L.id,{textColor:ae}),k(false);},style:{width:14,height:14,border:"none",background:ae,cursor:"pointer",borderRadius:2},"data-drawui-tip":ae},ae))]})]}),jsxRuntime.jsx("select",{value:q,onChange:ae=>e.updateUmlRowStyle(u,x,L.id,{fontSize:Number(ae.target.value)}),style:{border:"1px solid #e5e7eb",borderRadius:3,padding:`0 ${2M}px`,fontSize:12M,height:20M,background:"#ffffff"},"data-drawui-tip":drawuiCore.t("uml.fontSize"),children:ar.map(ae=>jsxRuntime.jsx("option",{value:ae,children:ae},ae))}),jsxRuntime.jsx("button",{onClick:()=>e.updateUmlRowStyle(u,x,L.id,{strikethrough:!$e}),className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.strikethrough"),style:{border:"none",background:$e?"var(--dw-primary-weak)":"transparent",cursor:"pointer",padding:2,borderRadius:3},children:jsxRuntime.jsx("span",{style:{fontWeight:700,fontSize:13M,textDecoration:"line-through"},children:"A"})}),jsxRuntime.jsx("button",{onClick:()=>{x==="attribute"?e.removeUmlAttribute(u,L.id):e.removeUmlMethod(u,L.id),a(null);},className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.delete"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#ef4444",padding:2,marginLeft:"auto",borderRadius:3},children:jsxRuntime.jsxs("svg",{width:14M,height:14M,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("polyline",{points:"3 6 5 6 21 6"}),jsxRuntime.jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),jsxRuntime.jsx("path",{d:"M10 11v6"}),jsxRuntime.jsx("path",{d:"M14 11v6"}),jsxRuntime.jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]})]})},Xe=I.pageToScreen({x:R-U,y:T}).x,qe=I.pageToScreen({x:R,y:T-z}).y,ot=gM,rt=hM;return jsxRuntime.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:Xe+1,top:qe+1,width:Math.max(0,ot-2),height:Math.max(0,rt-2),background:"#ffffff",pointerEvents:"none",zIndex:51}}),jsxRuntime.jsx("input",{style:{..._,position:"absolute",left:Ae.x-ve/2,top:Ae.y-QM/2+2,width:ve,height:QM-4,textAlign:"center",fontWeight:700,fontSize:(o.fontSize\|\|drawuiCore.UML_FONT_SIZE)M,color:o.textColor\|\|"#1f2937",pointerEvents:"auto",zIndex:52,...l?.section==="className"?{borderColor:"var(--dw-primary)"}:{}},value:v,onChange:x=>b?e.updateUmlInterface(u,{className:x.target.value}):e.updateUmlClass(u,{className:x.target.value}),onFocus:()=>N("className",""),onBlur:$,spellCheck:false}),!b&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[P.map((x,Z)=>B("attribute",Z,x,Le(Z))),Oe("attribute",Se,"\u5C5E\u6027")]}),m.map((x,Z)=>B("method",Z,x,Ke(Z))),Oe("method",Re,drawuiCore.t("uml.method")),ge()]})});var qn=react.memo(function({editor:e,panelOpen:o,onOpenPanel:i}){let[,p]=react.useState(0);Y(),react.useEffect(()=>{if(!e)return;let h=e.subscribe(()=>p(v=>v+1));return ()=>{h();}},[e]);let l=react.useRef(false),a=react.useRef(false),c=e?.getMindMapEditingShapeId()??null,k=e?.getMindMapSelectedNode()?.nodeId??"",S=c?`${c}\0${k}`:"";if(react.useEffect(()=>{l.current=false;},[S]),!e)return null;let s=e.getMindMapEditingShapeId();if(!s\|\|o)return null;let y=e.getMindMapSelectedNode();if(!y\|\|y.shapeId!==s)return null;let w=e.getMindMapNode(s,y.nodeId),N=e.getMindMapNodeScreenRect(s,y.nodeId);if(!w\|\|!N)return null;let $=e.getCamera().getZoom(),I=drawuiCore.MINDMAP_FONT_SIZE$,u=Math.max(100,N.width+24),R=N.height+8,T={position:"absolute",left:N.x+N.width/2,top:N.y-4,transform:"translateX(-50%)",width:u,height:R,border:"1.5px solid var(--dw-primary, #3b82f6)",borderRadius:6,background:"#ffffff",boxShadow:"0 2px 10px rgba(0,0,0,0.15)",outline:"none",padding:`0 ${(w.icon?24:12)$}px`,fontFamily:"sans-serif",fontSize:I,color:"#1f2937",boxSizing:"border-box",pointerEvents:"auto",zIndex:55},g={position:"absolute",left:N.x+N.width+12,top:N.y+N.height/2-11,width:22,height:22,border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:"50%",cursor:"pointer",color:"#6b7280",fontSize:13,lineHeight:1,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",pointerEvents:"auto",zIndex:55};return jsxRuntime.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsxRuntime.jsx("input",{autoFocus:true,style:T,value:w.text,spellCheck:false,onChange:h=>{let v=!l.current;l.current=true,e.updateMindMapNode(s,y.nodeId,{text:h.target.value},v);},onBlur:()=>{if(a.current){a.current=false;return}let h=e.getMindMapSelectedNode();h&&(h.shapeId!==s\|\|h.nodeId!==y.nodeId)\|\|e.exitMindMapEdit();},onKeyDown:h=>{h.key==="Enter"?h.target.blur():h.key==="Escape"&&e.exitMindMapEdit();}}),jsxRuntime.jsx("button",{style:g,"data-drawui-tip":drawuiCore.t("mindmap.more"),onMouseDown:h=>{h.preventDefault(),a.current=true,setTimeout(()=>{a.current=false;},300);},onClick:i,children:"\u22EF"})]})});var eo=react.memo(function({editor:e,panelOpen:o}){let[,i]=react.useState(0);Y(),react.useEffect(()=>{if(!e)return;let R=e.subscribe(()=>i(T=>T+1));return ()=>{R();}},[e]);let p=react.useRef(false),l=e?.getTableEditing()??null,a=l?`${l.shapeId}\0${l.row}\0${l.col}`:"";if(react.useEffect(()=>{p.current=false;},[a]),!e\|\|o)return null;let c=e.getTableEditing();if(!c)return null;let{shapeId:k,row:S,col:s}=c,y=e.getTableCell(k,S,s),w=e.getTableScreenRect(k,S,s);if(!y\|\|!w)return null;let N=e.getSelectedTable(),$=y.fontSize\|\|N?.fontSize\|\|drawuiCore.TABLE_FONT_SIZE,I=e.getCamera().getZoom(),u={left:w.x-1,top:w.y-1,width:w.width+2,height:w.height+2,padding:`${drawuiCore.TABLE_CELL_PADDING_YI}px ${drawuiCore.TABLE_CELL_PADDING_XI}px`,fontFamily:"sans-serif",fontSize:$I,lineHeight:drawuiCore.TABLE_LINE_HEIGHT_RATIO,fontWeight:y.bold?700:400,color:y.textColor\|\|N?.textColor\|\|"#1f2937",textAlign:y.align==="center"?"center":y.align==="right"?"right":"left"};return jsxRuntime.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:jsxRuntime.jsx("textarea",{autoFocus:true,rows:1,className:"drawui-table-cell-input",style:u,value:y.text,spellCheck:false,onChange:R=>{let T=!p.current;p.current=true,e.updateTableCell(k,S,s,{text:R.target.value},T);},onBlur:()=>{e.exitTableEdit();},onKeyDown:R=>{(R.key==="Enter"\|\|R.key==="Escape")&&(R.preventDefault(),R.target.blur());}})})});var oo=react.memo(function({editor:e}){let[,o]=react.useState(0),[i,p]=react.useState(null),l=react.useRef(null);if(Y(),react.useEffect(()=>{if(!e)return;let D=e.subscribe(()=>o(X=>X+1));return ()=>{D();}},[e]),react.useEffect(()=>{if(!i)return;let D=pe=>{let ye=pe.target;ye&&l.current?.contains(ye)\|\|p(null);},X=pe=>{pe.key==="Escape"&&p(null);};return window.addEventListener("pointerdown",D,true),window.addEventListener("keydown",X),()=>{window.removeEventListener("pointerdown",D,true),window.removeEventListener("keydown",X);}},[i]),!e)return null;let a=e.getSelectedTable();if(!a)return null;let c=e.getTableSelection();if(!c\|\|c.shapeId!==a.id)return null;let k=e.getTableScreenRect(a.id);if(!k)return null;let S=a.cells.length,s=a.cells[0]?.length??0,y=drawuiCore.tableExpandRangeToMerges(a,c.anchor.row,c.anchor.col,c.focus.row,c.focus.col),{r1:w,c1:N,r2:$,c2:I}=y,u=drawuiCore.tableCoveredMap(a.cells),R=0;for(let D=w;D<=$;D++)for(let X=N;X<=I;X++)u[D]?.[X]\|\|R++;let T=R>1,g=drawuiCore.tableRangeHasMerge(a,w,N,$,I),h=w===$?`${w+1}`:`${w+1}\u2013${$+1}`,v=N===I?`${N+1}`:`${N+1}\u2013${I+1}`,m=S-($-w+1)>=1,b=s-(I-N+1)>=1,U=k.y>56?k.y-40:k.y+k.height+10,z=D=>D.stopPropagation(),Q=D=>()=>{D(),p(null);};return jsxRuntime.jsxs("div",{className:"drawui-table-toolbar","data-table-toolbar":a.id,style:{left:k.x+k.width/2,top:U},onPointerDown:z,children:[jsxRuntime.jsxs("div",{className:"drawui-table-split",children:[jsxRuntime.jsx("button",{className:"drawui-table-btn-main",title:drawuiCore.t("table.insertRowBelow"),onClick:()=>e.insertTableRowRelative(a.id,"below"),children:drawuiCore.t("table.insertRow")}),jsxRuntime.jsx("button",{className:`drawui-table-btn-caret ${i==="row"?"active":""}`,"data-table-insert-row":true,title:`${drawuiCore.t("table.insertRowAbove")} / ${drawuiCore.t("table.insertRowBelow")}`,onClick:()=>p(i==="row"?null:"row"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),i==="row"&&jsxRuntime.jsxs("div",{className:"drawui-table-menu",ref:l,"data-table-row-menu":true,children:[jsxRuntime.jsx("button",{onClick:Q(()=>e.insertTableRowRelative(a.id,"above")),children:drawuiCore.t("table.insertRowAbove")}),jsxRuntime.jsx("button",{onClick:Q(()=>e.insertTableRowRelative(a.id,"below")),children:drawuiCore.t("table.insertRowBelow")})]})]}),jsxRuntime.jsx("button",{title:`${drawuiCore.t("table.deleteRow")} \xB7 ${h}`,disabled:!m,onClick:()=>e.deleteTableRowsInSelection(a.id),children:drawuiCore.t("table.deleteRow")}),jsxRuntime.jsxs("div",{className:"drawui-table-split",children:[jsxRuntime.jsx("button",{className:"drawui-table-btn-main",title:drawuiCore.t("table.insertColRight"),onClick:()=>e.insertTableColumnRelative(a.id,"right"),children:drawuiCore.t("table.insertCol")}),jsxRuntime.jsx("button",{className:`drawui-table-btn-caret ${i==="col"?"active":""}`,"data-table-insert-col":true,title:`${drawuiCore.t("table.insertColLeft")} / ${drawuiCore.t("table.insertColRight")}`,onClick:()=>p(i==="col"?null:"col"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),i==="col"&&jsxRuntime.jsxs("div",{className:"drawui-table-menu",ref:l,"data-table-col-menu":true,children:[jsxRuntime.jsx("button",{onClick:Q(()=>e.insertTableColumnRelative(a.id,"left")),children:drawuiCore.t("table.insertColLeft")}),jsxRuntime.jsx("button",{onClick:Q(()=>e.insertTableColumnRelative(a.id,"right")),children:drawuiCore.t("table.insertColRight")})]})]}),jsxRuntime.jsx("button",{title:`${drawuiCore.t("table.deleteCol")} \xB7 ${v}`,disabled:!b,onClick:()=>e.deleteTableColsInSelection(a.id),children:drawuiCore.t("table.deleteCol")}),jsxRuntime.jsx("button",{title:drawuiCore.t("table.merge"),disabled:!T,onClick:()=>e.mergeTableCells(a.id),children:drawuiCore.t("table.merge")}),jsxRuntime.jsx("button",{title:drawuiCore.t("table.split"),disabled:!g,onClick:()=>e.splitTableCells(a.id),children:drawuiCore.t("table.split")})]})});var ro=[...drawuiCore.MINDMAP_COLORS,"#1f2937","#9ca3af"],ao=["\u{1F4A1}","\u2B50","\u{1F525}","\u{1F4CC}","\u2705","\u2757","\u26A0\uFE0F","\u{1F3F7}\uFE0F"],Ir={position:"absolute",width:232,background:"rgba(255,255,255,0.96)",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 6px 20px rgba(0,0,0,0.12)",padding:"10px 12px",fontSize:12,color:"#1f2937",zIndex:70,boxSizing:"border-box",fontFamily:"sans-serif"},rn={fontSize:11,color:"#6b7280",marginBottom:4,display:"block"},Pt={display:"flex",gap:4,alignItems:"center",flexWrap:"wrap"},io={border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:5,padding:"3px 6px",fontSize:12,color:"#374151",cursor:"pointer",lineHeight:1.5,whiteSpace:"nowrap"},an={width:"100%",border:"1px solid #e5e7eb",borderRadius:5,padding:"4px 8px",fontSize:12,outline:"none",boxSizing:"border-box",background:"#ffffff",color:"#1f2937"},so=react.memo(function({editor:e,mindMap:o}){let[,i]=react.useState(0);Y(),react.useEffect(()=>{if(!e)return;let g=e.subscribe(()=>i(h=>h+1));return ()=>{g();}},[e]);let p=react.useRef(null);if(!e\|\|!o\|\|e.getMindMapEditingShapeId()!==o.id)return null;let l=e.getMindMapSelectedNode();if(!l\|\|l.shapeId!==o.id)return null;let a=g=>{if(g.id===l.nodeId)return g;for(let h of g.children??[]){let v=a(h);if(v)return v}return null},c=a(o.root);if(!c)return null;let k=e.getCamera(),s=drawuiCore.layoutMindMap(o.root).positions.get(c.id);if(!s)return null;let y=k.zoom,w=k.pageToScreen({x:o.x+s.x,y:o.y+s.y}),N=w.x+s.widthy/2+14,$=w.y-80,u=Math.max(8,Math.min(N,(window.innerWidth\|\|1024)-232-8)),R=Math.max(8,Math.min($,(window.innerHeight\|\|768)-320)),T=g=>{e.updateMindMapNode(o.id,c.id,g);};return jsxRuntime.jsxs("div",{ref:p,style:{...Ir,left:u,top:R},onMouseDown:g=>g.stopPropagation(),children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[jsxRuntime.jsx("span",{style:{fontWeight:600,fontSize:12},children:drawuiCore.t("mindmap.nodeText")}),jsxRuntime.jsxs("span",{style:{display:"flex",alignItems:"center",gap:2},children:[!!c.children?.length&&jsxRuntime.jsx("button",{style:{...io,padding:"1px 5px",color:"#6b7280"},"data-drawui-tip":c.collapsed?drawuiCore.t("mindmap.expand"):drawuiCore.t("mindmap.collapse"),onClick:()=>e.toggleMindMapCollapse(o.id,c.id),children:c.collapsed?drawuiCore.t("mindmap.expand"):drawuiCore.t("mindmap.collapse")}),jsxRuntime.jsx("button",{onClick:()=>e.exitMindMapEdit(),"data-drawui-tip":drawuiCore.t("mindmap.close"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#9ca3af",fontSize:14,lineHeight:1,padding:2},children:"\xD7"})]})]}),jsxRuntime.jsx("input",{style:{...an,marginBottom:8},value:c.text,onChange:g=>T({text:g.target.value}),spellCheck:false}),jsxRuntime.jsx("div",{style:{...Pt,gap:4,marginBottom:10,flexWrap:"nowrap",justifyContent:"flex-end"},children:jsxRuntime.jsx("button",{style:{...io,color:"#ef4444",borderColor:"#fecaca"},onClick:()=>e.deleteMindMapNode(o.id,c.id),children:drawuiCore.t("mindmap.deleteNode")})}),jsxRuntime.jsx("span",{style:rn,children:drawuiCore.t("mindmap.color")}),jsxRuntime.jsxs("div",{style:{...Pt,marginBottom:10},children:[jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.levelColor"),onClick:()=>T({color:void 0}),style:{width:18,height:18,borderRadius:4,border:"1.5px solid #d1d5db",background:"conic-gradient(#ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ec4899, #ef4444)",cursor:"pointer",flexShrink:0}}),ro.map(g=>jsxRuntime.jsx("button",{"data-drawui-tip":g,onClick:()=>T({color:g}),style:{width:18,height:18,borderRadius:4,border:c.color===g?"2px solid #111827":"1px solid #d1d5db",background:g,cursor:"pointer",flexShrink:0}},g))]}),jsxRuntime.jsx("span",{style:rn,children:drawuiCore.t("mindmap.icon")}),jsxRuntime.jsxs("div",{style:{...Pt,marginBottom:10},children:[jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.noIcon"),onClick:()=>T({icon:void 0}),style:{width:22,height:22,borderRadius:4,border:c.icon?"1px solid #d1d5db":"2px solid #111827",background:"#f9fafb",cursor:"pointer",fontSize:11,color:"#9ca3af",lineHeight:1},children:"\u2205"}),ao.map(g=>jsxRuntime.jsx("button",{onClick:()=>T({icon:g}),style:{width:22,height:22,borderRadius:4,border:c.icon===g?"2px solid #111827":"1px solid #d1d5db",background:"#f9fafb",cursor:"pointer",fontSize:13,lineHeight:1},children:g},g)),jsxRuntime.jsx("input",{placeholder:"\u270F\uFE0F",defaultValue:c.icon&&!ao.includes(c.icon)?c.icon:"",onKeyDown:g=>{if(g.key==="Enter"){let h=g.target.value.trim();T({icon:h\|\|void 0});}},onBlur:g=>{let h=g.target.value.trim();h!==c.icon&&T({icon:h\|\|void 0});},style:{...an,width:56,padding:"2px 4px",textAlign:"center"}})]}),jsxRuntime.jsx("span",{style:rn,children:drawuiCore.t("mindmap.note")}),jsxRuntime.jsx("input",{style:{...an,marginBottom:6},value:c.note??"",placeholder:drawuiCore.t("mindmap.notePlaceholder"),onChange:g=>T({note:g.target.value\|\|void 0}),spellCheck:false}),!!c.note&&jsxRuntime.jsxs("div",{style:{...Pt,marginTop:4},children:[jsxRuntime.jsx("span",{style:{fontSize:11,color:"#6b7280"},children:drawuiCore.t("mindmap.noteColor")}),jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.noteColorDefault"),onClick:()=>T({noteColor:void 0}),style:{width:16,height:16,borderRadius:3,border:c.noteColor?"1px solid #d1d5db":"2px solid #111827",background:"repeating-conic-gradient(#ef4444 0% 25%, #f59e0b 0% 50%, #10b981 0% 75%, #3b82f6 0% 100%)",cursor:"pointer"}}),ro.map(g=>jsxRuntime.jsx("button",{onClick:()=>T({noteColor:g}),style:{width:16,height:16,borderRadius:3,border:c.noteColor===g?"2px solid #111827":"1px solid #d1d5db",background:g,cursor:"pointer"}},g))]})]})});var ln=220,cn=140,Kr="#fafafa";function Or(t,e){let o=Math.min(t.x,e.x),i=Math.min(t.y,e.y),p=Math.max(t.x+t.width,e.x+e.width),l=Math.max(t.y+t.height,e.y+e.height);return {x:o,y:i,width:p-o,height:l-i}}function $r(t){return {x:t.x+t.width/2,y:t.y+t.height/2}}function Dr(){return {x:0,y:0,width:0,height:0}}function Br(t){let e=1/0,o=1/0,i=-1/0,p=-1/0,l=false;for(let a of t){let c=un(a);c&&(l=true,c.x<e&&(e=c.x),c.y<o&&(o=c.y),c.x+c.width>i&&(i=c.x+c.width),c.y+c.height>p&&(p=c.y+c.height));}return l?{x:e,y:o,width:i-e,height:p-o}:null}function un(t){switch(t.type){case "rectangle":case "sticky-note":case "icon":case "image":case "rounded-rectangle":case "ellipse":case "diamond":case "triangle":case "hexagon":case "parallelogram":case "trapezoid":case "pentagon":case "octagon":case "star":case "cylinder":case "cloud":case "heart":case "block-arrow-right":case "block-arrow-left":case "block-arrow-up":case "block-arrow-down":case "block-arrow-double":case "right-triangle":case "cross":case "speech-rect":case "speech-round":case "cube":case "sector":case "delay":case "predefined-process":case "document":case "stadium":case "class-catalog":case "chevron":case "brace-left":case "brace-right":case "envelope":case "checkbox":case "triangular-pyramid":case "quadrangular-pyramid":case "cuboid":case "sphere":case "ellipsoid":case "pie":case "hollow-pie":case "uml-class":case "uml-interface":case "mind-map":case "table":case "text":return {x:t.x-t.width/2,y:t.y-t.height/2,width:t.width,height:t.height};case "circle":return {x:t.x-t.radius,y:t.y-t.radius,width:t.radius2,height:t.radius2};case "line":case "arrow":{let e=t.points;if(!e\|\|e.length===0)return null;let o=1/0,i=1/0,p=-1/0,l=-1/0;for(let a of e)a.x<o&&(o=a.x),a.y<i&&(i=a.y),a.x>p&&(p=a.x),a.y>l&&(l=a.y);return {x:o,y:i,width:p-o,height:l-i}}case "draw":{let e=t,o=e.width,i=e.height;if(typeof o=="number"&&typeof i=="number")return {x:e.x-o/2,y:e.y-i/2,width:o,height:i};let p=e.points;if(!p\|\|p.length===0)return null;let l=1/0,a=1/0,c=-1/0,k=-1/0;for(let S of p){let s=S.x+e.x,y=S.y+e.y;s<l&&(l=s),y<a&&(a=y),s>c&&(c=s),y>k&&(k=y);}return {x:l,y:a,width:c-l,height:k-a}}default:return null}}function zr(t){let e=t.getCamera(),o=e.screenToPage({x:0,y:0}),i=e.screenToPage({x:window.innerWidth,y:window.innerHeight});return {x:o.x,y:o.y,width:i.x-o.x,height:i.y-o.y}}function _r(t,e,o){if(t.width<=0\|\|t.height<=0)return {x:t.x-e/2,y:t.y-o/2,width:e,height:o};let i=e/o,p=t.width,l=p/i;l<t.height&&(l=t.height,p=li);let a=$r(t);return {x:a.x-p/2,y:a.y-l/2,width:p,height:l}}function dn(t,e,o,i){let p=(t-o.left)/o.width,l=(e-o.top)/o.height;return {x:i.x+pi.width,y:i.y+li.height}}var uo=react.memo(function({editor:e}){let o=react.useRef(null),i=react.useRef(null),[p,l]=react.useState(false),[a,c]=react.useState(100),[k,S]=react.useState(false),[s,y]=react.useState(false);Y();let w=react.useRef(null),N=react.useRef(null);react.useLayoutEffect(()=>{let h=o.current,v=i.current;if(!h\|\|!v)return;let m=window.devicePixelRatio\|\|1;h.width=Math.round(lnm),h.height=Math.round(cnm),h.style.width=`${ln}px`,h.style.height=`${cn}px`;},[p]);let $=react.useCallback(()=>{let h=o.current,v=i.current;if(!h\|\|!v\|\|!e)return;let m=h.getContext("2d");if(!m)return;let b=ln,P=cn,U=h.width,z=h.height,Q=e.getShapes(),D=new Set(e.getSelectedIds()),X=drawuiCore.getTheme(),pe=drawuiCore.hexToRgba(X.text,.16),ye=X.primary,M=drawuiCore.hexToRgba(X.primary,.18),ve=drawuiCore.hexToRgba(X.primary,.85),V=Br(Q),G=zr(e),Ae=V?Or(V,G):G.width>0?G:Dr(),me=_r(Ae,b,P);N.current=me;let ke=U/me.width,Le=z/me.height,Ke=b/me.width;m.setTransform(1,0,0,1,0,0),m.fillStyle=Kr,m.fillRect(0,0,U,z),m.setTransform(ke,0,0,Le,-keme.x,-Leme.y),m.fillStyle=pe;for(let _ of Q){let C=un(_);C&&m.fillRect(C.x,C.y,C.width,C.height);}m.fillStyle=ye;for(let _ of Q){if(!D.has(_.id))continue;let C=un(_);C&&m.fillRect(C.x,C.y,C.width,C.height);}m.fillStyle=M,m.fillRect(G.x,G.y,G.width,G.height);let Se=1.5/Ke;m.strokeStyle=ve,m.lineWidth=Se,m.lineJoin="round";let Re=Math.min(G.width/6,G.height/6,6/Ke);if(m.beginPath(),ReKe<1)m.rect(G.x,G.y,G.width,G.height);else {let _=G.x,C=G.y,ie=G.width,se=G.height,j=Math.min(Re,ie/2,se/2);m.moveTo(_+j,C),m.lineTo(_+ie-j,C),m.quadraticCurveTo(_+ie,C,_+ie,C+j),m.lineTo(_+ie,C+se-j),m.quadraticCurveTo(_+ie,C+se,_+ie-j,C+se),m.lineTo(_+j,C+se),m.quadraticCurveTo(_,C+se,_,C+se-j),m.lineTo(_,C+j),m.quadraticCurveTo(_,C,_+j,C),m.closePath();}m.stroke(),m.setTransform(1,0,0,1,0,0);},[e]);react.useEffect(()=>{if(!e\|\|p)return;$();let h=e.subscribe($),v=drawuiCore.subscribeTheme($),m=()=>$();return window.addEventListener("resize",m),()=>{h(),v(),window.removeEventListener("resize",m);}},[e,p,$]),react.useEffect(()=>{if(!e)return;let h=()=>{let m=e.getCamera().getZoom();c(Math.round(m100));};h();let v=e.subscribe(h);return ()=>{v();}},[e]);let I=react.useCallback((h,v)=>{if(!e)return;let m=e.getCamera(),b=m.getZoom(),P=window.innerWidth/2,U=window.innerHeight/2,z=m;z.x=P-hb,z.y=U-vb,e.requestRender();},[e]),u=h=>{if(!e\|\|!i.current\|\|h.button!==0)return;let v=i.current.getBoundingClientRect(),m=N.current;if(!m)return;let b=dn(h.clientX,h.clientY,v,m);w.current={pointerId:h.pointerId,rect:{left:v.left,top:v.top,width:v.width,height:v.height},canvasBox:m},h.currentTarget.setPointerCapture(h.pointerId),y(true),I(b.x,b.y);},R=h=>{if(!s\|\|!e\|\|!w.current\|\|!i.current)return;let v=w.current,m=dn(h.clientX,h.clientY,v.rect,v.canvasBox);I(m.x,m.y);},T=h=>{if(s){y(false),w.current=null;try{h.currentTarget.releasePointerCapture(h.pointerId);}catch{}}},g=h=>{if(!e\|\|!i.current)return;let v=N.current;if(!v)return;let m=i.current.getBoundingClientRect(),b=dn(h.clientX,h.clientY,m,v);I(b.x,b.y);};return jsxRuntime.jsxs("div",{className:`drawui-minimap ${p?"collapsed":""}`,children:[jsxRuntime.jsx("button",{className:"drawui-minimap-toggle",onClick:()=>l(h=>!h),"data-drawui-tip":p?drawuiCore.t("minimap.expand"):drawuiCore.t("minimap.collapse"),"data-drawui-tip-pos":"top","aria-label":p?drawuiCore.t("minimap.expand"):drawuiCore.t("minimap.collapse"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:p?jsxRuntime.jsx("polyline",{points:"9 6 15 12 9 18"}):jsxRuntime.jsx("polyline",{points:"15 6 9 12 15 18"})})}),!p&&jsxRuntime.jsxs("div",{className:"drawui-minimap-panel",children:[jsxRuntime.jsxs("div",{className:"drawui-minimap-header",children:[jsxRuntime.jsx("span",{className:"drawui-minimap-title",children:drawuiCore.t("minimap.title")}),jsxRuntime.jsxs("span",{className:"drawui-minimap-zoom",children:[a,"%"]})]}),jsxRuntime.jsx("div",{ref:i,className:"drawui-minimap-canvas-wrap",style:{cursor:s?"grabbing":k?"pointer":"default"},onPointerEnter:()=>S(true),onPointerLeave:()=>S(false),children:jsxRuntime.jsx("canvas",{ref:o,className:"drawui-minimap-canvas",onPointerDown:u,onPointerMove:R,onPointerUp:T,onPointerCancel:T,onDoubleClick:g})})]})]})});var xe=t=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",className:"drawui-gen-shape-glyph",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:t}),Zr=[{type:"rectangle",labelKey:"shape.rectangle",glyph:xe(jsxRuntime.jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"1"}))},{type:"rounded-rectangle",labelKey:"shape.rounded-rectangle",glyph:xe(jsxRuntime.jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"4"}))},{type:"circle",labelKey:"shape.circle",glyph:xe(jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"5.5"}))},{type:"ellipse",labelKey:"shape.ellipse",glyph:xe(jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"7",ry:"4.5"}))},{type:"diamond",labelKey:"shape.diamond",glyph:xe(jsxRuntime.jsx("path",{d:"M12 5 L19 12 L12 19 L5 12 Z"}))},{type:"triangle",labelKey:"shape.triangle",glyph:xe(jsxRuntime.jsx("path",{d:"M12 4 L20 19 H4 Z"}))},{type:"hexagon",labelKey:"shape.hexagon",glyph:xe(jsxRuntime.jsx("path",{d:"M12 3 L19.5 7.5 V16.5 L12 21 L4.5 16.5 V7.5 Z"}))},{type:"parallelogram",labelKey:"shape.parallelogram",glyph:xe(jsxRuntime.jsx("path",{d:"M6 7 L19 7 L16 17 H7 Z"}))},{type:"trapezoid",labelKey:"shape.trapezoid",glyph:xe(jsxRuntime.jsx("path",{d:"M7 6 H17 L20 18 H4 Z"}))},{type:"pentagon",labelKey:"shape.pentagon",glyph:xe(jsxRuntime.jsx("path",{d:"M12 4 L19.5 9.5 L16.5 18.5 H7.5 L4.5 9.5 Z"}))},{type:"octagon",labelKey:"shape.octagon",glyph:xe(jsxRuntime.jsx("path",{d:"M8 4 H16 L20 8 V16 L16 20 H8 L4 16 V8 Z"}))},{type:"star",labelKey:"shape.star",glyph:xe(jsxRuntime.jsx("path",{d:"M12 3 L14 9.5 L20.5 10 L15.5 14 L17.5 20.5 L12 16.8 L6.5 20.5 L8.5 14 L3.5 10 L10 9.5 Z"}))},{type:"sticky-note",labelKey:"shape.sticky-note",glyph:xe(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsxRuntime.jsx("path",{d:"M20 15h-5v5"})]}))},{type:"uml-class",labelKey:"shape.uml-class",glyph:xe(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsxRuntime.jsx("path",{d:"M3 9 H21"}),jsxRuntime.jsx("path",{d:"M3 15 H21"}),jsxRuntime.jsx("path",{d:"M6 6.5 H10"}),jsxRuntime.jsx("path",{d:"M6 12.5 H12"})]}))},{type:"uml-interface",labelKey:"shape.uml-interface",glyph:xe(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsxRuntime.jsx("path",{d:"M3 9 H21"}),jsxRuntime.jsx("path",{d:"M6 6.5 H10"}),jsxRuntime.jsx("path",{d:"M6 12.5 H12"})]}))},{type:"mind-map",labelKey:"shape.mind-map",glyph:xe(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("circle",{cx:"5",cy:"12",r:"2"}),jsxRuntime.jsx("path",{d:"M7 12h2.6"}),jsxRuntime.jsx("path",{d:"M9.6 12c0-2 1.2-3.4 2.6-3.4"}),jsxRuntime.jsx("path",{d:"M9.6 12c0 2 1.2 3.4 2.6 3.4"}),jsxRuntime.jsx("circle",{cx:"15.2",cy:"8.6",r:"1.3"}),jsxRuntime.jsx("circle",{cx:"15.2",cy:"15.4",r:"1.3"}),jsxRuntime.jsx("circle",{cx:"13.6",cy:"12",r:"1.3"})]}))}];function po({editor:t,x:e,y:o,context:i,existingArrowId:p,defaultShapeType:l,onClose:a}){let c=react.useRef(null);Y();let k=S=>{t?.createGeneratedConnection(i,{type:S,existingArrowId:p}),a();};return react.useEffect(()=>{let S=w=>{c.current&&!c.current.contains(w.target)&&a();},s=w=>{w.key==="Escape"&&(w.preventDefault(),a());},y=setTimeout(()=>{window.addEventListener("pointerdown",S,true),window.addEventListener("keydown",s,true);},0);return ()=>{clearTimeout(y),window.removeEventListener("pointerdown",S,true),window.removeEventListener("keydown",s,true);}},[a]),jsxRuntime.jsxs("div",{className:"drawui-gen-menu",ref:c,style:{left:e,top:o},children:[jsxRuntime.jsx("div",{className:"drawui-gen-menu-label",children:drawuiCore.t("menu.title")}),jsxRuntime.jsx("div",{className:"drawui-gen-shape-grid",children:Zr.map(S=>jsxRuntime.jsxs("button",{className:`drawui-gen-shape-btn${S.type===l?" drawui-gen-shape-active":""}`,onClick:()=>k(S.type),"data-drawui-tip":drawuiCore.t(S.labelKey),children:[S.glyph,jsxRuntime.jsx("span",{className:"drawui-gen-shape-label",children:drawuiCore.t(S.labelKey)})]},S.type))}),jsxRuntime.jsx("div",{className:"drawui-gen-menu-hint",children:drawuiCore.t("menu.cancel")})]})}var Vr=typeof navigator<"u"&&/mac\|iphone\|ipad/i.test(navigator.platform\|\|navigator.userAgent);function Pe(t){if(Vr)switch(t){case "copy":return "\u2318C";case "copyAsImage":return "\u21E7\u2318C";case "paste":return "\u2318V";case "duplicate":return "\u2318D";case "copyStyle":return "\u2325\u2318C";case "pasteStyle":return "\u2325\u2318V";case "lock":return "\u2325\u2318L";case "delete":return "\u232B";case "group":return "\u2318G";case "ungroup":return "\u21E7\u2318G"}switch(t){case "copy":return "Ctrl + C";case "copyAsImage":return "Ctrl + Shift + C";case "paste":return "Ctrl + V";case "duplicate":return "Ctrl + D";case "copyStyle":return "Ctrl + Alt + C";case "pasteStyle":return "Ctrl + Alt + V";case "lock":return "Ctrl + Alt + L";case "delete":return "Del";case "group":return "Ctrl + G";case "ungroup":return "Ctrl + Shift + G"}}var ho={sep:true},Yr=t=>"sep"in t&&t.sep===true;function fo({editor:t,pos:e,onClose:o}){Y();let[,i]=react.useState(0),p=react.useRef(null),[l,a]=react.useState(null),[c,k]=react.useState(null);react.useEffect(()=>{let b=t.subscribe(()=>i(P=>P+1));return ()=>{b();}},[t]),react.useLayoutEffect(()=>{let b=p.current;if(!b)return;let P=b.getBoundingClientRect(),U=Math.max(8,Math.min(e.x,window.innerWidth-P.width-8)),z=Math.max(8,Math.min(e.y,window.innerHeight-P.height-8));a({left:U,top:z});},[e.x,e.y]),react.useEffect(()=>{let b=z=>{p.current&&!p.current.contains(z.target)&&o();},P=z=>{z.key==="Escape"&&(z.preventDefault(),o());},U=setTimeout(()=>{window.addEventListener("pointerdown",b,true),window.addEventListener("keydown",P,true);},0);return ()=>{clearTimeout(U),window.removeEventListener("pointerdown",b,true),window.removeEventListener("keydown",P,true);}},[o]);let S=t.getSelectedIds(),s=S.length>0,y=e.shapeId,w=y?t.isShapeLocked(y):false,N=s&&!w&&t.hasCopiedStyle(),$=t.hasClipboard(),I=s&&!w,u=s&&!w?t.getSelectedGroupId():null,R=s&&!w&&S.length>=2&&!u,g=(y?t.getShapes().find(b=>b.id===y):void 0)?.groupId??null,h=u?true:!!g&&!w,v=b=>()=>{b(),o();},m;return w?m=g?[{key:"ctx.ungroup",shortcut:Pe("ungroup"),action:v(()=>g&&t.ungroupIds([g]))}]:[{key:"ctx.unlock",action:()=>y&&t.setShapeLocked(y,false)}]:s?m=[{key:"ctx.copy",shortcut:Pe("copy"),action:v(()=>t.copySelected())},{key:"ctx.copyAsImage",shortcut:Pe("copyAsImage"),action:v(()=>{t.copySelectedAsImage();})},{key:"ctx.paste",shortcut:Pe("paste"),disabled:!$,action:v(()=>t.paste())},{key:"ctx.duplicate",shortcut:Pe("duplicate"),action:v(()=>t.duplicateSelected())},{key:"ctx.layer",submenu:[{key:"ctx.bringToFront",disabled:!I,action:()=>t.bringToFront()},{key:"ctx.bringForward",disabled:!I,action:()=>t.bringForward()},{key:"ctx.sendBackward",disabled:!I,action:()=>t.sendBackward()},{key:"ctx.sendToBack",disabled:!I,action:()=>t.sendToBack()}]},{key:"ctx.copyStyle",shortcut:Pe("copyStyle"),action:v(()=>t.copyStyle())},{key:"ctx.pasteStyle",shortcut:Pe("pasteStyle"),disabled:!N,action:v(()=>t.pasteStyle())},ho,{key:"ctx.rotate",submenu:[{key:"ctx.rotate90",action:()=>t.rotateSelected(90)},{key:"ctx.rotate180",action:()=>t.rotateSelected(180)},{key:"ctx.rotate270",action:()=>t.rotateSelected(270)}]},u?{key:"ctx.ungroup",shortcut:Pe("ungroup"),disabled:!h,action:v(()=>t.ungroupSelected())}:{key:"ctx.group",shortcut:Pe("group"),disabled:!R,action:v(()=>t.groupSelected())},ho,{key:"ctx.lock",shortcut:Pe("lock"),action:v(()=>t.setSelectedShapesLocked(true))},{key:"ctx.delete",shortcut:Pe("delete"),action:v(()=>t.deleteSelected())}]:m=[{key:"ctx.paste",shortcut:Pe("paste"),disabled:!$,action:v(()=>t.paste())}],jsxRuntime.jsx("div",{ref:p,className:"drawui-context-menu",style:l?{left:l.left,top:l.top}:{visibility:"hidden",left:e.x,top:e.y},onContextMenu:b=>b.preventDefault(),children:m.map((b,P)=>Yr(b)?jsxRuntime.jsx("div",{className:"drawui-context-sep"},`sep-${P}`):b.submenu?jsxRuntime.jsxs("div",{className:"drawui-context-sub",onMouseEnter:()=>k(b.key),onMouseLeave:()=>k(null),children:[jsxRuntime.jsxs("button",{type:"button",className:"drawui-context-item",disabled:b.disabled,children:[jsxRuntime.jsx("span",{children:drawuiCore.t(b.key)}),jsxRuntime.jsx("svg",{className:"drawui-context-caret",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("polyline",{points:"9 18 15 12 9 6"})})]}),c===b.key&&jsxRuntime.jsx("div",{className:"drawui-context-submenu",children:b.submenu.map(U=>jsxRuntime.jsx("button",{type:"button",className:"drawui-context-item",disabled:U.disabled,onClick:()=>{U.action(),o();},children:jsxRuntime.jsx("span",{children:drawuiCore.t(U.key)})},U.key))})]},b.key):jsxRuntime.jsxs("button",{type:"button",className:"drawui-context-item",disabled:b.disabled,onClick:b.action,children:[jsxRuntime.jsx("span",{children:drawuiCore.t(b.key)}),b.shortcut&&jsxRuntime.jsx("span",{className:"drawui-context-kbd",children:b.shortcut})]},b.key))})}var Jr={select:"tool.select",hand:"tool.hand",rectangle:"tool.rectangle","rounded-rectangle":"tool.rounded-rectangle",circle:"tool.circle",ellipse:"tool.ellipse",diamond:"tool.diamond",triangle:"tool.triangle",hexagon:"tool.hexagon",parallelogram:"tool.parallelogram",trapezoid:"tool.trapezoid",pentagon:"tool.pentagon",octagon:"tool.octagon",star:"tool.star",cylinder:"tool.cylinder",cloud:"tool.cloud",heart:"tool.heart","block-arrow-right":"tool.block-arrow-right","block-arrow-left":"tool.block-arrow-left","block-arrow-up":"tool.block-arrow-up","block-arrow-down":"tool.block-arrow-down","block-arrow-double":"tool.block-arrow-double","right-triangle":"tool.right-triangle",cross:"tool.cross","speech-rect":"tool.speech-rect","speech-round":"tool.speech-round",cube:"tool.cube",sector:"tool.sector",delay:"tool.delay","predefined-process":"tool.predefined-process",document:"tool.document",stadium:"tool.stadium","class-catalog":"tool.class-catalog",chevron:"tool.chevron","brace-left":"tool.brace-left","brace-right":"tool.brace-right",envelope:"tool.envelope",checkbox:"tool.checkbox","sticky-note":"tool.sticky-note",icon:"toolbar.icon","triangular-pyramid":"tool.triangular-pyramid","quadrangular-pyramid":"tool.quadrangular-pyramid",cuboid:"tool.cuboid",sphere:"tool.sphere",ellipsoid:"tool.ellipsoid",pie:"tool.pie","hollow-pie":"tool.hollow-pie","uml-class":"tool.uml-class","uml-interface":"tool.uml-interface",line:"tool.line",arrow:"tool.arrow",text:"tool.text",draw:"tool.draw",pen:"tool.pen",highlighter:"tool.highlighter",eraser:"tool.eraser","mind-map":"tool.mind-map",table:"tool.table",image:"tool.image"};function mn(t){let e=t instanceof Error?t.message:String(t);return e.startsWith("image.tooLarge")?drawuiCore.t("image.tooLarge"):`${drawuiCore.t("image.uploadFailed")}\uFF1A${e}`}function Qr({initialTool:t="select",className:e="",themeColor:o,language:i="zh-CN",data:p,onChange:l,onReady:a,imageUpload:c}){let k=react.useRef(null),S=react.useRef(null),s=react.useRef(null),[y,w]=react.useState(null);Y();let[N,$]=react.useState(t),[I,u]=react.useState(false),[R,T]=react.useState(0),[g,h]=react.useState(false),[v,m]=react.useState("straight"),[b,P]=react.useState("end"),[U,z]=react.useState(false),[Q,D]=react.useState(void 0),[X,pe]=react.useState(100),[ye,M]=react.useState(null),[ve,V]=react.useState(null),[G,Ae]=react.useState(false),[me,ke]=react.useState(false),[Le,Ke]=react.useState(null),[Se,Re]=react.useState(null),[_,C]=react.useState(false),[ie,se]=react.useState(null),[j,Ee]=react.useState(null),B=react.useRef(null),Oe=react.useRef(0),ge=react.useRef(null),Xe=react.useRef(l);Xe.current=l;let qe=react.useRef(a);qe.current=a,react.useEffect(()=>{if(!k.current)return;let f=new drawuiCore.Editor(k.current,{theme:o?{primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:drawuiCore.hexToRgba(o,.1),shadow:o}}:void 0,language:i,shapes:p,persist:!p,imageUpload:c});s.current=f,w(f),window.__drawuiEditor=f,f.setHighlighterColor(Ct()),f.setStickyNoteColor(St()),qe.current?.(f),t&&f.setActiveTool(t);let H=f.subscribe(()=>{$(f.getActiveTool());let F=f.getSelectedIds();T(F.length);let Me=f.getShapes().filter(Ue=>F.includes(Ue.id)&&(Ue.type==="line"\|\|Ue.type==="arrow"));if(h(Me.length>0),Me.length>0&&Me[0].connectionType?m(Me[0].connectionType):Me.length>0&&m("straight"),Me.length>0){let Ue=Me.find(zt=>zt.type==="arrow");Ue&&(P(Ue.arrowHead??"end"),z(Ue.dashed??false));}pe(Math.round(f.getCamera().getZoom()*100)),D(f.getArrowStyle()),Ae(f.canUndo()),ke(f.canRedo());let We=f.getSelectedUml();Ke(We),We\|\|se(null);let Qe=f.getSelectedMindMap();Re(Qe),f.getMindMapEditingShapeId()\|\|C(false),Xe.current?.(f.getData());}),le=f.subscribeNotifications(F=>{V({type:"success",text:F}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),3500);}),Ne=f.subscribeUi(F=>{if(F.kind==="imageError"){V({type:"error",text:mn(F.message)}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),4e3);return}F.kind==="shapeTypeMenu"&&Ee({x:F.screenX,y:F.screenY,context:F.context,existingArrowId:F.existingArrowId,defaultShapeType:F.defaultShapeType});});return ()=>{H(),le(),Ne(),B.current&&clearTimeout(B.current),cancelAnimationFrame(Oe.current),f.dispose();}},[t]),react.useEffect(()=>{if(!o)return;let f=S.current;f&&(f.style.setProperty("--dw-primary",o),f.style.setProperty("--dw-primary-hover",drawuiCore.shadeColor(o,-0.12)),f.style.setProperty("--dw-primary-weak",drawuiCore.hexToRgba(o,.1)),f.style.setProperty("--dw-primary-contrast","#ffffff"),f.style.setProperty("--dw-shadow-primary",`0 2px 8px ${drawuiCore.hexToRgba(o,.3)}`)),s.current?.setTheme({primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:drawuiCore.hexToRgba(o,.1),shadow:o}});},[o]),react.useEffect(()=>{drawuiCore.setLanguage(i),s.current?.setLanguage(i);},[i]);let ot=react.useCallback(f=>{s.current?.setActiveTool(f);},[]),rt=react.useCallback(()=>{s.current?.zoomIn();},[]),x=react.useCallback(()=>{s.current?.zoomOut();},[]),Z=react.useCallback(()=>{s.current?.resetZoom();},[]),A=react.useCallback(()=>{let f=!I;u(f),s.current?.setShowGrid(f);},[I]),L=react.useCallback(()=>{s.current?.undo();},[]),ee=react.useCallback(()=>{s.current?.redo();},[]),re=react.useCallback(f=>{s.current?.downloadImage("drawui",f,{background:"#ffffff"});},[]),He=react.useCallback(()=>{s.current?.downloadJSON("drawui-data");},[]),Je=react.useCallback(f=>{let H=new FileReader;H.onload=()=>{let le=typeof H.result=="string"?H.result:"";if(s.current?.importJSON(le)??false){let F=s.current?.getShapes().length??0;V({type:"success",text:drawuiCore.t("import.success",{n:F})});}else V({type:"error",text:drawuiCore.t("import.fail")});B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),3500);},H.onerror=()=>{V({type:"error",text:drawuiCore.t("import.fail")}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),3500);},H.readAsText(f,"utf-8");},[]),_e=react.useCallback(f=>{let H=s.current,le=k.current;if(!H\|\|!le)return;if(H.isPointerDown()){ge.current!==null&&(ge.current=null,M(null));return}let Ne=f.clientX,F=f.clientY;cancelAnimationFrame(Oe.current),Oe.current=requestAnimationFrame(()=>{let De=le.getBoundingClientRect(),Me=Ne-De.left,We=F-De.top,Qe=Me+12,Ue=We+12,zt=H.getSelectedUml()?.id,ct=H.getUmlRowAtScreenPoint({x:Me,y:We});if(ct&&ct.shape.id!==zt&&ct.text&&H.isUmlRowTextTruncated(ct)){ge.current!==ct.text&&(ge.current=ct.text,M({text:ct.text,x:Qe,y:Ue}));return}let yt=H.getShapeAtScreenPoint({x:Me,y:We});yt&&yt.text&&H.isShapeTextTruncated(yt.id)?ge.current!==yt.text&&(ge.current=yt.text,M({text:yt.text,x:Qe,y:Ue})):ge.current!==null&&(ge.current=null,M(null));});},[]),d=react.useCallback(()=>{M(null);},[]),r=react.useCallback(f=>{let H=s.current,le=k.current;if(!H\|\|!le)return;let Ne=le.getBoundingClientRect(),F=f.clientX-Ne.left,De=f.clientY-Ne.top,Me=H.getUmlRowAtScreenPoint({x:F,y:De});if(Me){se(Me.shape.id);return}let We=H.getMindMapNodeAtScreenPoint({x:F,y:De});if(We){H.beginMindMapEdit(We.shapeId,We.nodeId);return}let Qe=H.getTableAtScreenPoint({x:F,y:De});Qe&&H.beginTableEdit(Qe.shapeId,Qe.row,Qe.col);},[]),W=react.useCallback(()=>{Ee(null);},[]),[K,q]=react.useState(null),$e=react.useCallback(()=>q(null),[]),ae=react.useCallback(f=>{f.preventDefault();let H=s.current,le=k.current;if(!H\|\|!le\|\|H.isEditing())return;let Ne=le.getBoundingClientRect(),F=H.getShapeAtScreenPoint({x:f.clientX-Ne.left,y:f.clientY-Ne.top});F?H.isShapeLocked(F.id)?H.selectShapeRaw(F.id):H.getSelectedIds().includes(F.id)\|\|H.selectShape(F.id,f.shiftKey):H.selectShape("",false),q({x:f.clientX,y:f.clientY,shapeId:F?.id??null});},[]),mo=react.useCallback(f=>{f.preventDefault();},[]);return jsxRuntime.jsxs("div",{ref:S,className:`drawui-canvas-board ${e}`,onContextMenu:mo,onDragOver:f=>{f.dataTransfer?.types?.includes("Files")&&(f.preventDefault(),f.dataTransfer.dropEffect="copy");},onDrop:f=>{let H=Array.from(f.dataTransfer?.files\|\|[]).filter(De=>(De.type\|\|"").startsWith("image/"));if(!H.length)return;f.preventDefault();let le=s.current;if(!le)return;let Ne=f.currentTarget.getBoundingClientRect(),F=le.getCamera().screenToPage({x:f.clientX-Ne.left,y:f.clientY-Ne.top});le.insertImageFiles(H,F).then(()=>{!le.hasImageUploader()&&le.hasTemporaryImages()&&(V({type:"success",text:drawuiCore.t("image.temporaryInserted")}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),4e3));}).catch(De=>{V({type:"error",text:mn(De)}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),4e3);});},children:[jsxRuntime.jsx("canvas",{ref:k,className:"drawui-canvas",onMouseMove:_e,onMouseLeave:d,onDoubleClick:r,onContextMenu:ae}),ye&&jsxRuntime.jsx("div",{className:"drawui-tooltip",style:{left:ye.x,top:ye.y},children:ye.text}),jsxRuntime.jsx(qt,{activeTool:N,onToolChange:ot,showGrid:I,onToggleGrid:A,canUndo:G,canRedo:me,onUndo:L,onRedo:ee,onExport:re,onExportData:He,onImportData:Je,onHighlighterColorChange:f=>s.current?.setHighlighterColor(f),onStickyNoteColorChange:f=>s.current?.setStickyNoteColor(f),onInsertIcon:f=>s.current?.insertIcon(f),onInsertTable:(f,H)=>s.current?.insertTable(f,H),onInsertImage:f=>{let H=s.current;H&&H.insertImageFiles(f).then(()=>{!H.hasImageUploader()&&H.hasTemporaryImages()&&(V({type:"success",text:drawuiCore.t("image.temporaryInserted")}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),4e3));}).catch(le=>{V({type:"error",text:mn(le)}),B.current&&clearTimeout(B.current),B.current=setTimeout(()=>V(null),4e3);});},arrowStyle:Q,onArrowStyleChange:f=>s.current?.setArrowStyle(f)}),jsxRuntime.jsx(Qt,{onZoomIn:rt,onZoomOut:x,onReset:Z,zoomLevel:X}),jsxRuntime.jsx(_n,{editor:y,selectedCount:R,hasLineSelection:g,currentConnectionType:v,currentArrowHead:b,currentDashed:U}),jsxRuntime.jsx(Vn,{editor:y,umlClass:Le,editing:ie}),jsxRuntime.jsx(oo,{editor:y}),jsxRuntime.jsx(eo,{editor:y,panelOpen:_}),jsxRuntime.jsx(qn,{editor:y,panelOpen:_,onOpenPanel:()=>C(true)}),_&&jsxRuntime.jsx(so,{editor:y,mindMap:Se}),jsxRuntime.jsx(uo,{editor:y}),j&&jsxRuntime.jsx(po,{editor:y,x:j.x,y:j.y,context:j.context,existingArrowId:j.existingArrowId,defaultShapeType:j.defaultShapeType,onClose:W}),K&&y&&jsxRuntime.jsx(fo,{editor:y,pos:K,onClose:$e}),jsxRuntime.jsxs("div",{className:"drawui-status-bar",children:[jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsx("span",{children:drawuiCore.t(Jr[N])})}),jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsx("span",{children:R===0?drawuiCore.t("status.none"):drawuiCore.t("status.selected",{n:R})})}),jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsxs("span",{children:[X,"%"]})})]}),ve&&jsxRuntime.jsxs("div",{className:"drawui-toast",children:[ve.type==="success"?jsxRuntime.jsx("svg",{className:"drawui-toast-icon",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})}):jsxRuntime.jsxs("svg",{className:"drawui-toast-icon drawui-toast-icon-error",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),ve.text]})]})}exports.CanvasBoard=Qr;exports.Toolbar=qt;exports.ZoomControl=Qt;
1	+ 'use strict';var react=require('react'),drawuiCore=require('drawui-core'),jsxRuntime=require('react/jsx-runtime');function V(){let[t,e]=react.useState(drawuiCore.getLanguage());return react.useEffect(()=>drawuiCore.subscribeLanguage(()=>e(drawuiCore.getLanguage())),[]),t}var Mn=["#ffeb3b","#22c55e","#3b82f6","#ec4899","#8b5cf6","#f97316"],Tn="drawui:highlighterColor";function Et(){if(typeof window>"u")return drawuiCore.DEFAULT_HIGHLIGHTER_COLOR;try{let t=window.localStorage.getItem(Tn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():drawuiCore.DEFAULT_HIGHLIGHTER_COLOR}catch{return drawuiCore.DEFAULT_HIGHLIGHTER_COLOR}}function Ln(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Tn,t);}catch{}}var En="drawui:stickyNoteColor";function It(){if(typeof window>"u")return drawuiCore.STICKY_NOTE_DEFAULT_COLOR;try{let t=window.localStorage.getItem(En);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():drawuiCore.STICKY_NOTE_DEFAULT_COLOR}catch{return drawuiCore.STICKY_NOTE_DEFAULT_COLOR}}function In(t){if(!(typeof window>"u"))try{window.localStorage.setItem(En,t);}catch{}}function Ho({icon:t,size:e=24,ink:o=drawuiCore.ICON_DEFAULT_INK}){return jsxRuntime.jsxs("svg",{viewBox:`0 0 ${drawuiCore.ICON_GRID} ${drawuiCore.ICON_GRID}`,width:e,height:e,fill:"none","aria-hidden":"true",children:[t.disc&&jsxRuntime.jsx("circle",{cx:drawuiCore.ICON_GRID/2,cy:drawuiCore.ICON_GRID/2,r:drawuiCore.ICON_GRID/2-1,fill:t.disc}),t.layers.map((i,d)=>{let s=i.fill??"ink",l=i.stroke??"ink";return jsxRuntime.jsx("path",{d:i.d,fill:s==="none"?"none":s==="ink"?o:s,...l==="none"?{}:{stroke:l==="ink"?o:l,strokeWidth:i.w??1.8,strokeLinecap:"round",strokeLinejoin:"round"}},d)}),t.label&&jsxRuntime.jsx("text",{x:drawuiCore.ICON_GRID/2,y:drawuiCore.ICON_GRID/2+.5,textAnchor:"middle",dominantBaseline:"central",fontFamily:"sans-serif",fontSize:t.label.size??13,fill:t.label.color,children:t.label.text})]})}var Kn="drawui:recentIcons",On=12;function tn(t,e){let o=/^#?([0-9a-f]{6})$/i.exec(t.trim());if(!o)return t;let i=parseInt(o[1],16);return `rgba(${i>>16&255}, ${i>>8&255}, ${i&255}, ${e})`}function Ao(){if(typeof window>"u")return [];try{let t=JSON.parse(window.localStorage.getItem(Kn)\|\|"[]");return Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,On):[]}catch{return []}}function Ko(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Kn,JSON.stringify(t));}catch{}}var An=t=>({"--dw-icon-cat":t,"--dw-icon-cat-soft":tn(t,.12)}),$n=react.memo(function({onPick:e,onClose:o}){V();let[i,d]=react.useState(""),[s,l]=react.useState(drawuiCore.ICON_CATEGORIES[0].id),[a,L]=react.useState(Ao),w=react.useRef(null),f=react.useRef(null);react.useEffect(()=>{f.current?.focus();},[]),react.useEffect(()=>{let y=T=>{let b=w.current;b&&(b.contains(T.target)\|\|T.target?.closest?.("[data-icon-toggle]")\|\|o());},k=T=>{T.key==="Escape"&&(T.stopPropagation(),o());};return window.addEventListener("pointerdown",y),window.addEventListener("keydown",k),()=>{window.removeEventListener("pointerdown",y),window.removeEventListener("keydown",k);}},[o]);let u=react.useMemo(()=>a.map(y=>drawuiCore.getIcon(y)).filter(y=>!!y),[a]),p=react.useMemo(()=>i.trim()?drawuiCore.searchIcons(i):s==="recent"?u:drawuiCore.iconsByCategory(s),[i,s,u]),M=s==="recent"?drawuiCore.ICON_CATEGORY_INK.status:drawuiCore.ICON_CATEGORY_INK[s]??drawuiCore.ICON_DEFAULT_INK,O=i.trim()?drawuiCore.t("icon.search"):s==="recent"?drawuiCore.t("icon.recent"):drawuiCore.t(drawuiCore.ICON_CATEGORIES.find(y=>y.id===s)?.labelKey??"icon.search"),I=y=>{e(y),L(k=>{let T=[y.id,...k.filter(b=>b!==y.id)].slice(0,On);return Ko(T),T});};return jsxRuntime.jsxs("div",{className:"drawui-icon-panel",ref:w,style:{"--dw-icon-accent":M,"--dw-icon-soft":tn(M,.08),"--dw-icon-ring":tn(M,.22)},children:[jsxRuntime.jsxs("label",{className:"drawui-icon-search",children:[jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"15",height:"15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsxRuntime.jsx("circle",{cx:"10.5",cy:"10.5",r:"6.5"}),jsxRuntime.jsx("path",{d:"M15.4 15.4L20 20"})]}),jsxRuntime.jsx("input",{ref:f,value:i,onChange:y=>d(y.target.value),onKeyDown:y=>{y.key==="Enter"&&p.length>0&&I(p[0]);},placeholder:drawuiCore.t("icon.search"),"aria-label":drawuiCore.t("icon.search")}),jsxRuntime.jsx("span",{className:"drawui-icon-count",children:p.length})]}),!i.trim()&&jsxRuntime.jsxs("div",{className:"drawui-icon-cats",children:[u.length>0&&jsxRuntime.jsxs("button",{type:"button",className:`drawui-icon-cat${s==="recent"?" active":""}`,style:An(drawuiCore.ICON_CATEGORY_INK.status),onClick:()=>l("recent"),children:[jsxRuntime.jsx("i",{className:"drawui-icon-dot"}),drawuiCore.t("icon.recent")]}),drawuiCore.ICON_CATEGORIES.map(y=>jsxRuntime.jsxs("button",{type:"button",className:`drawui-icon-cat${s===y.id?" active":""}`,style:An(drawuiCore.ICON_CATEGORY_INK[y.id]??drawuiCore.ICON_DEFAULT_INK),onClick:()=>l(y.id),children:[jsxRuntime.jsx("i",{className:"drawui-icon-dot"}),drawuiCore.t(y.labelKey)]},y.id))]}),jsxRuntime.jsxs("div",{className:"drawui-icon-card",children:[jsxRuntime.jsxs("div",{className:"drawui-icon-card-head",children:[jsxRuntime.jsx("span",{className:"drawui-icon-card-title",children:O}),jsxRuntime.jsx("span",{className:"drawui-icon-card-count",children:p.length})]}),jsxRuntime.jsxs("div",{className:"drawui-icon-grid",children:[p.map(y=>jsxRuntime.jsx("button",{type:"button",className:"drawui-icon-item",title:`${y.zh} / ${y.en}`,"aria-label":`${y.zh} ${y.en}`,onClick:()=>I(y),children:jsxRuntime.jsx(Ho,{icon:y,size:30,ink:drawuiCore.iconInk(y)})},y.id)),p.length===0&&jsxRuntime.jsx("div",{className:"drawui-icon-empty",children:drawuiCore.t("icon.empty")})]})]})]})});var Ke=t=>`${t.x.toFixed(1)},${t.y.toFixed(1)}`,Dn=(t,e)=>{let o=eMath.PI/180;return {x:t.xMath.cos(o)-t.yMath.sin(o),y:t.xMath.sin(o)+t.yMath.cos(o)}},wt={x:Math.SQRT1_2,y:-Math.SQRT1_2},nn={x:4.6,y:19.4},kt={x:19,y:5};function on(t,e,o){let i={x:-o.y,y:o.x},d=l=>({x:e.x-o.xl,y:e.y-o.yl}),s=(l,a)=>({x:l.x+i.xa,y:l.y+i.ya});switch(t){case "end":{let l=d(5.6);return jsxRuntime.jsx("polygon",{points:`${Ke(e)} ${Ke(s(l,2.7))} ${Ke(s(l,-2.7))}`,fill:"currentColor",stroke:"none"})}case "inheritance":case "realization":{let l=d(8.6);return jsxRuntime.jsx("polygon",{points:`${Ke(e)} ${Ke(s(l,3.5))} ${Ke(s(l,-3.5))}`,fill:"none"})}case "aggregation":case "composition":{let l=d(4.3),a=d(8.6);return jsxRuntime.jsx("polygon",{points:`${Ke(e)} ${Ke(s(l,2.7))} ${Ke(a)} ${Ke(s(l,-2.7))}`,fill:t==="composition"?"currentColor":"none",stroke:"currentColor"})}case "dependency":{let l=Dn({x:-o.x,y:-o.y},30),a=Dn({x:-o.x,y:-o.y},-30);return jsxRuntime.jsx("path",{d:`M ${Ke({x:e.x+l.x5.8,y:e.y+l.y5.8})} L ${Ke(e)} L ${Ke({x:e.x+a.x5.8,y:e.y+a.y5.8})}`,fill:"none"})}default:return null}}function Ge(t,e){let o=e\|\|t==="dependency"\|\|t==="realization",i=o?{x:kt.x-wt.x8.6,y:kt.y-wt.y8.6}:kt,d={x:-wt.x,y:-wt.y};return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:nn.x,y1:nn.y,x2:i.x,y2:i.y,strokeDasharray:o?"3 2.6":void 0}),(t==="end"\|\|t==="both")&&on("end",kt,wt),(t==="start"\|\|t==="both")&&on("end",nn,d),t!=="none"&&t!=="start"&&t!=="end"&&t!=="both"?on(t,kt,wt):null]})}var Pt=t=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:t})}),$o=[{type:"straight",labelKey:"style.connection.straight",icon:Pt("M3 12h18")},{type:"polyline",labelKey:"style.connection.polyline",icon:Pt("M4 8 C 12 8, 12 16, 20 16")},{type:"orthogonal",labelKey:"style.connection.orthogonal",icon:Pt("M5 5v14h14")},{type:"curve",labelKey:"style.connection.curve",icon:Pt("M3 13 C 6 7, 9 7, 12 12 C 15 17, 18 17, 21 11")}],zn=[{key:"none",arrowHead:"none",dashed:false,labelKey:"style.arrowhead.none",icon:Ge("none",false)},{key:"end",arrowHead:"end",dashed:false,labelKey:"style.arrowhead.end",icon:Ge("end",false)},{key:"start",arrowHead:"start",dashed:false,labelKey:"style.arrowhead.start",icon:Ge("start",false)},{key:"both",arrowHead:"both",dashed:false,labelKey:"style.arrowhead.both",icon:Ge("both",false)},{key:"none-dashed",arrowHead:"none",dashed:true,labelKey:"style.arrowhead.none-dashed",icon:Ge("none",true)},{key:"both-dashed",arrowHead:"both",dashed:true,labelKey:"style.arrowhead.both-dashed",icon:Ge("both",true)}],_n=[{key:"inheritance",arrowHead:"inheritance",dashed:false,labelKey:"style.arrowhead.inheritance",icon:Ge("inheritance",false)},{key:"composition",arrowHead:"composition",dashed:false,labelKey:"style.arrowhead.composition",icon:Ge("composition",false)},{key:"aggregation",arrowHead:"aggregation",dashed:false,labelKey:"style.arrowhead.aggregation",icon:Ge("aggregation",false)},{key:"dependency",arrowHead:"dependency",dashed:true,labelKey:"style.arrowhead.dependency",icon:Ge("dependency",true)},{key:"realization",arrowHead:"realization",dashed:true,labelKey:"style.arrowhead.realization",icon:Ge("realization",true)}],Bn=[...zn,..._n];function Do(t,e){let o=Bn.find(i=>i.arrowHead===t&&i.dashed===e);return o?o.key:Bn.find(i=>i.arrowHead===t)?.key}var At=react.memo(function({connectionType:e,arrowHead:o,dashed:i,onConnectionTypeChange:d,onArrowStyleChange:s,onOptionHover:l,onOptionLeave:a}){V();let L=Do(o,i),w=f=>jsxRuntime.jsx("div",{className:"drawui-connection-row",children:f.map(u=>jsxRuntime.jsxs("button",{className:`drawui-connection-btn${L===u.key?" active":""}`,onClick:()=>s(u),"data-drawui-tip":l?void 0:drawuiCore.t(u.labelKey),onMouseEnter:l?p=>l(u.labelKey,p.currentTarget):void 0,onMouseLeave:l?a:void 0,"aria-label":drawuiCore.t(u.labelKey),type:"button",children:[jsxRuntime.jsx("span",{className:"drawui-connection-icon",children:u.icon}),jsxRuntime.jsx("span",{className:"drawui-connection-label",children:drawuiCore.t(u.labelKey)})]},u.key))});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.connection")}),jsxRuntime.jsx("div",{className:"drawui-connection-row",children:$o.map(f=>jsxRuntime.jsxs("button",{className:`drawui-connection-btn${e===f.type?" active":""}`,onClick:()=>d(f.type),"data-drawui-tip":l?void 0:drawuiCore.t(f.labelKey),onMouseEnter:l?u=>l(f.labelKey,u.currentTarget):void 0,onMouseLeave:l?a:void 0,"aria-label":drawuiCore.t(f.labelKey),type:"button",children:[jsxRuntime.jsx("span",{className:"drawui-connection-icon",children:f.icon}),jsxRuntime.jsx("span",{className:"drawui-connection-label",children:drawuiCore.t(f.labelKey)})]},f.type))}),jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.arrow")}),w(zn),jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.uml")}),w(_n)]})});var Wn=[{type:"rectangle",icon:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"0"})},{type:"rounded-rectangle",icon:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4"})},{type:"circle",icon:jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"8"})},{type:"ellipse",icon:jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"6"})},{type:"diamond",icon:jsxRuntime.jsx("path",{d:"M12 3L21 12L12 21L3 12Z"})},{type:"triangle",icon:jsxRuntime.jsx("path",{d:"M12 4L20 19L4 19Z"})},{type:"hexagon",icon:jsxRuntime.jsx("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5Z"})},{type:"parallelogram",icon:jsxRuntime.jsx("path",{d:"M7 5L20 5L17 19L4 19Z"})},{type:"trapezoid",icon:jsxRuntime.jsx("path",{d:"M6 5L18 5L21 19L3 19Z"})},{type:"pentagon",icon:jsxRuntime.jsx("path",{d:"M12 3L21 10L17.5 21L6.5 21L3 10Z"})},{type:"octagon",icon:jsxRuntime.jsx("path",{d:"M8 3L16 3L21 8L21 16L16 21L8 21L3 16L3 8Z"})},{type:"star",icon:jsxRuntime.jsx("path",{d:"M12 2L14.5 8.5L21 9L16 13.5L17.5 20L12 16.5L6.5 20L8 13.5L3 9L9.5 8.5Z"})},{type:"cylinder",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"6.5",rx:"6",ry:"2.8"}),jsxRuntime.jsx("path",{d:"M6 6.5v11c0 1.5 2.7 2.8 6 2.8s6-1.3 6-2.8v-11"})]})},{type:"cloud",icon:jsxRuntime.jsx("path",{d:"M7 18.5h9.4a3.4 3.4 0 0 0 .3-6.8 5 5 0 0 0-9.5-1.2A3.9 3.9 0 0 0 7 18.5Z"})},{type:"heart",icon:jsxRuntime.jsx("path",{d:"M12 20.3S4.6 15.7 4.6 10.5A4.1 4.1 0 0 1 12 7.6a4.1 4.1 0 0 1 7.4 2.9c0 5.2-7.4 9.8-7.4 9.8Z"})},{type:"block-arrow-right",icon:jsxRuntime.jsx("path",{d:"M3 9h9V5l9 7-9 7v-4H3Z"})},{type:"block-arrow-left",icon:jsxRuntime.jsx("path",{d:"M21 9h-9V5L3 12l9 7v-4h9Z"})},{type:"block-arrow-up",icon:jsxRuntime.jsx("path",{d:"M9 21v-9H5l7-9 7 9h-4v9Z"})},{type:"block-arrow-down",icon:jsxRuntime.jsx("path",{d:"M9 3v9H5l7 9 7-9h-4V3Z"})},{type:"block-arrow-double",icon:jsxRuntime.jsx("path",{d:"M2 12l4.5-6v3.5h11V6L22 12l-4.5 6v-3.5h-11V18Z"})},{type:"right-triangle",icon:jsxRuntime.jsx("path",{d:"M4 4v16h16Z"})},{type:"cross",icon:jsxRuntime.jsx("path",{d:"M9.5 3h5v6.5H21v5h-6.5V21h-5v-6.5H3v-5h6.5Z"})},{type:"envelope",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsxRuntime.jsx("path",{d:"M3 5l18 14M21 5L3 19"})]})},{type:"checkbox",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),jsxRuntime.jsx("path",{d:"M7.8 12.3l2.7 2.7 5.7-6.2"})]})},{type:"speech-rect",icon:jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("path",{d:"M3 5h18v11H8l-3.2 3.2V16H3Z"})})},{type:"speech-round",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"10.5",rx:"9",ry:"6.5"}),jsxRuntime.jsx("path",{d:"M8 16.2 6 21l5-3.4"})]})},{type:"cube",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 20 7.5v9L12 21 4 16.5v-9Z"}),jsxRuntime.jsx("path",{d:"M4 7.5 12 12l8-4.5M12 12v9"})]})},{type:"cuboid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 4 21 8.5v7L12 20 3 15.5v-7Z"}),jsxRuntime.jsx("path",{d:"M3 8.5 12 13l9-4.5M12 13v7"})]})},{type:"triangular-pyramid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 21.5 16.5 12 21 2.5 16.5Z"}),jsxRuntime.jsx("path",{d:"M12 3v18M2.5 16.5h19"})]})},{type:"quadrangular-pyramid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 3 22.5 17 12 21 1.5 17Z"}),jsxRuntime.jsx("path",{d:"M12 3v18M12 12 1.5 17M12 12l10.5 5"})]})},{type:"sphere",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"9"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"2.5"})]})},{type:"ellipsoid",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"6.5"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"1.9"})]})},{type:"pie",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsxRuntime.jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsxRuntime.jsx("path",{d:"M12 9 5.6 12M12 9l6.4 3"})]})},{type:"hollow-pie",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsxRuntime.jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsxRuntime.jsx("ellipse",{cx:"12",cy:"9",rx:"3.6",ry:"1.5"})]})},{type:"sector",icon:jsxRuntime.jsx("path",{d:"M12 3a9 9 0 1 0 9 9h-9Z"})},{type:"delay",icon:jsxRuntime.jsx("path",{d:"M3 5h12a7 7 0 0 1 0 14H3Z"})},{type:"predefined-process",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsxRuntime.jsx("path",{d:"M6.5 5v14M17.5 5v14"})]})},{type:"document",icon:jsxRuntime.jsx("path",{d:"M3 5h18v10.5c-5 3.5-13-3.5-18 0Z"})},{type:"stadium",icon:jsxRuntime.jsx("rect",{x:"3",y:"6.5",width:"18",height:"11",rx:"5.5"})},{type:"chevron",icon:jsxRuntime.jsx("path",{d:"M2 4h9l9 8-9 8H2l8-8Z"})},{type:"brace-left",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M1 1C3.9 1 5.1 2.4 5.1 5.1c0 3.7 1.2 6.9 2.9 6.9-1.7 0-2.9 3.2-2.9 6.9 0 2.7-1.2 4.1-4.1 4.1"}),jsxRuntime.jsx("path",{d:"M12 9.6h10M12 14.4h10"})]})},{type:"brace-right",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M23 1c-2.9 0-4.1 1.4-4.1 4.1 0 3.7-1.2 6.9-2.9 6.9 1.7 0 2.9 3.2 2.9 6.9 0 2.7 1.2 4.1 4.1 4.1"}),jsxRuntime.jsx("path",{d:"M2 9.6h10M2 14.4h10"})]})},{type:"uml-class",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsxRuntime.jsx("line",{x1:"3",y1:"15",x2:"21",y2:"15"}),jsxRuntime.jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsxRuntime.jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"}),jsxRuntime.jsx("line",{x1:"7",y1:"18",x2:"11",y2:"18"})]})},{type:"uml-interface",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsxRuntime.jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsxRuntime.jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"})]})},{type:"class-catalog",icon:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"1.5"}),jsxRuntime.jsx("line",{x1:"6.6",y1:"5",x2:"6.6",y2:"19"}),jsxRuntime.jsx("line",{x1:"17.4",y1:"5",x2:"17.4",y2:"19"})]})}],_o=[{key:"basic",labelKey:"shapeGroup.basic",items:[{type:"rectangle"},{type:"rounded-rectangle"},{type:"stadium"},{type:"circle"},{type:"ellipse"},{type:"diamond"},{type:"triangle"},{type:"right-triangle"},{type:"hexagon"},{type:"parallelogram"},{type:"trapezoid"},{type:"pentagon"},{type:"octagon"},{type:"star"},{type:"envelope"},{type:"checkbox"}]},{key:"flowchart",labelKey:"shapeGroup.flowchart",items:[{type:"rectangle",labelKey:"flow.process"},{type:"rounded-rectangle",labelKey:"flow.step"},{type:"stadium",labelKey:"flow.startEnd"},{type:"diamond",labelKey:"flow.decision"},{type:"parallelogram",labelKey:"flow.data"},{type:"trapezoid",labelKey:"flow.manual"},{type:"hexagon",labelKey:"flow.preparation"},{type:"cylinder",labelKey:"flow.database"},{type:"delay",labelKey:"flow.delay"},{type:"predefined-process"},{type:"document"},{type:"block-arrow-right"},{type:"block-arrow-left"},{type:"block-arrow-up"},{type:"block-arrow-down"},{type:"block-arrow-double"}]},{key:"uml",labelKey:"shapeGroup.uml",items:[{type:"uml-class"},{type:"uml-interface"},{type:"rounded-rectangle",labelKey:"class.plain"},{type:"class-catalog"}]},{key:"solid",labelKey:"shapeGroup.solid",items:[{type:"cylinder"},{type:"cube"},{type:"cuboid"},{type:"triangular-pyramid"},{type:"quadrangular-pyramid"},{type:"sphere"},{type:"ellipsoid"},{type:"pie"},{type:"hollow-pie"}]},{key:"other",labelKey:"shapeGroup.other",items:[{type:"cloud"},{type:"heart"},{type:"cross"},{type:"sector"},{type:"chevron"},{type:"speech-rect"},{type:"speech-round"},{type:"brace-left"},{type:"brace-right"}]}],Wo=new Map(Wn.map(t=>[t.type,t.icon])),Uo=new Set(Wn.map(t=>t.type)),Go=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsxRuntime.jsx("path",{d:"M20 15h-5v5"})]}),Zo=[{type:"arrow",icon:"M5 12h14M12 5l7 7-7 7",labelKey:"toolbar.arrow"},{type:"text",icon:"M4 7V4h16v3M9 20h6M12 4v16",labelKey:"toolbar.text"}],Fo="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3Z",rn=8,Vo=6,an="M0 -1Q0.24 -0.24 1 0Q0.24 0.24 0 1Q-0.24 0.24 -1 0Q-0.24 -0.24 0 -1Z",Yo=[{type:"eraser",icon:"M7 21l-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21M22 21H7M5 11l9 9",labelKey:"toolbar.eraser"}],sn=react.memo(function({activeTool:e,onToolChange:o,showGrid:i,onToggleGrid:d,pageTheme:s="light",onPageThemeChange:l,canUndo:a=false,canRedo:L=false,onUndo:w,onRedo:f,onExport:u,onExportData:p,onImportData:M,onHighlighterColorChange:O,onStickyNoteColorChange:I,onInsertIcon:y,onInsertTable:k,onInsertImage:T,arrowStyle:b,onArrowStyleChange:m,hidden:C=false}){let[g,x]=react.useState(false),[U,P]=react.useState(false),[A,ue]=react.useState(null),[ee,E]=react.useState(false),[q,pe]=react.useState(false),[S,se]=react.useState(Et),[ve,$]=react.useState(false),[G,xe]=react.useState(It),[ke,$e]=react.useState(false),[Ne,Fe]=react.useState(false),_e=react.useRef(null),Y=r=>{let Z=Array.from(r.target.files\|\|[]);Z.length&&T?.(Z),r.target.value="";},[H,Ce]=react.useState(null),fe=react.useRef(null),te=react.useRef(null),De=react.useRef(null),X=react.useRef(null),Ee=react.useRef(null);V();let He=[{format:"png",labelKey:"toolbar.export.png"},{format:"svg",labelKey:"toolbar.export.svg"},{format:"pdf",labelKey:"toolbar.export.pdf"}],tt=()=>{fe.current&&(clearTimeout(fe.current),fe.current=null),E(true);},K=()=>{fe.current=window.setTimeout(()=>E(false),200);},Ve=["light","warm","gray","purple","green","eye-care"],Le={light:"#fafafa",warm:"#f8f5e9",gray:"#f1f3f5",purple:"#f7f5ff",green:"#f0fdf4","eye-care":"#f5f0e1"},v=react.useRef(null),D=()=>{E(false),j(),v.current?.click();},_=r=>{let Z=r.target.files?.[0];Z&&M?.(Z),r.target.value="";},W=()=>{te.current&&(clearTimeout(te.current),te.current=null),x(true);},J=()=>{te.current=window.setTimeout(()=>{x(false),j();},200);},le=()=>{De.current&&(clearTimeout(De.current),De.current=null),P(true);},Ye=()=>{De.current=window.setTimeout(()=>{P(false),j();},200);},Ie=(r,Z)=>{let ce=r.closest(".drawui-toolbar");if(!ce)return;let ne=r.getBoundingClientRect(),pt=ce.getBoundingClientRect(),xt=ne.bottom+46>window.innerHeight;ue({label:Z,x:ne.left-pt.left+ne.width/2,y:xt?ne.top-pt.top-8:ne.bottom-pt.top+8,above:xt});},j=()=>ue(null),Be=()=>{X.current&&(clearTimeout(X.current),X.current=null),pe(true);},nt=()=>{X.current=window.setTimeout(()=>pe(false),200);},We=r=>{se(r),Ln(r),O?.(r),o("highlighter");},ge=()=>{Ee.current&&(clearTimeout(Ee.current),Ee.current=null),$(true);},ut=()=>{Ee.current=window.setTimeout(()=>$(false),200);},c=r=>{xe(r),In(r),I?.(r),o("sticky-note"),$(false);};return jsxRuntime.jsx("div",{className:"drawui-toolbar-container",style:{display:C?"none":void 0},children:jsxRuntime.jsxs("div",{className:"drawui-toolbar",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="select"?"active":""}`,onClick:()=>o("select"),onMouseEnter:r=>Ie(r.currentTarget,"toolbar.select"),onMouseLeave:j,children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M6 3 6 19.6 10.3 15.7 13 21.1 15.8 19.8 13.1 14.5 18.6 14 Z"})})}),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="hand"?"active":""}`,onClick:()=>o("hand"),onMouseEnter:r=>Ie(r.currentTarget,"toolbar.hand"),onMouseLeave:j,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M7.6 12.6V5.6a1.5 1.5 0 0 1 3 0v4.6"}),jsxRuntime.jsx("path",{d:"M10.6 10.2V4.1a1.5 1.5 0 0 1 3 0v6.1"}),jsxRuntime.jsx("path",{d:"M13.6 10.4V5.2a1.5 1.5 0 0 1 3 0v6.6"}),jsxRuntime.jsx("path",{d:"M16.6 11.8V8.1a1.5 1.5 0 0 1 3 0v6.6a6.2 6.2 0 0 1-6.2 6.2h-1.5a6.2 6.2 0 0 1-5-2.5l-3.2-4.4a1.5 1.5 0 0 1 2.3-1.9l2.6 2.5"})]})}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:W,onMouseLeave:J,children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${Uo.has(e)?"active":""}`,onClick:()=>{o("rounded-rectangle"),x(false),j();},"data-drawui-tip":g?void 0:drawuiCore.t("toolbar.shapes"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4",ry:"4"})})}),g&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-shape-menu",children:jsxRuntime.jsx("div",{className:"drawui-shape-menu-scroll",children:_o.map(r=>jsxRuntime.jsxs("div",{className:"drawui-shape-group",children:[jsxRuntime.jsx("div",{className:"drawui-shape-group-title",children:drawuiCore.t(r.labelKey)}),jsxRuntime.jsx("div",{className:"drawui-shape-group-grid",children:r.items.map(Z=>{let ce=Z.labelKey??`tool.${Z.type}`;return jsxRuntime.jsx("button",{type:"button",className:`drawui-toolbar-shape-item ${e===Z.type?"active":""}`,onClick:()=>{o(Z.type),x(false),j();},onMouseEnter:ne=>Ie(ne.currentTarget,ce),onMouseLeave:j,"aria-label":drawuiCore.t(ce),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Wo.get(Z.type)})},`${r.key}-${Z.type}`)})})]},r.key))})})]}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:ge,onMouseLeave:ut,children:[jsxRuntime.jsxs("button",{className:`drawui-toolbar-button ${e==="sticky-note"?"active":""}`,onClick:()=>{o("sticky-note"),$(false),j();},"data-drawui-tip":ve?void 0:drawuiCore.t("tool.sticky-note"),children:[jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Go}),jsxRuntime.jsx("span",{className:"drawui-toolbar-color-chip",style:{background:G}})]}),ve&&jsxRuntime.jsxs("div",{className:"drawui-toolbar-shape-grid drawui-sticky-panel",children:[jsxRuntime.jsxs("div",{className:"drawui-sticky-panel-head",children:[jsxRuntime.jsx("span",{className:"drawui-sticky-panel-title",children:drawuiCore.t("tool.sticky-note")}),jsxRuntime.jsx("span",{className:"drawui-sticky-panel-key",children:"N"})]}),jsxRuntime.jsx("div",{className:"drawui-sticky-panel-grid",children:drawuiCore.STICKY_NOTE_COLORS.map(r=>jsxRuntime.jsx("button",{type:"button","aria-label":r,className:`drawui-sticky-swatch${G.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>c(r)},r))})]})]}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${ke?"active":""}`,"data-icon-toggle":"","data-drawui-tip":ke?void 0:drawuiCore.t("toolbar.icon"),onClick:()=>{$e(r=>!r),j();},children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"9"}),jsxRuntime.jsx("path",{d:"M8.5 10.2h0.01"}),jsxRuntime.jsx("path",{d:"M15.5 10.2h0.01"}),jsxRuntime.jsx("path",{d:"M8.8 14.2c0.9 1 2 1.5 3.2 1.5s2.3 -0.5 3.2 -1.5"})]})}),ke&&jsxRuntime.jsx($n,{onPick:r=>y?.(r.id),onClose:()=>$e(false)})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:le,onMouseLeave:Ye,children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="arrow"?"active":""}`,onClick:()=>{o("arrow"),P(false),j();},"data-drawui-tip":U?void 0:drawuiCore.t("toolbar.arrow"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})})}),U&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-arrow-menu",onPointerDown:r=>{r.target.closest("button")\|\|(P(false),j());},children:jsxRuntime.jsx(At,{connectionType:b?.connectionType??"straight",arrowHead:b?.arrowHead??"end",dashed:!!b?.dashed,onConnectionTypeChange:r=>{m?.({connectionType:r}),o("arrow"),P(false),j();},onArrowStyleChange:r=>{m?.({arrowHead:r.arrowHead,dashed:r.dashed}),o("arrow"),P(false),j();},onOptionHover:(r,Z)=>Ie(Z,r),onOptionLeave:j})})]}),Zo.filter(r=>r.type!=="arrow").map(r=>jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":drawuiCore.t(r.labelKey),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:r.icon})})},r.type)),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="pen"?"active":""}`,onClick:()=>o("pen"),"data-drawui-tip":drawuiCore.t("toolbar.pen"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:Fo})})}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:Be,onMouseLeave:nt,children:[jsxRuntime.jsxs("button",{className:`drawui-toolbar-button ${e==="highlighter"?"active":""}`,onClick:()=>o("highlighter"),onMouseEnter:r=>Ie(r.currentTarget,"toolbar.highlighter"),onMouseLeave:j,children:[jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M4.6 19.6 12.8 11.4",strokeWidth:"3.6",strokeLinecap:"square"}),jsxRuntime.jsx("path",{d:"M14.6 9.6 16.2 8",strokeWidth:"3.6",strokeLinecap:"square"}),jsxRuntime.jsxs("g",{fill:"currentColor",stroke:"none",children:[jsxRuntime.jsx("path",{d:an,transform:"translate(7.4 5.4) scale(2.4)"}),jsxRuntime.jsx("path",{d:an,transform:"translate(18.4 3.4) scale(2.5)"}),jsxRuntime.jsx("path",{d:an,transform:"translate(21 10.6) scale(2.2)"})]})]}),jsxRuntime.jsx("span",{className:"drawui-toolbar-color-chip",style:{background:S}})]}),q&&jsxRuntime.jsx("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-highlighter-grid",children:Mn.map(r=>jsxRuntime.jsx("button",{type:"button","aria-label":r,className:`drawui-highlighter-swatch${S.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>We(r)},r))})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),Yo.map(r=>jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":drawuiCore.t(r.labelKey),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:r.icon})})},r.type)),jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${e==="mind-map"?"active":""}`,onClick:()=>o("mind-map"),"data-drawui-tip":drawuiCore.t("toolbar.mind-map"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"2.2",y:"9",width:"6.6",height:"6",rx:"2"}),jsxRuntime.jsx("rect",{x:"15.4",y:"3.8",width:"6.4",height:"5.2",rx:"1.8"}),jsxRuntime.jsx("rect",{x:"15.4",y:"15",width:"6.4",height:"5.2",rx:"1.8"}),jsxRuntime.jsx("path",{d:"M8.8 12 C 12.2 12 12.2 6.4 15.4 6.4"}),jsxRuntime.jsx("path",{d:"M8.8 12 C 12.2 12 12.2 17.6 15.4 17.6"})]})}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:()=>_e.current?.click(),"data-drawui-tip":drawuiCore.t("toolbar.image"),"data-image-toggle":true,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsxRuntime.jsx("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),jsxRuntime.jsx("path",{d:"M21 15.5l-4.5-4.5L6 21"})]})}),jsxRuntime.jsx("input",{ref:_e,type:"file",accept:"image/",multiple:true,style:{display:"none"},onChange:Y}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${Ne?"active":""}`,onClick:()=>Fe(r=>!r),"data-drawui-tip":drawuiCore.t("toolbar.table"),"data-table-toggle":true,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsxRuntime.jsx("line",{x1:"3",y1:"9.3",x2:"21",y2:"9.3"}),jsxRuntime.jsx("line",{x1:"9",y1:"4",x2:"9",y2:"20"}),jsxRuntime.jsx("line",{x1:"15",y1:"4",x2:"15",y2:"20"})]})}),Ne&&jsxRuntime.jsxs("div",{className:"drawui-table-picker",children:[jsxRuntime.jsx("div",{className:"drawui-table-picker-hint",children:H?`${H.rows} \xD7 ${H.cols}`:drawuiCore.t("table.pickHint")}),jsxRuntime.jsx("div",{className:"drawui-table-picker-grid",children:Array.from({length:Vorn},(r,Z)=>{let ce=Math.floor(Z/rn),ne=Z%rn,pt=H&&ce<H.rows&&ne<H.cols;return jsxRuntime.jsx("button",{type:"button","aria-label":`${ce+1}x${ne+1}`,className:"drawui-table-picker-cell",style:pt?{borderColor:"var(--dw-primary)",background:"var(--dw-primary-weak)"}:void 0,onMouseEnter:()=>Ce({rows:ce+1,cols:ne+1}),onClick:()=>{k?.(ce+1,ne+1),Fe(false),Ce(null),j();}},Z)})})]})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:w,disabled:!a,style:a?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":drawuiCore.t("toolbar.undo"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M3 7v6h6"}),jsxRuntime.jsx("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"})]})}),jsxRuntime.jsx("button",{className:"drawui-toolbar-button",onClick:f,disabled:!L,style:L?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":drawuiCore.t("toolbar.redo"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M21 7v6h-6"}),jsxRuntime.jsx("path",{d:"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"})]})}),jsxRuntime.jsx("div",{className:"drawui-toolbar-divider"}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:tt,onMouseLeave:K,children:[jsxRuntime.jsx("button",{className:`drawui-toolbar-button ${ee?"active":""}`,"data-drawui-tip":ee?void 0:drawuiCore.t("toolbar.more"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("circle",{cx:"5",cy:"12",r:"1.8",fill:"currentColor"}),jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"1.8",fill:"currentColor"}),jsxRuntime.jsx("circle",{cx:"19",cy:"12",r:"1.8",fill:"currentColor"})]})}),ee&&jsxRuntime.jsxs("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-more-grid",children:[jsxRuntime.jsxs("button",{className:"drawui-toolbar-more-row",onClick:()=>{d(),E(false);},children:[jsxRuntime.jsx("span",{className:"drawui-toolbar-more-icon",children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{x:"3",y:"3",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"14",y:"3",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"14",y:"14",width:"7",height:"7",rx:"1"}),jsxRuntime.jsx("rect",{x:"3",y:"14",width:"7",height:"7",rx:"1"})]})}),jsxRuntime.jsx("span",{className:"drawui-toolbar-more-label",children:drawuiCore.t("toolbar.grid")}),i&&jsxRuntime.jsx("svg",{className:"drawui-toolbar-more-check",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})]}),jsxRuntime.jsxs("div",{className:"drawui-toolbar-more-section",children:[jsxRuntime.jsx("div",{className:"drawui-toolbar-more-section-title",children:drawuiCore.t("toolbar.pageTheme")}),jsxRuntime.jsx("div",{className:"drawui-toolbar-more-themes",children:Ve.map(r=>jsxRuntime.jsx("button",{type:"button",className:`drawui-toolbar-more-theme-swatch${s===r?" active":""}`,style:{background:Le[r]},onClick:()=>{l?.(r),E(false);},title:drawuiCore.t(`pageTheme.${r}`),"aria-label":drawuiCore.t(`pageTheme.${r}`)},r))})]}),jsxRuntime.jsx("div",{className:"drawui-toolbar-export-divider"}),He.map(r=>jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{u?.(r.format),E(false);},children:drawuiCore.t(r.labelKey)},r.format)),jsxRuntime.jsx("div",{className:"drawui-toolbar-export-divider"}),jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{p?.(),E(false);},children:drawuiCore.t("toolbar.export.data")}),jsxRuntime.jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:D,children:drawuiCore.t("toolbar.import.data")})]})]}),jsxRuntime.jsx("input",{ref:v,type:"file",accept:".json,application/json",style:{display:"none"},onChange:_}),A&&jsxRuntime.jsx("div",{className:`drawui-shape-tip ${A.above?"is-above":"is-below"}`,style:{left:A.x,top:A.y},children:drawuiCore.t(A.label)})]})})});var cn=react.memo(function({onZoomIn:e,onZoomOut:o,onReset:i,zoomLevel:d=100}){return V(),jsxRuntime.jsxs("div",{className:"drawui-zoom-control",children:[jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:e,"data-drawui-tip":drawuiCore.t("zoom.in"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})}),jsxRuntime.jsxs("div",{className:"drawui-zoom-level",children:[d,"%"]}),jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:o,"data-drawui-tip":drawuiCore.t("zoom.out"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"})})}),jsxRuntime.jsx("button",{className:"drawui-zoom-button",onClick:i,"data-drawui-tip":drawuiCore.t("zoom.reset"),children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),jsxRuntime.jsx("path",{d:"M3 3v5h5"})]})})]})});var Gn=["#ffffff","#f1f5f9","#e2e8f0","#ede9fe","#dbeafe","#e0e7ff","#dcfce7","#fef9c3","#fee2e2"],Zn=["#0f172a","#475569","#94a3b8","#8b5cf6","#3b82f6","#1d4ed8","#16a34a","#eab308","#dc2626"],tr=Gn.filter(t=>t!=="#f1f5f9"),nr=[...tr,...Zn],or=[...Gn,...Zn],Fn=15,Vn="drawui:customColors";function rr(){if(typeof window>"u")return [];try{let t=window.localStorage.getItem(Vn);if(!t)return [];let e=JSON.parse(t);return Array.isArray(e)?e.filter(o=>typeof o=="string").slice(-Fn):[]}catch{return []}}function ar(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Vn,JSON.stringify(t));}catch{}}var dn=[{key:"fill",labelKey:"style.fill",hasTransparent:true,hasOpacity:true},{key:"stroke",labelKey:"style.stroke",hasTransparent:false,hasOpacity:true},{key:"text",labelKey:"style.text",hasTransparent:false},{key:"highlight",labelKey:"style.highlight",hasTransparent:true,hasOpacity:true}],Un=(t,e)=>!!t&&!!e&&t.toLowerCase()===e.toLowerCase(),St=10,lt=12,it=t=>!t\|\|t==="transparent",Yn=react.memo(function({editor:e,selectedCount:o,hasLineSelection:i,currentConnectionType:d,currentArrowHead:s,currentDashed:l,hidden:a=false}){V();let L=!!e?.getEditingShapeId(),[w,f]=react.useState(null),[u,p]=react.useState(null),[,M]=react.useState(0),O=react.useRef(null),I=react.useRef(null),y=react.useRef(null),[k,T]=react.useState({tw:168,th:42,pw:228,ph:160}),[b,m]=react.useState(rr),C=react.useRef(null),g=react.useCallback(c=>{let r=c.trim().toLowerCase();/^#[0-9a-f]{6}$/.test(r)&&m(Z=>{let ce=Z.filter(ne=>ne!==r);for(ce.push(r);ce.length>Fn;)ce.shift();return ar(ce),ce});},[]);if(react.useEffect(()=>{let c=C.current;if(!c)return;let r=()=>{c.value&&g(c.value);};return c.addEventListener("change",r),()=>c.removeEventListener("change",r)},[g,u]),react.useEffect(()=>{if(!e)return;let c=e.subscribe(()=>M(r=>(r+1)%1e6));return ()=>{c();}},[e]),react.useEffect(()=>{p(null);},[o,L]),react.useEffect(()=>{if(!u)return;let c=r=>{O.current&&!O.current.contains(r.target)&&p(null);};return document.addEventListener("pointerdown",c,true),()=>document.removeEventListener("pointerdown",c,true)},[u]),react.useLayoutEffect(()=>{let c=I.current?.offsetWidth??k.tw,r=I.current?.offsetHeight??k.th,Z=y.current?.offsetWidth??k.pw,ce=y.current?.offsetHeight??k.ph;T(ne=>ne.tw===c&&ne.th===r&&ne.pw===Z&&ne.ph===ce?ne:{tw:c,th:r,pw:Z,ph:ce});}),!e\|\|o===0\|\|L)return null;let x=e.getSelectedIds(),P=e.getShapes().filter(c=>x.includes(c.id)),A=P[0],ue=A?.id??"",ee=P.length===1&&P[0].type==="mind-map"?e.getMindMapSelectedNode():null,E=ee&&ee.shapeId===P[0].id?ee:null,q=E?e.canPromoteMindMapNode(E.shapeId,E.nodeId,1):false,pe=E?e.canPromoteMindMapNode(E.shapeId,E.nodeId,2):false,S=A?.style.fillColor,se=A?.style.strokeColor??"#1f2937",ve=A?.textColor??"#1f2937",$=A?.highlightColor,G={fill:S,stroke:se,text:ve,highlight:$},xe=P.length>0&&P.every(c=>c.type==="sticky-note"),ke={fill:A?.style.fillOpacity??1,stroke:A?.style.strokeOpacity??1,highlight:A?.highlightOpacity??1},$e=c=>w&&w.key===`${ue}:${c}`?w.value:ke[c]??1,Ne=(c,r)=>{switch(c){case "stroke":e.updateSelectedShapesStyle({strokeColor:r});break;case "fill":e.updateSelectedShapesStyle({fillColor:r});break;case "text":e.updateSelectedShapesText({textColor:r});break;case "highlight":e.updateSelectedShapesText({highlightColor:r});break}},Fe=(c,r)=>{f({key:`${ue}:${c}`,value:r}),c==="highlight"?e.updateSelectedShapesText({highlightOpacity:r}):c==="stroke"?e.updateSelectedShapesStyle({strokeOpacity:r}):e.updateSelectedShapesStyle({fillOpacity:r});},_e=c=>e.updateConnectionType(c),Y=c=>e.updateArrowStyle({arrowHead:c.arrowHead,dashed:c.dashed}),H=!!i&&P.length>0&&P.every(c=>c.type==="line"\|\|c.type==="arrow"),Ce=P.length>0&&P.every(c=>c.type==="text"),fe=P.length>0&&P.every(c=>c.type==="sticky-note"\|\|c.type==="icon"),te=H?dn.filter(c=>c.key==="stroke"):fe?dn.filter(c=>c.key!=="stroke"):dn,De=c=>c.key==="stroke"&&H?"style.line":c.labelKey,X=u&&u!=="more"?te.find(c=>c.key===u):void 0,Ee=!!u&&(u==="more"\|\|u==="prefix"\|\|u==="level"\|\|!!X),He=xe&&X?.key==="fill",tt=e.getCamera(),K=drawuiCore.getContentBounds(P,0),Ve=tt.pageToScreen({x:K.x,y:K.y}),Le=tt.pageToScreen({x:K.x+K.width,y:K.y+K.height}),v=window.innerWidth,D=window.innerHeight,_=Le.y+St,W=Ve.y-St,J=k.th+(Ee?St+k.ph:0),le=_+J<=D-lt,Ye=W-J>=lt,Ie=le\|\|!Ye,j=(Ve.x+Le.x)/2,Be=(c,r,Z)=>Math.max(r,Math.min(c,Math.max(r,Z))),nt=Be(j-k.tw/2,lt,v-k.tw-lt),We=Ie?_:W-k.th,ge=Be(j-k.pw/2,lt,v-k.pw-lt),ut=Ee?Be(Ie?We+k.th+St:We-St-k.ph,lt,D-k.ph-lt):0;return jsxRuntime.jsxs("div",{className:"drawui-style-floating",ref:O,style:a?{display:"none"}:void 0,children:[jsxRuntime.jsxs("div",{className:"drawui-style-toolbar",ref:I,style:{left:nt,top:We},children:[te.map(c=>jsxRuntime.jsxs("button",{className:`drawui-style-tool-btn${u===c.key?" active":""}`,onClick:()=>p(u===c.key?null:c.key),"data-drawui-tip":drawuiCore.t(De(c)),type:"button",children:[c.key==="fill"&&jsxRuntime.jsx("span",{className:`drawui-st-swatch${it(S)?" drawui-st-none":""}`,style:it(S)?void 0:{background:S}}),c.key==="stroke"&&(H?jsxRuntime.jsx("span",{className:`drawui-st-line${it(se)?" drawui-st-line-none":""}`,style:it(se)?void 0:{background:se}}):jsxRuntime.jsx("span",{className:`drawui-st-frame${it(se)?" drawui-st-frame-none":""}`,style:it(se)?void 0:{borderColor:se}})),c.key==="text"&&jsxRuntime.jsx("span",{className:"drawui-st-text",style:{color:ve},children:"A"}),c.key==="highlight"&&jsxRuntime.jsx("span",{className:`drawui-st-hl${it($)?" drawui-st-none":""}`,style:it($)?void 0:{background:$},children:"A"})]},c.key)),E&&jsxRuntime.jsx("button",{className:`drawui-style-tool-btn${u==="level"?" active":""}`,onClick:()=>p(u==="level"?null:"level"),"data-drawui-tip":drawuiCore.t("mindmap.level"),type:"button",children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"12",y1:"20",x2:"12",y2:"5"}),jsxRuntime.jsx("polyline",{points:"6 11 12 5 18 11"})]})}),i&&jsxRuntime.jsx("button",{className:`drawui-style-tool-btn${u==="more"?" active":""}`,onClick:()=>p(u==="more"?null:"more"),"data-drawui-tip":drawuiCore.t("style.connection"),type:"button",children:"\u22EF"}),Ce&&jsxRuntime.jsx("button",{className:`drawui-style-tool-btn${u==="prefix"?" active":""}`,onClick:()=>p(u==="prefix"?null:"prefix"),"data-drawui-tip":drawuiCore.t("style.prefix"),type:"button",children:jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsxRuntime.jsx("circle",{cx:"5",cy:"8",r:"1.7",fill:"currentColor",stroke:"none"}),jsxRuntime.jsx("circle",{cx:"5",cy:"16",r:"1.7",fill:"currentColor",stroke:"none"}),jsxRuntime.jsx("line",{x1:"10.5",y1:"8",x2:"20",y2:"8"}),jsxRuntime.jsx("line",{x1:"10.5",y1:"16",x2:"20",y2:"16"})]})})]}),Ee&&jsxRuntime.jsx("div",{className:"drawui-style-popover",ref:y,style:{left:ge,top:ut},children:u==="prefix"?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("style.prefix")}),jsxRuntime.jsx("div",{className:"drawui-muted-hint",children:drawuiCore.t("style.prefix.soon")})]}):u==="level"?E?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t("mindmap.level")}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:8},children:[jsxRuntime.jsx("button",{type:"button",disabled:!q,onClick:()=>e.promoteMindMapNode(E.shapeId,E.nodeId,1),"data-drawui-tip":q?drawuiCore.t("mindmap.promote1"):drawuiCore.t("mindmap.promoteDisabled"),style:{border:"1px solid #bfdbfe",background:q?"#ffffff":"#f9fafb",color:q?"#3b82f6":"#9ca3af",borderRadius:5,padding:"4px 10px",fontSize:12,cursor:q?"pointer":"not-allowed"},children:drawuiCore.t("mindmap.promote1")}),jsxRuntime.jsx("button",{type:"button",disabled:!pe,onClick:()=>e.promoteMindMapNode(E.shapeId,E.nodeId,2),"data-drawui-tip":pe?drawuiCore.t("mindmap.promote2"):drawuiCore.t("mindmap.promoteDisabled"),style:{border:"1px solid #bfdbfe",background:pe?"#ffffff":"#f9fafb",color:pe?"#3b82f6":"#9ca3af",borderRadius:5,padding:"4px 10px",fontSize:12,cursor:pe?"pointer":"not-allowed"},children:drawuiCore.t("mindmap.promote2")})]})]}):null:X?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"drawui-style-popover-title",children:drawuiCore.t(De(X))}),jsxRuntime.jsxs("div",{className:"drawui-color-row",children:[X.hasTransparent&&!He&&jsxRuntime.jsx("button",{className:`drawui-color-swatch drawui-color-swatch-transparent${it(G[X.key])?" active":""}`,onClick:()=>Ne(X.key,"transparent"),"aria-label":drawuiCore.t("style.none"),type:"button"}),(He?drawuiCore.STICKY_NOTE_COLORS:X.hasTransparent?nr:or).map(c=>jsxRuntime.jsx("button",{className:`drawui-color-swatch${Un(c,G[X.key])?" active":""}`,style:{background:c},onClick:()=>Ne(X.key,c),"aria-label":c,type:"button"},c)),b.map(c=>jsxRuntime.jsx("button",{className:`drawui-color-swatch drawui-color-custom${Un(c,G[X.key])?" active":""}`,style:{background:c},onClick:()=>Ne(X.key,c),"aria-label":c,type:"button"},`custom-${c}`)),jsxRuntime.jsxs("span",{className:"drawui-color-swatch drawui-color-add","data-drawui-tip":drawuiCore.t("style.addColor"),children:["+",jsxRuntime.jsx("input",{ref:C,type:"color",defaultValue:"#3b82f6",className:"drawui-color-add-input","aria-label":drawuiCore.t("style.addColor")})]})]}),X.hasOpacity&&jsxRuntime.jsxs("div",{className:"drawui-opacity-row",children:[jsxRuntime.jsx("span",{className:"drawui-opacity-label",children:drawuiCore.t("style.opacity")}),jsxRuntime.jsx("input",{type:"range",min:0,max:100,value:Math.round($e(X.key)100),onChange:c=>Fe(X.key,Number(c.target.value)/100),className:"drawui-opacity-slider"}),jsxRuntime.jsxs("span",{className:"drawui-opacity-value",children:[Math.round($e(X.key)100),"%"]})]})]}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(At,{connectionType:d??"straight",arrowHead:s??"end",dashed:!!l,onConnectionTypeChange:_e,onArrowStyleChange:Y})})})]})});var pn=14,qn=20,pr=["#1f2937","#ef4444","#f97316","#facc15","#22c55e","#3b82f6","#8b5cf6","#ec4899","#9ca3af"],hr=[12,14,16,18,20,24];function Jn(t,e){let o=t,i="",d=o.charAt(0);if(o.length>1&&(d==="+"\|\|d==="-"\|\|d==="#"\|\|d==="~")&&o.charAt(1)===" "&&(i=d,o=o.slice(2)),o=o.replace(/^\s+\|\s+$/g,""),e==="attribute"){let f=o.indexOf(":");return f===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,f).replace(/^\s+\|\s+$/g,""),type:o.slice(f+1).replace(/^\s+\|\s+$/g,""),params:"",returnType:""}}let s=o.indexOf("(");if(s===-1){let f=o.lastIndexOf(":");return f===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,f).replace(/^\s+\|\s+$/g,""),type:"",params:"",returnType:o.slice(f+1).replace(/^\s+\|\s+$/g,"")}}let l=o.slice(0,s).replace(/^\s+\|\s+$/g,""),a=o.indexOf(")",s);if(a===-1)return {visibility:i,name:l,type:"",params:o.slice(s+1).replace(/^\s+\|\s+$/g,""),returnType:""};let L=o.slice(s+1,a).replace(/^\s+\|\s+$/g,""),w=o.slice(a+1).replace(/^\s+\|\s+$/g,"");return w.startsWith(":")&&(w=w.slice(1).replace(/^\s+\|\s+$/g,"")),{visibility:i,name:l,type:"",params:L,returnType:w}}function yr(t,e){let o=e.visibility?`${e.visibility} `:"";return t==="attribute"?`${o}${e.name}${e.type?`: ${e.type}`:""}`:`${o}${e.name}(${e.params??""})${e.returnType?`: ${e.returnType}`:""}`}var eo=react.memo(function({editor:e,umlClass:o,editing:i}){let[,d]=react.useState(0);V(),react.useEffect(()=>{if(!e)return;let v=e.subscribe(()=>d(D=>D+1));return ()=>{v();}},[e]);let[s,l]=react.useState(null),[a,L]=react.useState(false),[w,f]=react.useState(null),u=react.useRef(null),p=react.useRef(null),M=react.useCallback((v,D)=>{u.current&&(clearTimeout(u.current),u.current=null),l({section:v,rowId:D}),L(false);},[]),O=react.useCallback(()=>{u.current&&clearTimeout(u.current),u.current=window.setTimeout(()=>{l(null),L(false);},150);},[]);if(!e\|\|!o\|\|i!==o.id)return null;let I=e.getCamera(),{id:y,x:k,y:T,width:b,height:m,className:C,methods:g}=o,x=o.type==="uml-interface",U=x?[]:o.attributes,P=b/2,A=m/2,ue=drawuiCore.UML_HEADER_HEIGHT,ee=drawuiCore.UML_LINE_HEIGHT,E=drawuiCore.UML_PADDING_X,q=drawuiCore.UML_PADDING_Y,pe=x?0:U.length>0?U.lengthee+q2:q2,S=I.zoom,se=(b-E2)S,ve=4S,$=I.pageToScreen({x:k-P+E,y:T}),G=I.pageToScreen({x:k,y:T-A+ue/2}),xe=v=>I.pageToScreen({x:k,y:v}).y,ke=eeS,$e=v=>T+(-A+ue+q+ee/2+vee),Ne=v=>T+(-A+ue+pe+q+ee/2+vee),Fe=T+(-A+ue+pe),_e=T+A,Y={background:"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"transparent",outline:"none",padding:0,fontFamily:"sans-serif",boxSizing:"border-box"},H=(v,D)=>{if(!U.find(J=>J.id===v))return;let W=Jn(D,"attribute");e.updateUmlClass(y,{attributes:U.map(J=>J.id===v?{...J,...W}:J)});},Ce=(v,D)=>{if(!g.find(le=>le.id===v))return;let W=Jn(D,"method"),J=g.map(le=>le.id===v?{...le,...W}:le);x?e.updateUmlInterface(y,{methods:J}):e.updateUmlClass(y,{methods:J});},fe=(v,D,_)=>{p.current={section:v,from:D},_.dataTransfer.effectAllowed="move",_.dataTransfer.setData("text/plain",`${v}:${D}`);},te=v=>{v.preventDefault(),v.dataTransfer.dropEffect="move";},De=(v,D,_)=>{_.preventDefault();let W=p.current;!W\|\|W.section!==v\|\|(v==="attribute"?e.reorderUmlAttribute(y,W.from,D):e.reorderUmlMethod(y,W.from,D),p.current=null);},X=(v,D,_,W)=>{let J=xe(W),le=s?.section===v&&s.rowId===_.id,Ye=(_.fontSize\|\|drawuiCore.UML_FONT_SIZE)S,Ie=_.textColor\|\|"#1f2937",j={position:"absolute",left:$.x-pnS-ve,top:J-ke/2,width:pnS+ve+se+qnS,height:ke,display:"flex",alignItems:"center",gap:2,pointerEvents:"none",zIndex:53},Be={...Y,width:se,height:ke-2,fontSize:Ye,color:Ie,textDecoration:_.strikethrough?"line-through":"none",pointerEvents:"auto",...le?{borderColor:"var(--dw-primary)"}:{}},nt={width:pnS,height:ke-2,cursor:"grab",color:"#9ca3af",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",fontSize:12S,lineHeight:1,opacity:le?1:.55,pointerEvents:"auto"},We={width:qnS,height:ke-6,border:"none",background:"transparent",color:"#9ca3af",cursor:"pointer",borderRadius:3,fontSize:14S,opacity:le?1:.35,pointerEvents:"auto"};return jsxRuntime.jsxs("div",{style:j,onDragOver:te,onDrop:ge=>De(v,D,ge),children:[jsxRuntime.jsx("span",{style:nt,draggable:true,onDragStart:ge=>fe(v,D,ge),"data-drawui-tip":drawuiCore.t("uml.drag"),children:"\u22EE\u22EE"}),jsxRuntime.jsx("input",{style:Be,value:w&&w.rowId===_.id?w.text:yr(v,_),onChange:ge=>{f({rowId:_.id,text:ge.target.value}),v==="attribute"?H(_.id,ge.target.value):Ce(_.id,ge.target.value);},onFocus:()=>M(v,_.id),onBlur:()=>{f(null),O();},spellCheck:false}),jsxRuntime.jsx("button",{style:We,onMouseDown:ge=>ge.preventDefault(),onClick:()=>{v==="attribute"?e.removeUmlAttribute(y,_.id):e.removeUmlMethod(y,_.id);},"data-drawui-tip":drawuiCore.t("uml.delete"),children:"\xD7"})]},_.id)},Ee=(v,D,_)=>{let W=xe(D),J=v==="attribute";return jsxRuntime.jsxs("button",{onMouseDown:le=>le.preventDefault(),onClick:()=>J?e.addUmlAttribute(y):e.addUmlMethod(y),className:"drawui-uml-add-row",style:{position:"absolute",left:$.x,top:W-9S,height:18S,padding:`0 ${6S}px`,fontSize:11S,lineHeight:1,border:"1px dashed #cbd5e1",background:"rgba(255,255,255,0.85)",color:"#64748b",borderRadius:3,cursor:"pointer",pointerEvents:"auto",display:"flex",alignItems:"center",gap:3,whiteSpace:"nowrap",zIndex:53},"data-drawui-tip":_,children:[jsxRuntime.jsx("span",{style:{fontSize:13S,lineHeight:1},children:"+"}),jsxRuntime.jsx("span",{children:_})]},`add-${v}`)},He=()=>{if(!s\|\|s.section==="className")return null;let v=s.section,D=s.rowId,W=(v==="attribute"?U:g).find(r=>r.id===D);if(!W)return null;let J=224S,le=30S,Ye=I.pageToScreen({x:k,y:T}).x,Ie=I.pageToScreen({x:k,y:T-A}).y,j=20S,Be=Ie-le-j,nt=Ye-J/2,We=Be+le,ge=W.textColor\|\|"#1f2937",ut=W.fontSize\|\|drawuiCore.UML_FONT_SIZE,c=!!W.strikethrough;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:Ye-.5,top:We,width:1,height:j,background:"#d1d5db",pointerEvents:"none",zIndex:59}}),jsxRuntime.jsxs("div",{className:"drawui-uml-toolbar",style:{position:"absolute",left:nt,top:Be,width:J,height:le,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:6,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",display:"flex",alignItems:"center",gap:4S,padding:`0 ${6S}px`,pointerEvents:"auto",zIndex:60,fontSize:12S},onMouseDown:r=>r.preventDefault(),children:[jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsxs("button",{onClick:()=>L(r=>!r),className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.textColor"),style:{border:"none",background:"transparent",cursor:"pointer",padding:2,display:"flex",alignItems:"center",borderRadius:3},children:[jsxRuntime.jsx("span",{style:{fontWeight:700,color:ge,fontSize:13S,textDecoration:c?"line-through":"none"},children:"A"}),jsxRuntime.jsx("span",{style:{width:10S,height:2S,background:ge,marginLeft:3,borderRadius:1}})]}),a&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:"100%",left:0,marginTop:4,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:4,padding:4,display:"flex",gap:2,boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)",zIndex:61},children:[jsxRuntime.jsx("button",{onClick:()=>{e.updateUmlRowStyle(y,v,W.id,{textColor:null}),L(false);},style:{width:14,height:14,border:"1px solid #e5e7eb",background:"transparent",cursor:"pointer",borderRadius:2},"data-drawui-tip":drawuiCore.t("uml.defaultColor")}),pr.map(r=>jsxRuntime.jsx("button",{onClick:()=>{e.updateUmlRowStyle(y,v,W.id,{textColor:r}),L(false);},style:{width:14,height:14,border:"none",background:r,cursor:"pointer",borderRadius:2},"data-drawui-tip":r},r))]})]}),jsxRuntime.jsx("select",{value:ut,onChange:r=>e.updateUmlRowStyle(y,v,W.id,{fontSize:Number(r.target.value)}),style:{border:"1px solid #e5e7eb",borderRadius:3,padding:`0 ${2S}px`,fontSize:12S,height:20S,background:"#ffffff"},"data-drawui-tip":drawuiCore.t("uml.fontSize"),children:hr.map(r=>jsxRuntime.jsx("option",{value:r,children:r},r))}),jsxRuntime.jsx("button",{onClick:()=>e.updateUmlRowStyle(y,v,W.id,{strikethrough:!c}),className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.strikethrough"),style:{border:"none",background:c?"var(--dw-primary-weak)":"transparent",cursor:"pointer",padding:2,borderRadius:3},children:jsxRuntime.jsx("span",{style:{fontWeight:700,fontSize:13S,textDecoration:"line-through"},children:"A"})}),jsxRuntime.jsx("button",{onClick:()=>{v==="attribute"?e.removeUmlAttribute(y,W.id):e.removeUmlMethod(y,W.id),l(null);},className:"drawui-uml-toolbar-btn","data-drawui-tip":drawuiCore.t("uml.delete"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#ef4444",padding:2,marginLeft:"auto",borderRadius:3},children:jsxRuntime.jsxs("svg",{width:14S,height:14S,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("polyline",{points:"3 6 5 6 21 6"}),jsxRuntime.jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),jsxRuntime.jsx("path",{d:"M10 11v6"}),jsxRuntime.jsx("path",{d:"M14 11v6"}),jsxRuntime.jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]})]})},tt=I.pageToScreen({x:k-P,y:T}).x,K=I.pageToScreen({x:k,y:T-A}).y,Ve=bS,Le=mS;return jsxRuntime.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:tt+1,top:K+1,width:Math.max(0,Ve-2),height:Math.max(0,Le-2),background:"#ffffff",pointerEvents:"none",zIndex:51}}),jsxRuntime.jsx("input",{style:{...Y,position:"absolute",left:G.x-se/2,top:G.y-ueS/2+2,width:se,height:ueS-4,textAlign:"center",fontWeight:700,fontSize:(o.fontSize\|\|drawuiCore.UML_FONT_SIZE)S,color:o.textColor\|\|"#1f2937",pointerEvents:"auto",zIndex:52,...s?.section==="className"?{borderColor:"var(--dw-primary)"}:{}},value:C,onChange:v=>x?e.updateUmlInterface(y,{className:v.target.value}):e.updateUmlClass(y,{className:v.target.value}),onFocus:()=>M("className",""),onBlur:O,spellCheck:false}),!x&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[U.map((v,D)=>X("attribute",D,v,$e(D))),Ee("attribute",Fe,"\u5C5E\u6027")]}),g.map((v,D)=>X("method",D,v,Ne(D))),Ee("method",_e,drawuiCore.t("uml.method")),He()]})});var ro=react.memo(function({editor:e,panelOpen:o,onOpenPanel:i}){let[,d]=react.useState(0);V(),react.useEffect(()=>{if(!e)return;let m=e.subscribe(()=>d(C=>C+1));return ()=>{m();}},[e]);let s=react.useRef(false),l=react.useRef(false),a=e?.getMindMapEditingShapeId()??null,L=e?.getMindMapSelectedNode()?.nodeId??"",w=a?`${a}\0${L}`:"";if(react.useEffect(()=>{s.current=false;},[w]),!e)return null;let f=e.getMindMapEditingShapeId();if(!f\|\|o)return null;let u=e.getMindMapSelectedNode();if(!u\|\|u.shapeId!==f)return null;let p=e.getMindMapNode(f,u.nodeId),M=e.getMindMapNodeScreenRect(f,u.nodeId);if(!p\|\|!M)return null;let O=e.getCamera().getZoom(),I=drawuiCore.MINDMAP_FONT_SIZEO,y=Math.max(100,M.width+24),k=M.height+8,T={position:"absolute",left:M.x+M.width/2,top:M.y-4,transform:"translateX(-50%)",width:y,height:k,border:"1.5px solid var(--dw-primary, #3b82f6)",borderRadius:6,background:"#ffffff",boxShadow:"0 2px 10px rgba(0,0,0,0.15)",outline:"none",padding:`0 ${(p.icon?24:12)O}px`,fontFamily:"sans-serif",fontSize:I,color:"#1f2937",boxSizing:"border-box",pointerEvents:"auto",zIndex:55},b={position:"absolute",left:M.x+M.width+12,top:M.y+M.height/2-11,width:22,height:22,border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:"50%",cursor:"pointer",color:"#6b7280",fontSize:13,lineHeight:1,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",pointerEvents:"auto",zIndex:55};return jsxRuntime.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsxRuntime.jsx("input",{autoFocus:true,style:T,value:p.text,spellCheck:false,onChange:m=>{let C=!s.current;s.current=true,e.updateMindMapNode(f,u.nodeId,{text:m.target.value},C);},onBlur:()=>{if(l.current){l.current=false;return}let m=e.getMindMapSelectedNode();m&&(m.shapeId!==f\|\|m.nodeId!==u.nodeId)\|\|e.exitMindMapEdit();},onKeyDown:m=>{m.key==="Enter"?m.target.blur():m.key==="Escape"&&e.exitMindMapEdit();}}),jsxRuntime.jsx("button",{style:b,"data-drawui-tip":drawuiCore.t("mindmap.more"),onMouseDown:m=>{m.preventDefault(),l.current=true,setTimeout(()=>{l.current=false;},300);},onClick:i,children:"\u22EF"})]})});var so=react.memo(function({editor:e,panelOpen:o}){let[,i]=react.useState(0);V(),react.useEffect(()=>{if(!e)return;let k=e.subscribe(()=>i(T=>T+1));return ()=>{k();}},[e]);let d=react.useRef(false),s=e?.getTableEditing()??null,l=s?`${s.shapeId}\0${s.row}\0${s.col}`:"";if(react.useEffect(()=>{d.current=false;},[l]),!e\|\|o)return null;let a=e.getTableEditing();if(!a)return null;let{shapeId:L,row:w,col:f}=a,u=e.getTableCell(L,w,f),p=e.getTableScreenRect(L,w,f);if(!u\|\|!p)return null;let M=e.getSelectedTable(),O=u.fontSize\|\|M?.fontSize\|\|drawuiCore.TABLE_FONT_SIZE,I=e.getCamera().getZoom(),y={left:p.x-1,top:p.y-1,width:p.width+2,height:p.height+2,padding:`${drawuiCore.TABLE_CELL_PADDING_YI}px ${drawuiCore.TABLE_CELL_PADDING_XI}px`,fontFamily:"sans-serif",fontSize:OI,lineHeight:drawuiCore.TABLE_LINE_HEIGHT_RATIO,fontWeight:u.bold?700:400,color:u.textColor\|\|M?.textColor\|\|"#1f2937",textAlign:u.align==="center"?"center":u.align==="right"?"right":"left"};return jsxRuntime.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:jsxRuntime.jsx("textarea",{autoFocus:true,rows:1,className:"drawui-table-cell-input",style:y,value:u.text,spellCheck:false,onChange:k=>{let T=!d.current;d.current=true,e.updateTableCell(L,w,f,{text:k.target.value},T);},onBlur:()=>{e.exitTableEdit();},onKeyDown:k=>{(k.key==="Enter"\|\|k.key==="Escape")&&(k.preventDefault(),k.target.blur());}})})});var uo=react.memo(function({editor:e,hidden:o=false}){let[,i]=react.useState(0),[d,s]=react.useState(null),l=react.useRef(null);if(V(),react.useEffect(()=>{if(!e)return;let E=e.subscribe(()=>i(q=>q+1));return ()=>{E();}},[e]),react.useEffect(()=>{if(!d)return;let E=pe=>{let S=pe.target;S&&l.current?.contains(S)\|\|s(null);},q=pe=>{pe.key==="Escape"&&s(null);};return window.addEventListener("pointerdown",E,true),window.addEventListener("keydown",q),()=>{window.removeEventListener("pointerdown",E,true),window.removeEventListener("keydown",q);}},[d]),!e\|\|o)return null;let a=e.getSelectedTable();if(!a)return null;let L=e.getTableSelection();if(!L\|\|L.shapeId!==a.id)return null;let w=e.getTableScreenRect(a.id);if(!w)return null;let f=a.cells.length,u=a.cells[0]?.length??0,p=drawuiCore.tableExpandRangeToMerges(a,L.anchor.row,L.anchor.col,L.focus.row,L.focus.col),{r1:M,c1:O,r2:I,c2:y}=p,k=drawuiCore.tableCoveredMap(a.cells),T=0;for(let E=M;E<=I;E++)for(let q=O;q<=y;q++)k[E]?.[q]\|\|T++;let b=T>1,m=drawuiCore.tableRangeHasMerge(a,M,O,I,y),C=M===I?`${M+1}`:`${M+1}\u2013${I+1}`,g=O===y?`${O+1}`:`${O+1}\u2013${y+1}`,x=f-(I-M+1)>=1,U=u-(y-O+1)>=1,A=w.y>56?w.y-40:w.y+w.height+10,ue=E=>E.stopPropagation(),ee=E=>()=>{E(),s(null);};return jsxRuntime.jsxs("div",{className:"drawui-table-toolbar","data-table-toolbar":a.id,style:{left:w.x+w.width/2,top:A},onPointerDown:ue,children:[jsxRuntime.jsxs("div",{className:"drawui-table-split",children:[jsxRuntime.jsx("button",{className:"drawui-table-btn-main",title:drawuiCore.t("table.insertRowBelow"),onClick:()=>e.insertTableRowRelative(a.id,"below"),children:drawuiCore.t("table.insertRow")}),jsxRuntime.jsx("button",{className:`drawui-table-btn-caret ${d==="row"?"active":""}`,"data-table-insert-row":true,title:`${drawuiCore.t("table.insertRowAbove")} / ${drawuiCore.t("table.insertRowBelow")}`,onClick:()=>s(d==="row"?null:"row"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),d==="row"&&jsxRuntime.jsxs("div",{className:"drawui-table-menu",ref:l,"data-table-row-menu":true,children:[jsxRuntime.jsx("button",{onClick:ee(()=>e.insertTableRowRelative(a.id,"above")),children:drawuiCore.t("table.insertRowAbove")}),jsxRuntime.jsx("button",{onClick:ee(()=>e.insertTableRowRelative(a.id,"below")),children:drawuiCore.t("table.insertRowBelow")})]})]}),jsxRuntime.jsx("button",{title:`${drawuiCore.t("table.deleteRow")} \xB7 ${C}`,disabled:!x,onClick:()=>e.deleteTableRowsInSelection(a.id),children:drawuiCore.t("table.deleteRow")}),jsxRuntime.jsxs("div",{className:"drawui-table-split",children:[jsxRuntime.jsx("button",{className:"drawui-table-btn-main",title:drawuiCore.t("table.insertColRight"),onClick:()=>e.insertTableColumnRelative(a.id,"right"),children:drawuiCore.t("table.insertCol")}),jsxRuntime.jsx("button",{className:`drawui-table-btn-caret ${d==="col"?"active":""}`,"data-table-insert-col":true,title:`${drawuiCore.t("table.insertColLeft")} / ${drawuiCore.t("table.insertColRight")}`,onClick:()=>s(d==="col"?null:"col"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),d==="col"&&jsxRuntime.jsxs("div",{className:"drawui-table-menu",ref:l,"data-table-col-menu":true,children:[jsxRuntime.jsx("button",{onClick:ee(()=>e.insertTableColumnRelative(a.id,"left")),children:drawuiCore.t("table.insertColLeft")}),jsxRuntime.jsx("button",{onClick:ee(()=>e.insertTableColumnRelative(a.id,"right")),children:drawuiCore.t("table.insertColRight")})]})]}),jsxRuntime.jsx("button",{title:`${drawuiCore.t("table.deleteCol")} \xB7 ${g}`,disabled:!U,onClick:()=>e.deleteTableColsInSelection(a.id),children:drawuiCore.t("table.deleteCol")}),jsxRuntime.jsx("button",{title:drawuiCore.t("table.merge"),disabled:!b,onClick:()=>e.mergeTableCells(a.id),children:drawuiCore.t("table.merge")}),jsxRuntime.jsx("button",{title:drawuiCore.t("table.split"),disabled:!m,onClick:()=>e.splitTableCells(a.id),children:drawuiCore.t("table.split")})]})});var po=[...drawuiCore.MINDMAP_COLORS,"#1f2937","#9ca3af"],ho=["\u{1F4A1}","\u2B50","\u{1F525}","\u{1F4CC}","\u2705","\u2757","\u26A0\uFE0F","\u{1F3F7}\uFE0F"],Dr={position:"absolute",width:232,background:"rgba(255,255,255,0.96)",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 6px 20px rgba(0,0,0,0.12)",padding:"10px 12px",fontSize:12,color:"#1f2937",zIndex:70,boxSizing:"border-box",fontFamily:"sans-serif"},zt={fontSize:11,color:"#6b7280",marginBottom:4,display:"block"},Tt={display:"flex",gap:4,alignItems:"center",flexWrap:"wrap"},_t={border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:5,padding:"3px 6px",fontSize:12,color:"#374151",cursor:"pointer",lineHeight:1.5,whiteSpace:"nowrap"},hn={width:"100%",border:"1px solid #e5e7eb",borderRadius:5,padding:"4px 8px",fontSize:12,outline:"none",boxSizing:"border-box",background:"#ffffff",color:"#1f2937"},yo=react.memo(function({editor:e,mindMap:o}){let[,i]=react.useState(0);V(),react.useEffect(()=>{if(!e)return;let b=e.subscribe(()=>i(m=>m+1));return ()=>{b();}},[e]);let d=react.useRef(null);if(!e\|\|!o\|\|e.getMindMapEditingShapeId()!==o.id)return null;let s=e.getMindMapSelectedNode();if(!s\|\|s.shapeId!==o.id)return null;let l=b=>{if(b.id===s.nodeId)return b;for(let m of b.children??[]){let C=l(m);if(C)return C}return null},a=l(o.root);if(!a)return null;let L=e.getCamera(),f=drawuiCore.layoutMindMap(o.root).positions.get(a.id);if(!f)return null;let u=L.zoom,p=L.pageToScreen({x:o.x+f.x,y:o.y+f.y}),M=p.x+f.widthu/2+14,O=p.y-80,y=Math.max(8,Math.min(M,(window.innerWidth\|\|1024)-232-8)),k=Math.max(8,Math.min(O,(window.innerHeight\|\|768)-320)),T=b=>{e.updateMindMapNode(o.id,a.id,b);};return jsxRuntime.jsxs("div",{ref:d,style:{...Dr,left:y,top:k},onMouseDown:b=>b.stopPropagation(),children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[jsxRuntime.jsx("span",{style:{fontWeight:600,fontSize:12},children:drawuiCore.t("mindmap.nodeText")}),jsxRuntime.jsxs("span",{style:{display:"flex",alignItems:"center",gap:2},children:[!!a.children?.length&&jsxRuntime.jsx("button",{style:{..._t,padding:"1px 5px",color:"#6b7280"},"data-drawui-tip":a.collapsed?drawuiCore.t("mindmap.expand"):drawuiCore.t("mindmap.collapse"),onClick:()=>e.toggleMindMapCollapse(o.id,a.id),children:a.collapsed?drawuiCore.t("mindmap.expand"):drawuiCore.t("mindmap.collapse")}),jsxRuntime.jsx("button",{onClick:()=>e.exitMindMapEdit(),"data-drawui-tip":drawuiCore.t("mindmap.close"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#9ca3af",fontSize:14,lineHeight:1,padding:2},children:"\xD7"})]})]}),jsxRuntime.jsx("input",{style:{...hn,marginBottom:8},value:a.text,onChange:b=>T({text:b.target.value}),spellCheck:false}),jsxRuntime.jsx("span",{style:zt,children:drawuiCore.t("mindmap.level")}),jsxRuntime.jsxs("div",{style:{...Tt,marginBottom:10,justifyContent:"flex-start"},children:[jsxRuntime.jsx("button",{style:{..._t,color:"#3b82f6",borderColor:"#bfdbfe"},disabled:!e.canPromoteMindMapNode(o.id,a.id,1),onClick:()=>e.promoteMindMapNode(o.id,a.id,1),"data-drawui-tip":e.canPromoteMindMapNode(o.id,a.id,1)?drawuiCore.t("mindmap.promote1"):drawuiCore.t("mindmap.promoteDisabled"),children:drawuiCore.t("mindmap.promote1")}),jsxRuntime.jsx("button",{style:{..._t,color:"#3b82f6",borderColor:"#bfdbfe"},disabled:!e.canPromoteMindMapNode(o.id,a.id,2),onClick:()=>e.promoteMindMapNode(o.id,a.id,2),"data-drawui-tip":e.canPromoteMindMapNode(o.id,a.id,2)?drawuiCore.t("mindmap.promote2"):drawuiCore.t("mindmap.promoteDisabled"),children:drawuiCore.t("mindmap.promote2")})]}),jsxRuntime.jsx("div",{style:{...Tt,gap:4,marginBottom:10,flexWrap:"nowrap",justifyContent:"flex-end"},children:jsxRuntime.jsx("button",{style:{..._t,color:"#ef4444",borderColor:"#fecaca"},onClick:()=>e.deleteMindMapNode(o.id,a.id),children:drawuiCore.t("mindmap.deleteNode")})}),jsxRuntime.jsx("span",{style:zt,children:drawuiCore.t("mindmap.color")}),jsxRuntime.jsxs("div",{style:{...Tt,marginBottom:10},children:[jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.levelColor"),onClick:()=>T({color:void 0}),style:{width:18,height:18,borderRadius:4,border:"1.5px solid #d1d5db",background:"conic-gradient(#ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ec4899, #ef4444)",cursor:"pointer",flexShrink:0}}),po.map(b=>jsxRuntime.jsx("button",{"data-drawui-tip":b,onClick:()=>T({color:b}),style:{width:18,height:18,borderRadius:4,border:a.color===b?"2px solid #111827":"1px solid #d1d5db",background:b,cursor:"pointer",flexShrink:0}},b))]}),jsxRuntime.jsx("span",{style:zt,children:drawuiCore.t("mindmap.icon")}),jsxRuntime.jsxs("div",{style:{...Tt,marginBottom:10},children:[jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.noIcon"),onClick:()=>T({icon:void 0}),style:{width:22,height:22,borderRadius:4,border:a.icon?"1px solid #d1d5db":"2px solid #111827",background:"#f9fafb",cursor:"pointer",fontSize:11,color:"#9ca3af",lineHeight:1},children:"\u2205"}),ho.map(b=>jsxRuntime.jsx("button",{onClick:()=>T({icon:b}),style:{width:22,height:22,borderRadius:4,border:a.icon===b?"2px solid #111827":"1px solid #d1d5db",background:"#f9fafb",cursor:"pointer",fontSize:13,lineHeight:1},children:b},b)),jsxRuntime.jsx("input",{placeholder:"\u270F\uFE0F",defaultValue:a.icon&&!ho.includes(a.icon)?a.icon:"",onKeyDown:b=>{if(b.key==="Enter"){let m=b.target.value.trim();T({icon:m\|\|void 0});}},onBlur:b=>{let m=b.target.value.trim();m!==a.icon&&T({icon:m\|\|void 0});},style:{...hn,width:56,padding:"2px 4px",textAlign:"center"}})]}),jsxRuntime.jsx("span",{style:zt,children:drawuiCore.t("mindmap.note")}),jsxRuntime.jsx("input",{style:{...hn,marginBottom:6},value:a.note??"",placeholder:drawuiCore.t("mindmap.notePlaceholder"),onChange:b=>T({note:b.target.value\|\|void 0}),spellCheck:false}),!!a.note&&jsxRuntime.jsxs("div",{style:{...Tt,marginTop:4},children:[jsxRuntime.jsx("span",{style:{fontSize:11,color:"#6b7280"},children:drawuiCore.t("mindmap.noteColor")}),jsxRuntime.jsx("button",{"data-drawui-tip":drawuiCore.t("mindmap.noteColorDefault"),onClick:()=>T({noteColor:void 0}),style:{width:16,height:16,borderRadius:3,border:a.noteColor?"1px solid #d1d5db":"2px solid #111827",background:"repeating-conic-gradient(#ef4444 0% 25%, #f59e0b 0% 50%, #10b981 0% 75%, #3b82f6 0% 100%)",cursor:"pointer"}}),po.map(b=>jsxRuntime.jsx("button",{onClick:()=>T({noteColor:b}),style:{width:16,height:16,borderRadius:3,border:a.noteColor===b?"2px solid #111827":"1px solid #d1d5db",background:b,cursor:"pointer"}},b))]})]})});var mn=220,fn=140,Ur="#fafafa";function Gr(t,e){let o=Math.min(t.x,e.x),i=Math.min(t.y,e.y),d=Math.max(t.x+t.width,e.x+e.width),s=Math.max(t.y+t.height,e.y+e.height);return {x:o,y:i,width:d-o,height:s-i}}function Zr(t){return {x:t.x+t.width/2,y:t.y+t.height/2}}function Fr(){return {x:0,y:0,width:0,height:0}}function Vr(t){let e=1/0,o=1/0,i=-1/0,d=-1/0,s=false;for(let l of t){let a=bn(l);a&&(s=true,a.x<e&&(e=a.x),a.y<o&&(o=a.y),a.x+a.width>i&&(i=a.x+a.width),a.y+a.height>d&&(d=a.y+a.height));}return s?{x:e,y:o,width:i-e,height:d-o}:null}function bn(t){switch(t.type){case "rectangle":case "sticky-note":case "icon":case "image":case "rounded-rectangle":case "ellipse":case "diamond":case "triangle":case "hexagon":case "parallelogram":case "trapezoid":case "pentagon":case "octagon":case "star":case "cylinder":case "cloud":case "heart":case "block-arrow-right":case "block-arrow-left":case "block-arrow-up":case "block-arrow-down":case "block-arrow-double":case "right-triangle":case "cross":case "speech-rect":case "speech-round":case "cube":case "sector":case "delay":case "predefined-process":case "document":case "stadium":case "class-catalog":case "chevron":case "brace-left":case "brace-right":case "envelope":case "checkbox":case "triangular-pyramid":case "quadrangular-pyramid":case "cuboid":case "sphere":case "ellipsoid":case "pie":case "hollow-pie":case "uml-class":case "uml-interface":case "mind-map":case "table":case "text":return {x:t.x-t.width/2,y:t.y-t.height/2,width:t.width,height:t.height};case "circle":return {x:t.x-t.radius,y:t.y-t.radius,width:t.radius2,height:t.radius2};case "line":case "arrow":{let e=t.points;if(!e\|\|e.length===0)return null;let o=1/0,i=1/0,d=-1/0,s=-1/0;for(let l of e)l.x<o&&(o=l.x),l.y<i&&(i=l.y),l.x>d&&(d=l.x),l.y>s&&(s=l.y);return {x:o,y:i,width:d-o,height:s-i}}case "draw":{let e=t,o=e.width,i=e.height;if(typeof o=="number"&&typeof i=="number")return {x:e.x-o/2,y:e.y-i/2,width:o,height:i};let d=e.points;if(!d\|\|d.length===0)return null;let s=1/0,l=1/0,a=-1/0,L=-1/0;for(let w of d){let f=w.x+e.x,u=w.y+e.y;f<s&&(s=f),u<l&&(l=u),f>a&&(a=f),u>L&&(L=u);}return {x:s,y:l,width:a-s,height:L-l}}default:return null}}function Yr(t){let e=t.getCamera(),o=e.screenToPage({x:0,y:0}),i=e.screenToPage({x:window.innerWidth,y:window.innerHeight});return {x:o.x,y:o.y,width:i.x-o.x,height:i.y-o.y}}function jr(t,e,o){if(t.width<=0\|\|t.height<=0)return {x:t.x-e/2,y:t.y-o/2,width:e,height:o};let i=e/o,d=t.width,s=d/i;s<t.height&&(s=t.height,d=si);let l=Zr(t);return {x:l.x-d/2,y:l.y-s/2,width:d,height:s}}function gn(t,e,o,i){let d=(t-o.left)/o.width,s=(e-o.top)/o.height;return {x:i.x+di.width,y:i.y+si.height}}var go=react.memo(function({editor:e}){let o=react.useRef(null),i=react.useRef(null),[d,s]=react.useState(false),[l,a]=react.useState(100),[L,w]=react.useState(false),[f,u]=react.useState(false);V();let p=react.useRef(null),M=react.useRef(null);react.useLayoutEffect(()=>{let m=o.current,C=i.current;if(!m\|\|!C)return;let g=window.devicePixelRatio\|\|1;m.width=Math.round(mng),m.height=Math.round(fng),m.style.width=`${mn}px`,m.style.height=`${fn}px`;},[d]);let O=react.useCallback(()=>{let m=o.current,C=i.current;if(!m\|\|!C\|\|!e)return;let g=m.getContext("2d");if(!g)return;let x=mn,U=fn,P=m.width,A=m.height,ue=e.getShapes(),ee=new Set(e.getSelectedIds()),E=drawuiCore.getTheme(),q=drawuiCore.hexToRgba(E.text,.16),pe=E.primary,S=drawuiCore.hexToRgba(E.primary,.18),se=drawuiCore.hexToRgba(E.primary,.85),ve=Vr(ue),$=Yr(e),G=ve?Gr(ve,$):$.width>0?$:Fr(),xe=jr(G,x,U);M.current=xe;let ke=P/xe.width,$e=A/xe.height,Ne=x/xe.width;g.setTransform(1,0,0,1,0,0),g.fillStyle=Ur,g.fillRect(0,0,P,A),g.setTransform(ke,0,0,$e,-kexe.x,-$exe.y),g.fillStyle=q;for(let Y of ue){let H=bn(Y);H&&g.fillRect(H.x,H.y,H.width,H.height);}g.fillStyle=pe;for(let Y of ue){if(!ee.has(Y.id))continue;let H=bn(Y);H&&g.fillRect(H.x,H.y,H.width,H.height);}g.fillStyle=S,g.fillRect($.x,$.y,$.width,$.height);let Fe=1.5/Ne;g.strokeStyle=se,g.lineWidth=Fe,g.lineJoin="round";let _e=Math.min($.width/6,$.height/6,6/Ne);if(g.beginPath(),_eNe<1)g.rect($.x,$.y,$.width,$.height);else {let Y=$.x,H=$.y,Ce=$.width,fe=$.height,te=Math.min(_e,Ce/2,fe/2);g.moveTo(Y+te,H),g.lineTo(Y+Ce-te,H),g.quadraticCurveTo(Y+Ce,H,Y+Ce,H+te),g.lineTo(Y+Ce,H+fe-te),g.quadraticCurveTo(Y+Ce,H+fe,Y+Ce-te,H+fe),g.lineTo(Y+te,H+fe),g.quadraticCurveTo(Y,H+fe,Y,H+fe-te),g.lineTo(Y,H+te),g.quadraticCurveTo(Y,H,Y+te,H),g.closePath();}g.stroke(),g.setTransform(1,0,0,1,0,0);},[e]);react.useEffect(()=>{if(!e\|\|d)return;O();let m=e.subscribe(O),C=drawuiCore.subscribeTheme(O),g=()=>O();return window.addEventListener("resize",g),()=>{m(),C(),window.removeEventListener("resize",g);}},[e,d,O]),react.useEffect(()=>{if(!e)return;let m=()=>{let g=e.getCamera().getZoom();a(Math.round(g100));};m();let C=e.subscribe(m);return ()=>{C();}},[e]);let I=react.useCallback((m,C)=>{if(!e)return;let g=e.getCamera(),x=g.getZoom(),U=window.innerWidth/2,P=window.innerHeight/2,A=g;A.x=U-mx,A.y=P-Cx,e.requestRender();},[e]),y=m=>{if(!e\|\|!i.current\|\|m.button!==0)return;let C=i.current.getBoundingClientRect(),g=M.current;if(!g)return;let x=gn(m.clientX,m.clientY,C,g);p.current={pointerId:m.pointerId,rect:{left:C.left,top:C.top,width:C.width,height:C.height},canvasBox:g},m.currentTarget.setPointerCapture(m.pointerId),u(true),I(x.x,x.y);},k=m=>{if(!f\|\|!e\|\|!p.current\|\|!i.current)return;let C=p.current,g=gn(m.clientX,m.clientY,C.rect,C.canvasBox);I(g.x,g.y);},T=m=>{if(f){u(false),p.current=null;try{m.currentTarget.releasePointerCapture(m.pointerId);}catch{}}},b=m=>{if(!e\|\|!i.current)return;let C=M.current;if(!C)return;let g=i.current.getBoundingClientRect(),x=gn(m.clientX,m.clientY,g,C);I(x.x,x.y);};return jsxRuntime.jsxs("div",{className:`drawui-minimap ${d?"collapsed":""}`,children:[jsxRuntime.jsx("button",{className:"drawui-minimap-toggle",onClick:()=>s(m=>!m),"data-drawui-tip":d?drawuiCore.t("minimap.expand"):drawuiCore.t("minimap.collapse"),"data-drawui-tip-pos":"top","aria-label":d?drawuiCore.t("minimap.expand"):drawuiCore.t("minimap.collapse"),children:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:d?jsxRuntime.jsx("polyline",{points:"9 6 15 12 9 18"}):jsxRuntime.jsx("polyline",{points:"15 6 9 12 15 18"})})}),!d&&jsxRuntime.jsxs("div",{className:"drawui-minimap-panel",children:[jsxRuntime.jsxs("div",{className:"drawui-minimap-header",children:[jsxRuntime.jsx("span",{className:"drawui-minimap-title",children:drawuiCore.t("minimap.title")}),jsxRuntime.jsxs("span",{className:"drawui-minimap-zoom",children:[l,"%"]})]}),jsxRuntime.jsx("div",{ref:i,className:"drawui-minimap-canvas-wrap",style:{cursor:f?"grabbing":L?"pointer":"default"},onPointerEnter:()=>w(true),onPointerLeave:()=>w(false),children:jsxRuntime.jsx("canvas",{ref:o,className:"drawui-minimap-canvas",onPointerDown:y,onPointerMove:k,onPointerUp:T,onPointerCancel:T,onDoubleClick:b})})]})]})});var Te=t=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",className:"drawui-gen-shape-glyph",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:t}),Jr=[{type:"rectangle",labelKey:"shape.rectangle",glyph:Te(jsxRuntime.jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"1"}))},{type:"rounded-rectangle",labelKey:"shape.rounded-rectangle",glyph:Te(jsxRuntime.jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"4"}))},{type:"circle",labelKey:"shape.circle",glyph:Te(jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"5.5"}))},{type:"ellipse",labelKey:"shape.ellipse",glyph:Te(jsxRuntime.jsx("ellipse",{cx:"12",cy:"12",rx:"7",ry:"4.5"}))},{type:"diamond",labelKey:"shape.diamond",glyph:Te(jsxRuntime.jsx("path",{d:"M12 5 L19 12 L12 19 L5 12 Z"}))},{type:"triangle",labelKey:"shape.triangle",glyph:Te(jsxRuntime.jsx("path",{d:"M12 4 L20 19 H4 Z"}))},{type:"hexagon",labelKey:"shape.hexagon",glyph:Te(jsxRuntime.jsx("path",{d:"M12 3 L19.5 7.5 V16.5 L12 21 L4.5 16.5 V7.5 Z"}))},{type:"parallelogram",labelKey:"shape.parallelogram",glyph:Te(jsxRuntime.jsx("path",{d:"M6 7 L19 7 L16 17 H7 Z"}))},{type:"trapezoid",labelKey:"shape.trapezoid",glyph:Te(jsxRuntime.jsx("path",{d:"M7 6 H17 L20 18 H4 Z"}))},{type:"pentagon",labelKey:"shape.pentagon",glyph:Te(jsxRuntime.jsx("path",{d:"M12 4 L19.5 9.5 L16.5 18.5 H7.5 L4.5 9.5 Z"}))},{type:"octagon",labelKey:"shape.octagon",glyph:Te(jsxRuntime.jsx("path",{d:"M8 4 H16 L20 8 V16 L16 20 H8 L4 16 V8 Z"}))},{type:"star",labelKey:"shape.star",glyph:Te(jsxRuntime.jsx("path",{d:"M12 3 L14 9.5 L20.5 10 L15.5 14 L17.5 20.5 L12 16.8 L6.5 20.5 L8.5 14 L3.5 10 L10 9.5 Z"}))},{type:"sticky-note",labelKey:"shape.sticky-note",glyph:Te(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsxRuntime.jsx("path",{d:"M20 15h-5v5"})]}))},{type:"uml-class",labelKey:"shape.uml-class",glyph:Te(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsxRuntime.jsx("path",{d:"M3 9 H21"}),jsxRuntime.jsx("path",{d:"M3 15 H21"}),jsxRuntime.jsx("path",{d:"M6 6.5 H10"}),jsxRuntime.jsx("path",{d:"M6 12.5 H12"})]}))},{type:"uml-interface",labelKey:"shape.uml-interface",glyph:Te(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsxRuntime.jsx("path",{d:"M3 9 H21"}),jsxRuntime.jsx("path",{d:"M6 6.5 H10"}),jsxRuntime.jsx("path",{d:"M6 12.5 H12"})]}))},{type:"mind-map",labelKey:"shape.mind-map",glyph:Te(jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"2.2",y:"9",width:"6.6",height:"6",rx:"2"}),jsxRuntime.jsx("rect",{x:"15.4",y:"3.8",width:"6.4",height:"5.2",rx:"1.8"}),jsxRuntime.jsx("rect",{x:"15.4",y:"15",width:"6.4",height:"5.2",rx:"1.8"}),jsxRuntime.jsx("path",{d:"M8.8 12 C 12.2 12 12.2 6.4 15.4 6.4"}),jsxRuntime.jsx("path",{d:"M8.8 12 C 12.2 12 12.2 17.6 15.4 17.6"})]}))}];function bo({editor:t,x:e,y:o,context:i,existingArrowId:d,defaultShapeType:s,onClose:l}){let a=react.useRef(null);V();let L=w=>{t?.createGeneratedConnection(i,{type:w,existingArrowId:d}),l();};return react.useEffect(()=>{let w=p=>{a.current&&!a.current.contains(p.target)&&l();},f=p=>{p.key==="Escape"&&(p.preventDefault(),l());},u=setTimeout(()=>{window.addEventListener("pointerdown",w,true),window.addEventListener("keydown",f,true);},0);return ()=>{clearTimeout(u),window.removeEventListener("pointerdown",w,true),window.removeEventListener("keydown",f,true);}},[l]),jsxRuntime.jsxs("div",{className:"drawui-gen-menu",ref:a,style:{left:e,top:o},children:[jsxRuntime.jsx("div",{className:"drawui-gen-menu-label",children:drawuiCore.t("menu.title")}),jsxRuntime.jsx("div",{className:"drawui-gen-shape-grid",children:Jr.map(w=>jsxRuntime.jsxs("button",{className:`drawui-gen-shape-btn${w.type===s?" drawui-gen-shape-active":""}`,onClick:()=>L(w.type),"data-drawui-tip":drawuiCore.t(w.labelKey),children:[w.glyph,jsxRuntime.jsx("span",{className:"drawui-gen-shape-label",children:drawuiCore.t(w.labelKey)})]},w.type))}),jsxRuntime.jsx("div",{className:"drawui-gen-menu-hint",children:drawuiCore.t("menu.cancel")})]})}var ta=typeof navigator<"u"&&/mac\|iphone\|ipad/i.test(navigator.platform\|\|navigator.userAgent);function ze(t){if(ta)switch(t){case "copy":return "\u2318C";case "copyAsImage":return "\u21E7\u2318C";case "paste":return "\u2318V";case "duplicate":return "\u2318D";case "copyStyle":return "\u2325\u2318C";case "pasteStyle":return "\u2325\u2318V";case "lock":return "\u2325\u2318L";case "delete":return "\u232B";case "group":return "\u2318G";case "ungroup":return "\u21E7\u2318G"}switch(t){case "copy":return "Ctrl + C";case "copyAsImage":return "Ctrl + Shift + C";case "paste":return "Ctrl + V";case "duplicate":return "Ctrl + D";case "copyStyle":return "Ctrl + Alt + C";case "pasteStyle":return "Ctrl + Alt + V";case "lock":return "Ctrl + Alt + L";case "delete":return "Del";case "group":return "Ctrl + G";case "ungroup":return "Ctrl + Shift + G"}}var vo={sep:true},na=t=>"sep"in t&&t.sep===true;function xo({editor:t,pos:e,onClose:o}){V();let[,i]=react.useState(0),d=react.useRef(null),[s,l]=react.useState(null),[a,L]=react.useState(null);react.useEffect(()=>{let x=t.subscribe(()=>i(U=>U+1));return ()=>{x();}},[t]),react.useLayoutEffect(()=>{let x=d.current;if(!x)return;let U=x.getBoundingClientRect(),P=Math.max(8,Math.min(e.x,window.innerWidth-U.width-8)),A=Math.max(8,Math.min(e.y,window.innerHeight-U.height-8));l({left:P,top:A});},[e.x,e.y]),react.useEffect(()=>{let x=A=>{d.current&&!d.current.contains(A.target)&&o();},U=A=>{A.key==="Escape"&&(A.preventDefault(),o());},P=setTimeout(()=>{window.addEventListener("pointerdown",x,true),window.addEventListener("keydown",U,true);},0);return ()=>{clearTimeout(P),window.removeEventListener("pointerdown",x,true),window.removeEventListener("keydown",U,true);}},[o]);let w=t.getSelectedIds(),f=w.length>0,u=e.shapeId,p=u?t.isShapeLocked(u):false,M=f&&!p&&t.hasCopiedStyle(),O=t.hasClipboard(),I=f&&!p,y=f&&!p?t.getSelectedGroupId():null,k=f&&!p&&w.length>=2&&!y,b=(u?t.getShapes().find(x=>x.id===u):void 0)?.groupId??null,m=y?true:!!b&&!p,C=x=>()=>{x(),o();},g;return p?g=b?[{key:"ctx.ungroup",shortcut:ze("ungroup"),action:C(()=>b&&t.ungroupIds([b]))}]:[{key:"ctx.unlock",action:()=>u&&t.setShapeLocked(u,false)}]:f?g=[{key:"ctx.copy",shortcut:ze("copy"),action:C(()=>t.copySelected())},{key:"ctx.copyAsImage",shortcut:ze("copyAsImage"),action:C(()=>{t.copySelectedAsImage();})},{key:"ctx.paste",shortcut:ze("paste"),disabled:!O,action:C(()=>t.paste())},{key:"ctx.duplicate",shortcut:ze("duplicate"),action:C(()=>t.duplicateSelected())},{key:"ctx.layer",submenu:[{key:"ctx.bringToFront",disabled:!I,action:()=>t.bringToFront()},{key:"ctx.bringForward",disabled:!I,action:()=>t.bringForward()},{key:"ctx.sendBackward",disabled:!I,action:()=>t.sendBackward()},{key:"ctx.sendToBack",disabled:!I,action:()=>t.sendToBack()}]},{key:"ctx.copyStyle",shortcut:ze("copyStyle"),action:C(()=>t.copyStyle())},{key:"ctx.pasteStyle",shortcut:ze("pasteStyle"),disabled:!M,action:C(()=>t.pasteStyle())},vo,{key:"ctx.rotate",submenu:[{key:"ctx.rotate90",action:()=>t.rotateSelected(90)},{key:"ctx.rotate180",action:()=>t.rotateSelected(180)},{key:"ctx.rotate270",action:()=>t.rotateSelected(270)}]},y?{key:"ctx.ungroup",shortcut:ze("ungroup"),disabled:!m,action:C(()=>t.ungroupSelected())}:{key:"ctx.group",shortcut:ze("group"),disabled:!k,action:C(()=>t.groupSelected())},vo,{key:"ctx.lock",shortcut:ze("lock"),action:C(()=>t.setSelectedShapesLocked(true))},{key:"ctx.delete",shortcut:ze("delete"),action:C(()=>t.deleteSelected())}]:g=[{key:"ctx.paste",shortcut:ze("paste"),disabled:!O,action:C(()=>t.paste())}],jsxRuntime.jsx("div",{ref:d,className:"drawui-context-menu",style:s?{left:s.left,top:s.top}:{visibility:"hidden",left:e.x,top:e.y},onContextMenu:x=>x.preventDefault(),children:g.map((x,U)=>na(x)?jsxRuntime.jsx("div",{className:"drawui-context-sep"},`sep-${U}`):x.submenu?jsxRuntime.jsxs("div",{className:"drawui-context-sub",onMouseEnter:()=>L(x.key),onMouseLeave:()=>L(null),children:[jsxRuntime.jsxs("button",{type:"button",className:"drawui-context-item",disabled:x.disabled,children:[jsxRuntime.jsx("span",{children:drawuiCore.t(x.key)}),jsxRuntime.jsx("svg",{className:"drawui-context-caret",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("polyline",{points:"9 18 15 12 9 6"})})]}),a===x.key&&jsxRuntime.jsx("div",{className:"drawui-context-submenu",children:x.submenu.map(P=>jsxRuntime.jsx("button",{type:"button",className:"drawui-context-item",disabled:P.disabled,onClick:()=>{P.action(),o();},children:jsxRuntime.jsx("span",{children:drawuiCore.t(P.key)})},P.key))})]},x.key):jsxRuntime.jsxs("button",{type:"button",className:"drawui-context-item",disabled:x.disabled,onClick:x.action,children:[jsxRuntime.jsx("span",{children:drawuiCore.t(x.key)}),x.shortcut&&jsxRuntime.jsx("span",{className:"drawui-context-kbd",children:x.shortcut})]},x.key))})}var ca={select:"tool.select",hand:"tool.hand",rectangle:"tool.rectangle","rounded-rectangle":"tool.rounded-rectangle",circle:"tool.circle",ellipse:"tool.ellipse",diamond:"tool.diamond",triangle:"tool.triangle",hexagon:"tool.hexagon",parallelogram:"tool.parallelogram",trapezoid:"tool.trapezoid",pentagon:"tool.pentagon",octagon:"tool.octagon",star:"tool.star",cylinder:"tool.cylinder",cloud:"tool.cloud",heart:"tool.heart","block-arrow-right":"tool.block-arrow-right","block-arrow-left":"tool.block-arrow-left","block-arrow-up":"tool.block-arrow-up","block-arrow-down":"tool.block-arrow-down","block-arrow-double":"tool.block-arrow-double","right-triangle":"tool.right-triangle",cross:"tool.cross","speech-rect":"tool.speech-rect","speech-round":"tool.speech-round",cube:"tool.cube",sector:"tool.sector",delay:"tool.delay","predefined-process":"tool.predefined-process",document:"tool.document",stadium:"tool.stadium","class-catalog":"tool.class-catalog",chevron:"tool.chevron","brace-left":"tool.brace-left","brace-right":"tool.brace-right",envelope:"tool.envelope",checkbox:"tool.checkbox","sticky-note":"tool.sticky-note",icon:"toolbar.icon","triangular-pyramid":"tool.triangular-pyramid","quadrangular-pyramid":"tool.quadrangular-pyramid",cuboid:"tool.cuboid",sphere:"tool.sphere",ellipsoid:"tool.ellipsoid",pie:"tool.pie","hollow-pie":"tool.hollow-pie","uml-class":"tool.uml-class","uml-interface":"tool.uml-interface",line:"tool.line",arrow:"tool.arrow",text:"tool.text",draw:"tool.draw",pen:"tool.pen",highlighter:"tool.highlighter",eraser:"tool.eraser","mind-map":"tool.mind-map",table:"tool.table",image:"tool.image"};function kn(t){let e=t instanceof Error?t.message:String(t);return e.startsWith("image.tooLarge")?drawuiCore.t("image.tooLarge"):`${drawuiCore.t("image.uploadFailed")}\uFF1A${e}`}function da({initialTool:t="select",className:e="",themeColor:o,theme:i,onThemeChange:d,language:s="zh-CN",data:l,onChange:a,onReady:L,imageUpload:w}){let f=react.useRef(null),u=react.useRef(null),p=react.useRef(null),[M,O]=react.useState(null);V();let[I,y]=react.useState(t),[k,T]=react.useState(false),[b,m]=react.useState(0),[C,g]=react.useState(false),[x,U]=react.useState("straight"),[P,A]=react.useState("end"),[ue,ee]=react.useState(false),[E,q]=react.useState(void 0),[pe,S]=react.useState(100),[se,ve]=react.useState(null),[$,G]=react.useState(null),[xe,ke]=react.useState(false),[$e,Ne]=react.useState(false),[Fe,_e]=react.useState(false),[Y,H]=react.useState(null),[Ce,fe]=react.useState(null),[te,De]=react.useState(false),[X,Ee]=react.useState(null),[He,tt]=react.useState(null),K=react.useRef(null),Ve=react.useRef(0),Le=react.useRef(null),v=react.useRef(a);v.current=a;let D=react.useRef(L);D.current=L,react.useEffect(()=>{if(!f.current)return;let h=new drawuiCore.Editor(f.current,{theme:o?{primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:drawuiCore.hexToRgba(o,.1),shadow:o}}:void 0,language:s,shapes:l,persist:!l,imageUpload:w});p.current=h,O(h),window.__drawuiEditor=h,h.setHighlighterColor(Et()),h.setStickyNoteColor(It()),D.current?.(h),t&&h.setActiveTool(t);let R=h.subscribe(()=>{y(h.getActiveTool());let z=h.getSelectedIds();m(z.length);let Re=h.getShapes().filter(Xe=>z.includes(Xe.id)&&(Xe.type==="line"\|\|Xe.type==="arrow"));if(g(Re.length>0),Re.length>0&&Re[0].connectionType?U(Re[0].connectionType):Re.length>0&&U("straight"),Re.length>0){let Xe=Re.find(jt=>jt.type==="arrow");Xe&&(A(Xe.arrowHead??"end"),ee(Xe.dashed??false));}S(Math.round(h.getCamera().getZoom()*100)),q(h.getArrowStyle()),Ne(h.canUndo()),_e(h.canRedo());let je=h.getSelectedUml();H(je),je\|\|Ee(null);let ot=h.getSelectedMindMap();fe(ot),h.getMindMapEditingShapeId()\|\|De(false),v.current?.(h.getData());}),he=h.subscribeNotifications(z=>{G({type:"success",text:z}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),3500);}),Ae=h.subscribeUi(z=>{if(z.kind==="imageError"){G({type:"error",text:kn(z.message)}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),4e3);return}if(z.kind==="drag"){ke(z.active);return}z.kind==="shapeTypeMenu"&&tt({x:z.screenX,y:z.screenY,context:z.context,existingArrowId:z.existingArrowId,defaultShapeType:z.defaultShapeType});});return ()=>{R(),he(),Ae(),K.current&&clearTimeout(K.current),cancelAnimationFrame(Ve.current),h.dispose();}},[t]),react.useEffect(()=>{if(!o)return;let h=u.current;h&&(h.style.setProperty("--dw-primary",o),h.style.setProperty("--dw-primary-hover",drawuiCore.shadeColor(o,-0.12)),h.style.setProperty("--dw-primary-weak",drawuiCore.hexToRgba(o,.1)),h.style.setProperty("--dw-primary-contrast","#ffffff"),h.style.setProperty("--dw-shadow-primary",`0 2px 8px ${drawuiCore.hexToRgba(o,.3)}`)),p.current?.setTheme({primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:drawuiCore.hexToRgba(o,.1),shadow:o}});},[o]);let[_,W]=react.useState(i??drawuiCore.DEFAULT_PAGE_THEME),J=i??_,le=react.useCallback(h=>{W(h),d?.(h);},[d]);react.useEffect(()=>{document.documentElement.setAttribute("data-theme",J),drawuiCore.setTheme({grid:drawuiCore.PAGE_THEMES[J].grid}),p.current?.requestRender();},[J]),react.useEffect(()=>{drawuiCore.setLanguage(s),p.current?.setLanguage(s);},[s]);let Ye=react.useCallback(h=>{p.current?.setActiveTool(h);},[]),Ie=react.useCallback(()=>{p.current?.zoomIn();},[]),j=react.useCallback(()=>{p.current?.zoomOut();},[]),Be=react.useCallback(()=>{p.current?.resetZoom();},[]),nt=react.useCallback(()=>{let h=!k;T(h),p.current?.setShowGrid(h);},[k]),We=react.useCallback(()=>{p.current?.undo();},[]),ge=react.useCallback(()=>{p.current?.redo();},[]),ut=react.useCallback(h=>{p.current?.downloadImage("drawui",h,{background:"#ffffff"});},[]),c=react.useCallback(()=>{p.current?.downloadJSON("drawui-data");},[]),r=react.useCallback(h=>{let R=new FileReader;R.onload=()=>{let he=typeof R.result=="string"?R.result:"";if(p.current?.importJSON(he)??false){let z=p.current?.getShapes().length??0;G({type:"success",text:drawuiCore.t("import.success",{n:z})});}else G({type:"error",text:drawuiCore.t("import.fail")});K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),3500);},R.onerror=()=>{G({type:"error",text:drawuiCore.t("import.fail")}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),3500);},R.readAsText(h,"utf-8");},[]),Z=react.useCallback(h=>{let R=p.current,he=f.current;if(!R\|\|!he)return;if(R.isPointerDown()){Le.current!==null&&(Le.current=null,ve(null));return}let Ae=h.clientX,z=h.clientY;cancelAnimationFrame(Ve.current),Ve.current=requestAnimationFrame(()=>{let Ue=he.getBoundingClientRect(),Re=Ae-Ue.left,je=z-Ue.top,ot=Re+12,Xe=je+12,jt=R.getSelectedUml()?.id,ht=R.getUmlRowAtScreenPoint({x:Re,y:je});if(ht&&ht.shape.id!==jt&&ht.text&&R.isUmlRowTextTruncated(ht)){Le.current!==ht.text&&(Le.current=ht.text,ve({text:ht.text,x:ot,y:Xe}));return}let bt=R.getShapeAtScreenPoint({x:Re,y:je});bt&&bt.text&&R.isShapeTextTruncated(bt.id)?Le.current!==bt.text&&(Le.current=bt.text,ve({text:bt.text,x:ot,y:Xe})):Le.current!==null&&(Le.current=null,ve(null));});},[]),ce=react.useCallback(()=>{ve(null);},[]),ne=react.useCallback(h=>{let R=p.current,he=f.current;if(!R\|\|!he)return;let Ae=he.getBoundingClientRect(),z=h.clientX-Ae.left,Ue=h.clientY-Ae.top,Re=R.getUmlRowAtScreenPoint({x:z,y:Ue});if(Re){Ee(Re.shape.id);return}let je=R.getMindMapNodeAtScreenPoint({x:z,y:Ue});if(je){R.beginMindMapEdit(je.shapeId,je.nodeId);return}let ot=R.getTableAtScreenPoint({x:z,y:Ue});ot&&R.beginTableEdit(ot.shapeId,ot.row,ot.col);},[]),pt=react.useCallback(()=>{tt(null);},[]),[xt,Cn]=react.useState(null),ko=react.useCallback(()=>Cn(null),[]),Co=react.useCallback(h=>{h.preventDefault();let R=p.current,he=f.current;if(!R\|\|!he\|\|R.isEditing())return;let Ae=he.getBoundingClientRect(),z=R.getShapeAtScreenPoint({x:h.clientX-Ae.left,y:h.clientY-Ae.top});z?R.isShapeLocked(z.id)?R.selectShapeRaw(z.id):R.getSelectedIds().includes(z.id)\|\|R.selectShape(z.id,h.shiftKey):R.selectShape("",false),Cn({x:h.clientX,y:h.clientY,shapeId:z?.id??null});},[]),So=react.useCallback(h=>{h.preventDefault();},[]);return jsxRuntime.jsxs("div",{ref:u,className:`drawui-canvas-board ${e}`,onContextMenu:So,onDragOver:h=>{h.dataTransfer?.types?.includes("Files")&&(h.preventDefault(),h.dataTransfer.dropEffect="copy");},onDrop:h=>{let R=Array.from(h.dataTransfer?.files\|\|[]).filter(Ue=>(Ue.type\|\|"").startsWith("image/"));if(!R.length)return;h.preventDefault();let he=p.current;if(!he)return;let Ae=h.currentTarget.getBoundingClientRect(),z=he.getCamera().screenToPage({x:h.clientX-Ae.left,y:h.clientY-Ae.top});he.insertImageFiles(R,z).then(()=>{!he.hasImageUploader()&&he.hasTemporaryImages()&&(G({type:"success",text:drawuiCore.t("image.temporaryInserted")}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),4e3));}).catch(Ue=>{G({type:"error",text:kn(Ue)}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),4e3);});},children:[jsxRuntime.jsx("canvas",{ref:f,className:"drawui-canvas",onMouseMove:Z,onMouseLeave:ce,onDoubleClick:ne,onContextMenu:Co}),se&&jsxRuntime.jsx("div",{className:"drawui-tooltip",style:{left:se.x,top:se.y},children:se.text}),jsxRuntime.jsx(sn,{activeTool:I,onToolChange:Ye,showGrid:k,onToggleGrid:nt,pageTheme:J,onPageThemeChange:le,canUndo:$e,canRedo:Fe,onUndo:We,onRedo:ge,onExport:ut,onExportData:c,onImportData:r,onHighlighterColorChange:h=>p.current?.setHighlighterColor(h),onStickyNoteColorChange:h=>p.current?.setStickyNoteColor(h),onInsertIcon:h=>p.current?.insertIcon(h),onInsertTable:(h,R)=>p.current?.insertTable(h,R),onInsertImage:h=>{let R=p.current;R&&R.insertImageFiles(h).then(()=>{!R.hasImageUploader()&&R.hasTemporaryImages()&&(G({type:"success",text:drawuiCore.t("image.temporaryInserted")}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),4e3));}).catch(he=>{G({type:"error",text:kn(he)}),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>G(null),4e3);});},arrowStyle:E,onArrowStyleChange:h=>p.current?.setArrowStyle(h),hidden:xe}),jsxRuntime.jsx(cn,{onZoomIn:Ie,onZoomOut:j,onReset:Be,zoomLevel:pe}),jsxRuntime.jsx(Yn,{editor:M,selectedCount:b,hasLineSelection:C,currentConnectionType:x,currentArrowHead:P,currentDashed:ue,hidden:xe}),jsxRuntime.jsx(eo,{editor:M,umlClass:Y,editing:X}),jsxRuntime.jsx(uo,{editor:M,hidden:xe}),jsxRuntime.jsx(so,{editor:M,panelOpen:te}),jsxRuntime.jsx(ro,{editor:M,panelOpen:te,onOpenPanel:()=>De(true)}),te&&jsxRuntime.jsx(yo,{editor:M,mindMap:Ce}),jsxRuntime.jsx(go,{editor:M}),He&&jsxRuntime.jsx(bo,{editor:M,x:He.x,y:He.y,context:He.context,existingArrowId:He.existingArrowId,defaultShapeType:He.defaultShapeType,onClose:pt}),xt&&M&&jsxRuntime.jsx(xo,{editor:M,pos:xt,onClose:ko}),jsxRuntime.jsxs("div",{className:"drawui-status-bar",children:[jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsx("span",{children:drawuiCore.t(ca[I])})}),jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsx("span",{children:b===0?drawuiCore.t("status.none"):drawuiCore.t("status.selected",{n:b})})}),jsxRuntime.jsx("div",{className:"drawui-status-item",children:jsxRuntime.jsxs("span",{children:[pe,"%"]})})]}),$&&jsxRuntime.jsxs("div",{className:"drawui-toast",children:[$.type==="success"?jsxRuntime.jsx("svg",{className:"drawui-toast-icon",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})}):jsxRuntime.jsxs("svg",{className:"drawui-toast-icon drawui-toast-icon-error",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),$.text]})]})}exports.CanvasBoard=da;exports.Toolbar=sn;exports.ZoomControl=cn;