@cyber-harbour/ui 1.1.6 → 1.1.7
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.
- package/dist/index.js +34 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +32 -32
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -11,7 +11,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
11
11
|
font-family: ${e.typography.fontFamily};
|
|
12
12
|
font-size: ${e.baseSize}px;
|
|
13
13
|
}
|
|
14
|
-
`);var U1=t((e,o)=>{if(!o||typeof o!="string")return;if(!(o.includes(".")||e.colors.hasOwnProperty(o)))return o;let a=o.split(".");if(a.length===1)return e.colors[a[0]];if(a.length===2){let[d,c]=a,S=e.colors[d];if(S&&typeof S=="object")return S[c]}},"resolveThemeColor"),F=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("px","")):e;return isNaN(n)?(console.warn(`Invalid pixel value: ${e}`),"0"):`${(n/o).toFixed(4).replace(/\.?0+$/,"")}rem`},"pxToRem"),X5=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("rem","")):e;return isNaN(n)?0:n*o},"remToPx"),A2={contextMenu:["padding"],baseSize:true},a1=t((e,o=16)=>{if(typeof e=="string"&&/(%|d?vh|d?vw|d?rem)$/.test(e.trim()))return e;let n=typeof e=="string"?parseFloat(e):e;return isNaN(n)?`${e}`:`${(n/o).toFixed(4).replace(/\.?0+$/,"")}rem`},"propToRem"),P1=t((e,o=14,n)=>{let a={};return Object.entries(e).forEach(([d,c])=>{c!==null&&typeof c=="object"&&!Array.isArray(c)?a[d]=P1(c,o,d):typeof c=="string"&&/^\d+(\.\d+)?px$/.test(c.trim())||typeof c=="number"&&["fontSize","width","height","padding","margin","gap","borderRadius","size"].some(S=>d.toLowerCase().includes(S.toLowerCase()))&&!(n&&Array.isArray(A2[n])&&A2[n].includes(d))&&!A2[d]?a[d]=F(c,o):a[d]=c;}),a},"convertPaletteToRem"),d1=t((e,o,n,a)=>e.button[o][n][a],"getButtonStyles"),C1=t((e,o)=>e.button.sizes[o],"getButtonSizeStyles"),Ce=t((e,o,n)=>e.input[o][n],"getInputStyles"),pe=t((e,o="body")=>e.typography.variants[o]||e.typography.variants.body,"getTypographyStyles"),ue=t((e,o="m")=>`@media (min-width: ${e.breakpoints[o]}px)`,"getBreakpoint"),b1=t((e,o)=>{try{let n=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),d=parseInt(e.slice(5,7),16);return `rgba(${n}, ${a}, ${d}, ${o})`}catch{return e}},"hexToRgba");var q1={dropdown:1e3,sticky:1020,fixed:1030,backdrop:1040,modal:1050,popover:1060,tooltip:1070},m1={xs:320,s:576,m:768,l:992,xl:1200},K1={fontFamily:"Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;",lineHeight:1.49,variants:{h1:{fontSize:22},h2:{fontSize:16},h3:{fontSize:14},body:{fontSize:12}}};var _5={mode:"light",baseSize:14,colors:{background:"#ffffff",backgroundBase:"#F7F8FC",primary:{main:"#0042EC",light:"#80A0F5",lighter:"#E5ECFD",lightest:"#F3F7FF",lightest2:"rgba(0, 66, 236, 0.05)",dark:"#10253A"},text:{main:"#101010",light:"#535353",lighter:"#99989C",invert:"#ffffff",success:"#31B083",error:"#C93939"},stroke:{main:"#C7C5C5",light:"#EBEBEB",lighter:"#F3F3F3"},disable:"#FAFAFA",success:"#27AE60",error:"#C93939",warning:"#F2994A",info:"#2F80ED"},typography:K1,breakpoints:m1,zIndex:q1,line:{size:1,color:"#EBEBEB"},button:{fill:{default:{default:{background:"#E8EAEE",text:"#101010",border:" #E8EAEE",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},primary:{default:{background:"#0042EC",text:"#FFFFFF",border:" #0042EC",boxShadow:"none"},hover:{background:"#4D7BF2",text:"#FFFFFF",border:" #4D7BF2",boxShadow:"none"},active:{background:"#4D7BF2",text:"#FFFFFF",border:" #4D7BF2",boxShadow:"none"},disabled:{background:"#99989C",text:"#FFFFFF",border:" #E5ECFD",boxShadow:"none"}},secondary:{default:{background:"#E8EAEE",text:"#101010",border:" #E8EAEE",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},error:{default:{background:"#C93939",text:"#FFFFFF",border:" #C93939",boxShadow:"none"},hover:{background:"#C53939",text:"#FFFFFF",border:" #C53939",boxShadow:"none"},active:{background:"#C53939",text:"#FFFFFF",border:" #C53939",boxShadow:"none"},disabled:{background:"#FFCCCB",text:"#FFFFFF",border:" #FFCCCB",boxShadow:"none"}},soft:{default:{background:"#80A0F5",text:"#FFFFFF",border:"#80A0F5",boxShadow:"none"},hover:{background:"#0042EC",text:"#FFFFFF",border:"#0042EC",boxShadow:"none"},active:{background:"#0042EC",text:"#FFFFFF",border:"#0042EC",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"#535353",text:"#FFFFFF",border:"#535353",boxShadow:"none"},hover:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},active:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},outlined:{default:{default:{background:"transparent",text:"#101010",border:" #EBEBEB",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #EBEBEB",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#0042EC",border:" #0042EC",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#0042EC",border:" #0042EC",boxShadow:"none"},active:{background:"#E5ECFD",text:"#0042EC",border:" #0042EC",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},secondary:{default:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},active:{background:"#E5ECFD",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:" #C93939",boxShadow:"none"},hover:{background:"#FCF5F5",text:"#C93939",border:" #C93939",boxShadow:"none"},active:{background:"#FCF5F5",text:"#C93939",border:" #C93939",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},active:{background:"#E5ECFD",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"transparent",text:"#535353",border:"#EBEBEB",boxShadow:"none"},hover:{background:"#EEEEEE",text:"#535353",border:"#EBEBEB",boxShadow:"none"},active:{background:"#EEEEEE",text:"#535353",border:"#EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},empty:{default:{default:{background:"transparent",text:"#101010",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none",filledIcon:{background:"#E5ECFD",color:"#0042EC"}},hover:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none",filledIcon:{background:"#0042EC",color:"#ffffff"}},active:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none",filledIcon:{background:"#0042EC",color:"#ffffff"}},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none",filledIcon:{background:"#BEBEBE",color:"#99989C"}}},secondary:{default:{background:"transparent",text:"#101010",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#FCF5F5",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#FCF5F5",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},light:{default:{background:"transparent",text:"#535353",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}}},sizes:{small:{fontSize:14,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10},medium:{fontSize:16,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10}}},sidebar:{background:"#FFFFFF",border:"#EBEBEB",width:242,collapsedWidth:65,text:{default:"#535353",active:"#0042EC",hover:"#0042EC"},item:{default:{background:"transparent",border:"transparent",padding:"10px 16px",height:40},active:{background:"#E5ECFD",borderLeft:"2px solid #0042EC",padding:"10px 16px",height:40},hover:{background:"#F3F7FF",border:"transparent",padding:"10px 16px",height:40}},section:{background:"transparent",padding:"16px 16px 8px",title:{color:"#99989C",fontSize:"12px",fontWeight:600}},delimeter:{color:"#C7C5C5",thickness:1,margin:"8px 0"}},contextMenu:{button:{default:{background:"transparent",text:"#101010",border:" #EBEBEB",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},delimeter:{color:"#C7C5C5",thickness:1,marginInline:12,marginBlock:3,style:"solid"},shadow:"0px 4px 16px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",padding:5,icon:{size:7}},select:{item:{default:{background:"transparent",text:"#101010",border:" none",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" none",boxShadow:"none"},active:{background:"#E8EAEE",text:"#101010",border:" none",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" none",boxShadow:"none"}},paddingBlock:7,paddingInline:5,margin:2,padding:6},rowActionsMenu:{button:{default:{background:"transparent",text:"#101010",border:" none",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:" none",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:" none",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" none",boxShadow:"none"}},delimiterColor:"#C7C5C5",icon:{size:16}},input:{sizes:{empty:{fontSize:14,paddingInline:0,paddingBlock:0,borderRadius:0,iconSize:14,height:"auto",lineHeight:16},small:{fontSize:14,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:14,height:40,lineHeight:16},medium:{fontSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:16,height:40,lineHeight:18}},outlined:{default:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #EBEBEB",boxShadow:"none",icon:"#101010"},focus:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #0042EC",boxShadow:"none",icon:"#101010"},error:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #C93939",boxShadow:"none",icon:"#C93939"},disabled:{background:"#FAFAFA",text:"#99989C",placeholder:"#99989C",border:" #EBEBEB",boxShadow:"none",icon:"#99989C"}},empty:{default:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#101010"},focus:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#101010"},error:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#C93939"},disabled:{background:"#FAFAFA",text:"#99989C",placeholder:"#99989C",border:"transparent",boxShadow:"none",icon:"#99989C"}}},box:{padding:20,borderRadius:8,border:{width:1,style:"solid",color:"#EBEBEB"},background:"#FFFFFF"},graph2D:{ring:{highlightFill:"rgba(255, 165, 0, 0.3)",selectionFill:"rgb(100, 255, 255)",borderFill:"rgba(255, 255, 255, 0.25)"},button:{stroke:"#e5e5e5",normalFill:"rgba(255, 255, 255, 0.8)",hoverFill:"rgba(230, 230, 230, 0.9)",textColor:"#99989C",spinnerColor:"#80A0F5"},grid:{dotColor:"rgba(0, 0, 0, 0.5)"},link:{normal:"#999",highlighted:"#ff9900",textColor:"#666",highlightedTextColor:"#663300",textBgColor:"rgba(255, 255, 255, 0.8)",highlightedTextBgColor:"rgba(255, 230, 204, 0.9)"}},contentLoader:{foreground:"#E2E2E2E2",background:"#F3F3F3"},tag:{outlined:{borderRadius:50,paddingBlock:5,paddingInline:10,borderWidth:1,color:{default:"#535353",primary:"#0042EC",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#101010",orange:"#d3741b"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#535353",primary:"#0042EC",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#101010",orange:"#d3741b"}}},alert:{paddingBlock:16,paddingLeft:16,paddingRight:44,borderRadius:5,fontSize:14,gap:12,icon:{width:16,height:14,paddingTop:2},color:{icon:"#FDC700",text:"#894B00",background:"#FFFBE0"}},label:{sizes:{small:{fontSize:14,gap:10,marginBottom:20,helpText:{fontSize:12,marginTop:5}},medium:{fontSize:16,gap:10,marginBottom:25,helpText:{fontSize:14,marginTop:5}}},color:"#101010",helpTextColor:"#99989C"},leanerProgress:{background:"#EBEBEB",progressColor:"#0042EC"},switch:{default:{background:"#C7C5C5",color:"#FFFFFF"},checked:{background:"#0042EC",color:"#FFFFFF"},disabled:{background:"#EBEBEB",color:"#FFFFFF"}},drawer:{padding:20,width:573,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)"},tooltip:{fontSize:14,padding:10,borderRadius:6,maxWidth:240,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)",color:"#535353",background:"#EBEBEB"},pagination:{fontSize:14,paddingBlock:4,paddingInline:8,borderRadius:3,gap:6,height:26,iconSize:8},overlay:{paddingBlock:40,gap:6,background:"rgba(16, 16, 16, 0.1)"},modal:{padding:20,width:545,shadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderColor:"#EBEBEB",background:"#FFFFFF",borderRadius:8}},U5=P1(_5,_5.baseSize);var q5={mode:"dark",baseSize:14,colors:{background:"#0F1317",backgroundBase:"#000000",primary:{main:"#158EFF",light:"#80A0F5",lighter:"#10253A",lightest:"#020E19",lightest2:"rgba(0, 66, 236, 0.05)",dark:"#80A0F5"},text:{main:"#FFFFFF",light:"#99989C",lighter:"#535353",invert:"#101010",success:"#31B083",error:"#C93939"},stroke:{main:"#34404C",light:"#1E2226",lighter:"#333333"},disable:"#080A0C",success:"#27AE60",error:"#C93939",warning:"#F2994A",info:"#2F80ED"},typography:K1,breakpoints:m1,zIndex:q1,line:{size:1,color:"#1E2226"},button:{fill:{default:{default:{background:"#1E2226",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},disabled:{background:"#1E2226",text:"#99989C",border:" #1E2226",boxShadow:"none"}},primary:{default:{background:"#158EFF",text:"#FFFFFF",border:" #158EFF",boxShadow:"none"},hover:{background:"#44a5ff",text:"#FFFFFF",border:" #44a5ff",boxShadow:"none"},active:{background:"#44a5ff",text:"#FFFFFF",border:" #44a5ff",boxShadow:"none"},disabled:{background:"#99989C",text:"#FFFFFF",border:" #10253A",boxShadow:"none"}},secondary:{default:{background:"#1E2226",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},disabled:{background:"#1E2226",text:"#99989C",border:" #1E2226",boxShadow:"none"}},error:{default:{background:"#C93939",text:"#FFFFFF",border:" #C93939",boxShadow:"none"},hover:{background:"#d46161",text:"#FFFFFF",border:" #d46161",boxShadow:"none"},active:{background:"#d46161",text:"#FFFFFF",border:" #d46161",boxShadow:"none"},disabled:{background:"#511616",text:"#FFFFFF",border:" #511616",boxShadow:"none"}},soft:{default:{background:"#80A0F5",text:"#FFFFFF",border:"#80A0F5",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:"#10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:"#10253A",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"#535353",text:"#FFFFFF",border:"#535353",boxShadow:"none"},hover:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},active:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},outlined:{default:{default:{background:"transparent",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #1E2226",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#158EFF",border:" #158EFF",boxShadow:"none"},hover:{background:"#10253A",text:"#158EFF",border:" #158EFF",boxShadow:"none"},active:{background:"#10253A",text:"#158EFF",border:" #158EFF",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},secondary:{default:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#158EFF",border:" #1E2226",boxShadow:"none"},active:{background:"#10253A",text:"#158EFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #1E2226",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:" #C93939",boxShadow:"none"},hover:{background:"#290b0b",text:"#C93939",border:" #290b0b",boxShadow:"none"},active:{background:"#290b0b",text:"#C93939",border:" #290b0b",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},hover:{background:"#1A212D",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},active:{background:"#1A212D",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"transparent",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},hover:{background:"#222A32",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},active:{background:"#222A32",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},empty:{default:{default:{background:"transparent",text:"#FFFFFF",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none",filledIcon:{background:"#10253A",color:"#158EFF"}},hover:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none",filledIcon:{background:"#158EFF",color:"#0F1317"}},active:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none",filledIcon:{background:"#158EFF",color:"#0F1317"}},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none",filledIcon:{background:"#BEBEBE",color:"#99989C"}}},secondary:{default:{background:"transparent",text:"#FFFFFF",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#d46161",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#d46161",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},light:{default:{background:"transparent",text:"#E8EAEE",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#34404C",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#34404C",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}}},sizes:{small:{fontSize:14,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10},medium:{fontSize:16,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10}}},sidebar:{background:"#0F1317",border:"#1E2226",width:242,collapsedWidth:65,text:{default:"#99989C",active:"#158EFF",hover:"#158EFF"},item:{default:{background:"transparent",border:"transparent",padding:"10px 16px",height:40},active:{background:"#10253A",borderLeft:"2px solid #158EFF",padding:"10px 16px",height:40},hover:{background:"#020E19",border:"transparent",padding:"10px 16px",height:40}},section:{background:"transparent",padding:"16px 16px 8px",title:{color:"#020b14",fontSize:"12px",fontWeight:600}},delimeter:{color:"#34404C",thickness:1,margin:"8px 0"}},contextMenu:{button:{default:{background:"transparent",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" #1E2226",boxShadow:"none"}},delimeter:{color:"#34404C",thickness:1,marginInline:12,marginBlock:3,style:"solid"},shadow:"0px 4px 16px rgba(255, 255, 255, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.06)",padding:5,icon:{size:7}},select:{item:{default:{background:"transparent",text:"#FFFFFF",border:" none",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" none",boxShadow:"none"},active:{background:"#1E2226",text:"#FFFFFF",border:" none",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" none",boxShadow:"none"}},paddingBlock:7,paddingInline:5,margin:2,padding:6},rowActionsMenu:{button:{default:{background:"transparent",text:"#FFFFFF",border:" none",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:" none",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:" none",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" none",boxShadow:"none"}},delimiterColor:"#34404C",icon:{size:16}},input:{sizes:{empty:{fontSize:14,paddingInline:0,paddingBlock:0,borderRadius:0,iconSize:14,height:"auto",lineHeight:16},small:{fontSize:14,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:14,height:40,lineHeight:16},medium:{fontSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:16,height:40,lineHeight:18}},outlined:{default:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #1E2226",boxShadow:"none",icon:"#FFFFFF"},focus:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #158EFF",boxShadow:"none",icon:"#FFFFFF"},error:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #C93939",boxShadow:"none",icon:"#C93939"},disabled:{background:"#080A0C",text:"#99989C",placeholder:"#99989C",border:" #1E2226",boxShadow:"none",icon:"#99989C"}},empty:{default:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#FFFFFF"},focus:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#FFFFFF"},error:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#C93939"},disabled:{background:"transparent",text:"#99989C",placeholder:"#99989C",border:"transparent",boxShadow:"none",icon:"#99989C"}}},box:{padding:20,borderRadius:8,border:{width:1,style:"solid",color:"#1E2226"},background:"#0F1317"},graph2D:{ring:{highlightFill:"rgba(255, 239, 64, 0.8)",selectionFill:"rgb(100, 255, 255)",borderFill:"rgba(255, 255, 255, 0.75)"},button:{stroke:"#1A1A1A",normalFill:"rgba(0, 0, 0, 0.8)",hoverFill:"rgba(25, 25, 25, 0.9)",textColor:"#99989C",spinnerColor:"#80A0F5"},grid:{dotColor:"rgba(255, 255, 255, 0.5)"},link:{normal:"#666",highlighted:"#0066ff",textColor:"#999",highlightedTextColor:"#99ccff",textBgColor:"rgba(0, 0, 0, 0.8)",highlightedTextBgColor:"rgba(0, 25, 51, 0.9)"}},contentLoader:{foreground:"#99989C",background:"#535353"},tag:{outlined:{borderRadius:50,paddingBlock:5,paddingInline:10,borderWidth:1,color:{default:"#99989C",primary:"#3991FA",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#FFFFFF",orange:"#d3741b"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#99989C",primary:"#3991FA",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#FFFFFF",orange:"#d3741b"}}},alert:{paddingBlock:16,paddingLeft:16,paddingRight:44,borderRadius:5,fontSize:14,gap:12,icon:{width:16,height:14,paddingTop:2},color:{icon:"#FDC700",text:"#FFEDD8",background:"#68550E"}},label:{sizes:{small:{fontSize:14,gap:10,marginBottom:20,helpText:{fontSize:12,marginTop:5}},medium:{fontSize:16,gap:10,marginBottom:25,helpText:{fontSize:14,marginTop:5}}},color:"#ffffff",helpTextColor:"#535353"},leanerProgress:{background:"#1E2226",progressColor:"#158EFF"},switch:{default:{background:"#34404C",color:"#0F1317"},checked:{background:"#158EFF",color:"#0F1317"},disabled:{background:"#1E2226",color:"#0F1317"}},drawer:{padding:20,width:573,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)"},tooltip:{fontSize:14,padding:10,borderRadius:6,maxWidth:240,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)",color:"#99989C",background:"#1E2226"},pagination:{fontSize:14,paddingBlock:4,paddingInline:8,borderRadius:3,gap:6,height:26,iconSize:8},overlay:{paddingBlock:40,gap:6,background:"rgba(0, 0, 0, 0.5)"},modal:{padding:20,width:545,shadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderColor:"#1E2226",background:"#0F1317",borderRadius:8}},K5=P1(q5,q5.baseSize);var D2=t(e=>{if(typeof window<"u"){let n=window.innerWidth;for(let[a,d]of Object.entries(e))if(n<d)return a}let o=Object.keys(e);return o[o.length-1]},"getBreakpoint"),Q5=createContext(D2(m1)),j5=t(({children:e})=>{let o=useTheme(),[n,a]=useState(D2(o.breakpoints));return useEffect(()=>{if(typeof window>"u")return;let d=t(()=>{let c=D2(o.breakpoints);c!==n&&a(c);},"handleResize");return window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d);}},[n,o.breakpoints]),jsx(Q5.Provider,{value:n,children:e})},"BreakpointProvider"),e4=t(()=>{let e=useContext(Q5),o=useTheme(),n=useMemo(()=>Object.keys(o.breakpoints),[o.breakpoints]);return {currentBreakpoint:e,breakpointsOrder:n}},"useBreakpoint");var ze=t(({children:e,mode:o})=>jsx(StyleSheetManager,{shouldForwardProp:Z6,children:jsx(ThemeProvider,{theme:o=="light"||o==="LIGHT"?U5:K5,children:jsxs(j5,{children:[jsx(Y5,{}),e]})})}),"ThemeProvider");function Z6(e,o){return typeof o=="string"?!["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py"].includes(e):true}t(Z6,"shouldForwardProp");var R6=t(({ignoreStyles:e}={})=>css(({theme:o,...n})=>`
|
|
14
|
+
`);var q1=t((e,o)=>{if(!o||typeof o!="string")return;if(!(o.includes(".")||e.colors.hasOwnProperty(o)))return o;let a=o.split(".");if(a.length===1)return e.colors[a[0]];if(a.length===2){let[d,c]=a,S=e.colors[d];if(S&&typeof S=="object")return S[c]}},"resolveThemeColor"),F=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("px","")):e;return isNaN(n)?(console.warn(`Invalid pixel value: ${e}`),"0"):`${(n/o).toFixed(4).replace(/\.?0+$/,"")}rem`},"pxToRem"),X5=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("rem","")):e;return isNaN(n)?0:n*o},"remToPx"),A2={contextMenu:["padding"],baseSize:true},a1=t((e,o=16)=>{if(typeof e=="string"&&/(%|d?vh|d?vw|d?rem)$/.test(e.trim()))return e;let n=typeof e=="string"?parseFloat(e):e;return isNaN(n)?`${e}`:`${(n/o).toFixed(4).replace(/\.?0+$/,"")}rem`},"propToRem"),P1=t((e,o=14,n)=>{let a={};return Object.entries(e).forEach(([d,c])=>{c!==null&&typeof c=="object"&&!Array.isArray(c)?a[d]=P1(c,o,d):typeof c=="string"&&/^\d+(\.\d+)?px$/.test(c.trim())||typeof c=="number"&&["fontSize","width","height","padding","margin","gap","borderRadius","size"].some(S=>d.toLowerCase().includes(S.toLowerCase()))&&!(n&&Array.isArray(A2[n])&&A2[n].includes(d))&&!A2[d]?a[d]=F(c,o):a[d]=c;}),a},"convertPaletteToRem"),d1=t((e,o,n,a)=>e.button[o][n][a],"getButtonStyles"),C1=t((e,o)=>e.button.sizes[o],"getButtonSizeStyles"),Ce=t((e,o,n)=>e.input[o][n],"getInputStyles"),pe=t((e,o="body")=>e.typography.variants[o]||e.typography.variants.body,"getTypographyStyles"),ue=t((e,o="m")=>`@media (min-width: ${e.breakpoints[o]}px)`,"getBreakpoint"),b1=t((e,o)=>{try{let n=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),d=parseInt(e.slice(5,7),16);return `rgba(${n}, ${a}, ${d}, ${o})`}catch{return e}},"hexToRgba");var K1={dropdown:1e3,sticky:1020,fixed:1030,backdrop:1040,modal:1050,popover:1060,tooltip:1070},m1={xs:320,s:576,m:768,l:992,xl:1200},J1={fontFamily:"Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;",lineHeight:1.49,variants:{h1:{fontSize:22},h2:{fontSize:16},h3:{fontSize:14},body:{fontSize:12}}};var _5={mode:"light",baseSize:14,colors:{background:"#ffffff",backgroundBase:"#F7F8FC",primary:{main:"#0042EC",light:"#80A0F5",lighter:"#E5ECFD",lightest:"#F3F7FF",lightest2:"rgba(0, 66, 236, 0.05)",dark:"#10253A"},text:{main:"#101010",light:"#535353",lighter:"#99989C",invert:"#ffffff",success:"#31B083",error:"#C93939"},stroke:{main:"#C7C5C5",light:"#EBEBEB",lighter:"#F3F3F3"},disable:"#FAFAFA",success:"#27AE60",error:"#C93939",warning:"#F2994A",info:"#2F80ED"},typography:J1,breakpoints:m1,zIndex:K1,line:{size:1,color:"#EBEBEB"},button:{fill:{default:{default:{background:"#E8EAEE",text:"#101010",border:" #E8EAEE",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},primary:{default:{background:"#0042EC",text:"#FFFFFF",border:" #0042EC",boxShadow:"none"},hover:{background:"#4D7BF2",text:"#FFFFFF",border:" #4D7BF2",boxShadow:"none"},active:{background:"#4D7BF2",text:"#FFFFFF",border:" #4D7BF2",boxShadow:"none"},disabled:{background:"#99989C",text:"#FFFFFF",border:" #E5ECFD",boxShadow:"none"}},secondary:{default:{background:"#E8EAEE",text:"#101010",border:" #E8EAEE",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #E5ECFD",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},error:{default:{background:"#C93939",text:"#FFFFFF",border:" #C93939",boxShadow:"none"},hover:{background:"#C53939",text:"#FFFFFF",border:" #C53939",boxShadow:"none"},active:{background:"#C53939",text:"#FFFFFF",border:" #C53939",boxShadow:"none"},disabled:{background:"#FFCCCB",text:"#FFFFFF",border:" #FFCCCB",boxShadow:"none"}},soft:{default:{background:"#80A0F5",text:"#FFFFFF",border:"#80A0F5",boxShadow:"none"},hover:{background:"#0042EC",text:"#FFFFFF",border:"#0042EC",boxShadow:"none"},active:{background:"#0042EC",text:"#FFFFFF",border:"#0042EC",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"#535353",text:"#FFFFFF",border:"#535353",boxShadow:"none"},hover:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},active:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},outlined:{default:{default:{background:"transparent",text:"#101010",border:" #EBEBEB",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" #EBEBEB",boxShadow:"none"},active:{background:"#E5ECFD",text:"#101010",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#0042EC",border:" #0042EC",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#0042EC",border:" #0042EC",boxShadow:"none"},active:{background:"#E5ECFD",text:"#0042EC",border:" #0042EC",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},secondary:{default:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},active:{background:"#E5ECFD",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:" #C93939",boxShadow:"none"},hover:{background:"#FCF5F5",text:"#C93939",border:" #C93939",boxShadow:"none"},active:{background:"#FCF5F5",text:"#C93939",border:" #C93939",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},active:{background:"#E5ECFD",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"transparent",text:"#535353",border:"#EBEBEB",boxShadow:"none"},hover:{background:"#EEEEEE",text:"#535353",border:"#EBEBEB",boxShadow:"none"},active:{background:"#EEEEEE",text:"#535353",border:"#EBEBEB",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},empty:{default:{default:{background:"transparent",text:"#101010",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none",filledIcon:{background:"#E5ECFD",color:"#0042EC"}},hover:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none",filledIcon:{background:"#0042EC",color:"#ffffff"}},active:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none",filledIcon:{background:"#0042EC",color:"#ffffff"}},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none",filledIcon:{background:"#BEBEBE",color:"#99989C"}}},secondary:{default:{background:"transparent",text:"#101010",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#FCF5F5",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#FCF5F5",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},light:{default:{background:"transparent",text:"#535353",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}}},sizes:{small:{fontSize:14,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10},medium:{fontSize:16,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10}}},sidebar:{background:"#FFFFFF",border:"#EBEBEB",width:242,collapsedWidth:65,text:{default:"#535353",active:"#0042EC",hover:"#0042EC"},item:{default:{background:"transparent",border:"transparent",padding:"10px 16px",height:40},active:{background:"#E5ECFD",borderLeft:"2px solid #0042EC",padding:"10px 16px",height:40},hover:{background:"#F3F7FF",border:"transparent",padding:"10px 16px",height:40}},section:{background:"transparent",padding:"16px 16px 8px",title:{color:"#99989C",fontSize:"12px",fontWeight:600}},delimeter:{color:"#C7C5C5",thickness:1,margin:"8px 0"}},contextMenu:{button:{default:{background:"transparent",text:"#101010",border:" #EBEBEB",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:" #EBEBEB",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},delimeter:{color:"#C7C5C5",thickness:1,marginInline:12,marginBlock:3,style:"solid"},shadow:"0px 4px 16px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",padding:5,icon:{size:7}},select:{item:{default:{background:"transparent",text:"#101010",border:" none",boxShadow:"none"},hover:{background:"#E5ECFD",text:"#101010",border:" none",boxShadow:"none"},active:{background:"#E8EAEE",text:"#101010",border:" none",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" none",boxShadow:"none"}},paddingBlock:7,paddingInline:5,margin:2,padding:6},rowActionsMenu:{button:{default:{background:"transparent",text:"#101010",border:" none",boxShadow:"none"},hover:{background:"transparent",text:"#0042EC",border:" none",boxShadow:"none"},active:{background:"transparent",text:"#0042EC",border:" none",boxShadow:"none"},disabled:{background:"#FAFAFA",text:"#99989C",border:" none",boxShadow:"none"}},delimiterColor:"#C7C5C5",icon:{size:16}},input:{sizes:{empty:{fontSize:14,paddingInline:0,paddingBlock:0,borderRadius:0,iconSize:14,height:"auto",lineHeight:16},small:{fontSize:14,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:14,height:40,lineHeight:16},medium:{fontSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:16,height:40,lineHeight:18}},outlined:{default:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #EBEBEB",boxShadow:"none",icon:"#101010"},focus:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #0042EC",boxShadow:"none",icon:"#101010"},error:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" #C93939",boxShadow:"none",icon:"#C93939"},disabled:{background:"#FAFAFA",text:"#99989C",placeholder:"#99989C",border:" #EBEBEB",boxShadow:"none",icon:"#99989C"}},empty:{default:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#101010"},focus:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#101010"},error:{background:"transparent",text:"#101010",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#C93939"},disabled:{background:"#FAFAFA",text:"#99989C",placeholder:"#99989C",border:"transparent",boxShadow:"none",icon:"#99989C"}}},box:{padding:20,borderRadius:8,border:{width:1,style:"solid",color:"#EBEBEB"},background:"#FFFFFF"},graph2D:{ring:{highlightFill:"rgba(255, 165, 0, 0.3)",selectionFill:"rgb(100, 255, 255)",borderFill:"rgba(255, 255, 255, 0.25)"},button:{stroke:"#e5e5e5",normalFill:"rgba(255, 255, 255, 0.8)",hoverFill:"rgba(230, 230, 230, 0.9)",textColor:"#99989C",spinnerColor:"#80A0F5"},grid:{dotColor:"rgba(0, 0, 0, 0.5)"},link:{normal:"#999",highlighted:"#ff9900",textColor:"#666",highlightedTextColor:"#663300",textBgColor:"rgba(255, 255, 255, 0.8)",highlightedTextBgColor:"rgba(255, 230, 204, 0.9)"}},contentLoader:{foreground:"#E2E2E2E2",background:"#F3F3F3"},tag:{outlined:{borderRadius:50,paddingBlock:5,paddingInline:10,borderWidth:1,color:{default:"#535353",primary:"#0042EC",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#101010",orange:"#d3741b"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#535353",primary:"#0042EC",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#101010",orange:"#d3741b"}}},alert:{paddingBlock:16,paddingLeft:16,paddingRight:44,borderRadius:5,fontSize:14,gap:12,icon:{width:16,height:14,paddingTop:2},color:{icon:"#FDC700",text:"#894B00",background:"#FFFBE0"}},label:{sizes:{small:{fontSize:14,gap:10,marginBottom:20,helpText:{fontSize:12,marginTop:5}},medium:{fontSize:16,gap:10,marginBottom:25,helpText:{fontSize:14,marginTop:5}}},color:"#101010",helpTextColor:"#99989C"},leanerProgress:{background:"#EBEBEB",progressColor:"#0042EC"},switch:{default:{background:"#C7C5C5",color:"#FFFFFF"},checked:{background:"#0042EC",color:"#FFFFFF"},disabled:{background:"#EBEBEB",color:"#FFFFFF"}},drawer:{padding:20,width:573,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)"},tooltip:{fontSize:14,padding:10,borderRadius:6,maxWidth:240,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)",color:"#535353",background:"#EBEBEB"},pagination:{fontSize:14,paddingBlock:4,paddingInline:8,borderRadius:3,gap:6,height:26,iconSize:8},overlay:{paddingBlock:40,gap:6,background:"rgba(16, 16, 16, 0.1)"},modal:{padding:20,width:545,shadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderColor:"#EBEBEB",background:"#FFFFFF",borderRadius:8}},U5=P1(_5,_5.baseSize);var q5={mode:"dark",baseSize:14,colors:{background:"#0F1317",backgroundBase:"#000000",primary:{main:"#158EFF",light:"#80A0F5",lighter:"#10253A",lightest:"#020E19",lightest2:"rgba(0, 66, 236, 0.05)",dark:"#80A0F5"},text:{main:"#FFFFFF",light:"#99989C",lighter:"#535353",invert:"#101010",success:"#31B083",error:"#C93939"},stroke:{main:"#34404C",light:"#1E2226",lighter:"#333333"},disable:"#080A0C",success:"#27AE60",error:"#C93939",warning:"#F2994A",info:"#2F80ED"},typography:J1,breakpoints:m1,zIndex:K1,line:{size:1,color:"#1E2226"},button:{fill:{default:{default:{background:"#1E2226",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},disabled:{background:"#1E2226",text:"#99989C",border:" #1E2226",boxShadow:"none"}},primary:{default:{background:"#158EFF",text:"#FFFFFF",border:" #158EFF",boxShadow:"none"},hover:{background:"#44a5ff",text:"#FFFFFF",border:" #44a5ff",boxShadow:"none"},active:{background:"#44a5ff",text:"#FFFFFF",border:" #44a5ff",boxShadow:"none"},disabled:{background:"#99989C",text:"#FFFFFF",border:" #10253A",boxShadow:"none"}},secondary:{default:{background:"#1E2226",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #10253A",boxShadow:"none"},disabled:{background:"#1E2226",text:"#99989C",border:" #1E2226",boxShadow:"none"}},error:{default:{background:"#C93939",text:"#FFFFFF",border:" #C93939",boxShadow:"none"},hover:{background:"#d46161",text:"#FFFFFF",border:" #d46161",boxShadow:"none"},active:{background:"#d46161",text:"#FFFFFF",border:" #d46161",boxShadow:"none"},disabled:{background:"#511616",text:"#FFFFFF",border:" #511616",boxShadow:"none"}},soft:{default:{background:"#80A0F5",text:"#FFFFFF",border:"#80A0F5",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:"#10253A",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:"#10253A",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"#535353",text:"#FFFFFF",border:"#535353",boxShadow:"none"},hover:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},active:{background:"#99989C",text:"#FFFFFF",border:"#99989C",boxShadow:"none"},disabled:{background:"#EBEBEB",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},outlined:{default:{default:{background:"transparent",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},active:{background:"#10253A",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #1E2226",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#158EFF",border:" #158EFF",boxShadow:"none"},hover:{background:"#10253A",text:"#158EFF",border:" #158EFF",boxShadow:"none"},active:{background:"#10253A",text:"#158EFF",border:" #158EFF",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},secondary:{default:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},hover:{background:"#10253A",text:"#158EFF",border:" #1E2226",boxShadow:"none"},active:{background:"#10253A",text:"#158EFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #1E2226",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:" #C93939",boxShadow:"none"},hover:{background:"#290b0b",text:"#C93939",border:" #290b0b",boxShadow:"none"},active:{background:"#290b0b",text:"#C93939",border:" #290b0b",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #99989C",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},hover:{background:"#1A212D",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},active:{background:"#1A212D",text:"#80A0F5",border:"#80A0F5",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}},light:{default:{background:"transparent",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},hover:{background:"#222A32",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},active:{background:"#222A32",text:"#E8EAEE",border:"#34404C",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:" #EBEBEB",boxShadow:"none"}}},empty:{default:{default:{background:"transparent",text:"#FFFFFF",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},primary:{default:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none",filledIcon:{background:"#10253A",color:"#158EFF"}},hover:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none",filledIcon:{background:"#158EFF",color:"#0F1317"}},active:{background:"transparent",text:"#44a5ff",border:"transparent",boxShadow:"none",filledIcon:{background:"#158EFF",color:"#0F1317"}},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none",filledIcon:{background:"#BEBEBE",color:"#99989C"}}},secondary:{default:{background:"transparent",text:"#FFFFFF",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},error:{default:{background:"transparent",text:"#C93939",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#d46161",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#d46161",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},soft:{default:{background:"transparent",text:"#80A0F5",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#E5ECFD",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}},light:{default:{background:"transparent",text:"#E8EAEE",border:"transparent",boxShadow:"none"},hover:{background:"transparent",text:"#34404C",border:"transparent",boxShadow:"none"},active:{background:"transparent",text:"#34404C",border:"transparent",boxShadow:"none"},disabled:{background:"transparent",text:"#99989C",border:"transparent",boxShadow:"none"}}},sizes:{small:{fontSize:14,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10},medium:{fontSize:16,iconSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,borderWidth:1,gap:10}}},sidebar:{background:"#0F1317",border:"#1E2226",width:242,collapsedWidth:65,text:{default:"#99989C",active:"#158EFF",hover:"#158EFF"},item:{default:{background:"transparent",border:"transparent",padding:"10px 16px",height:40},active:{background:"#10253A",borderLeft:"2px solid #158EFF",padding:"10px 16px",height:40},hover:{background:"#020E19",border:"transparent",padding:"10px 16px",height:40}},section:{background:"transparent",padding:"16px 16px 8px",title:{color:"#020b14",fontSize:"12px",fontWeight:600}},delimeter:{color:"#34404C",thickness:1,margin:"8px 0"}},contextMenu:{button:{default:{background:"transparent",text:"#FFFFFF",border:" #1E2226",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:" #1E2226",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" #1E2226",boxShadow:"none"}},delimeter:{color:"#34404C",thickness:1,marginInline:12,marginBlock:3,style:"solid"},shadow:"0px 4px 16px rgba(255, 255, 255, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.06)",padding:5,icon:{size:7}},select:{item:{default:{background:"transparent",text:"#FFFFFF",border:" none",boxShadow:"none"},hover:{background:"#10253A",text:"#FFFFFF",border:" none",boxShadow:"none"},active:{background:"#1E2226",text:"#FFFFFF",border:" none",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" none",boxShadow:"none"}},paddingBlock:7,paddingInline:5,margin:2,padding:6},rowActionsMenu:{button:{default:{background:"transparent",text:"#FFFFFF",border:" none",boxShadow:"none"},hover:{background:"transparent",text:"#158EFF",border:" none",boxShadow:"none"},active:{background:"transparent",text:"#158EFF",border:" none",boxShadow:"none"},disabled:{background:"#080A0C",text:"#99989C",border:" none",boxShadow:"none"}},delimiterColor:"#34404C",icon:{size:16}},input:{sizes:{empty:{fontSize:14,paddingInline:0,paddingBlock:0,borderRadius:0,iconSize:14,height:"auto",lineHeight:16},small:{fontSize:14,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:14,height:40,lineHeight:16},medium:{fontSize:16,paddingInline:10,paddingBlock:10,borderRadius:5,iconSize:16,height:40,lineHeight:18}},outlined:{default:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #1E2226",boxShadow:"none",icon:"#FFFFFF"},focus:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #158EFF",boxShadow:"none",icon:"#FFFFFF"},error:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" #C93939",boxShadow:"none",icon:"#C93939"},disabled:{background:"#080A0C",text:"#99989C",placeholder:"#99989C",border:" #1E2226",boxShadow:"none",icon:"#99989C"}},empty:{default:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#FFFFFF"},focus:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#FFFFFF"},error:{background:"transparent",text:"#FFFFFF",placeholder:"#99989C",border:" transparent",boxShadow:"none",icon:"#C93939"},disabled:{background:"transparent",text:"#99989C",placeholder:"#99989C",border:"transparent",boxShadow:"none",icon:"#99989C"}}},box:{padding:20,borderRadius:8,border:{width:1,style:"solid",color:"#1E2226"},background:"#0F1317"},graph2D:{ring:{highlightFill:"rgba(255, 239, 64, 0.8)",selectionFill:"rgb(100, 255, 255)",borderFill:"rgba(255, 255, 255, 0.75)"},button:{stroke:"#1A1A1A",normalFill:"rgba(0, 0, 0, 0.8)",hoverFill:"rgba(25, 25, 25, 0.9)",textColor:"#99989C",spinnerColor:"#80A0F5"},grid:{dotColor:"rgba(255, 255, 255, 0.5)"},link:{normal:"#666",highlighted:"#0066ff",textColor:"#999",highlightedTextColor:"#99ccff",textBgColor:"rgba(0, 0, 0, 0.8)",highlightedTextBgColor:"rgba(0, 25, 51, 0.9)"}},contentLoader:{foreground:"#99989C",background:"#535353"},tag:{outlined:{borderRadius:50,paddingBlock:5,paddingInline:10,borderWidth:1,color:{default:"#99989C",primary:"#3991FA",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#FFFFFF",orange:"#d3741b"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#99989C",primary:"#3991FA",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb",text:"#FFFFFF",orange:"#d3741b"}}},alert:{paddingBlock:16,paddingLeft:16,paddingRight:44,borderRadius:5,fontSize:14,gap:12,icon:{width:16,height:14,paddingTop:2},color:{icon:"#FDC700",text:"#FFEDD8",background:"#68550E"}},label:{sizes:{small:{fontSize:14,gap:10,marginBottom:20,helpText:{fontSize:12,marginTop:5}},medium:{fontSize:16,gap:10,marginBottom:25,helpText:{fontSize:14,marginTop:5}}},color:"#ffffff",helpTextColor:"#535353"},leanerProgress:{background:"#1E2226",progressColor:"#158EFF"},switch:{default:{background:"#34404C",color:"#0F1317"},checked:{background:"#158EFF",color:"#0F1317"},disabled:{background:"#1E2226",color:"#0F1317"}},drawer:{padding:20,width:573,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)"},tooltip:{fontSize:14,padding:10,borderRadius:6,maxWidth:240,shadow:"0px 4px 10px 0px rgba(0, 0, 0, 0.25)",color:"#99989C",background:"#1E2226"},pagination:{fontSize:14,paddingBlock:4,paddingInline:8,borderRadius:3,gap:6,height:26,iconSize:8},overlay:{paddingBlock:40,gap:6,background:"rgba(0, 0, 0, 0.5)"},modal:{padding:20,width:545,shadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderColor:"#1E2226",background:"#0F1317",borderRadius:8}},K5=P1(q5,q5.baseSize);var D2=t(e=>{if(typeof window<"u"){let n=window.innerWidth;for(let[a,d]of Object.entries(e))if(n<d)return a}let o=Object.keys(e);return o[o.length-1]},"getBreakpoint"),Q5=createContext(D2(m1)),j5=t(({children:e})=>{let o=useTheme(),[n,a]=useState(D2(o.breakpoints));return useEffect(()=>{if(typeof window>"u")return;let d=t(()=>{let c=D2(o.breakpoints);c!==n&&a(c);},"handleResize");return window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d);}},[n,o.breakpoints]),jsx(Q5.Provider,{value:n,children:e})},"BreakpointProvider"),e4=t(()=>{let e=useContext(Q5),o=useTheme(),n=useMemo(()=>Object.keys(o.breakpoints),[o.breakpoints]);return {currentBreakpoint:e,breakpointsOrder:n}},"useBreakpoint");var ze=t(({children:e,mode:o})=>jsx(StyleSheetManager,{shouldForwardProp:Z6,children:jsx(ThemeProvider,{theme:o=="light"||o==="LIGHT"?U5:K5,children:jsxs(j5,{children:[jsx(Y5,{}),e]})})}),"ThemeProvider");function Z6(e,o){return typeof o=="string"?!["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py"].includes(e):true}t(Z6,"shouldForwardProp");var R6=t(({ignoreStyles:e}={})=>css(({theme:o,...n})=>`
|
|
15
15
|
${$(o,"margin",n.m,e)}
|
|
16
16
|
${$(o,"margin-top",n.mt,e)}
|
|
17
17
|
${$(o,"margin-right",n.mr,e)}
|
|
@@ -27,15 +27,15 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
27
27
|
${$(o,"padding-left",n.pl,e)}
|
|
28
28
|
${$(o,"padding-inline",n.px,e)}
|
|
29
29
|
${$(o,"padding-block",n.py,e)}
|
|
30
|
-
`),"paddingStyles"),
|
|
30
|
+
`),"paddingStyles"),Q1=t(e=>{let o={};return ["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py"].forEach(n=>{n in e&&(o[n]=e[n],delete e[n]);}),o},"destructSpaceProps"),$=t((e,o,n,a)=>{if(a&&a.includes(o))return "";if(n!==void 0){return `${o}: ${typeof n=="number"?`${F(n,e.baseSize)}`:n};`}return ""},"generatePropertySpaceStyle");function D6({media:e,...o},n,a){if(!e)return o;let d=a.indexOf(n),c={...o};for(let S=0;S<=d;S++){let y=a[S];e[y]&&(c={...c,...e[y]});}return c}t(D6,"getResponsiveProps");var R=t(e=>G6.forwardRef((o,n)=>{let{currentBreakpoint:a,breakpointsOrder:d}=e4(),c=useMemo(()=>D6(o,a,d),[o,a]);return jsx(e,{...c,ref:n})}),"createComponent"),Y=t((e,o)=>H1(e)`
|
|
31
31
|
${R6(o)}
|
|
32
32
|
${A6(o)}
|
|
33
|
-
`,"createStyledComponent");var Je=t(()=>useTheme(),"useTheme");var
|
|
33
|
+
`,"createStyledComponent");var Je=t(()=>useTheme(),"useTheme");var j1=t(e=>`
|
|
34
34
|
background: ${e.background};
|
|
35
35
|
color: ${e.text};
|
|
36
36
|
border-color: ${e.border};
|
|
37
37
|
box-shadow: ${e.boxShadow};
|
|
38
|
-
`,"getCss"),
|
|
38
|
+
`,"getCss"),e2=t(e=>e.filledIcon?`
|
|
39
39
|
color: ${e.filledIcon.color};
|
|
40
40
|
background: ${e.filledIcon.background};
|
|
41
41
|
`:"","getIconStyles"),O6=H1.div(({$whiteSpace:e})=>`
|
|
@@ -48,7 +48,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
48
48
|
align-items: center;
|
|
49
49
|
justify-content: center;
|
|
50
50
|
`,Y6=Y(H1.button(({$variant:e,$color:o,$size:n,$disabled:a,$fullWidth:d,$iconPosition:c,$iconVariant:S,$minWidth:y,theme:M,px:L=e!=="empty"?M.button.sizes[n].paddingInline:0,py:T=e!=="empty"?M.button.sizes[n].paddingBlock:0})=>{let Z=C1(M,n);return `
|
|
51
|
-
${
|
|
51
|
+
${j1(d1(M,e,o,"default"))}
|
|
52
52
|
font-size: ${Z.fontSize};
|
|
53
53
|
gap: ${Z.gap};
|
|
54
54
|
${$(M,"padding-block",T)};
|
|
@@ -72,15 +72,15 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
72
72
|
${c==="right"?"flex-direction: row-reverse;":""}
|
|
73
73
|
|
|
74
74
|
&:hover {
|
|
75
|
-
${
|
|
75
|
+
${j1(d1(M,e,o,"hover"))}
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
&:active {
|
|
79
|
-
${
|
|
79
|
+
${j1(d1(M,e,o,"active"))}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
&:disabled {
|
|
83
|
-
${
|
|
83
|
+
${j1(d1(M,e,o,"disabled"))}
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
${x1} svg {
|
|
@@ -94,23 +94,23 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
94
94
|
height: 24px;
|
|
95
95
|
border-radius: ${Z.borderRadius};
|
|
96
96
|
transition: all 0.2s ease;
|
|
97
|
-
${
|
|
97
|
+
${e2(d1(M,e,o,"default"))}
|
|
98
98
|
}
|
|
99
99
|
&:hover {
|
|
100
100
|
${x1} {
|
|
101
|
-
${
|
|
101
|
+
${e2(d1(M,e,o,"hover"))}
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
&:active {
|
|
106
106
|
${x1} {
|
|
107
|
-
${
|
|
107
|
+
${e2(d1(M,e,o,"active"))}
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
&:disabled {
|
|
112
112
|
${x1} {
|
|
113
|
-
${
|
|
113
|
+
${e2(d1(M,e,o,"disabled"))}
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
`:""}
|
|
@@ -249,7 +249,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
249
249
|
font-size: ${e.typography.variants[o].fontSize};
|
|
250
250
|
font-weight: ${a};
|
|
251
251
|
font-style: ${d};
|
|
252
|
-
color: ${
|
|
252
|
+
color: ${q1(e,n)||e.colors.text.main};
|
|
253
253
|
${c?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}
|
|
254
254
|
`)),ms=R(({variant:e="body",element:o,children:n,weight:a,fontStyle:d,color:c,className:S,style:y,ellipsis:M=false,...L})=>{let T=o||(e.startsWith("h")?e:"p");return jsx(d7,{as:T,$variant:e,$weight:a,$style:d,$color:c,$ellipsis:M,className:S,style:y,...L,children:n})});var Ms=t(({children:e,width:o=240})=>jsx(C7,{$width:o,children:e}),"ListMenu"),C7=styled.ul(({theme:e,$width:o})=>`
|
|
255
255
|
margin: 0;
|
|
@@ -428,7 +428,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
428
428
|
position: sticky;
|
|
429
429
|
top: 0;
|
|
430
430
|
z-index: 1;
|
|
431
|
-
`);var G7=9,Y4=2,z1=5,X4=1,
|
|
431
|
+
`);var G7=9,Y4=2,z1=5,X4=1,f2="...",Bd=t(({total_items:e,limit:o,offset:n,onChangePage:a})=>{let d=useMemo(()=>n?n/o+1:1,[o,n]),c=Math.ceil(e/o),S=useMemo(()=>{let L=[];if(c<=G7)for(let T=1;T<=c;T+=1)L.push(T);else {let Z=c;if(L.push(1),d<=z1){for(let N=2;N<=z1+2;N+=1)L.push(N);L.push(f2,Z);}else if(d>z1&&d<Z-z1){L.push(f2);for(let N=d-Y4;N<=d+Y4;N+=1)L.push(N);L.push(f2,Z);}else {L.push(f2);for(let N=Z-z1-1;N<=Z;N+=1)L.push(N);}}return L},[d,c]),y=useCallback(L=>typeof L=="string"||L===d,[d]),M=useCallback(L=>{y(L)||a(L);},[a,y]);return jsxs(R7,{children:[jsx(u5,{"aria-label":"previous page",onClick:()=>M(d-X4),disabled:d===1,children:jsx(Y2,{})}),jsx(z7,{children:S.map((L,T)=>jsx("li",{children:jsx(u5,{$current:L===d,onClick:()=>M(L),children:L})},`pagination-${L}-${T}`))}),jsx(u5,{"aria-label":"next page",onClick:()=>M(d+X4),disabled:!e||d===c,children:jsx(X2,{})})]})},"Pagination"),z7=styled.div(({theme:e})=>`
|
|
432
432
|
list-style: none;
|
|
433
433
|
padding: 0;
|
|
434
434
|
display: flex;
|
|
@@ -462,7 +462,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
462
462
|
align-items: center;
|
|
463
463
|
justify-content: flex-end;
|
|
464
464
|
gap: ${e.pagination.gap};
|
|
465
|
-
`);var U4=t(({isOpen:e,onClickOutside:o,onClick:n,anchor:a,size:d="medium",disabled:c,fullWidth:S,className:y,positions:M=["bottom"],align:L="start",children:T,hasBorder:Z=true,maxHeight:N=500,matchAnchorWidth:W=false,anchorIcon:
|
|
465
|
+
`);var U4=t(({isOpen:e,onClickOutside:o,onClick:n,anchor:a,size:d="medium",disabled:c,fullWidth:S,className:y,positions:M=["bottom"],align:L="start",children:T,hasBorder:Z=true,maxHeight:N=500,matchAnchorWidth:W=false,anchorIcon:e1})=>{let[n1,s]=useState(0),o1=useRef(null),j=useTheme();return useLayoutEffect(()=>{o1.current&&typeof window<"u"&&s(o1.current.offsetWidth);},[W]),jsx(Popover,{padding:j.contextMenu.padding,isOpen:e,positions:M,align:L,onClickOutside:o,content:T,ref:o1,containerStyle:{backgroundColor:j.colors.background,border:`1px solid ${j.colors.stroke.light}`,boxShadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderRadius:"5px",overflow:"auto",maxHeight:`${N}px`,zIndex:"9999",width:n1&&W?`${n1}px`:void 0},containerClassName:"cb-ui-context-menu",children:jsxs(_7,{onClick:n,$disabled:c,$fullWidth:S,$size:d,className:y,type:"button",disabled:c,$hasBorder:Z,children:[jsx(X7,{children:a}),e1||(e?jsx(n5,{width:j.contextMenu.icon.size,height:j.contextMenu.icon.size}):jsx(r5,{width:j.contextMenu.icon.size,height:j.contextMenu.icon.size}))]})})},"ContextMenu"),X7=styled.div`
|
|
466
466
|
flex-grow: 1;
|
|
467
467
|
text-align: start;
|
|
468
468
|
`,_7=styled.button`
|
|
@@ -517,7 +517,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
517
517
|
border-top-width: ${e.contextMenu.delimeter.thickness};
|
|
518
518
|
border-top-style: ${e.contextMenu.delimeter.style};
|
|
519
519
|
border-top-color: ${e.contextMenu.delimeter.color};
|
|
520
|
-
`);var q4=t(()=>{let[e,o]=useState(false);return {isOpen:e,toggleMenu:t(()=>{o(c=>!c);},"toggleMenu"),closeMenu:t(()=>{o(false);},"closeMenu"),openMenu:t(()=>{o(true);},"openMenu")}},"useContextMenuControl");var uc=t(({options:e,selected:o,onSelect:n,placeholder:a,disabled:d=false,positions:c=["bottom"],align:S="start",size:y="small",hasBorder:M=true,maxHeight:L,matchAnchorWidth:T=true,isSearchable:Z=false,...N})=>{let[W,
|
|
520
|
+
`);var q4=t(()=>{let[e,o]=useState(false);return {isOpen:e,toggleMenu:t(()=>{o(c=>!c);},"toggleMenu"),closeMenu:t(()=>{o(false);},"closeMenu"),openMenu:t(()=>{o(true);},"openMenu")}},"useContextMenuControl");var uc=t(({options:e,selected:o,onSelect:n,placeholder:a,disabled:d=false,positions:c=["bottom"],align:S="start",size:y="small",hasBorder:M=true,maxHeight:L,matchAnchorWidth:T=true,isSearchable:Z=false,...N})=>{let[W,e1]=useState(false),[n1,s]=useState(""),o1=useMemo(()=>{if(!Z)return e;let G=n1?.trim().toLocaleLowerCase()||"";return e.filter(({value:z,inputDisplay:l1})=>String(l1||z).toLocaleLowerCase().includes(G))},[e,n1,Z]),j=useCallback(()=>{d||e1(G=>!G);},[]),r1="noOptionsMessage"in N?N.noOptionsMessage:"",I2="inputPlaceholder"in N?N.inputPlaceholder:"";return jsx(U4,{isOpen:W,onClickOutside:()=>e1(false),onClick:j,disabled:d,anchor:Z&&W?jsx(j7,{type:"text",value:n1,onChange:G=>s(G.target.value),placeholder:I2,autoFocus:true,onClick:G=>G.stopPropagation(),$size:y}):o?e.find(G=>G.value===o)?.inputDisplay||o:a,fullWidth:true,positions:c,align:S,size:y,hasBorder:M,maxHeight:L,matchAnchorWidth:T,children:jsxs(o8,{children:[o1.map(G=>jsx(J4,{onClick:()=>{n(G.value),Z&&s(""),e1(false);},type:"button",$selected:G.value===o,disabled:d,$size:y,children:G.inputDisplay||G.value},G.value)),!o1.length&&jsx(e8,{$size:y,children:r1})]})})},"Select"),j7=styled.input(({theme:e,$size:o})=>`
|
|
521
521
|
outline: none;
|
|
522
522
|
border: none;
|
|
523
523
|
padding: 0;
|
|
@@ -575,7 +575,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
575
575
|
${J4}:not(:last-of-type) {
|
|
576
576
|
margin-bottom: ${e.select.margin};
|
|
577
577
|
}
|
|
578
|
-
`);var kc=t(({size:e="small",disabled:o,className:n,positions:a=["bottom"],align:d="end",items:c})=>{let S=useRef(null),{isOpen:y,closeMenu:M,toggleMenu:L}=q4(),T=useTheme();return jsx(Popover,{padding:T.contextMenu.padding,isOpen:y,positions:a,align:d,onClickOutside:M,content:jsx(s8,{children:c.map(({label:Z,onClick:N,color:W},
|
|
578
|
+
`);var kc=t(({size:e="small",disabled:o,className:n,positions:a=["bottom"],align:d="end",items:c})=>{let S=useRef(null),{isOpen:y,closeMenu:M,toggleMenu:L}=q4(),T=useTheme();return jsx(Popover,{padding:T.contextMenu.padding,isOpen:y,positions:a,align:d,onClickOutside:M,content:jsx(s8,{children:c.map(({label:Z,onClick:N,color:W},e1)=>jsx(r4,{variant:"empty",color:W,fullWidth:true,size:e,py:10,px:5,onClick:()=>{N(),M();},children:Z},`row-action-${e1}`))}),containerStyle:{backgroundColor:T.colors.background,border:`1px solid ${T.colors.stroke.light}`,boxShadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderRadius:"5px",zIndex:"9999"},children:jsx(a8,{ref:S,onClick:L,$disabled:o,$size:e,className:n,type:"button",disabled:o,children:jsx(t5,{width:T.rowActionsMenu.icon.size,height:T.rowActionsMenu.icon.size})})})},"RowActionsMenu"),a8=styled.button`
|
|
579
579
|
${({$size:e,$disabled:o,theme:n})=>{let a=C1(n,e);return `
|
|
580
580
|
background: ${n.rowActionsMenu.button.default.background};
|
|
581
581
|
color: ${n.rowActionsMenu.button.default.text};
|
|
@@ -631,7 +631,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
631
631
|
background-color: ${e.rowActionsMenu.delimiterColor};
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
|
-
`);var Yc=forwardRef(t(function({error:o,append:n,prepend:a,size:d="small",variant:c="outlined",multiline:S,disabled:y,className:M,...L},T){return jsxs(h8,{$align:S?"flex-start":"center",className:M,$error:o,$size:d,$variant:c,$disabled:!!y,$multiline:S,children:[!!a&&a,jsxs(p8,{$size:d,$variant:c,children:[S?jsx(C8,{size:d,disabled:y,...L,ref:T}):jsx(o6,{disabled:y,...L,ref:T}),!!o&&jsx(g8,{$variant:c,children:jsx(i5,{})})]}),!!n&&n]})},"Input")),C8=forwardRef(t(function({size:o="small",disabled:n,className:a,rows:d="1",autoResize:c=false,...S},y){let[M,L]=useState(Number(d)),T=useRef(Number(d)),Z=useRef(null),N=useTheme(),W=useRef(X5(N.input.sizes[o].lineHeight,N.baseSize)||N.baseSize);return useEffect(()=>{if(Z.current&&c&&typeof window<"u"){let
|
|
634
|
+
`);var Yc=forwardRef(t(function({error:o,append:n,prepend:a,size:d="small",variant:c="outlined",multiline:S,disabled:y,className:M,...L},T){return jsxs(h8,{$align:S?"flex-start":"center",className:M,$error:o,$size:d,$variant:c,$disabled:!!y,$multiline:S,children:[!!a&&a,jsxs(p8,{$size:d,$variant:c,children:[S?jsx(C8,{size:d,disabled:y,...L,ref:T}):jsx(o6,{disabled:y,...L,ref:T}),!!o&&jsx(g8,{$variant:c,children:jsx(i5,{})})]}),!!n&&n]})},"Input")),C8=forwardRef(t(function({size:o="small",disabled:n,className:a,rows:d="1",autoResize:c=false,...S},y){let[M,L]=useState(Number(d)),T=useRef(Number(d)),Z=useRef(null),N=useTheme(),W=useRef(X5(N.input.sizes[o].lineHeight,N.baseSize)||N.baseSize);return useEffect(()=>{if(Z.current&&c&&typeof window<"u"){let e1=Z.current.getBoundingClientRect().height,n1=Math.round(e1/W.current);T.current!==n1&&(T.current=n1,L(n1));}},[S.value,c]),jsxs("div",{style:{position:"relative",width:"100%"},children:[jsx(e6,{disabled:n,$autoResize:c,...S,rows:M,ref:y}),jsx(u8,{ref:Z,$size:o,style:{minHeight:W.current*Number(d)},children:(S.value||"")+"\u200B"})]})},"Input")),e6=styled.textarea(({$autoResize:e})=>`
|
|
635
635
|
resize: none;
|
|
636
636
|
margin: 0;
|
|
637
637
|
display: block;
|
|
@@ -761,7 +761,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
761
761
|
background-color: ${e.box.background};
|
|
762
762
|
border-width: ${o?e.box.border.width:0};
|
|
763
763
|
border-style: ${e.box.border.style};
|
|
764
|
-
border-color: ${
|
|
764
|
+
border-color: ${q1(e,n)||e.box.border.color};
|
|
765
765
|
`),{ignoreStyles:["padding-inline","padding-block"]});var Hl=R(({direction:e="horizontal",...o})=>jsx(P8,{...o,$direction:e})),P8=Y(styled.div(({theme:e,$direction:o})=>`
|
|
766
766
|
width: ${o==="horizontal"?"100%":e.line.size};
|
|
767
767
|
height: ${o==="vertical"?"100%":e.line.size};
|
|
@@ -926,7 +926,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
926
926
|
|
|
927
927
|
gap: ${e.label.sizes[a].gap};
|
|
928
928
|
${$(e,"margin-bottom",c)};
|
|
929
|
-
`),{ignoreStyles:["margin-bottom"]});var fC=R(({label:e,className:o,disabled:n,...a})=>{let d=
|
|
929
|
+
`),{ignoreStyles:["margin-bottom"]});var fC=R(({label:e,className:o,disabled:n,...a})=>{let d=Q1(a);return jsxs(_8,{className:o,$disabled:n,...d,children:[jsx(v2,{type:"checkbox",disabled:n,...a}),jsx(y2,{}),!!e&&jsx(X8,{children:e})]})}),y2=H1.div(({theme:e})=>`
|
|
930
930
|
width: ${F(15)};
|
|
931
931
|
height: ${F(15)};
|
|
932
932
|
border-radius: ${F(2)};
|
|
@@ -937,7 +937,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
937
937
|
margin-left: ${F(5)};
|
|
938
938
|
font-size: ${e.typography.variants.h3.fontSize};
|
|
939
939
|
color: ${e.colors.text.main};
|
|
940
|
-
`),
|
|
940
|
+
`),v2=H1.input`
|
|
941
941
|
border: 0;
|
|
942
942
|
clip: rect(0 0 0 0);
|
|
943
943
|
height: 1px;
|
|
@@ -953,16 +953,16 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
953
953
|
cursor: ${o?"not-allowed":"pointer"};
|
|
954
954
|
|
|
955
955
|
&:hover {
|
|
956
|
-
${
|
|
956
|
+
${v2}:not(:disabled) + ${y2} {
|
|
957
957
|
border-color: ${e.colors.primary.main};
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
960
|
|
|
961
|
-
${
|
|
961
|
+
${v2}:checked + ${y2} {
|
|
962
962
|
background-color: ${e.colors.primary.main};
|
|
963
963
|
border-color: ${e.colors.primary.main};
|
|
964
964
|
}
|
|
965
|
-
${
|
|
965
|
+
${v2}:disabled + ${y2} {
|
|
966
966
|
background-color: ${e.colors.disable};
|
|
967
967
|
}
|
|
968
968
|
`));var MC=R(({height:e=21,width:o="100%",direction:n="horizontal",value:a,...d})=>jsx(K8,{...d,$height:e,$value:a,$width:o,$direction:n})),K8=Y(styled.div(({theme:e,$height:o,$value:n,$width:a,$direction:d})=>`
|
|
@@ -982,7 +982,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
982
982
|
background-color: ${e.leanerProgress.progressColor};
|
|
983
983
|
border-radius: ${F(2,e.baseSize)};
|
|
984
984
|
}
|
|
985
|
-
`));var EC=R(({className:e,...o})=>{let n=
|
|
985
|
+
`));var EC=R(({className:e,...o})=>{let n=Q1(o);return jsxs(j8,{className:e,...n,children:[jsx(Q8,{type:"checkbox",...o}),jsx(L2,{})]})}),L2=styled.span(({theme:e})=>`
|
|
986
986
|
position: relative;
|
|
987
987
|
cursor: pointer;
|
|
988
988
|
display: inline-block;
|
|
@@ -1011,23 +1011,23 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
1011
1011
|
margin: -1px;
|
|
1012
1012
|
top: 0;
|
|
1013
1013
|
left: 0;
|
|
1014
|
-
&:not(:checked) + ${
|
|
1014
|
+
&:not(:checked) + ${L2}::before {
|
|
1015
1015
|
left: ${F(3,e.baseSize)};
|
|
1016
1016
|
}
|
|
1017
|
-
&:checked + ${
|
|
1017
|
+
&:checked + ${L2} {
|
|
1018
1018
|
background-color: ${e.switch.checked.background};
|
|
1019
1019
|
&::before {
|
|
1020
1020
|
right: ${F(3,e.baseSize)};
|
|
1021
1021
|
}
|
|
1022
1022
|
}
|
|
1023
|
-
&:disabled + ${
|
|
1023
|
+
&:disabled + ${L2} {
|
|
1024
1024
|
background-color: ${e.switch.disabled.background};
|
|
1025
1025
|
cursor: not-allowed;
|
|
1026
1026
|
}
|
|
1027
1027
|
`),j8=Y(styled.label`
|
|
1028
1028
|
position: relative;
|
|
1029
1029
|
display: inline-block;
|
|
1030
|
-
`);var
|
|
1030
|
+
`);var H2=t(e=>{useEffect(()=>{if(!e||typeof window>"u")return;let o=window.getComputedStyle(document.body),n=window.innerWidth-document.documentElement.clientWidth,a=o.paddingRight,d=o.overflow;return document.body.style.overflow="hidden",document.body.style.paddingRight=`${parseInt(a)+n}px`,()=>{document.body.style.overflow=d,document.body.style.paddingRight=a;}},[e]);},"useBodyScrollLock");var _C=R(e=>(H2(e.isOpen),!e.isOpen||typeof window>"u"?null:createPortal(jsx(i9,{...e}),document.body))),i9=t(({onClose:e,children:o,width:n,header:a})=>{let d=useRef(null);return useEffect(()=>{if(typeof window>"u")return;let c=t(S=>{let y=S.target;d.current&&!d.current.contains(y)&&!y.closest(".cb-ui-context-menu")&&!y.closest(".cb-ui-backdrop")&&e();},"handleClick");return document.addEventListener("mousedown",c),()=>{document.removeEventListener("mousedown",c);}},[e]),jsx(a9,{$header:a,$width:n,ref:d,children:o})},"DrawerWithOutclick"),UC=Y(styled.div(({theme:e,p:o=e.drawer.padding})=>`
|
|
1031
1031
|
grid-area: drawer-header;
|
|
1032
1032
|
${$(e,"padding",o)};
|
|
1033
1033
|
`),{ignoreStyles:["padding-inline"]}),qC=R(Y(styled.div(({theme:e,px:o=e.drawer.padding,pb:n=e.drawer.padding})=>`
|
|
@@ -1085,7 +1085,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
1085
1085
|
from { opacity: 0.5; transform: translateX(-${F(n,e.baseSize)}); }
|
|
1086
1086
|
to { opacity: 1; transform: translateX(0); }
|
|
1087
1087
|
}
|
|
1088
|
-
`);var hp=t(e=>{let{contentLoader:{foreground:o,background:n}}=useTheme();return jsx(C9,{...e,backgroundColor:n,foregroundColor:o})},"ContentLoader");var l6=R(({children:e,onOutsideClick:o,prepend:n,append:a,prependPosition:d,appendPosition:c,isLocked:S=true,...y})=>(
|
|
1088
|
+
`);var hp=t(e=>{let{contentLoader:{foreground:o,background:n}}=useTheme();return jsx(C9,{...e,backgroundColor:n,foregroundColor:o})},"ContentLoader");var l6=R(({children:e,onOutsideClick:o,prepend:n,append:a,prependPosition:d,appendPosition:c,isLocked:S=true,...y})=>(H2(S),typeof window>"u"?null:createPortal(jsxs(m9,{...y,className:"cb-ui-backdrop",onClick:M=>{M.target===M.currentTarget&&o&&o();},children:[!!n&&jsx(h9,{$position:d,children:n}),jsx(b9,{children:e}),!!a&&jsx(f9,{$position:c,children:a})]}),document.body))),h9=styled.div(({theme:e,$position:o="end"})=>`
|
|
1089
1089
|
position: absolute;
|
|
1090
1090
|
top: ${e.overlay.gap};
|
|
1091
1091
|
z-index: ${e.zIndex.backdrop};
|
|
@@ -1218,7 +1218,7 @@ import H1,{createGlobalStyle,styled,useTheme,css,StyleSheetManager,ThemeProvider
|
|
|
1218
1218
|
display: flex;
|
|
1219
1219
|
align-items: center;
|
|
1220
1220
|
justify-content: center;
|
|
1221
|
-
`,G9=t(({width:e=280,height:o=280})=>{let n=useTheme();return jsx(T9,{children:jsxs(C9,{foregroundColor:n.contentLoader.foreground,backgroundColor:n.contentLoader.background,width:e,height:o,viewBox:"0 0 280 280",children:[jsx("path",{d:"m55 38-0.97266 0.22852 7.0801 30.092-18.355-20.979-0.75195 0.6582 19.596 22.395 0.43164 1.834 0.97266-0.22852 0.75195-0.6582-0.37695-0.42969 9.625-27.912-0.94531-0.32617-9.4375 27.371-0.10547-0.12109zm8 34-0.78516 0.61914 0.0957 0.12305-12.311 13.258 0.73242 0.67969 12.205-13.145 14.277 18.084 0.78516-0.61914-14.373-18.207 0.10547-0.11328zm15 19-0.48438 0.875 46.992 25.996 8e-3 4e-3 20.506 11.592-28.182 4.5449 0.15998 0.98819 29.418-4.7441 0.25 0.14062-12.555 24.143 0.88672 0.46094 13-25 15 25 26 30v18l-11 18 0.85352 0.52148 9.8008-16.039-4.6543 33.518 0.99023 0.13867 4.7793-34.408 7.2305 16.27 0.91406-0.40625-7.9141-17.807v-17.104l18 12.316 0.56445-0.82617-18.896-12.928-25.855-29.836-14.633-24.387 0.01562-0.02344h23.805v-1h-23.152l13.848-21.234 55.201-28.791-0.45898-0.88476 0.77734 0.62305 11.402-14.25 16.668-11.842-0.58008-0.81641-16.785 11.928-11.486 14.355-55.434 28.912-14.277 21.893-7.7617-27.166-0.96094 0.27344 7.7227 27.031-1.1191 0.17969-21.604-12.211zm140.43-12.912-6.957-17.338-0.92773 0.37305 6.957 17.338zm-6.957-17.338 0.72266 0.69336 16.232-16.896-0.7207-0.69336zm-3.4766 137.25 5 15 0.94922-0.31641-5-15zm-91-63-0.48047-0.87695-31 17 0.48047 0.87695zm-31 17 5 18 0.96289-0.26758-5-18zm0 0-0.70703-0.70703-12.898 12.898-17.881 9.9336 0.48633 0.875 18-10zm5 18-0.64062-0.76758-18 15 0.64062 0.76758z"}),jsx("circle",{cx:"229.92",cy:"63.7318",r:"5",transform:"rotate(173.661 229.92 63.7318)"}),jsx("circle",{cx:"227.711",cy:"43.8541",r:"5",transform:"rotate(173.661 227.711 43.8541)"}),jsx("circle",{cx:"211.478",cy:"60.7499",r:"5",transform:"rotate(173.661 211.478 60.7499)"}),jsx("circle",{cx:"218.434",cy:"78.0877",r:"5",transform:"rotate(173.661 218.434 78.0877)"}),jsx("circle",{cx:"246.705",cy:"51.8054",r:"5",transform:"rotate(173.661 246.705 51.8054)"}),jsx("circle",{cx:"42",cy:"48",r:"5"}),jsx("circle",{cx:"55",cy:"38",r:"5"}),jsx("circle",{cx:"73",cy:"43",r:"5"}),jsx("circle",{cx:"63",cy:"72",r:"5"}),jsx("circle",{cx:"50",cy:"86",r:"5"}),jsx("circle",{cx:"78",cy:"91",r:"5"}),jsx("circle",{cx:"73",cy:"165",r:"5"}),jsx("circle",{cx:"73",cy:"185",r:"5"}),jsx("circle",{cx:"91",cy:"170",r:"5"}),jsx("circle",{cx:"86",cy:"152",r:"5"}),jsx("circle",{cx:"148",cy:"130",r:"5"}),jsx("circle",{cx:"189",cy:"185",r:"5"}),jsx("circle",{cx:"163",cy:"107",r:"5"}),jsx("circle",{cx:"140",cy:"102",r:"5"}),jsx("circle",{cx:"117",cy:"135",r:"5"}),jsx("circle",{cx:"125",cy:"117",r:"5"}),jsx("circle",{cx:"208",cy:"198",r:"5"}),jsx("circle",{cx:"189",cy:"203",r:"5"}),jsx("circle",{cx:"198",cy:"221",r:"5"}),jsx("circle",{cx:"178",cy:"221",r:"5"}),jsx("circle",{cx:"184",cy:"239",r:"5"}),jsx("circle",{cx:"213",cy:"213",r:"5"}),jsx("circle",{cx:"173",cy:"130",r:"5"}),jsx("circle",{cx:"163",cy:"155",r:"5"}),jsx("circle",{cx:"135",cy:"155",r:"5"}),jsx("circle",{cx:"55",cy:"175",r:"5"})]})})},"GraphLoader"),p6=G9;var k2=typeof window<"u"&&window.devicePixelRatio||1;function ee(e){return !e||e.length===0?[]:e.map(o=>{let n=new Image;n.src=o.img;let a=new Image;return a.src=o.hoverImg,{...o,normalImg:n,hoverImg:a}})}t(ee,"prepareButtonImages");var q={fontSize:4,nodeSizeBase:30,nodeAreaFactor:2,nodeBorderWidth:1,textPaddingFactor:.9,gridSpacing:20,dotSize:1,maxZoom:4},oe=forwardRef(({loading:e,width:o,height:n,graphData:a,buttons:d=[],enableGrid:c=true,onNodeClick:S,onBackgroundClick:y,onNodeHover:M,onLinkHover:L,onLinkClick:T,onChangeSelectedNodeIds:Z},N)=>{let W=useTheme(),[j,t1]=useState(true),s=useRef({transform:{x:0,y:0,k:1},isPanning:false,hoveredNode:null,hoveredLink:null,draggedNode:null,selectedNodeIds:new Set,hoveredButtonIndex:null,highlightNodes:new Set,highlightLinks:new Set,lastMousePos:{x:0,y:0},mustBeStoppedPropagation:false,mouseStartPos:null,isDragging:false,width:o*k2,height:n*k2,animation:{id:null,buttonIndex:null},spinnerAngle:0}),{nodes:i1,links:r1}=useMemo(()=>W9(a),[a]),[o1,I2]=useState([]),G=useRef(null),z=useRef(null),l1=useRef(null),f6=scaleOrdinal(schemeCategory10),b6=useCallback(()=>{if(!G.current)return false;try{let r=G.current.getContext("2d");return r?(l1.current=r,!0):(console.error("Failed to get 2D context"),!1)}catch(r){return console.error("Error initializing Canvas 2D context:",r),false}},[]),J=useCallback(()=>z.current?z.current.nodes():null,[]),h1=useCallback(()=>{if(!z.current)return null;let r=z.current.force("link");return r?r.links():null},[]),V5=useCallback(r=>{if(!c)return;r.save(),r.setTransform(1,0,0,1,0,0);let{width:u,height:p}=s.current,g=q.gridSpacing,h=q.dotSize;r.fillStyle=W.graph2D.grid.dotColor;for(let m=g/2;m<=u;m+=g)for(let C=g/2;C<=p;C+=g)r.beginPath(),r.arc(m,C,h,0,2*Math.PI),r.fill();r.restore();},[c,W.graph2D.grid.dotColor,q.gridSpacing,q.dotSize]),m6=useCallback((r,u,p)=>{if(!r)return "";if(p.measureText(r).width<=u)return r;let h=r,m="...";for(;p.measureText(h+m).width>u&&h.length>0;)h=h.slice(0,-1);return h+m},[]),E2=t(r=>{let p=Math.min(r,q.maxZoom)/q.maxZoom;return Math.max(q.fontSize*p,q.fontSize)},"calculateFontSize"),F5=useCallback(r=>{let u=h1(),p=J();!u||u.length===0||!p||p.length===0||(r.lineWidth=.5,r.globalAlpha=1,u.forEach(g=>{let h=typeof g.source=="object"?g.source:p.find(e1=>e1.id===g.source),m=typeof g.target=="object"?g.target:p.find(e1=>e1.id===g.target);if(!h||!m)return;let C={x:h.x||0,y:h.y||0},x={x:m.x||0,y:m.y||0},l=x.x-C.x,f=x.y-C.y,b=Math.sqrt(l*l+f*f),v=l/b,k=f/b,P=q.nodeSizeBase/2,E=q.nodeSizeBase/2,O=4,w={x:C.x+v*P,y:C.y+k*P},B={x:x.x-v*(E+O),y:x.y-k*(E+O)},V={x:x.x-v*(E+1),y:x.y-k*(E+1)},_=s.current.highlightLinks.has(g),H=_?W.graph2D.link.highlighted:W.graph2D.link.normal,I=_?1.5:.5,U=C.x+(x.x-C.x)/2,Q=C.y+(x.y-C.y)/2,K=Math.atan2(f,l);if(g.label){let e1=s.current.transform.k,s1=E2(e1);r.font=`${s1}px Sans-Serif`;let O1=r.measureText(g.label).width,Y1=10;r.beginPath(),r.moveTo(w.x,w.y);let X1=b/2-(O1+Y1)/2,_1={x:C.x+v*X1,y:C.y+k*X1};r.lineTo(_1.x,_1.y),r.strokeStyle=H,r.lineWidth=I,r.stroke(),r.beginPath();let p1=b/2+(O1+Y1)/2,F1={x:C.x+v*p1,y:C.y+k*p1};r.moveTo(F1.x,F1.y),r.lineTo(B.x,B.y),r.strokeStyle=H,r.lineWidth=I,r.stroke();}else r.beginPath(),r.moveTo(w.x,w.y),r.lineTo(B.x,B.y),r.strokeStyle=H,r.lineWidth=I,r.stroke();let n1=2;if(r.save(),r.translate(V.x,V.y),r.rotate(K),r.beginPath(),r.moveTo(0,0),r.lineTo(-4,n1),r.lineTo(-4,0),r.lineTo(-4,-2),r.closePath(),r.fillStyle=H,r.fill(),r.restore(),g.label){let e1=s.current.transform.k,s1=E2(e1);r.font=`${s1}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.save(),r.translate(U,Q),Math.abs(K)>Math.PI/2?r.rotate(K+Math.PI):r.rotate(K),r.fillStyle=_?W.graph2D.link.highlightedTextColor:W.graph2D.link.textColor,r.fillText(g.label,0,0),r.restore();}}));},[q,W.graph2D.link]),P5=t((r,u,p,g,h,m,C)=>{try{if(m!=null){let x=h*.8;r.font=`${x}px sans-serif`,r.textBaseline="middle",r.textAlign="left";let l=new Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:1,minimumFractionDigits:0,compactDisplay:"short"}).format(m),f=r.measureText(l).width,b=h*.3,k=(h+b+f)/2;r.drawImage(u,p-k,g-h/2,h,h),r.fillStyle=C||"#99989C",r.fillText(l,p-k+h+b,g);}else r.drawImage(u,p-h/2,g-h/2,h,h);}catch(x){console.warn("Error rendering icon:",x);}},"drawIconWithOptionalCounter"),k5=useCallback((r,u)=>{if(!o1||o1.length===0||!r||!r.x||!r.y)return;let{x:p,y:g}=r,h=q.nodeSizeBase*q.nodeAreaFactor/2;u.save();let m=Math.min(o1.length,8),C=Math.min(Math.PI*2/m,Math.PI);for(let x=0;x<m;x++){let l=x*C,f=(x+1)*C,b=s.current.hoveredButtonIndex===x;u.beginPath(),u.arc(p,g,h,l,f,false),u.lineTo(p,g),u.closePath(),u.lineWidth=1,u.strokeStyle=W.graph2D?.button?.stroke||"#FFFFFF",u.stroke(),u.fillStyle=b?W.graph2D?.button?.hoverFill||"rgba(255, 255, 255, 0.3)":W.graph2D?.button?.normalFill||"rgba(255, 255, 255, 0.1)",u.fill();let v=h*.2,k=(l+f)/2,P=h-q.nodeSizeBase/2+v,E=p+Math.cos(k)*P,O=g+Math.sin(k)*P,w=o1[x];if(typeof w.loading=="function"?w.loading(r):w.loading){let V=v/2,_=v/12;u.save(),u.translate(E,O),u.rotate(s.current.spinnerAngle);for(let H=0;H<12;H++){let I=Math.PI*2*H/12,U=H/12,Q=Math.cos(I)*V,K=Math.sin(I)*V;u.beginPath(),u.fillStyle=b1(W.graph2D?.button?.spinnerColor,U),u.arc(Q,K,_,0,Math.PI*2),u.fill();}u.restore(),s.current.spinnerAngle+=.1,s.current.spinnerAngle>Math.PI*2&&(s.current.spinnerAngle-=Math.PI*2),s.current.animation.id!==null&&(cancelAnimationFrame(s.current.animation.id),s.current.animation.id=null,s.current.animation.buttonIndex=null),s.current.animation.id=requestAnimationFrame(A),s.current.animation.buttonIndex=x;}else {s.current.animation.id&&s.current.animation.buttonIndex===x&&(cancelAnimationFrame(s.current.animation.id),s.current.animation.id=null,s.current.animation.buttonIndex=null);let V=b?w.hoverImg:w.normalImg,_=w.getCount?w.getCount(r):null;V.complete?P5(u,V,E,O,v,_,W.graph2D?.button?.textColor):V.onload=()=>{l1.current&&P5(u,V,E,O,v,_,W.graph2D?.button?.textColor);};}}u.restore();},[o1,W.graph2D?.button]),I5=useCallback(r=>{let u=J();!u||u.length===0||(r.globalAlpha=1,u.forEach(p=>{let{x:g,y:h,color:m,fontColor:C,label:x}=p,l=p.id&&s.current.selectedNodeIds.has(p.id),f=p.id&&s.current.hoveredNode?.id===p.id,b=q.nodeSizeBase,v=q.nodeSizeBase/2;if(f&&d&&d.length>0&&k5(p,r),l){let k=q.nodeSizeBase/2+q.nodeBorderWidth,P=q.nodeSizeBase/2+q.nodeBorderWidth/2;r.save(),r.shadowBlur=q.nodeBorderWidth*10,r.shadowColor=W.graph2D.ring.selectionFill,r.beginPath(),r.arc(g,h,k,0,2*Math.PI,false),r.fillStyle=W.graph2D.ring.selectionFill,r.fill(),r.restore(),r.beginPath(),r.arc(g,h,P,0,2*Math.PI,false),r.fillStyle=W.graph2D.ring.borderFill,r.fill();}if(r.beginPath(),r.arc(g,h,v,0,2*Math.PI),r.fillStyle=m||f6(p.group||"0"),r.fill(),x){r.save(),r.translate(g,h);let k=s.current.transform.k,P=E2(k),E=b*q.textPaddingFactor;r.font=`${P}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.fillStyle=C||"#000";let O=m6(x,E,r);r.fillText(O,0,0),r.restore();}}));},[W.graph2D.ring,d,k5]),A=useCallback(()=>{let r=l1.current;r&&(r.clearRect(0,0,s.current.width,s.current.height),V5(r),r.save(),r.setTransform(s.current.transform.k,0,0,s.current.transform.k,s.current.transform.x,s.current.transform.y),F5(r),I5(r),r.restore());},[F5,I5,V5]),E5=useCallback((r,u=[],p)=>{let g=h1()||[],h=J()||[];if(!z.current||!r.length)return;let{width:m,height:C}=s.current,x=p?.smoothAppearance??false,l=p?.transitionDuration??1e3,f=new Set(h.map(w=>w.id)),b=r.filter(w=>!f.has(w.id)),v=new Set(g.map(w=>`${typeof w.source=="object"?w.source.id:w.source}-${typeof w.target=="object"?w.target.id:w.target}`)),k=u.filter(w=>{let B=`${typeof w.source=="object"?w.source.id:w.source}-${typeof w.target=="object"?w.target.id:w.target}`;return !v.has(B)});if(b.length===0&&k.length===0)return;let P=[...h,...b],E=[...g,...k];x&&(b.forEach(w=>{let B=k.filter(V=>{let _=typeof V.source=="object"?V.source.id:V.source,H=typeof V.target=="object"?V.target.id:V.target;return _===w.id&&f.has(H)||H===w.id&&f.has(_)});if(B.length>0){let V=B[0],_=typeof V.source=="object"?V.source.id===w.id?V.target:V.source.id:V.source===w.id?V.target:V.source,H=P.find(I=>I.id===_);if(H&&H.x!==void 0&&H.y!==void 0){let I=30+Math.random()*20,U=Math.random()*Math.PI*2;w.x=H.x+Math.cos(U)*I,w.y=H.y+Math.sin(U)*I,w.vx=0,w.vy=0;}}else {let V=m/2,_=C/2,H=Math.min(m,C)/4,I=Math.random()*Math.PI*2;w.x=V+Math.cos(I)*(H*Math.random()),w.y=_+Math.sin(I)*(H*Math.random()),w.vx=0,w.vy=0;}}),h.forEach(w=>{w.fx=w.x,w.fy=w.y;})),z.current.nodes(P);let O=z.current.force("link");O&&O.links(E),k.forEach(w=>{let B=typeof w.source=="object"?w.source:P.find(_=>_.id===w.source),V=typeof w.target=="object"?w.target:P.find(_=>_.id===w.target);!B||!V||(!B.neighbors&&(B.neighbors=[]),!V.neighbors&&(V.neighbors=[]),B.neighbors.push(V),V.neighbors.push(B),!B.links&&(B.links=[]),!V.links&&(V.links=[]),B.links.push(w),V.links.push(w));}),x?(z.current.alphaTarget(.3),z.current.alpha(.3),z.current.velocityDecay(.7),z.current.restart(),setTimeout(()=>{h.forEach(w=>{w.fx=void 0,w.fy=void 0;}),z.current?.alphaTarget(0),z.current?.alpha(.1),z.current?.velocityDecay(.6);},l)):z.current.alpha(.1).restart(),A();},[i1,A]),$5=useCallback(r=>{let u=J(),p=h1();if(!z.current||!r.length||!u||u.length===0||!p||p.length===0)return;let g=new Set(r);if(r.forEach(l=>s.current.selectedNodeIds.delete(l)),s.current.hoveredNode&&s.current.hoveredNode.id!==void 0&&g.has(s.current.hoveredNode.id)&&(s.current.hoveredNode=null),s.current.hoveredLink){let l=typeof s.current.hoveredLink.source=="object"?s.current.hoveredLink.source.id:s.current.hoveredLink.source,f=typeof s.current.hoveredLink.target=="object"?s.current.hoveredLink.target.id:s.current.hoveredLink.target;(l!==void 0&&g.has(l)||f!==void 0&&g.has(f))&&(s.current.hoveredLink=null);}s.current.draggedNode&&s.current.draggedNode.id!==void 0&&g.has(s.current.draggedNode.id)&&(s.current.draggedNode=null);let h=u.filter(l=>l.id!==void 0&&!g.has(l.id)),m=p.filter(l=>{let f=typeof l.source=="object"?l.source.id:l.source,b=typeof l.target=="object"?l.target.id:l.target;return f!==void 0&&!g.has(f)&&b!==void 0&&!g.has(b)}),C=[];s.current.highlightLinks.forEach(l=>{let f=typeof l.source=="object"?l.source.id:l.source,b=typeof l.target=="object"?l.target.id:l.target;(f!==void 0&&g.has(f)||b!==void 0&&g.has(b))&&C.push(l);}),C.forEach(l=>s.current.highlightLinks.delete(l)),h.forEach(l=>{l.neighbors=[],l.links=[];}),m.forEach(l=>{let f=typeof l.source=="object"?l.source:h.find(v=>v.id===l.source),b=typeof l.target=="object"?l.target:h.find(v=>v.id===l.target);!f||!b||(f.neighbors=f.neighbors||[],b.neighbors=b.neighbors||[],f.neighbors.push(b),b.neighbors.push(f),f.links=f.links||[],b.links=b.links||[],f.links.push(l),b.links.push(l));}),z.current.nodes(h);let x=z.current.force("link");x&&x.links(m),Z?.(s.current.selectedNodeIds),A();},[A,Z]),f1=useCallback((r=0,u=20)=>{let p=J();if(!l1.current||!G.current||!p||!p.length)return;let h=1/0,m=1/0,C=-1/0,x=-1/0;if(p.forEach(l=>{if(l.x===void 0||l.y===void 0)return;let f=l.x,b=l.y;h=Math.min(h,f),m=Math.min(m,b),C=Math.max(C,f),x=Math.max(x,b);}),isFinite(h)&&isFinite(C)&&isFinite(m)&&isFinite(x)){let{width:l,height:f}=s.current;h-=u,m-=u,C+=u,x+=u;let b=C-h,v=x-m,k=b>0?l/b:1,P=v>0?f/v:1,E=Math.min(k,P,10),O=h+b/2,w=m+v/2,B={k:E,x:l/2-O*E,y:f/2-w*E};if(r>0){let V={...s.current.transform},_=Date.now(),H=t(()=>{let I=Math.min(1,(Date.now()-_)/r),U=I===1?1:1-Math.pow(1-I,3),Q={k:V.k+(B.k-V.k)*U,x:V.x+(B.x-V.x)*U,y:V.y+(B.y-V.y)*U};s.current.transform=Q,A(),I<1&&requestAnimationFrame(H);},"animateZoom");requestAnimationFrame(H);}else s.current.transform=B,A();}},[]),Z5=useCallback((r=0,u=20)=>{let p=J(),g=l1.current,h=s.current.selectedNodeIds;if(!g||!G.current||!p||!p.length||h.size===0)return;let m=p.filter(b=>b.id&&h.has(b.id));if(m.length===0)return;let C=1/0,x=1/0,l=-1/0,f=-1/0;if(m.forEach(b=>{b.x===void 0||b.y===void 0||(C=Math.min(C,b.x),x=Math.min(x,b.y),l=Math.max(l,b.x),f=Math.max(f,b.y));}),C===l&&x===f&&(C-=100,x-=100,l+=100,f+=100),isFinite(C)&&isFinite(l)&&isFinite(x)&&isFinite(f)){let{width:b,height:v}=s.current;C-=u,x-=u,l+=u,f+=u;let k=l-C,P=f-x,E=k>0?b/k:1,O=P>0?v/P:1,w=Math.min(E,O,q.maxZoom),B=C+k/2,V=x+P/2,_={k:w,x:b/2-B*w,y:v/2-V*w};if(r>0){let H={...s.current.transform},I=Date.now(),U=t(()=>{let Q=Math.min(1,(Date.now()-I)/r),K=Q===1?1:1-Math.pow(1-Q,3),n1={k:H.k+(_.k-H.k)*K,x:H.x+(_.x-H.x)*K,y:H.y+(_.y-H.y)*K};s.current.transform=n1,A(),Q<1&&requestAnimationFrame(U);},"animateZoom");requestAnimationFrame(U);}else s.current.transform=_,A();}},[J,A]),B5=useCallback((r,u=0,p=20)=>{let g=J();if(!l1.current||!G.current||!g||!g.length||!r||r.length===0)return;let m=new Set(r),C=g.filter(v=>v.id&&m.has(v.id));if(C.length===0)return;let x=1/0,l=1/0,f=-1/0,b=-1/0;if(C.forEach(v=>{v.x===void 0||v.y===void 0||(x=Math.min(x,v.x),l=Math.min(l,v.y),f=Math.max(f,v.x),b=Math.max(b,v.y));}),x===f&&l===b&&(x-=100,l-=100,f+=100,b+=100),isFinite(x)&&isFinite(f)&&isFinite(l)&&isFinite(b)){let{width:v,height:k}=s.current;x-=p,l-=p,f+=p,b+=p;let P=f-x,E=b-l,O=P>0?v/P:1,w=E>0?k/E:1,B=Math.min(O,w,q.maxZoom),V=x+P/2,_=l+E/2,H={k:B,x:v/2-V*B,y:k/2-_*B};if(u>0){let I={...s.current.transform},U=Date.now(),Q=t(()=>{let K=Math.min(1,(Date.now()-U)/u),n1=K===1?1:1-Math.pow(1-K,3),e1={k:I.k+(H.k-I.k)*n1,x:I.x+(H.x-I.x)*n1,y:I.y+(H.y-I.y)*n1};s.current.transform=e1,A(),K<1&&requestAnimationFrame(Q);},"animateZoom");requestAnimationFrame(Q);}else s.current.transform=H,A();}},[J,A]),V1=useCallback(r=>{s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),r.forEach(u=>s.current.selectedNodeIds.add(u)),Z?.(s.current.selectedNodeIds),A();},[A,Z]),T5=useCallback((r,u)=>{let p=J(),g=h1();if(!p||!g||p.length===0||g.length===0)return 0;let h=p.find(f=>f.id===r),m=p.find(f=>f.id===u);if(!h||!m)return console.warn("Source or target node not found"),0;if(r===u)return V1([r]),1;let C=new Map;g.forEach(f=>{let b=typeof f.source=="object"?f.source.id:f.source,v=typeof f.target=="object"?f.target.id:f.target;b===void 0||v===void 0||(C.has(b)||C.set(b,[]),C.has(v)||C.set(v,[]),C.get(b).push({nodeId:v,link:f}),C.get(v).push({nodeId:b,link:f}));});let x=[{nodeId:r,path:[r],links:[]}],l=new Set([r]);for(;x.length>0;){let f=x.shift();if(f.nodeId===u)return V1(f.path),s.current.highlightLinks.clear(),f.links.forEach(v=>{s.current.highlightLinks.add(v);}),A(),f.path.length;(C.get(f.nodeId)||[]).forEach(({nodeId:v,link:k})=>{l.has(v)||(l.add(v),x.push({nodeId:v,path:[...f.path,v],links:[...f.links,k]}));});}return console.warn("No path found between nodes"),0},[J,h1,V1,A]),G5=useCallback((r,u)=>{let p=J();if(!p||p.length===0||r.size===0)return;let g=u?.spacing??100,h=p.filter(P=>P.id!==void 0&&r.has(P.id));if(h.length===0){console.warn("No nodes found with provided IDs");return}let m=u?.columns??Math.ceil(Math.sqrt(h.length)),C=h.reduce((P,E)=>P+(E.x??0),0)/h.length,x=h.reduce((P,E)=>P+(E.y??0),0)/h.length,l=Math.ceil(h.length/m),f=(m-1)*g,b=(l-1)*g,v=C-f/2,k=x-b/2;h.forEach((P,E)=>{let O=E%m,w=Math.floor(E/m),B=v+O*g,V=k+w*g;P.x=B,P.y=V,P.fx=B,P.fy=V;}),z.current&&z.current.alpha(.3).restart(),A();},[J,A]),z5=useCallback((r,u)=>{let p=J();if(!p||p.length===0)return;let g=u?.spacing??100,h=u?.groupSpacing??200,m=u?.columns,C=new Map;p.forEach(H=>{let I=H[r],U;Array.isArray(I)?U=I.length>0?String(I[0]):"undefined":typeof I=="string"?U=I:U="undefined",C.has(U)||C.set(U,[]),C.get(U).push(H);});let x=C.size,l=Math.ceil(Math.sqrt(x)),f=p.reduce((H,I)=>H+(I.x??0),0)/p.length,b=p.reduce((H,I)=>H+(I.y??0),0)/p.length,v=0,k=[];C.forEach(H=>{let I=m??Math.ceil(Math.sqrt(H.length)),U=Math.ceil(H.length/I),Q=(I-1)*g,K=(U-1)*g;k.push({width:Q,height:K});});let P=Math.max(...k.map(H=>H.width),0),E=Math.max(...k.map(H=>H.height),0),O=Math.ceil(x/l),w=(l-1)*(P+h),B=(O-1)*(E+h),V=f-w/2,_=b-B/2;C.forEach((H,I)=>{if(H.length===0){v++;return}let U=v%l,Q=Math.floor(v/l),K=V+U*(P+h),n1=_+Q*(E+h),e1=m??Math.ceil(Math.sqrt(H.length)),s1=Math.ceil(H.length/e1),O1=(e1-1)*g,Y1=(s1-1)*g,X1=K-O1/2,_1=n1-Y1/2;H.forEach((p1,F1)=>{let y6=F1%e1,v6=Math.floor(F1/e1),W5=X1+y6*g,O5=_1+v6*g;p1.x=W5,p1.y=O5,p1.fx=W5,p1.fy=O5;}),v++;}),z.current&&z.current.alpha(.3).restart(),A(),f1(300,50);},[J,A,f1]),A1=useCallback((r,u)=>{let p=J();if(!p||p.length===0)return null;let g=q.nodeSizeBase/2,h=typeof window<"u"&&window.devicePixelRatio||1,m=(r*h-s.current.transform.x)/s.current.transform.k,C=(u*h-s.current.transform.y)/s.current.transform.k;return p.find(x=>{let l=(x.x||0)-m,f=(x.y||0)-C;return Math.sqrt(l*l+f*f)<=g})||null},[]),D1=useCallback((r,u)=>{let p=h1(),g=J();if(!p||p.length===0||!g||g.length===0)return null;let h=typeof window<"u"&&window.devicePixelRatio||1,m=(r*h-s.current.transform.x)/s.current.transform.k,C=(u*h-s.current.transform.y)/s.current.transform.k,x=5;return p.find(l=>{let f=typeof l.source=="object"?l.source:g.find(s1=>s1.id===l.source),b=typeof l.target=="object"?l.target:g.find(s1=>s1.id===l.target);if(!f||!b)return false;let v=f.x||0,k=f.y||0,P=b.x||0,E=b.y||0,O=m-v,w=C-k,B=P-v,V=E-k,_=O*B+w*V,H=B*B+V*V;if(H===0)return false;let I=_/H;I=Math.max(0,Math.min(1,I));let U=v+I*B,Q=k+I*V,K=m-U,n1=C-Q;return Math.sqrt(K*K+n1*n1)<=x})||null},[]),R5=useCallback((r,u,p,g,h,m,C)=>{let x=r-p,l=u-g,f=Math.sqrt(x*x+l*l),b=Math.atan2(l,x);b<0&&(b+=2*Math.PI);let P=f>=h*.5&&f<=h*1,E=false;return m===Math.PI&&C===Math.PI*2?E=b>=Math.PI&&b<=Math.PI*2:m===0&&C===Math.PI?E=b>=0&&b<=Math.PI:E=m<=C&&b>=m&&b<=C||m>C&&(b>=m||b<=C),P&&E},[]),$2=useCallback(r=>{r!==s.current.hoveredNode&&(s.current.hoveredNode=r,M&&M(r));},[M]),Z2=useCallback(r=>{if(r===s.current.hoveredLink)return;let u=new Set,p=new Set;if(r){p.add(r);let g=J();if(g){let h=typeof r.source=="object"?r.source:g.find(C=>C.id===r.source),m=typeof r.target=="object"?r.target:g.find(C=>C.id===r.target);h&&u.add(h),m&&u.add(m);}}s.current.hoveredLink=r,L&&L(r);},[L,J]),A5=useCallback(r=>{T&&T(r);},[T]),D5=useCallback((r,u)=>{u.id&&(r.ctrlKey||r.metaKey?(s.current.selectedNodeIds.has(u.id)?s.current.selectedNodeIds.delete(u.id):s.current.selectedNodeIds.add(u.id),s.current.highlightLinks.clear()):(s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),s.current.selectedNodeIds.add(u.id)),Z?.(s.current.selectedNodeIds),A()),S&&S(u);},[S,Z,A]),N5=useCallback(()=>{s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),Z?.(s.current.selectedNodeIds),A(),y&&y();},[y,Z,A]),B2=useCallback(r=>{if(!G.current||!z.current)return;let u=G.current.getBoundingClientRect(),p=r.clientX-u.left,g=r.clientY-u.top;s.current.mouseStartPos={x:p,y:g},s.current.isDragging=false;let h=A1(p,g);h?(s.current.draggedNode=h,h.fx=h.x,h.fy=h.y):(s.current.isPanning=true,s.current.lastMousePos={x:p,y:g});},[A1]),N1=useCallback((r,u)=>{let p=null;if(G.current&&s.current&&o1.length>0){let g=q.nodeSizeBase*q.nodeAreaFactor/2,h=G.current.getBoundingClientRect(),m=G.current.width/h.width,C=G.current.height/h.height,x=r*m,l=u*C,f=(x-s.current.transform.x)/s.current.transform.k,b=(l-s.current.transform.y)/s.current.transform.k,v=s.current.hoveredNode?.x||0,k=s.current.hoveredNode?.y||0,P=Math.min(o1.length,8),E=Math.min(Math.PI*2/P,Math.PI);for(let O=0;O<P;O++){let w=O*E,B=(O+1)*E;if(R5(f,b,v,k,g,w,B)){p=O;break}}}return p},[o1]),T2=useCallback(r=>{if(!G.current)return;let u=G.current.getBoundingClientRect(),p=r.clientX-u.left,g=r.clientY-u.top;if(s.current.draggedNode&&s.current.mouseStartPos&&z.current){let C=s.current.mouseStartPos.x,x=s.current.mouseStartPos.y,l=p-C,f=g-x;Math.sqrt(l*l+f*f)>3&&(s.current.isDragging=true,z.current.alphaTarget()===0&&z.current.alphaTarget(0).restart());let k=typeof window<"u"&&window.devicePixelRatio||1,P=(p*k-s.current.transform.x)/s.current.transform.k,E=(g*k-s.current.transform.y)/s.current.transform.k;s.current.draggedNode.fx=P,s.current.draggedNode.fy=E;return}if(s.current.isPanning&&s.current.mouseStartPos){let C=p-s.current.lastMousePos.x,x=g-s.current.lastMousePos.y,l=s.current.mouseStartPos.x,f=s.current.mouseStartPos.y;Math.sqrt(Math.pow(p-l,2)+Math.pow(g-f,2))>3&&(s.current.isDragging=true),s.current.transform={...s.current.transform,x:s.current.transform.x+C,y:s.current.transform.y+x},s.current.lastMousePos={x:p,y:g},A();return}let h,m;if(s.current.hoveredNode&&G.current&&o1.length>0){let C=N1(p,g);C!==null&&(m=s.current.hoveredNode),C!==s.current.hoveredButtonIndex&&(h=true),s.current.hoveredButtonIndex=C;}else s.current.hoveredButtonIndex!==null&&(s.current.hoveredButtonIndex=null);if(!m&&(m=A1(p,g),!m)){let C=D1(p,g),x=C!==s.current.hoveredLink;if(C&&s.current.hoveredNode&&$2(null),Z2(C),G.current&&(G.current.style.cursor=C?"pointer":"default"),x){A();return}}m&&s.current.hoveredLink&&Z2(null),m!==s.current.hoveredNode&&(h=true),$2(m),G.current&&(G.current.style.cursor=m?"pointer":"default"),h&&A();},[o1,A1,D1,$2,Z2,A,R5,N1]),x6=useCallback(r=>{s.current.mustBeStoppedPropagation&&(r.stopPropagation(),r.preventDefault()),s.current.mustBeStoppedPropagation=false;},[]),W1=useCallback(r=>{let u=s.current.isDragging;if(u&&(s.current.mustBeStoppedPropagation=true),!u&&s.current.mouseStartPos){let p=G.current?.getBoundingClientRect();if(p){let g=r.clientX-p.left,h=r.clientY-p.top;o1.length>0&&s.current.hoveredButtonIndex===null&&(s.current.hoveredButtonIndex=N1(g,h));let m=false;if(s.current.hoveredNode&&s.current.hoveredButtonIndex!==null&&d[s.current.hoveredButtonIndex]){let C=d[s.current.hoveredButtonIndex];C&&C.onClick&&(C.onClick(s.current.hoveredNode),m=true,s.current.hoveredButtonIndex=null);}if(!m&&s.current.draggedNode)D5(r,s.current.draggedNode);else if(!m&&!s.current.draggedNode){let C=D1(g,h);C?A5(C):N5();}}}if(s.current.draggedNode&&z.current){if(u){z.current.alphaTarget(0);let p=.05,g=.04,h=.6;z.current.alpha(p).alphaDecay(g),z.current.velocityDecay(h);}else z.current.alphaTarget(0);s.current.draggedNode.fx=void 0,s.current.draggedNode.fy=void 0,s.current.draggedNode=null;}s.current.isDragging=false,s.current.mouseStartPos=null,s.current.isPanning&&(s.current.isPanning=false),A();},[d,A,D5,N5,D1,A5,N1,o1]),G2=useCallback(r=>{if(r.stopPropagation(),r.preventDefault(),!G.current)return;let u=G.current.getBoundingClientRect(),p=r.clientX-u.left,g=r.clientY-u.top,m=-r.deltaY>0?1.1:1/1.1,C=s.current.transform,x=C.k*m;if(x<.01||x>10)return;let l=C.k*m,f=p-(p-C.x)*m,b=g-(g-C.y)*m;s.current.transform={k:l,x:f,y:b},A();},[A]),z2=t((r,u)=>{let p=r.touches[0];if(p){let g={clientX:p.clientX,clientY:p.clientY};u(g);}},"convertTouchToMouseEvent"),S6=useCallback(r=>{z2(r,B2);},[B2]),R2=useCallback(r=>{s.current.mustBeStoppedPropagation&&(r.preventDefault(),r.stopPropagation()),s.current.mustBeStoppedPropagation=false,z2(r,W1);},[W1]),w6=useCallback(r=>{z2(r,T2);},[T2]);return useImperativeHandle(N,()=>({zoomToFit:f1,zoomToSelected:Z5,zoomToNodes:B5,addNodes:E5,removeNodes:$5,setSelectedNodes:V1,findShortestPath:T5,arrangeSelectedInGrid:G5,arrangeNodesByTypeInGrid:z5}),[f1,Z5,B5,E5,$5,V1,T5,G5,z5]),useEffect(()=>{let r=G.current,{width:u,height:p}=s.current;if(!r)return;b6(),t1(true);let g=u/2,h=p/2,m=q.nodeSizeBase,C=m/2,x=m*2.5;z.current&&z.current.stop();let l=z.current=forceSimulation(i1).force("link",forceLink(r1).id(f=>f.id).distance(x).strength(.9)).force("charge",forceManyBody().strength(-m/10*200).theta(.5).distanceMin(m*2)).force("x",forceX().strength(.03)).force("y",forceY().strength(.03)).force("center",forceCenter(g,h).strength(.05)).force("collide",forceCollide().radius(C*2).iterations(2).strength(1)).velocityDecay(.6);return ()=>{l.stop();}},[i1,r1]),useLayoutEffect(()=>{let r=G.current;r&&(s.current.width=o*k2,s.current.height=n*k2,r.width=s.current.width,r.height=s.current.height);},[o,n]),useEffect(()=>{if(z.current){let r=z.current;r.on("tick",()=>{A();}),r.on("end",()=>{j&&(f1(0,20),setTimeout(()=>{t1(false);},200));});}j||A();},[i1,r1,j,A,f1]),useEffect(()=>{d&&d.length>0&&I2(ee(d));},[d]),useEffect(()=>{let r=G.current;if(!(!r||typeof window>"u"))return r.addEventListener("wheel",G2,{passive:false}),r.addEventListener("touchend",R2,{passive:false}),()=>{r.removeEventListener("wheel",G2),r.removeEventListener("touchend",R2);}},[G2,R2]),jsxs(te,{children:[(e||j)&&jsx(p6,{width:o,height:n}),jsx(re,{ref:G,style:{width:o,height:n,display:e||j?"none":"block"},onMouseDown:B2,onMouseMove:T2,onMouseUp:W1,onMouseLeave:W1,onClick:x6,onTouchStart:S6,onTouchMove:w6})]})}),te=styled.div`
|
|
1221
|
+
`,G9=t(({width:e=280,height:o=280})=>{let n=useTheme();return jsx(T9,{children:jsxs(C9,{foregroundColor:n.contentLoader.foreground,backgroundColor:n.contentLoader.background,width:e,height:o,viewBox:"0 0 280 280",children:[jsx("path",{d:"m55 38-0.97266 0.22852 7.0801 30.092-18.355-20.979-0.75195 0.6582 19.596 22.395 0.43164 1.834 0.97266-0.22852 0.75195-0.6582-0.37695-0.42969 9.625-27.912-0.94531-0.32617-9.4375 27.371-0.10547-0.12109zm8 34-0.78516 0.61914 0.0957 0.12305-12.311 13.258 0.73242 0.67969 12.205-13.145 14.277 18.084 0.78516-0.61914-14.373-18.207 0.10547-0.11328zm15 19-0.48438 0.875 46.992 25.996 8e-3 4e-3 20.506 11.592-28.182 4.5449 0.15998 0.98819 29.418-4.7441 0.25 0.14062-12.555 24.143 0.88672 0.46094 13-25 15 25 26 30v18l-11 18 0.85352 0.52148 9.8008-16.039-4.6543 33.518 0.99023 0.13867 4.7793-34.408 7.2305 16.27 0.91406-0.40625-7.9141-17.807v-17.104l18 12.316 0.56445-0.82617-18.896-12.928-25.855-29.836-14.633-24.387 0.01562-0.02344h23.805v-1h-23.152l13.848-21.234 55.201-28.791-0.45898-0.88476 0.77734 0.62305 11.402-14.25 16.668-11.842-0.58008-0.81641-16.785 11.928-11.486 14.355-55.434 28.912-14.277 21.893-7.7617-27.166-0.96094 0.27344 7.7227 27.031-1.1191 0.17969-21.604-12.211zm140.43-12.912-6.957-17.338-0.92773 0.37305 6.957 17.338zm-6.957-17.338 0.72266 0.69336 16.232-16.896-0.7207-0.69336zm-3.4766 137.25 5 15 0.94922-0.31641-5-15zm-91-63-0.48047-0.87695-31 17 0.48047 0.87695zm-31 17 5 18 0.96289-0.26758-5-18zm0 0-0.70703-0.70703-12.898 12.898-17.881 9.9336 0.48633 0.875 18-10zm5 18-0.64062-0.76758-18 15 0.64062 0.76758z"}),jsx("circle",{cx:"229.92",cy:"63.7318",r:"5",transform:"rotate(173.661 229.92 63.7318)"}),jsx("circle",{cx:"227.711",cy:"43.8541",r:"5",transform:"rotate(173.661 227.711 43.8541)"}),jsx("circle",{cx:"211.478",cy:"60.7499",r:"5",transform:"rotate(173.661 211.478 60.7499)"}),jsx("circle",{cx:"218.434",cy:"78.0877",r:"5",transform:"rotate(173.661 218.434 78.0877)"}),jsx("circle",{cx:"246.705",cy:"51.8054",r:"5",transform:"rotate(173.661 246.705 51.8054)"}),jsx("circle",{cx:"42",cy:"48",r:"5"}),jsx("circle",{cx:"55",cy:"38",r:"5"}),jsx("circle",{cx:"73",cy:"43",r:"5"}),jsx("circle",{cx:"63",cy:"72",r:"5"}),jsx("circle",{cx:"50",cy:"86",r:"5"}),jsx("circle",{cx:"78",cy:"91",r:"5"}),jsx("circle",{cx:"73",cy:"165",r:"5"}),jsx("circle",{cx:"73",cy:"185",r:"5"}),jsx("circle",{cx:"91",cy:"170",r:"5"}),jsx("circle",{cx:"86",cy:"152",r:"5"}),jsx("circle",{cx:"148",cy:"130",r:"5"}),jsx("circle",{cx:"189",cy:"185",r:"5"}),jsx("circle",{cx:"163",cy:"107",r:"5"}),jsx("circle",{cx:"140",cy:"102",r:"5"}),jsx("circle",{cx:"117",cy:"135",r:"5"}),jsx("circle",{cx:"125",cy:"117",r:"5"}),jsx("circle",{cx:"208",cy:"198",r:"5"}),jsx("circle",{cx:"189",cy:"203",r:"5"}),jsx("circle",{cx:"198",cy:"221",r:"5"}),jsx("circle",{cx:"178",cy:"221",r:"5"}),jsx("circle",{cx:"184",cy:"239",r:"5"}),jsx("circle",{cx:"213",cy:"213",r:"5"}),jsx("circle",{cx:"173",cy:"130",r:"5"}),jsx("circle",{cx:"163",cy:"155",r:"5"}),jsx("circle",{cx:"135",cy:"155",r:"5"}),jsx("circle",{cx:"55",cy:"175",r:"5"})]})})},"GraphLoader"),p6=G9;var k2=typeof window<"u"&&window.devicePixelRatio||1;function ee(e){return !e||e.length===0?[]:e.map(o=>{let n=new Image;n.src=o.img;let a=new Image;return a.src=o.hoverImg,{...o,normalImg:n,hoverImg:a}})}t(ee,"prepareButtonImages");var q={fontSize:4,nodeSizeBase:30,nodeAreaFactor:2,nodeBorderWidth:1,textPaddingFactor:.9,gridSpacing:20,dotSize:1,maxZoom:4},oe=forwardRef(({loading:e,width:o,height:n,graphData:a,buttons:d=[],enableGrid:c=true,onNodeClick:S,onBackgroundClick:y,onNodeHover:M,onLinkHover:L,onLinkClick:T,onChangeSelectedNodeIds:Z},N)=>{let W=useTheme(),[e1,n1]=useState(true),s=useRef({transform:{x:0,y:0,k:1},isPanning:false,hoveredNode:null,hoveredLink:null,draggedNode:null,selectedNodeIds:new Set,hoveredButtonIndex:null,highlightNodes:new Set,highlightLinks:new Set,lastMousePos:{x:0,y:0},mustBeStoppedPropagation:false,mouseStartPos:null,isDragging:false,width:o*k2,height:n*k2,animation:{id:null,buttonIndex:null},spinnerAngle:0}),{nodes:o1,links:j}=useMemo(()=>W9(a),[a]),[r1,I2]=useState([]),G=useRef(null),z=useRef(null),l1=useRef(null),f6=scaleOrdinal(schemeCategory10),b6=useCallback(()=>{if(!G.current)return false;try{let r=G.current.getContext("2d");return r?(l1.current=r,!0):(console.error("Failed to get 2D context"),!1)}catch(r){return console.error("Error initializing Canvas 2D context:",r),false}},[]),J=useCallback(()=>z.current?z.current.nodes():null,[]),h1=useCallback(()=>{if(!z.current)return null;let r=z.current.force("link");return r?r.links():null},[]),V5=useCallback(r=>{if(!c)return;r.save(),r.setTransform(1,0,0,1,0,0);let{width:C,height:l}=s.current,u=q.gridSpacing,h=q.dotSize;r.fillStyle=W.graph2D.grid.dotColor;for(let m=u/2;m<=C;m+=u)for(let g=u/2;g<=l;g+=u)r.beginPath(),r.arc(m,g,h,0,2*Math.PI),r.fill();r.restore();},[c,W.graph2D.grid.dotColor,q.gridSpacing,q.dotSize]),m6=useCallback((r,C,l)=>{if(!r)return "";if(l.measureText(r).width<=C)return r;let h=r,m="...";for(;l.measureText(h+m).width>C&&h.length>0;)h=h.slice(0,-1);return h+m},[]),E2=t(r=>{let l=Math.min(r,q.maxZoom)/q.maxZoom;return Math.max(q.fontSize*l,q.fontSize)},"calculateFontSize"),F5=useCallback(r=>{let C=h1(),l=J();!C||C.length===0||!l||l.length===0||(r.lineWidth=.5,r.globalAlpha=1,C.forEach(u=>{let h=typeof u.source=="object"?u.source:l.find(t1=>t1.id===u.source),m=typeof u.target=="object"?u.target:l.find(t1=>t1.id===u.target);if(!h||!m)return;let g={x:h.x||0,y:h.y||0},x={x:m.x||0,y:m.y||0},p=x.x-g.x,f=x.y-g.y,b=Math.sqrt(p*p+f*f),v=p/b,k=f/b,P=q.nodeSizeBase/2,E=q.nodeSizeBase/2,O=4,w={x:g.x+v*P,y:g.y+k*P},B={x:x.x-v*(E+O),y:x.y-k*(E+O)},V={x:x.x-v*(E+1),y:x.y-k*(E+1)},_=s.current.highlightLinks.has(u),H=_?W.graph2D.link.highlighted:W.graph2D.link.normal,I=_?1.5:.5,U=g.x+(x.x-g.x)/2,Q=g.y+(x.y-g.y)/2,K=Math.atan2(f,p);if(u.label){let t1=s.current.transform.k,s1=E2(t1);r.font=`${s1}px Sans-Serif`;let Y1=r.measureText(u.label).width,X1=10;r.beginPath(),r.moveTo(w.x,w.y);let _1=b/2-(Y1+X1)/2,U1={x:g.x+v*_1,y:g.y+k*_1};r.lineTo(U1.x,U1.y),r.strokeStyle=H,r.lineWidth=I,r.stroke(),r.beginPath();let p1=b/2+(Y1+X1)/2,F1={x:g.x+v*p1,y:g.y+k*p1};r.moveTo(F1.x,F1.y),r.lineTo(B.x,B.y),r.strokeStyle=H,r.lineWidth=I,r.stroke();}else r.beginPath(),r.moveTo(w.x,w.y),r.lineTo(B.x,B.y),r.strokeStyle=H,r.lineWidth=I,r.stroke();let i1=2;if(r.save(),r.translate(V.x,V.y),r.rotate(K),r.beginPath(),r.moveTo(0,0),r.lineTo(-4,i1),r.lineTo(-4,0),r.lineTo(-4,-2),r.closePath(),r.fillStyle=H,r.fill(),r.restore(),u.label){let t1=s.current.transform.k,s1=E2(t1);r.font=`${s1}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.save(),r.translate(U,Q),Math.abs(K)>Math.PI/2?r.rotate(K+Math.PI):r.rotate(K),r.fillStyle=_?W.graph2D.link.highlightedTextColor:W.graph2D.link.textColor,r.fillText(u.label,0,0),r.restore();}}));},[q,W.graph2D.link]),P5=t((r,C,l,u,h,m,g)=>{try{if(m!=null){let x=h*.8;r.font=`${x}px sans-serif`,r.textBaseline="middle",r.textAlign="left";let p=new Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:1,minimumFractionDigits:0,compactDisplay:"short"}).format(m),f=r.measureText(p).width,b=h*.3,k=(h+b+f)/2;r.drawImage(C,l-k,u-h/2,h,h),r.fillStyle=g||"#99989C",r.fillText(p,l-k+h+b,u);}else r.drawImage(C,l-h/2,u-h/2,h,h);}catch(x){console.warn("Error rendering icon:",x);}},"drawIconWithOptionalCounter"),k5=useCallback((r,C)=>{if(!r1||r1.length===0||!r||!r.x||!r.y)return;let{x:l,y:u}=r,h=q.nodeSizeBase*q.nodeAreaFactor/2;C.save();let m=Math.min(r1.length,8),g=Math.min(Math.PI*2/m,Math.PI);for(let x=0;x<m;x++){let p=x*g,f=(x+1)*g,b=s.current.hoveredButtonIndex===x;C.beginPath(),C.arc(l,u,h,p,f,false),C.lineTo(l,u),C.closePath(),C.lineWidth=1,C.strokeStyle=W.graph2D?.button?.stroke||"#FFFFFF",C.stroke(),C.fillStyle=b?W.graph2D?.button?.hoverFill||"rgba(255, 255, 255, 0.3)":W.graph2D?.button?.normalFill||"rgba(255, 255, 255, 0.1)",C.fill();let v=h*.2,k=(p+f)/2,P=h-q.nodeSizeBase/2+v,E=l+Math.cos(k)*P,O=u+Math.sin(k)*P,w=r1[x];if(typeof w.loading=="function"?w.loading(r):w.loading){let V=v/2,_=v/12;C.save(),C.translate(E,O),C.rotate(s.current.spinnerAngle);for(let H=0;H<12;H++){let I=Math.PI*2*H/12,U=H/12,Q=Math.cos(I)*V,K=Math.sin(I)*V;C.beginPath(),C.fillStyle=b1(W.graph2D?.button?.spinnerColor,U),C.arc(Q,K,_,0,Math.PI*2),C.fill();}C.restore(),s.current.spinnerAngle+=.1,s.current.spinnerAngle>Math.PI*2&&(s.current.spinnerAngle-=Math.PI*2),s.current.animation.id!==null&&(cancelAnimationFrame(s.current.animation.id),s.current.animation.id=null,s.current.animation.buttonIndex=null),s.current.animation.id=requestAnimationFrame(A),s.current.animation.buttonIndex=x;}else {s.current.animation.id&&s.current.animation.buttonIndex===x&&(cancelAnimationFrame(s.current.animation.id),s.current.animation.id=null,s.current.animation.buttonIndex=null);let V=b?w.hoverImg:w.normalImg,_=w.getCount?w.getCount(r):null;V.complete?P5(C,V,E,O,v,_,W.graph2D?.button?.textColor):V.onload=()=>{l1.current&&P5(C,V,E,O,v,_,W.graph2D?.button?.textColor);};}}C.restore();},[r1,W.graph2D?.button]),I5=useCallback(r=>{let C=J();!C||C.length===0||(r.globalAlpha=1,C.forEach(l=>{let{x:u,y:h,color:m,fontColor:g,label:x}=l,p=l.id&&s.current.selectedNodeIds.has(l.id),f=l.id&&s.current.hoveredNode?.id===l.id,b=q.nodeSizeBase,v=q.nodeSizeBase/2;if(f&&d&&d.length>0&&k5(l,r),p){let k=q.nodeSizeBase/2+q.nodeBorderWidth,P=q.nodeSizeBase/2+q.nodeBorderWidth/2;r.save(),r.shadowBlur=q.nodeBorderWidth*10,r.shadowColor=W.graph2D.ring.selectionFill,r.beginPath(),r.arc(u,h,k,0,2*Math.PI,false),r.fillStyle=W.graph2D.ring.selectionFill,r.fill(),r.restore(),r.beginPath(),r.arc(u,h,P,0,2*Math.PI,false),r.fillStyle=W.graph2D.ring.borderFill,r.fill();}if(r.beginPath(),r.arc(u,h,v,0,2*Math.PI),r.fillStyle=m||f6(l.group||"0"),r.fill(),x){r.save(),r.translate(u,h);let k=s.current.transform.k,P=E2(k),E=b*q.textPaddingFactor;r.font=`${P}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.fillStyle=g||"#000";let O=m6(x,E,r);r.fillText(O,0,0),r.restore();}}));},[W.graph2D.ring,d,k5]),A=useCallback(()=>{let r=l1.current;r&&(r.clearRect(0,0,s.current.width,s.current.height),V5(r),r.save(),r.setTransform(s.current.transform.k,0,0,s.current.transform.k,s.current.transform.x,s.current.transform.y),F5(r),I5(r),r.restore());},[F5,I5,V5]),E5=useCallback((r,C=[],l)=>{let u=h1()||[],h=J()||[];if(!z.current||!r.length)return;let{width:m,height:g}=s.current,x=l?.smoothAppearance??false,p=l?.transitionDuration??1e3,f=new Set(h.map(w=>w.id)),b=r.filter(w=>!f.has(w.id)),v=new Set(u.map(w=>`${typeof w.source=="object"?w.source.id:w.source}-${typeof w.target=="object"?w.target.id:w.target}`)),k=C.filter(w=>{let B=`${typeof w.source=="object"?w.source.id:w.source}-${typeof w.target=="object"?w.target.id:w.target}`;return !v.has(B)});if(b.length===0&&k.length===0)return;let P=[...h,...b],E=[...u,...k];x&&(b.forEach(w=>{let B=k.filter(V=>{let _=typeof V.source=="object"?V.source.id:V.source,H=typeof V.target=="object"?V.target.id:V.target;return _===w.id&&f.has(H)||H===w.id&&f.has(_)});if(B.length>0){let V=B[0],_=typeof V.source=="object"?V.source.id===w.id?V.target:V.source.id:V.source===w.id?V.target:V.source,H=P.find(I=>I.id===_);if(H&&H.x!==void 0&&H.y!==void 0){let I=30+Math.random()*20,U=Math.random()*Math.PI*2;w.x=H.x+Math.cos(U)*I,w.y=H.y+Math.sin(U)*I,w.vx=0,w.vy=0;}}else {let V=m/2,_=g/2,H=Math.min(m,g)/4,I=Math.random()*Math.PI*2;w.x=V+Math.cos(I)*(H*Math.random()),w.y=_+Math.sin(I)*(H*Math.random()),w.vx=0,w.vy=0;}}),h.forEach(w=>{w.fx=w.x,w.fy=w.y;})),z.current.nodes(P);let O=z.current.force("link");O&&O.links(E),k.forEach(w=>{let B=typeof w.source=="object"?w.source:P.find(_=>_.id===w.source),V=typeof w.target=="object"?w.target:P.find(_=>_.id===w.target);!B||!V||(!B.neighbors&&(B.neighbors=[]),!V.neighbors&&(V.neighbors=[]),B.neighbors.push(V),V.neighbors.push(B),!B.links&&(B.links=[]),!V.links&&(V.links=[]),B.links.push(w),V.links.push(w));}),x?(z.current.alphaTarget(.3),z.current.alpha(.3),z.current.velocityDecay(.7),z.current.restart(),setTimeout(()=>{h.forEach(w=>{w.fx=void 0,w.fy=void 0;}),z.current?.alphaTarget(0),z.current?.alpha(.1),z.current?.velocityDecay(.6);},p)):z.current.alpha(.1).restart(),A();},[o1,A]),$5=useCallback(r=>{let C=J(),l=h1();if(!z.current||!r.length||!C||C.length===0||!l||l.length===0)return;let u=new Set(r);if(r.forEach(p=>s.current.selectedNodeIds.delete(p)),s.current.hoveredNode&&s.current.hoveredNode.id!==void 0&&u.has(s.current.hoveredNode.id)&&(s.current.hoveredNode=null),s.current.hoveredLink){let p=typeof s.current.hoveredLink.source=="object"?s.current.hoveredLink.source.id:s.current.hoveredLink.source,f=typeof s.current.hoveredLink.target=="object"?s.current.hoveredLink.target.id:s.current.hoveredLink.target;(p!==void 0&&u.has(p)||f!==void 0&&u.has(f))&&(s.current.hoveredLink=null);}s.current.draggedNode&&s.current.draggedNode.id!==void 0&&u.has(s.current.draggedNode.id)&&(s.current.draggedNode=null);let h=C.filter(p=>p.id!==void 0&&!u.has(p.id)),m=l.filter(p=>{let f=typeof p.source=="object"?p.source.id:p.source,b=typeof p.target=="object"?p.target.id:p.target;return f!==void 0&&!u.has(f)&&b!==void 0&&!u.has(b)}),g=[];s.current.highlightLinks.forEach(p=>{let f=typeof p.source=="object"?p.source.id:p.source,b=typeof p.target=="object"?p.target.id:p.target;(f!==void 0&&u.has(f)||b!==void 0&&u.has(b))&&g.push(p);}),g.forEach(p=>s.current.highlightLinks.delete(p)),h.forEach(p=>{p.neighbors=[],p.links=[];}),m.forEach(p=>{let f=typeof p.source=="object"?p.source:h.find(v=>v.id===p.source),b=typeof p.target=="object"?p.target:h.find(v=>v.id===p.target);!f||!b||(f.neighbors=f.neighbors||[],b.neighbors=b.neighbors||[],f.neighbors.push(b),b.neighbors.push(f),f.links=f.links||[],b.links=b.links||[],f.links.push(p),b.links.push(p));}),z.current.nodes(h);let x=z.current.force("link");x&&x.links(m),Z?.(s.current.selectedNodeIds),A();},[A,Z]),f1=useCallback((r=0,C=20)=>{let l=J();if(!l1.current||!G.current||!l||!l.length)return;let h=1/0,m=1/0,g=-1/0,x=-1/0;if(l.forEach(p=>{if(p.x===void 0||p.y===void 0)return;let f=p.x,b=p.y;h=Math.min(h,f),m=Math.min(m,b),g=Math.max(g,f),x=Math.max(x,b);}),isFinite(h)&&isFinite(g)&&isFinite(m)&&isFinite(x)){let{width:p,height:f}=s.current;h-=C,m-=C,g+=C,x+=C;let b=g-h,v=x-m,k=b>0?p/b:1,P=v>0?f/v:1,E=Math.min(k,P,10),O=h+b/2,w=m+v/2,B={k:E,x:p/2-O*E,y:f/2-w*E};if(r>0){let V={...s.current.transform},_=Date.now(),H=t(()=>{let I=Math.min(1,(Date.now()-_)/r),U=I===1?1:1-Math.pow(1-I,3),Q={k:V.k+(B.k-V.k)*U,x:V.x+(B.x-V.x)*U,y:V.y+(B.y-V.y)*U};s.current.transform=Q,A(),I<1&&requestAnimationFrame(H);},"animateZoom");requestAnimationFrame(H);}else s.current.transform=B,A();}},[]),Z5=useCallback((r=0,C=20)=>{let l=J(),u=l1.current,h=s.current.selectedNodeIds;if(!u||!G.current||!l||!l.length||h.size===0)return;let m=l.filter(b=>b.id&&h.has(b.id));if(m.length===0)return;let g=1/0,x=1/0,p=-1/0,f=-1/0;if(m.forEach(b=>{b.x===void 0||b.y===void 0||(g=Math.min(g,b.x),x=Math.min(x,b.y),p=Math.max(p,b.x),f=Math.max(f,b.y));}),g===p&&x===f&&(g-=100,x-=100,p+=100,f+=100),isFinite(g)&&isFinite(p)&&isFinite(x)&&isFinite(f)){let{width:b,height:v}=s.current;g-=C,x-=C,p+=C,f+=C;let k=p-g,P=f-x,E=k>0?b/k:1,O=P>0?v/P:1,w=Math.min(E,O,q.maxZoom),B=g+k/2,V=x+P/2,_={k:w,x:b/2-B*w,y:v/2-V*w};if(r>0){let H={...s.current.transform},I=Date.now(),U=t(()=>{let Q=Math.min(1,(Date.now()-I)/r),K=Q===1?1:1-Math.pow(1-Q,3),i1={k:H.k+(_.k-H.k)*K,x:H.x+(_.x-H.x)*K,y:H.y+(_.y-H.y)*K};s.current.transform=i1,A(),Q<1&&requestAnimationFrame(U);},"animateZoom");requestAnimationFrame(U);}else s.current.transform=_,A();}},[J,A]),B5=useCallback((r,C=0,l=20)=>{let u=J();if(!l1.current||!G.current||!u||!u.length||!r||r.length===0)return;let m=new Set(r),g=u.filter(v=>v.id&&m.has(v.id));if(g.length===0)return;let x=1/0,p=1/0,f=-1/0,b=-1/0;if(g.forEach(v=>{v.x===void 0||v.y===void 0||(x=Math.min(x,v.x),p=Math.min(p,v.y),f=Math.max(f,v.x),b=Math.max(b,v.y));}),x===f&&p===b&&(x-=100,p-=100,f+=100,b+=100),isFinite(x)&&isFinite(f)&&isFinite(p)&&isFinite(b)){let{width:v,height:k}=s.current;x-=l,p-=l,f+=l,b+=l;let P=f-x,E=b-p,O=P>0?v/P:1,w=E>0?k/E:1,B=Math.min(O,w,q.maxZoom),V=x+P/2,_=p+E/2,H={k:B,x:v/2-V*B,y:k/2-_*B};if(C>0){let I={...s.current.transform},U=Date.now(),Q=t(()=>{let K=Math.min(1,(Date.now()-U)/C),i1=K===1?1:1-Math.pow(1-K,3),t1={k:I.k+(H.k-I.k)*i1,x:I.x+(H.x-I.x)*i1,y:I.y+(H.y-I.y)*i1};s.current.transform=t1,A(),K<1&&requestAnimationFrame(Q);},"animateZoom");requestAnimationFrame(Q);}else s.current.transform=H,A();}},[J,A]),V1=useCallback(r=>{s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),r.forEach(C=>s.current.selectedNodeIds.add(C)),Z?.(s.current.selectedNodeIds),A();},[A,Z]),T5=useCallback((r,C)=>{let l=J(),u=h1();if(!l||!u||l.length===0||u.length===0)return 0;let h=l.find(f=>f.id===r),m=l.find(f=>f.id===C);if(!h||!m)return console.warn("Source or target node not found"),0;if(r===C)return V1([r]),1;let g=new Map;u.forEach(f=>{let b=typeof f.source=="object"?f.source.id:f.source,v=typeof f.target=="object"?f.target.id:f.target;b===void 0||v===void 0||(g.has(b)||g.set(b,[]),g.has(v)||g.set(v,[]),g.get(b).push({nodeId:v,link:f}),g.get(v).push({nodeId:b,link:f}));});let x=[{nodeId:r,path:[r],links:[]}],p=new Set([r]);for(;x.length>0;){let f=x.shift();if(f.nodeId===C)return V1(f.path),s.current.highlightLinks.clear(),f.links.forEach(v=>{s.current.highlightLinks.add(v);}),A(),f.path.length;(g.get(f.nodeId)||[]).forEach(({nodeId:v,link:k})=>{p.has(v)||(p.add(v),x.push({nodeId:v,path:[...f.path,v],links:[...f.links,k]}));});}return console.warn("No path found between nodes"),0},[J,h1,V1,A]),G5=useCallback((r,C)=>{let l=J();if(!l||l.length===0||r.size===0)return;let u=C?.spacing??100,h=l.filter(P=>P.id!==void 0&&r.has(P.id));if(h.length===0){console.warn("No nodes found with provided IDs");return}let m=C?.columns??Math.ceil(Math.sqrt(h.length)),g=h.reduce((P,E)=>P+(E.x??0),0)/h.length,x=h.reduce((P,E)=>P+(E.y??0),0)/h.length,p=Math.ceil(h.length/m),f=(m-1)*u,b=(p-1)*u,v=g-f/2,k=x-b/2;h.forEach((P,E)=>{let O=E%m,w=Math.floor(E/m),B=v+O*u,V=k+w*u;P.x=B,P.y=V,P.fx=B,P.fy=V;}),z.current&&z.current.alpha(.3).restart(),A();},[J,A]),z5=useCallback((r,C)=>{let l=J();if(!l||l.length===0)return;let u=C?.spacing??100,h=C?.groupSpacing??200,m=C?.columns,g=new Map;l.forEach(H=>{let I=H[r],U;Array.isArray(I)?U=I.length>0?String(I[0]):"undefined":typeof I=="string"?U=I:U="undefined",g.has(U)||g.set(U,[]),g.get(U).push(H);});let x=g.size,p=Math.ceil(Math.sqrt(x)),f=l.reduce((H,I)=>H+(I.x??0),0)/l.length,b=l.reduce((H,I)=>H+(I.y??0),0)/l.length,v=0,k=[];g.forEach(H=>{let I=m??Math.ceil(Math.sqrt(H.length)),U=Math.ceil(H.length/I),Q=(I-1)*u,K=(U-1)*u;k.push({width:Q,height:K});});let P=Math.max(...k.map(H=>H.width),0),E=Math.max(...k.map(H=>H.height),0),O=Math.ceil(x/p),w=(p-1)*(P+h),B=(O-1)*(E+h),V=f-w/2,_=b-B/2;g.forEach((H,I)=>{if(H.length===0){v++;return}let U=v%p,Q=Math.floor(v/p),K=V+U*(P+h),i1=_+Q*(E+h),t1=m??Math.ceil(Math.sqrt(H.length)),s1=Math.ceil(H.length/t1),Y1=(t1-1)*u,X1=(s1-1)*u,_1=K-Y1/2,U1=i1-X1/2;H.forEach((p1,F1)=>{let y6=F1%t1,v6=Math.floor(F1/t1),W5=_1+y6*u,O5=U1+v6*u;p1.x=W5,p1.y=O5,p1.fx=W5,p1.fy=O5;}),v++;}),z.current&&z.current.alpha(.3).restart(),A(),f1(300,50);},[J,A,f1]),D1=useCallback((r,C)=>{let l=J();if(!l||l.length===0)return null;let u=q.nodeSizeBase/2,h=typeof window<"u"&&window.devicePixelRatio||1,m=(r*h-s.current.transform.x)/s.current.transform.k,g=(C*h-s.current.transform.y)/s.current.transform.k;return l.find(x=>{let p=(x.x||0)-m,f=(x.y||0)-g;return Math.sqrt(p*p+f*f)<=u})||null},[]),N1=useCallback((r,C)=>{let l=h1(),u=J();if(!l||l.length===0||!u||u.length===0)return null;let h=typeof window<"u"&&window.devicePixelRatio||1,m=(r*h-s.current.transform.x)/s.current.transform.k,g=(C*h-s.current.transform.y)/s.current.transform.k,x=5;return l.find(p=>{let f=typeof p.source=="object"?p.source:u.find(s1=>s1.id===p.source),b=typeof p.target=="object"?p.target:u.find(s1=>s1.id===p.target);if(!f||!b)return false;let v=f.x||0,k=f.y||0,P=b.x||0,E=b.y||0,O=m-v,w=g-k,B=P-v,V=E-k,_=O*B+w*V,H=B*B+V*V;if(H===0)return false;let I=_/H;I=Math.max(0,Math.min(1,I));let U=v+I*B,Q=k+I*V,K=m-U,i1=g-Q;return Math.sqrt(K*K+i1*i1)<=x})||null},[]),R5=useCallback((r,C,l,u,h,m,g)=>{let x=r-l,p=C-u,f=Math.sqrt(x*x+p*p),b=Math.atan2(p,x);b<0&&(b+=2*Math.PI);let P=f>=h*.5&&f<=h*1,E=false;return m===Math.PI&&g===Math.PI*2?E=b>=Math.PI&&b<=Math.PI*2:m===0&&g===Math.PI?E=b>=0&&b<=Math.PI:E=m<=g&&b>=m&&b<=g||m>g&&(b>=m||b<=g),P&&E},[]),$2=useCallback(r=>{r!==s.current.hoveredNode&&(s.current.hoveredNode=r,M&&M(r));},[M]),Z2=useCallback(r=>{if(r===s.current.hoveredLink)return;let C=new Set,l=new Set;if(r){l.add(r);let u=J();if(u){let h=typeof r.source=="object"?r.source:u.find(g=>g.id===r.source),m=typeof r.target=="object"?r.target:u.find(g=>g.id===r.target);h&&C.add(h),m&&C.add(m);}}s.current.hoveredLink=r,L&&L(r);},[L,J]),A5=useCallback(r=>{T&&T(r);},[T]),D5=useCallback((r,C)=>{C.id&&(r.ctrlKey||r.metaKey?(s.current.selectedNodeIds.has(C.id)?s.current.selectedNodeIds.delete(C.id):s.current.selectedNodeIds.add(C.id),s.current.highlightLinks.clear()):(s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),s.current.selectedNodeIds.add(C.id)),Z?.(s.current.selectedNodeIds),A()),S&&S(C);},[S,Z,A]),N5=useCallback(()=>{s.current.selectedNodeIds.clear(),s.current.highlightLinks.clear(),Z?.(s.current.selectedNodeIds),A(),y&&y();},[y,Z,A]),B2=useCallback(r=>{if(!G.current||!z.current)return;let C=G.current.getBoundingClientRect(),l=r.clientX-C.left,u=r.clientY-C.top;s.current.mouseStartPos={x:l,y:u},s.current.isDragging=false;let h=D1(l,u);h?(s.current.draggedNode=h,h.fx=h.x,h.fy=h.y):(s.current.isPanning=true,s.current.lastMousePos={x:l,y:u});},[D1]),W1=useCallback((r,C)=>{let l=null;if(G.current&&s.current&&r1.length>0){let u=q.nodeSizeBase*q.nodeAreaFactor/2,h=G.current.getBoundingClientRect(),m=G.current.width/h.width,g=G.current.height/h.height,x=r*m,p=C*g,f=(x-s.current.transform.x)/s.current.transform.k,b=(p-s.current.transform.y)/s.current.transform.k,v=s.current.hoveredNode?.x||0,k=s.current.hoveredNode?.y||0,P=Math.min(r1.length,8),E=Math.min(Math.PI*2/P,Math.PI);for(let O=0;O<P;O++){let w=O*E,B=(O+1)*E;if(R5(f,b,v,k,u,w,B)){l=O;break}}}return l},[r1]),T2=useCallback(r=>{if(!G.current)return;let C=G.current.getBoundingClientRect(),l=r.clientX-C.left,u=r.clientY-C.top;if(s.current.draggedNode&&s.current.mouseStartPos&&z.current){let g=s.current.mouseStartPos.x,x=s.current.mouseStartPos.y,p=l-g,f=u-x;Math.sqrt(p*p+f*f)>3&&(s.current.isDragging=true,z.current.alphaTarget()===0&&z.current.alphaTarget(0).restart());let k=typeof window<"u"&&window.devicePixelRatio||1,P=(l*k-s.current.transform.x)/s.current.transform.k,E=(u*k-s.current.transform.y)/s.current.transform.k;s.current.draggedNode.fx=P,s.current.draggedNode.fy=E;return}if(s.current.isPanning&&s.current.mouseStartPos){let g=l-s.current.lastMousePos.x,x=u-s.current.lastMousePos.y,p=s.current.mouseStartPos.x,f=s.current.mouseStartPos.y;Math.sqrt(Math.pow(l-p,2)+Math.pow(u-f,2))>3&&(s.current.isDragging=true),s.current.transform={...s.current.transform,x:s.current.transform.x+g,y:s.current.transform.y+x},s.current.lastMousePos={x:l,y:u},A();return}let h,m;if(s.current.hoveredNode&&G.current&&r1.length>0){let g=W1(l,u);g!==null&&(m=s.current.hoveredNode),g!==s.current.hoveredButtonIndex&&(h=true),s.current.hoveredButtonIndex=g;}else s.current.hoveredButtonIndex!==null&&(s.current.hoveredButtonIndex=null);if(!m&&(m=D1(l,u),!m)){let g=N1(l,u),x=g!==s.current.hoveredLink;if(g&&s.current.hoveredNode&&$2(null),Z2(g),G.current&&(G.current.style.cursor=g?"pointer":"default"),x){A();return}}m&&s.current.hoveredLink&&Z2(null),m!==s.current.hoveredNode&&(h=true),$2(m),G.current&&(G.current.style.cursor=m?"pointer":"default"),h&&A();},[r1,D1,N1,$2,Z2,A,R5,W1]),x6=useCallback(r=>{s.current.mustBeStoppedPropagation&&(r.stopPropagation(),r.preventDefault()),s.current.mustBeStoppedPropagation=false;},[]),O1=useCallback(r=>{let C=s.current.isDragging;if(C&&(s.current.mustBeStoppedPropagation=true),!C&&s.current.mouseStartPos){let l=G.current?.getBoundingClientRect();if(l){let u=r.clientX-l.left,h=r.clientY-l.top;r1.length>0&&s.current.hoveredButtonIndex===null&&(s.current.hoveredButtonIndex=W1(u,h));let m=false;if(s.current.hoveredNode&&s.current.hoveredButtonIndex!==null&&d[s.current.hoveredButtonIndex]){let g=d[s.current.hoveredButtonIndex];g&&g.onClick&&(g.onClick(s.current.hoveredNode),m=true,s.current.hoveredButtonIndex=null);}if(!m&&s.current.draggedNode)D5(r,s.current.draggedNode);else if(!m&&!s.current.draggedNode){let g=N1(u,h);g?A5(g):N5();}}}if(s.current.draggedNode&&z.current){if(C){z.current.alphaTarget(0);let l=.05,u=.04,h=.6;z.current.alpha(l).alphaDecay(u),z.current.velocityDecay(h);}else z.current.alphaTarget(0);s.current.draggedNode.fx=void 0,s.current.draggedNode.fy=void 0,s.current.draggedNode=null;}s.current.isDragging=false,s.current.mouseStartPos=null,s.current.isPanning&&(s.current.isPanning=false),A();},[d,A,D5,N5,N1,A5,W1,r1]),G2=useCallback(r=>{if(r.stopPropagation(),r.preventDefault(),!G.current)return;let C=G.current.getBoundingClientRect(),l=r.clientX-C.left,u=r.clientY-C.top,m=-r.deltaY>0?1.1:1/1.1,g=s.current.transform,x=g.k*m;if(x<.01||x>10)return;let p=g.k*m,f=l-(l-g.x)*m,b=u-(u-g.y)*m;s.current.transform={k:p,x:f,y:b},A();},[A]),z2=t((r,C)=>{let l=r.touches[0];if(l){let u={clientX:l.clientX,clientY:l.clientY};C(u);}},"convertTouchToMouseEvent"),S6=useCallback(r=>{z2(r,B2);},[B2]),R2=useCallback(r=>{s.current.mustBeStoppedPropagation&&(r.preventDefault(),r.stopPropagation()),s.current.mustBeStoppedPropagation=false,z2(r,O1);},[O1]),w6=useCallback(r=>{z2(r,T2);},[T2]);return useImperativeHandle(N,()=>({zoomToFit:f1,zoomToSelected:Z5,zoomToNodes:B5,addNodes:E5,removeNodes:$5,setSelectedNodes:V1,findShortestPath:T5,arrangeSelectedInGrid:G5,arrangeNodesByTypeInGrid:z5}),[f1,Z5,B5,E5,$5,V1,T5,G5,z5]),useEffect(()=>{let r=G.current,{width:C,height:l}=s.current;if(!r)return;b6(),n1(true);let u=C/2,h=l/2,m=q.nodeSizeBase,g=m/2,x=m*2.5;z.current&&z.current.stop();let p=z.current=forceSimulation(o1).force("link",forceLink(j).id(f=>f.id).distance(x).strength(.9)).force("charge",forceManyBody().strength(-m/10*200).theta(.5).distanceMin(m*2)).force("x",forceX().strength(.03)).force("y",forceY().strength(.03)).force("center",forceCenter(u,h).strength(.05)).force("collide",forceCollide().radius(g*2).iterations(2).strength(1)).velocityDecay(.6);return ()=>{p.stop();}},[o1,j]),useLayoutEffect(()=>{let r=G.current;r&&(s.current.width=o*k2,s.current.height=n*k2,r.width=s.current.width,r.height=s.current.height);},[o,n]),useEffect(()=>{if(z.current){let r=z.current;r.on("tick",()=>{A();}),r.on("end",()=>{e1&&(f1(0,20),setTimeout(()=>{n1(false);},200));});}e1||A();},[o1,j,e1,A,f1]),useEffect(()=>{!o1||!j||j.forEach(r=>{let C=typeof r.source=="object"?r.source:o1.find(u=>u.id===r.source),l=typeof r.target=="object"?r.target:o1.find(u=>u.id===r.target);!C||!l||(!C.neighbors&&(C.neighbors=[]),!l.neighbors&&(l.neighbors=[]),C.neighbors.push(l),l.neighbors.push(C),!C.links&&(C.links=[]),!l.links&&(l.links=[]),C.links.push(r),l.links.push(r));});},[o1,j]),useEffect(()=>{d&&d.length>0&&I2(ee(d));},[d]),useEffect(()=>{let r=G.current;if(!(!r||typeof window>"u"))return r.addEventListener("wheel",G2,{passive:false}),r.addEventListener("touchend",R2,{passive:false}),()=>{r.removeEventListener("wheel",G2),r.removeEventListener("touchend",R2);}},[G2,R2]),jsxs(te,{children:[(e||e1)&&jsx(p6,{width:o,height:n}),jsx(re,{ref:G,style:{width:o,height:n,display:e||e1?"none":"block"},onMouseDown:B2,onMouseMove:T2,onMouseUp:O1,onMouseLeave:O1,onClick:x6,onTouchStart:S6,onTouchMove:w6})]})}),te=styled.div`
|
|
1222
1222
|
display: flex;
|
|
1223
1223
|
align-items: center;
|
|
1224
1224
|
justify-content: center;
|
|
@@ -1237,5 +1237,5 @@ ${e?`
|
|
|
1237
1237
|
`:""}
|
|
1238
1238
|
|
|
1239
1239
|
min-width: 0;
|
|
1240
|
-
`);export{eC as Alert,O2 as AlertIcon,S0 as AndroidIcon,_6 as ApiIcon,q6 as ArrowCircleTopRightIcon,K6 as ArrowRightIcon,t5 as BallsMenu,bl as Box,j5 as BreakpointProvider,Q6 as BugReportIcon,W0 as BurgerMenuIcon,d0 as BusIcon,r4 as Button,j6 as CalendarIcon,l0 as CarIcon,j3 as CheckIcon,fC as Checkbox,r5 as ChevronDownIcon,Y2 as ChevronLeftIcon,X2 as ChevronRightIcon,n5 as ChevronUpIcon,O0 as ClockIcon,r3 as CloseCircleIcon,i3 as ClosedLockIcon,Au as Container,hp as ContentLoader,U4 as ContextMenu,jd as ContextMenuDelimiter,Z4 as Counter,a5 as CrossIcon,s3 as DataSetsIcon,c3 as DeepSearchIcon,l3 as DisabledVisibleIcon,p3 as DocsIcon,g3 as DownloadIcon,_C as Drawer,qC as DrawerBody,UC as DrawerHeader,f3 as EditUserIcon,El as EmptyData,m3 as EnableVisibleIcon,S3 as EnterArrowLeftIcon,b0 as FileIcon,w3 as FiltersIcon,T0 as FlashIcon,m8 as FlexContainer,y8 as FlexItem,M0 as FolderAlertIcon,G0 as FolderInfoIcon,hg as FullscreenCard,Y5 as GlobalStyle,oe as Graph2D,Js as Header,od as HeaderDelimeter,ad as HeaderSection,v3 as HomepageIcon,i5 as InfoCircleFilledIcon,M3 as InfoCircleIcon,Yc as Input,m0 as IosIcon,cC as Label,Hl as Line,MC as LinerProgress,Ms as ListMenu,Ts as ListMenuItem,Ds as ListMenuSection,H3 as MapRadarIcon,a0 as MaximizeIcon,y0 as MicrosoftIcon,Zp as Modal,Tp as ModalBody,Gp as ModalFooter,Bp as ModalHeader,F3 as MoonIcon,P3 as OpenLockIcon,I3 as OrganizationIcon,l6 as Overlay,Mu as PageContent,xu as PageLayout,Bd as Pagination,k0 as PassportIcon,$3 as PasswordFinderIcon,$0 as PencilIcon,B3 as PhonebookIcon,u0 as PlaneIcon,e0 as PlusIcon,E0 as PointIcon,G3 as PrintIcon,z3 as Profiler2Icon,A3 as ProfilerIcon,H0 as RelationIcon,F0 as RelationPointsIcon,R0 as RotateLeftIcon,D0 as RotateRightIcon,kc as RowActionsMenu,N3 as SandBoxIcon,W3 as SearchIcon,uc as Select,h0 as ShipIcon,Za as Sidebar,y1 as SidebarContext,qa as SidebarDelimeter,Na as SidebarItem,os as SidebarSection,Y3 as StatisticIcon,F9 as Styled,y9 as StyledContainer,L9 as StyledMain,Pu as SubNav,_3 as SunIcon,EC as Switch,Md as Table,Ol as Tag,ze as ThemeProvider,sp as Tooltip,ms as Typography,n0 as UnfoldIcon,q3 as UpRightArrowCircleIcon,Z0 as UserInCircleIcon,t0 as UsersIcon,J3 as VectorIcon,C0 as WayIcon,P1 as convertPaletteToRem,R as createComponent,Y as createStyledComponent,K5 as darkTheme,q5 as darkThemePx,
|
|
1240
|
+
`);export{eC as Alert,O2 as AlertIcon,S0 as AndroidIcon,_6 as ApiIcon,q6 as ArrowCircleTopRightIcon,K6 as ArrowRightIcon,t5 as BallsMenu,bl as Box,j5 as BreakpointProvider,Q6 as BugReportIcon,W0 as BurgerMenuIcon,d0 as BusIcon,r4 as Button,j6 as CalendarIcon,l0 as CarIcon,j3 as CheckIcon,fC as Checkbox,r5 as ChevronDownIcon,Y2 as ChevronLeftIcon,X2 as ChevronRightIcon,n5 as ChevronUpIcon,O0 as ClockIcon,r3 as CloseCircleIcon,i3 as ClosedLockIcon,Au as Container,hp as ContentLoader,U4 as ContextMenu,jd as ContextMenuDelimiter,Z4 as Counter,a5 as CrossIcon,s3 as DataSetsIcon,c3 as DeepSearchIcon,l3 as DisabledVisibleIcon,p3 as DocsIcon,g3 as DownloadIcon,_C as Drawer,qC as DrawerBody,UC as DrawerHeader,f3 as EditUserIcon,El as EmptyData,m3 as EnableVisibleIcon,S3 as EnterArrowLeftIcon,b0 as FileIcon,w3 as FiltersIcon,T0 as FlashIcon,m8 as FlexContainer,y8 as FlexItem,M0 as FolderAlertIcon,G0 as FolderInfoIcon,hg as FullscreenCard,Y5 as GlobalStyle,oe as Graph2D,Js as Header,od as HeaderDelimeter,ad as HeaderSection,v3 as HomepageIcon,i5 as InfoCircleFilledIcon,M3 as InfoCircleIcon,Yc as Input,m0 as IosIcon,cC as Label,Hl as Line,MC as LinerProgress,Ms as ListMenu,Ts as ListMenuItem,Ds as ListMenuSection,H3 as MapRadarIcon,a0 as MaximizeIcon,y0 as MicrosoftIcon,Zp as Modal,Tp as ModalBody,Gp as ModalFooter,Bp as ModalHeader,F3 as MoonIcon,P3 as OpenLockIcon,I3 as OrganizationIcon,l6 as Overlay,Mu as PageContent,xu as PageLayout,Bd as Pagination,k0 as PassportIcon,$3 as PasswordFinderIcon,$0 as PencilIcon,B3 as PhonebookIcon,u0 as PlaneIcon,e0 as PlusIcon,E0 as PointIcon,G3 as PrintIcon,z3 as Profiler2Icon,A3 as ProfilerIcon,H0 as RelationIcon,F0 as RelationPointsIcon,R0 as RotateLeftIcon,D0 as RotateRightIcon,kc as RowActionsMenu,N3 as SandBoxIcon,W3 as SearchIcon,uc as Select,h0 as ShipIcon,Za as Sidebar,y1 as SidebarContext,qa as SidebarDelimeter,Na as SidebarItem,os as SidebarSection,Y3 as StatisticIcon,F9 as Styled,y9 as StyledContainer,L9 as StyledMain,Pu as SubNav,_3 as SunIcon,EC as Switch,Md as Table,Ol as Tag,ze as ThemeProvider,sp as Tooltip,ms as Typography,n0 as UnfoldIcon,q3 as UpRightArrowCircleIcon,Z0 as UserInCircleIcon,t0 as UsersIcon,J3 as VectorIcon,C0 as WayIcon,P1 as convertPaletteToRem,R as createComponent,Y as createStyledComponent,K5 as darkTheme,q5 as darkThemePx,Q1 as destructSpaceProps,$ as generatePropertySpaceStyle,ue as getBreakpoint,C1 as getButtonSizeStyles,d1 as getButtonStyles,Ce as getInputStyles,D6 as getResponsiveProps,pe as getTypographyStyles,b1 as hexToRgba,U5 as lightTheme,_5 as lightThemePx,a1 as propToRem,F as pxToRem,X5 as remToPx,q1 as resolveThemeColor,e4 as useBreakpoint,q4 as useContextMenuControl,Je as useTheme};//# sourceMappingURL=index.mjs.map
|
|
1241
1241
|
//# sourceMappingURL=index.mjs.map
|