@cyber-harbour/ui 1.0.49 → 1.0.50
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +36 -36
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +36 -36
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/Flex/FlexContainer.tsx +2 -0
- package/src/Theme/themes/dark.ts +4 -0
- package/src/Theme/themes/light.ts +4 -0
- package/src/Theme/types.ts +10 -1
package/dist/index.d.mts
CHANGED
|
@@ -24,7 +24,7 @@ type InputVariant = 'outlined' | 'empty';
|
|
|
24
24
|
type InputState = 'default' | 'focus' | 'error' | 'disabled';
|
|
25
25
|
type InputSize = 'empty' | 'small' | 'medium';
|
|
26
26
|
type TagVariant = 'fill' | 'outlined';
|
|
27
|
-
type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | string;
|
|
27
|
+
type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | 'text' | 'orange' | string;
|
|
28
28
|
type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
29
29
|
type ButtonElementStyle = {
|
|
30
30
|
background: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ type InputVariant = 'outlined' | 'empty';
|
|
|
24
24
|
type InputState = 'default' | 'focus' | 'error' | 'disabled';
|
|
25
25
|
type InputSize = 'empty' | 'small' | 'medium';
|
|
26
26
|
type TagVariant = 'fill' | 'outlined';
|
|
27
|
-
type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | string;
|
|
27
|
+
type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | 'text' | 'orange' | string;
|
|
28
28
|
type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
29
29
|
type ButtonElementStyle = {
|
|
30
30
|
background: string;
|
package/dist/index.js
CHANGED
|
@@ -11,23 +11,23 @@
|
|
|
11
11
|
font-family: ${e.typography.fontFamily};
|
|
12
12
|
font-size: ${e.baseSize}px;
|
|
13
13
|
}
|
|
14
|
-
`);var bo=t((e,o)=>{if(!o||typeof o!="string")return;if(!(o.includes(".")||e.colors.hasOwnProperty(o)))return o;let i=o.split(".");if(i.length===1)return e.colors[i[0]];if(i.length===2){let[s,l]=i,m=e.colors[s];if(m&&typeof m=="object")return m[l]}},"resolveThemeColor"),X=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"),fo=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("rem","")):e;return isNaN(n)?0:n*o},"remToPx"),ce={contextMenu:["padding"],baseSize:true},m1=t((e,o=14,n)=>{let i={};return Object.entries(e).forEach(([s,l])=>{l!==null&&typeof l=="object"&&!Array.isArray(l)?i[s]=m1(l,o,s):typeof l=="string"&&l.includes("px")||typeof l=="number"&&["fontSize","width","height","padding","margin","gap","borderRadius","size"].some(m=>s.toLowerCase().includes(m.toLowerCase()))&&!(n&&Array.isArray(ce[n])&&ce[n].includes(s))&&!ce[s]?i[s]=X(l,o):i[s]=l;}),i},"convertPaletteToRem"),j=t((e,o,n,i)=>e.button[o][n][i],"getButtonStyles"),e1=t((e,o)=>e.button.sizes[o],"getButtonSizeStyles"),z2=t((e,o,n)=>e.input[o][n],"getInputStyles"),R2=t((e,o="body")=>e.typography.variants[o]||e.typography.variants.body,"getTypographyStyles"),Z2=t((e,o="m")=>`@media (min-width: ${e.breakpoints[o]}px)`,"getBreakpoint"),V1=t((e,o)=>{try{let n=parseInt(e.slice(1,3),16),i=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return `rgba(${n}, ${i}, ${s}, ${o})`}catch{return e}},"hexToRgba");var L1={dropdown:1e3,sticky:1020,fixed:1030,backdrop:1040,modal:1050,popover:1060,tooltip:1070},G1={xs:320,s:576,m:768,l:992,xl:1200},T1={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 ho={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)"},text:{main:"#101010",light:"#535353",lighter:"#99989C",invert:"#ffffff"},stroke:{main:"#C7C5C5",light:"#EBEBEB",lighter:"#F3F3F3"},disable:"#FAFAFA",success:"#27AE60",error:"#FF3B30",warning:"#F2994A",info:"#2F80ED"},typography:T1,breakpoints:G1,zIndex:L1,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"}}},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"}}},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"}}},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:224,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"}}},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:"rgba(0, 66, 236, 0.3)"},button:{stroke:"#e5e5e5",normalFill:"rgba(255, 255, 255, 0.8)",hoverFill:"rgba(230, 230, 230, 0.9)"},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"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#535353",primary:"#0042EC",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb"}}},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"}}},xo=m1(ho,ho.baseSize);var mo={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)"},text:{main:"#FFFFFF",light:"#99989C",lighter:"#535353",invert:"#101010"},stroke:{main:"#34404C",light:"#1E2226",lighter:"#333333"},disable:"#080A0C",success:"#27AE60",error:"#FF3B30",warning:"#F2994A",info:"#2F80ED"},typography:T1,breakpoints:G1,zIndex:L1,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"}}},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"}}},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"}}},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:224,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"}}},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(0, 90, 255, 0.3)",selectionFill:"rgba(0, 90, 255, 0.5)"},button:{stroke:"#1A1A1A",normalFill:"rgba(0, 0, 0, 0.8)",hoverFill:"rgba(25, 25, 25, 0.9)"},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"}},fill:{borderRadius:4,paddingBlock:5,paddingInline:10,borderWidth:0,color:{default:"#99989C",primary:"#3991FA",error:"#D82323",success:"#38A473",warning:"#DEB839",disabled:"#ebebeb"}}},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"}}},Co=m1(mo,mo.baseSize);var ai=t(({children:e,mode:o})=>jsxRuntime.jsx(Q1.StyleSheetManager,{shouldForwardProp:Et,children:jsxRuntime.jsxs(Q1.ThemeProvider,{theme:o=="light"||o==="LIGHT"?xo:Co,children:[jsxRuntime.jsx(uo,{}),e]})}),"ThemeProvider");function Et(e,o){return typeof o=="string"?!["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py"].includes(e):true}t(Et,"shouldForwardProp");var Vt=t(({ignoreStyles:e}={})=>Q1.css(({theme:o,...n})=>`
|
|
15
|
-
${
|
|
16
|
-
${
|
|
17
|
-
${
|
|
18
|
-
${
|
|
19
|
-
${
|
|
20
|
-
${
|
|
21
|
-
${
|
|
14
|
+
`);var bo=t((e,o)=>{if(!o||typeof o!="string")return;if(!(o.includes(".")||e.colors.hasOwnProperty(o)))return o;let i=o.split(".");if(i.length===1)return e.colors[i[0]];if(i.length===2){let[s,l]=i,m=e.colors[s];if(m&&typeof m=="object")return m[l]}},"resolveThemeColor"),X=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"),fo=t((e,o=16)=>{let n=typeof e=="string"?parseFloat(e.replace("rem","")):e;return isNaN(n)?0:n*o},"remToPx"),ce={contextMenu:["padding"],baseSize:true},m1=t((e,o=14,n)=>{let i={};return Object.entries(e).forEach(([s,l])=>{l!==null&&typeof l=="object"&&!Array.isArray(l)?i[s]=m1(l,o,s):typeof l=="string"&&l.includes("px")||typeof l=="number"&&["fontSize","width","height","padding","margin","gap","borderRadius","size"].some(m=>s.toLowerCase().includes(m.toLowerCase()))&&!(n&&Array.isArray(ce[n])&&ce[n].includes(s))&&!ce[s]?i[s]=X(l,o):i[s]=l;}),i},"convertPaletteToRem"),j=t((e,o,n,i)=>e.button[o][n][i],"getButtonStyles"),e1=t((e,o)=>e.button.sizes[o],"getButtonSizeStyles"),z2=t((e,o,n)=>e.input[o][n],"getInputStyles"),R2=t((e,o="body")=>e.typography.variants[o]||e.typography.variants.body,"getTypographyStyles"),Z2=t((e,o="m")=>`@media (min-width: ${e.breakpoints[o]}px)`,"getBreakpoint"),V1=t((e,o)=>{try{let n=parseInt(e.slice(1,3),16),i=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return `rgba(${n}, ${i}, ${s}, ${o})`}catch{return e}},"hexToRgba");var L1={dropdown:1e3,sticky:1020,fixed:1030,backdrop:1040,modal:1050,popover:1060,tooltip:1070},G1={xs:320,s:576,m:768,l:992,xl:1200},T1={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 ho={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)"},text:{main:"#101010",light:"#535353",lighter:"#99989C",invert:"#ffffff"},stroke:{main:"#C7C5C5",light:"#EBEBEB",lighter:"#F3F3F3"},disable:"#FAFAFA",success:"#27AE60",error:"#FF3B30",warning:"#F2994A",info:"#2F80ED"},typography:T1,breakpoints:G1,zIndex:L1,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"}}},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"}}},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"}}},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:224,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"}}},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:"rgba(0, 66, 236, 0.3)"},button:{stroke:"#e5e5e5",normalFill:"rgba(255, 255, 255, 0.8)",hoverFill:"rgba(230, 230, 230, 0.9)"},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"}}},xo=m1(ho,ho.baseSize);var mo={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)"},text:{main:"#FFFFFF",light:"#99989C",lighter:"#535353",invert:"#101010"},stroke:{main:"#34404C",light:"#1E2226",lighter:"#333333"},disable:"#080A0C",success:"#27AE60",error:"#FF3B30",warning:"#F2994A",info:"#2F80ED"},typography:T1,breakpoints:G1,zIndex:L1,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"}}},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"}}},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"}}},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:224,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"}}},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(0, 90, 255, 0.3)",selectionFill:"rgba(0, 90, 255, 0.5)"},button:{stroke:"#1A1A1A",normalFill:"rgba(0, 0, 0, 0.8)",hoverFill:"rgba(25, 25, 25, 0.9)"},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:"#894B00",background:"#FFFBE0"}}},Co=m1(mo,mo.baseSize);var ai=t(({children:e,mode:o})=>jsxRuntime.jsx(Q1.StyleSheetManager,{shouldForwardProp:Et,children:jsxRuntime.jsxs(Q1.ThemeProvider,{theme:o=="light"||o==="LIGHT"?xo:Co,children:[jsxRuntime.jsx(uo,{}),e]})}),"ThemeProvider");function Et(e,o){return typeof o=="string"?!["m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py"].includes(e):true}t(Et,"shouldForwardProp");var Vt=t(({ignoreStyles:e}={})=>Q1.css(({theme:o,...n})=>`
|
|
15
|
+
${B(o,"margin",n.m,e)}
|
|
16
|
+
${B(o,"margin-top",n.mt,e)}
|
|
17
|
+
${B(o,"margin-right",n.mr,e)}
|
|
18
|
+
${B(o,"margin-bottom",n.mb,e)}
|
|
19
|
+
${B(o,"margin-left",n.ml,e)}
|
|
20
|
+
${B(o,"margin-inline",n.mx,e)}
|
|
21
|
+
${B(o,"margin-block",n.my,e)}
|
|
22
22
|
`),"marginStyles"),Lt=t(({ignoreStyles:e}={})=>Q1.css(({theme:o,...n})=>`
|
|
23
|
-
${
|
|
24
|
-
${
|
|
25
|
-
${
|
|
26
|
-
${
|
|
27
|
-
${
|
|
28
|
-
${
|
|
29
|
-
${
|
|
30
|
-
`),"paddingStyles")
|
|
23
|
+
${B(o,"padding",n.p,e)}
|
|
24
|
+
${B(o,"padding-top",n.pt,e)}
|
|
25
|
+
${B(o,"padding-right",n.pr,e)}
|
|
26
|
+
${B(o,"padding-bottom",n.pb,e)}
|
|
27
|
+
${B(o,"padding-left",n.pl,e)}
|
|
28
|
+
${B(o,"padding-inline",n.px,e)}
|
|
29
|
+
${B(o,"padding-block",n.py,e)}
|
|
30
|
+
`),"paddingStyles"),B=t((e,o,n,i)=>{if(i&&i.includes(o))return "";if(n!==void 0){return `${o}: ${typeof n=="number"?`${X(n,e.baseSize)}`:n};`}return ""},"generatePropertySpaceStyle"),O=t((e,o)=>Q1__default.default(e)`
|
|
31
31
|
${Vt(o)}
|
|
32
32
|
${Lt(o)}
|
|
33
33
|
`,"createComponent");var z1=t(e=>`
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
${z1(j(h,e,o,"default"))}
|
|
52
52
|
font-size: ${y.fontSize};
|
|
53
53
|
gap: ${y.gap};
|
|
54
|
-
${
|
|
55
|
-
${
|
|
54
|
+
${B(h,"padding-block",u)};
|
|
55
|
+
${B(h,"padding-inline",F)};
|
|
56
56
|
border-radius: ${y.borderRadius};
|
|
57
57
|
border-width: ${y.borderWidth};
|
|
58
58
|
border-style: solid;
|
|
@@ -417,7 +417,7 @@
|
|
|
417
417
|
position: sticky;
|
|
418
418
|
top: 0;
|
|
419
419
|
z-index: 1;
|
|
420
|
-
`);var jn=9,nt=2,k1=5,it=1,q1="...",e9=t(({total_items:e,limit:o,offset:n,onChangePage:i})=>{let s=dn.useMemo(()=>n?n/o+1:1,[o,n]),l=Math.ceil(e/o),m=dn.useMemo(()=>{let u=[];if(l<=jn)for(let y=1;y<=l;y+=1)u.push(y);else {let Z=l;if(u.push(1),s<=k1){for(let
|
|
420
|
+
`);var jn=9,nt=2,k1=5,it=1,q1="...",e9=t(({total_items:e,limit:o,offset:n,onChangePage:i})=>{let s=dn.useMemo(()=>n?n/o+1:1,[o,n]),l=Math.ceil(e/o),m=dn.useMemo(()=>{let u=[];if(l<=jn)for(let y=1;y<=l;y+=1)u.push(y);else {let Z=l;if(u.push(1),s<=k1){for(let V=2;V<=k1+2;V+=1)u.push(V);u.push(q1,Z);}else if(s>k1&&s<Z-k1){u.push(q1);for(let V=s-nt;V<=s+nt;V+=1)u.push(V);u.push(q1,Z);}else {u.push(q1);for(let V=Z-k1-1;V<=Z;V+=1)u.push(V);}}return u},[s,l]),h=dn.useCallback(u=>typeof u=="string"||u===s,[s]),F=dn.useCallback(u=>{h(u)||i(u);},[i,h]);return jsxRuntime.jsxs(Kn,{children:[jsxRuntime.jsx(Be,{"aria-label":"previous page",onClick:()=>F(s-it),disabled:s===1,children:jsxRuntime.jsx(ge,{})}),jsxRuntime.jsx(Jn,{children:m.map((u,y)=>jsxRuntime.jsx("li",{children:jsxRuntime.jsx(Be,{$current:u===s,onClick:()=>F(u),children:u})},`pagination-${u}-${y}`))}),jsxRuntime.jsx(Be,{"aria-label":"next page",onClick:()=>F(s+it),disabled:!e||s===l,children:jsxRuntime.jsx(ue,{})})]})},"Pagination"),Jn=Q1.styled.div`
|
|
421
421
|
list-style: none;
|
|
422
422
|
padding: 0;
|
|
423
423
|
display: flex;
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
align-items: center;
|
|
451
451
|
justify-content: flex-end;
|
|
452
452
|
gap: 6px;
|
|
453
|
-
`;var at=t(({isOpen:e,onClickOutside:o,onClick:n,anchor:i,size:s="medium",disabled:l,fullWidth:m,className:h,positions:F=["bottom"],align:u="start",children:y,hasBorder:Z=true,maxHeight:
|
|
453
|
+
`;var at=t(({isOpen:e,onClickOutside:o,onClick:n,anchor:i,size:s="medium",disabled:l,fullWidth:m,className:h,positions:F=["bottom"],align:u="start",children:y,hasBorder:Z=true,maxHeight:V=500})=>{let A=dn.useRef(null),$=Q1.useTheme();return jsxRuntime.jsx(reactTinyPopover.Popover,{padding:$.contextMenu.padding,isOpen:e,positions:F,align:u,onClickOutside:o,content:y,containerStyle:{backgroundColor:$.colors.background,border:`1px solid ${$.colors.stroke.light}`,boxShadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderRadius:"5px",overflow:"auto",maxHeight:`${V}px`,zIndex:"9999"},children:jsxRuntime.jsxs(n0,{ref:A,onClick:n,$disabled:l,$fullWidth:m,$size:s,className:h,type:"button",disabled:l,$hasBorder:Z,children:[jsxRuntime.jsx("div",{children:i}),e?jsxRuntime.jsx(ke,{width:$.contextMenu.icon.size,height:$.contextMenu.icon.size}):jsxRuntime.jsx(Fe,{width:$.contextMenu.icon.size,height:$.contextMenu.icon.size})]})})},"ContextMenu"),n0=Q1.styled.button`
|
|
454
454
|
${({$size:e,$disabled:o,$fullWidth:n,theme:i,$hasBorder:s})=>{let l=e1(i,e);return `
|
|
455
455
|
background: ${i.contextMenu.button.default.background};
|
|
456
456
|
color: ${i.contextMenu.button.default.text};
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
border-top-width: ${e.contextMenu.delimeter.thickness};
|
|
503
503
|
border-top-style: ${e.contextMenu.delimeter.style};
|
|
504
504
|
border-top-color: ${e.contextMenu.delimeter.color};
|
|
505
|
-
`);var st=t(()=>{let[e,o]=dn.useState(false);return {isOpen:e,toggleMenu:t(()=>{o(l=>!l);},"toggleMenu"),closeMenu:t(()=>{o(false);},"closeMenu"),openMenu:t(()=>{o(true);},"openMenu")}},"useContextMenuControl");var Z9=t(({options:e,selected:o,handleSelect:n,placeholder:i,disabled:s=false,positions:l=["bottom"],align:m="start",size:h="small",hasBorder:F=true,maxHeight:u})=>{let[y,Z]=dn.useState(false),
|
|
505
|
+
`);var st=t(()=>{let[e,o]=dn.useState(false);return {isOpen:e,toggleMenu:t(()=>{o(l=>!l);},"toggleMenu"),closeMenu:t(()=>{o(false);},"closeMenu"),openMenu:t(()=>{o(true);},"openMenu")}},"useContextMenuControl");var Z9=t(({options:e,selected:o,handleSelect:n,placeholder:i,disabled:s=false,positions:l=["bottom"],align:m="start",size:h="small",hasBorder:F=true,maxHeight:u})=>{let[y,Z]=dn.useState(false),V=dn.useCallback(()=>{s||Z(A=>!A);},[]);return jsxRuntime.jsx(at,{isOpen:y,onClickOutside:()=>Z(false),onClick:V,disabled:s,anchor:o?e.find(A=>A.value===o)?.inputDisplay||o:i,fullWidth:true,positions:l,align:m,size:h,hasBorder:F,maxHeight:u,children:jsxRuntime.jsx(d0,{children:e.map(A=>jsxRuntime.jsx(p0,{onClick:()=>{n(A.value),Z(false);},type:"button",$selected:A.value===o,disabled:s,$size:h,children:A.inputDisplay||A.value},A.value))})})},"Select"),d0=Q1.styled.div`
|
|
506
506
|
padding-block: 7px;
|
|
507
507
|
padding-inline: 5px;
|
|
508
508
|
button:not(:last-of-type) {
|
|
@@ -544,7 +544,7 @@
|
|
|
544
544
|
cursor: not-allowed;
|
|
545
545
|
}
|
|
546
546
|
`}}
|
|
547
|
-
`;var r7=t(({size:e="small",disabled:o,className:n,positions:i=["bottom"],align:s="end",items:l})=>{let m=dn.useRef(null),{isOpen:h,closeMenu:F,toggleMenu:u}=st(),y=Q1.useTheme();return jsxRuntime.jsx(reactTinyPopover.Popover,{padding:y.contextMenu.padding,isOpen:h,positions:i,align:s,onClickOutside:F,content:jsxRuntime.jsx(h0,{children:l.map(({label:Z,onClick:
|
|
547
|
+
`;var r7=t(({size:e="small",disabled:o,className:n,positions:i=["bottom"],align:s="end",items:l})=>{let m=dn.useRef(null),{isOpen:h,closeMenu:F,toggleMenu:u}=st(),y=Q1.useTheme();return jsxRuntime.jsx(reactTinyPopover.Popover,{padding:y.contextMenu.padding,isOpen:h,positions:i,align:s,onClickOutside:F,content:jsxRuntime.jsx(h0,{children:l.map(({label:Z,onClick:V,color:A},$)=>jsxRuntime.jsx(vo,{variant:"empty",color:A,fullWidth:true,size:e,py:10,px:5,onClick:()=>{V(),F();},children:Z},`row-action-${$}`))}),containerStyle:{backgroundColor:y.colors.background,border:`1px solid ${y.colors.stroke.light}`,boxShadow:"0px 0px 10px 0px rgba(0, 0, 0, 0.25)",borderRadius:"5px",zIndex:"9999"},children:jsxRuntime.jsx(f0,{ref:m,onClick:u,$disabled:o,$size:e,className:n,type:"button",disabled:o,children:jsxRuntime.jsx(ve,{width:y.rowActionsMenu.icon.size,height:y.rowActionsMenu.icon.size})})})},"RowActionsMenu"),f0=Q1.styled.button`
|
|
548
548
|
${({$size:e,$disabled:o,theme:n})=>{let i=e1(n,e);return `
|
|
549
549
|
background: ${n.rowActionsMenu.button.default.background};
|
|
550
550
|
color: ${n.rowActionsMenu.button.default.text};
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
background-color: ${e.rowActionsMenu.delimiterColor};
|
|
601
601
|
}
|
|
602
602
|
}
|
|
603
|
-
`);var S7=dn.forwardRef(t(function({error:o,append:n,prepend:i,size:s="small",variant:l="outlined",multiline:m,disabled:h,className:F,...u},y){return jsxRuntime.jsxs(v0,{$align:m?"flex-start":"center",className:F,$error:o,$size:s,$variant:l,$disabled:!!h,children:[!!i&&i,jsxRuntime.jsxs(y0,{$size:s,$variant:l,children:[m?jsxRuntime.jsx(S0,{size:s,disabled:h,...u,ref:y}):jsxRuntime.jsx("input",{disabled:h,...u,ref:y}),!!o&&jsxRuntime.jsx(w0,{$variant:l,children:jsxRuntime.jsx(Pe,{})})]}),!!n&&n]})},"Input")),S0=dn.forwardRef(t(function({size:o="small",disabled:n,className:i,rows:s="1",autoResize:l=false,...m},h){let[F,u]=dn.useState(Number(s)),y=dn.useRef(Number(s)),Z=dn.useRef(null),
|
|
603
|
+
`);var S7=dn.forwardRef(t(function({error:o,append:n,prepend:i,size:s="small",variant:l="outlined",multiline:m,disabled:h,className:F,...u},y){return jsxRuntime.jsxs(v0,{$align:m?"flex-start":"center",className:F,$error:o,$size:s,$variant:l,$disabled:!!h,children:[!!i&&i,jsxRuntime.jsxs(y0,{$size:s,$variant:l,children:[m?jsxRuntime.jsx(S0,{size:s,disabled:h,...u,ref:y}):jsxRuntime.jsx("input",{disabled:h,...u,ref:y}),!!o&&jsxRuntime.jsx(w0,{$variant:l,children:jsxRuntime.jsx(Pe,{})})]}),!!n&&n]})},"Input")),S0=dn.forwardRef(t(function({size:o="small",disabled:n,className:i,rows:s="1",autoResize:l=false,...m},h){let[F,u]=dn.useState(Number(s)),y=dn.useRef(Number(s)),Z=dn.useRef(null),V=Q1.useTheme(),A=dn.useRef(fo(V.input.sizes[o].lineHeight,V.baseSize)||V.baseSize);return dn.useEffect(()=>{if(Z.current&&l){let $=Z.current.getBoundingClientRect().height,t1=Math.round($/A.current);y.current!==t1&&(y.current=t1,u(t1));}},[m.value]),jsxRuntime.jsxs("div",{style:{position:"relative",width:"100%"},children:[jsxRuntime.jsx("textarea",{disabled:n,...m,rows:F,ref:h}),jsxRuntime.jsx("div",{ref:Z,style:{position:"absolute",top:0,left:0,right:0,height:"auto",opacity:0,zIndex:-1,pointerEvents:"none",minHeight:A.current*Number(s),wordBreak:"break-word",whiteSpace:"pre-wrap"},children:m.value})]})},"Input")),y0=Q1.styled.div(({theme:e,$size:o,$variant:n="outlined"})=>`
|
|
604
604
|
display: inline-flex;
|
|
605
605
|
align-items: center;
|
|
606
606
|
width: 100%;
|
|
@@ -703,7 +703,7 @@
|
|
|
703
703
|
`:""}
|
|
704
704
|
|
|
705
705
|
|
|
706
|
-
`);var I0=dn.forwardRef(t(function({children:o,direction:n="row",wrap:i="nowrap",justify:s="flex-start",align:l="stretch",alignContent:m,gap:h,rowGap:F,columnGap:u,className:y,style:Z,as:
|
|
706
|
+
`);var I0=dn.forwardRef(t(function({children:o,direction:n="row",wrap:i="nowrap",justify:s="flex-start",align:l="stretch",alignContent:m,gap:h,rowGap:F,columnGap:u,className:y,style:Z,as:V="div",...A},$){return jsxRuntime.jsx(E0,{as:V,$direction:n,$wrap:i,$justify:s,$align:l,$alignContent:m,$gap:h,$rowGap:F,$columnGap:u,className:y,style:Z,ref:$,...A,children:o})},"FlexContainer")),M0=Q1__default.default.div`
|
|
707
707
|
${({$direction:e,$wrap:o,$justify:n,$align:i,$alignContent:s,$gap:l,$rowGap:m,$columnGap:h})=>`
|
|
708
708
|
display: flex;
|
|
709
709
|
width: 100%;
|
|
@@ -727,8 +727,8 @@
|
|
|
727
727
|
${s!==void 0?`order: ${s};`:""}
|
|
728
728
|
`}
|
|
729
729
|
`;var q7=t(({children:e,...o})=>jsxRuntime.jsx(z0,{...o,children:e}),"Box"),z0=O(Q1.styled("div")(({theme:e,px:o=e.box.padding,py:n=e.box.padding})=>`
|
|
730
|
-
${
|
|
731
|
-
${
|
|
730
|
+
${B(e,"padding-inline",o)}
|
|
731
|
+
${B(e,"padding-block",n)}
|
|
732
732
|
border-radius: ${e.box.borderRadius};
|
|
733
733
|
background-color: ${e.box.background};
|
|
734
734
|
border-width: ${e.box.border.width};
|
|
@@ -793,8 +793,8 @@
|
|
|
793
793
|
color: ${m};
|
|
794
794
|
|
|
795
795
|
${gt} {
|
|
796
|
-
${
|
|
797
|
-
${
|
|
796
|
+
${B(e,"padding-block",s)};
|
|
797
|
+
${B(e,"padding-inline",l)};
|
|
798
798
|
color: ${m};
|
|
799
799
|
${i?`
|
|
800
800
|
cursor: pointer;
|
|
@@ -805,8 +805,8 @@
|
|
|
805
805
|
`:""}
|
|
806
806
|
}
|
|
807
807
|
${ut} {
|
|
808
|
-
${
|
|
809
|
-
${
|
|
808
|
+
${B(e,"padding-block",s)};
|
|
809
|
+
${B(e,"padding-right",l)};
|
|
810
810
|
|
|
811
811
|
&:hover {
|
|
812
812
|
color: ${V1(m,.7)};
|
|
@@ -846,9 +846,9 @@
|
|
|
846
846
|
gap: ${e.alert.gap};
|
|
847
847
|
background-color: ${e.alert.color.background};
|
|
848
848
|
border-radius: ${e.alert.borderRadius};
|
|
849
|
-
${
|
|
850
|
-
${
|
|
851
|
-
${
|
|
849
|
+
${B(e,"padding-block",o)};
|
|
850
|
+
${B(e,"padding-right",i)};
|
|
851
|
+
${B(e,"padding-left",n)};
|
|
852
852
|
`),{ignoreStyles:["padding-block","padding-right","padding-left"]});var h8=t(({children:e,header:o,sidebar:n})=>jsxRuntime.jsxs(J0,{$withHeader:!!o,$withSidebar:!!n,children:[o,n,jsxRuntime.jsx(K0,{children:e})]}),"PageLayout"),J0=Q1.styled.div(({$withHeader:e,$withSidebar:o})=>`
|
|
853
853
|
display: grid;
|
|
854
854
|
min-height: 100dvh;
|
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
min-width: 0;
|
|
874
874
|
background: ${e.colors.backgroundBase};
|
|
875
875
|
`);var I8=t(({maxWidth:e,...o})=>jsxRuntime.jsx(t2,{...o,$maxWidth:e}),"Container"),t2=O(Q1.styled.div(({theme:e,$maxWidth:o,px:n=20})=>`
|
|
876
|
-
${
|
|
876
|
+
${B(e,"padding-inline",n)}
|
|
877
877
|
width: 100%;
|
|
878
878
|
min-width: 0;
|
|
879
879
|
max-width: ${typeof o=="number"?X(o,e.baseSize):o||"100%"};
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
display: flex;
|
|
884
884
|
align-items: center;
|
|
885
885
|
justify-content: center;
|
|
886
|
-
`,l2=t(({width:e=280,height:o=280})=>{let n=Q1.useTheme();return jsxRuntime.jsx(s2,{children:jsxRuntime.jsxs(n2__default.default,{foregroundColor:n.contentLoader.foreground,backgroundColor:n.contentLoader.background,width:e,height:o,viewBox:"0 0 280 280",children:[jsxRuntime.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"}),jsxRuntime.jsx("circle",{cx:"229.92",cy:"63.7318",r:"5",transform:"rotate(173.661 229.92 63.7318)"}),jsxRuntime.jsx("circle",{cx:"227.711",cy:"43.8541",r:"5",transform:"rotate(173.661 227.711 43.8541)"}),jsxRuntime.jsx("circle",{cx:"211.478",cy:"60.7499",r:"5",transform:"rotate(173.661 211.478 60.7499)"}),jsxRuntime.jsx("circle",{cx:"218.434",cy:"78.0877",r:"5",transform:"rotate(173.661 218.434 78.0877)"}),jsxRuntime.jsx("circle",{cx:"246.705",cy:"51.8054",r:"5",transform:"rotate(173.661 246.705 51.8054)"}),jsxRuntime.jsx("circle",{cx:"42",cy:"48",r:"5"}),jsxRuntime.jsx("circle",{cx:"55",cy:"38",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"43",r:"5"}),jsxRuntime.jsx("circle",{cx:"63",cy:"72",r:"5"}),jsxRuntime.jsx("circle",{cx:"50",cy:"86",r:"5"}),jsxRuntime.jsx("circle",{cx:"78",cy:"91",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"165",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"185",r:"5"}),jsxRuntime.jsx("circle",{cx:"91",cy:"170",r:"5"}),jsxRuntime.jsx("circle",{cx:"86",cy:"152",r:"5"}),jsxRuntime.jsx("circle",{cx:"148",cy:"130",r:"5"}),jsxRuntime.jsx("circle",{cx:"189",cy:"185",r:"5"}),jsxRuntime.jsx("circle",{cx:"163",cy:"107",r:"5"}),jsxRuntime.jsx("circle",{cx:"140",cy:"102",r:"5"}),jsxRuntime.jsx("circle",{cx:"117",cy:"135",r:"5"}),jsxRuntime.jsx("circle",{cx:"125",cy:"117",r:"5"}),jsxRuntime.jsx("circle",{cx:"208",cy:"198",r:"5"}),jsxRuntime.jsx("circle",{cx:"189",cy:"203",r:"5"}),jsxRuntime.jsx("circle",{cx:"198",cy:"221",r:"5"}),jsxRuntime.jsx("circle",{cx:"178",cy:"221",r:"5"}),jsxRuntime.jsx("circle",{cx:"184",cy:"239",r:"5"}),jsxRuntime.jsx("circle",{cx:"213",cy:"213",r:"5"}),jsxRuntime.jsx("circle",{cx:"173",cy:"130",r:"5"}),jsxRuntime.jsx("circle",{cx:"163",cy:"155",r:"5"}),jsxRuntime.jsx("circle",{cx:"135",cy:"155",r:"5"}),jsxRuntime.jsx("circle",{cx:"55",cy:"175",r:"5"})]})})},"GraphLoader"),ht=l2;function F2(e){return !e||e.length===0?[]:e.map(o=>{let n=new Image;n.src=o.img;let i=new Image;return i.src=o.hoverImg,{...o,normalImg:n,hoverImg:i}})}t(F2,"prepareButtonImages");var L={fontSize:3,nodeSizeBase:30,nodeAreaFactor:2,textPaddingFactor:.9,gridSpacing:20,dotSize:1,maxZoom:4},k2=dn.forwardRef(({loading:e,width:o,height:n,graphData:i,buttons:s=[],onNodeClick:l,onBackgroundClick:m,onNodeHover:h},F)=>{let u=Q1.useTheme(),[y,Z]=dn.useState(true),[B,A]=dn.useState(null),[G,t1]=dn.useState(null),[_,ee]=dn.useState(null),{nodes:Ze,links:Ae}=dn.useMemo(()=>u2__default.default(i),[i]),[K,oe]=dn.useState(null),[Q,Ct]=dn.useState([]),[De,He]=dn.useState(new Set),[Ne,We]=dn.useState(new Set),[T,c1]=dn.useState({x:0,y:0,k:1}),[M1,Oe]=dn.useState(false),x1=dn.useRef({x:0,y:0}),te=dn.useRef(false),N=dn.useRef(null),P=dn.useRef(null),_e=dn.useRef(null),re=dn.useRef(null),Ye=d3.scaleOrdinal(d3.schemeCategory10),Xe=dn.useCallback(()=>{if(!N.current)return false;try{let r=N.current.getContext("2d");return r?(re.current=r,!0):(console.error("Failed to get 2D context"),!1)}catch(r){return console.error("Error initializing Canvas 2D context:",r),false}},[]),d1=dn.useCallback(()=>P.current?P.current.nodes():null,[]),ne=dn.useCallback(()=>{if(!P.current)return null;let r=P.current.force("link");return r?r.links():null},[]),Ue=dn.useCallback(r=>{r.save(),r.setTransform(1,0,0,1,0,0);let{width:c,height:d}=r.canvas,p=L.gridSpacing,f=L.dotSize;r.fillStyle=u.graph2D.grid.dotColor;for(let C=0;C<c;C+=p)for(let x=0;x<d;x+=p)r.beginPath(),r.arc(C,x,f,0,2*Math.PI),r.fill();r.restore();},[u.graph2D.grid.dotColor,L.gridSpacing,L.dotSize]),St=t((r,c,d)=>{if(!r)return "";if(d.measureText(r).width<=c)return r;let f=r,C="...";for(;d.measureText(f+C).width>c&&f.length>0;)f=f.slice(0,-1);return f+C},"truncateText"),ie=t(r=>{let d=Math.min(r,L.maxZoom)/L.maxZoom;return Math.max(L.fontSize*d,L.fontSize)},"calculateFontSize"),qe=dn.useCallback(r=>{let c=ne(),d=d1();!c||c.length===0||!d||d.length===0||(r.lineWidth=.5,r.globalAlpha=1,c.forEach(p=>{let f=typeof p.source=="object"?p.source:d.find(a1=>a1.id===p.source),C=typeof p.target=="object"?p.target:d.find(a1=>a1.id===p.target);if(!f||!C)return;let x={x:f.x||0,y:f.y||0},g={x:C.x||0,y:C.y||0},S=g.x-x.x,w=g.y-x.y,k=Math.sqrt(S*S+w*w),I=S/k,z=w/k,H=L.nodeSizeBase/2,b=L.nodeSizeBase/2,V=4,v={x:x.x+I*H,y:x.y+z*H},M={x:g.x-I*(b+V),y:g.y-z*(b+V)},R={x:g.x-I*(b+1),y:g.y-z*(b+1)},W=Ne.has(p),Y=W?u.graph2D.link.highlighted:u.graph2D.link.normal,i1=W?1.5:.5,se=x.x+(g.x-x.x)/2,Ft=x.y+(g.y-x.y)/2,B1=Math.atan2(w,S);if(p.label){let a1=T.k,le=ie(a1);r.font=`${le}px Sans-Serif`;let ao=r.measureText(p.label).width,so=10;r.beginPath(),r.moveTo(v.x,v.y);let lo=k/2-(ao+so)/2,co={x:x.x+I*lo,y:x.y+z*lo};r.lineTo(co.x,co.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke(),r.beginPath();let po=k/2+(ao+so)/2,go={x:x.x+I*po,y:x.y+z*po};r.moveTo(go.x,go.y),r.lineTo(M.x,M.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke();}else r.beginPath(),r.moveTo(v.x,v.y),r.lineTo(M.x,M.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke();let io=2;if(r.save(),r.translate(R.x,R.y),r.rotate(B1),r.beginPath(),r.moveTo(0,0),r.lineTo(-4,io),r.lineTo(-4,0),r.lineTo(-4,-2),r.closePath(),r.fillStyle=Y,r.fill(),r.restore(),p.label){let a1=T.k,le=ie(a1);r.font=`${le}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.save(),r.translate(se,Ft),Math.abs(B1)>Math.PI/2?r.rotate(B1+Math.PI):r.rotate(B1),r.fillStyle=W?u.graph2D.link.highlightedTextColor:u.graph2D.link.textColor,r.fillText(p.label,0,0),r.restore();}}));},[L,T.k,Ne,u.graph2D.link]),je=dn.useCallback((r,c)=>{if(!Q||Q.length===0||!r||!r.x||!r.y)return;let{x:d,y:p}=r,f=L.nodeSizeBase*L.nodeAreaFactor/2;c.save();let C=Math.min(Q.length,8),x=Math.min(Math.PI*2/C,Math.PI);for(let g=0;g<C;g++){let S=g*x,w=(g+1)*x,k=K===g;c.beginPath(),c.arc(d,p,f,S,w,false),c.lineTo(d,p),c.closePath(),c.lineWidth=1,c.strokeStyle=u.graph2D?.button?.stroke||"#FFFFFF",c.stroke(),c.fillStyle=k?u.graph2D?.button?.hoverFill||"rgba(255, 255, 255, 0.3)":u.graph2D?.button?.normalFill||"rgba(255, 255, 255, 0.1)",c.fill();let I=f*.2,z=(S+w)/2,H=f-L.nodeSizeBase/2+I,b=d+Math.cos(z)*H,V=p+Math.sin(z)*H,v=Q[g],M=k?v.hoverImg:v.normalImg;if(M.complete)try{c.drawImage(M,b-I/2,V-I/2,I,I);}catch(R){console.warn("Error rendering button icon:",R);}else M.onload=()=>{if(re.current)try{c.drawImage(M,b-I/2,V-I/2,I,I);}catch(R){console.warn("Error rendering button icon after load:",R);}};}c.restore();},[Q,K,L,u.graph2D?.button]),Je=dn.useCallback(r=>{let c=d1();!c||c.length===0||(r.globalAlpha=1,c.forEach(d=>{let{x:p,y:f,color:C,fontColor:x,label:g}=d,S=De.has(d)||d===B||d===G,w=d===_,k=L.nodeSizeBase,I=L.nodeSizeBase/2;if(S&&!w){let z=L.nodeSizeBase*L.nodeAreaFactor*.75/2;r.beginPath(),r.arc(p,f,z,0,2*Math.PI,false),r.fillStyle=u.graph2D.ring.highlightFill,r.fill();}if(w)if(s&&s.length>0)je(d,r);else {let z=L.nodeSizeBase*L.nodeAreaFactor/2;r.beginPath(),r.arc(p,f,z,0,2*Math.PI,false),r.fillStyle=u.graph2D.ring.selectionFill||u.graph2D.ring.highlightFill,r.fill();}if(r.beginPath(),r.arc(p,f,I,0,2*Math.PI),r.fillStyle=C||Ye(d.group||"0"),r.fill(),g){r.save(),r.translate(p,f);let z=T.k,H=ie(z),b=k*L.textPaddingFactor;r.font=`${H}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.fillStyle=x||"#000";let V=St(g,b,r);r.fillText(V,0,0),r.restore();}}));},[L,Ye,B,G,_,De,T.k,u.graph2D.ring,s,je]),r1=dn.useCallback(()=>{let r=re.current;if(!r)return;let c=window.devicePixelRatio||1;r.clearRect(0,0,o*c,n*c),Ue(r),r.save(),r.setTransform(T.k,0,0,T.k,T.x,T.y),qe(r),Je(r),r.restore();},[o,n,qe,Je,Ue,T]),Ke=dn.useCallback((r,c=[],d)=>{let p=ne()||[],f=d1()||[];if(!P.current||!r.length)return;let C=d?.smoothAppearance??false,x=d?.transitionDuration??1e3,g=new Set(f.map(b=>b.id)),S=r.filter(b=>!g.has(b.id)),w=new Set(p.map(b=>`${typeof b.source=="object"?b.source.id:b.source}-${typeof b.target=="object"?b.target.id:b.target}`)),k=c.filter(b=>{let V=`${typeof b.source=="object"?b.source.id:b.source}-${typeof b.target=="object"?b.target.id:b.target}`;return !w.has(V)});if(S.length===0&&k.length===0)return;let I=[...f,...S],z=[...p,...k];C&&(S.forEach(b=>{let V=k.filter(v=>{let M=typeof v.source=="object"?v.source.id:v.source,R=typeof v.target=="object"?v.target.id:v.target;return M===b.id&&g.has(R)||R===b.id&&g.has(M)});if(V.length>0){let v=V[0],M=typeof v.source=="object"?v.source.id===b.id?v.target:v.source.id:v.source===b.id?v.target:v.source,R=I.find(W=>W.id===M);if(R&&R.x!==void 0&&R.y!==void 0){let W=30+Math.random()*20,Y=Math.random()*Math.PI*2;b.x=R.x+Math.cos(Y)*W,b.y=R.y+Math.sin(Y)*W,b.vx=0,b.vy=0;}}else {let v=o/2,M=n/2,R=Math.min(o,n)/4,W=Math.random()*Math.PI*2;b.x=v+Math.cos(W)*(R*Math.random()),b.y=M+Math.sin(W)*(R*Math.random()),b.vx=0,b.vy=0;}}),f.forEach(b=>{b.fx=b.x,b.fy=b.y;})),P.current.nodes(I);let H=P.current.force("link");H&&H.links(z),k.forEach(b=>{let V=typeof b.source=="object"?b.source:I.find(M=>M.id===b.source),v=typeof b.target=="object"?b.target:I.find(M=>M.id===b.target);!V||!v||(!V.neighbors&&(V.neighbors=[]),!v.neighbors&&(v.neighbors=[]),V.neighbors.push(v),v.neighbors.push(V),!V.links&&(V.links=[]),!v.links&&(v.links=[]),V.links.push(b),v.links.push(b));}),C?(P.current.alphaTarget(.3),P.current.alpha(.3),P.current.velocityDecay(.7),P.current.restart(),setTimeout(()=>{f.forEach(b=>{b.fx=void 0,b.fy=void 0;}),P.current?.alphaTarget(0),P.current?.alpha(.1),P.current?.velocityDecay(.6);},x)):P.current.alpha(.1).restart(),r1();},[i,P,r1,o,n]),Qe=dn.useCallback(r=>{let c=d1(),d=ne();if(!P.current||!r.length||!c||c.length===0||!d||d.length===0)return;let p=new Set(r);_&&_.id!==void 0&&p.has(_.id)&&ee(null),B&&B.id!==void 0&&p.has(B.id)&&(A(null),He(new Set),We(new Set)),G&&G.id!==void 0&&p.has(G.id)&&t1(null);let f=c.filter(g=>g.id!==void 0&&!p.has(g.id)),C=d.filter(g=>{let S=typeof g.source=="object"?g.source.id:g.source,w=typeof g.target=="object"?g.target.id:g.target;return S!==void 0&&!p.has(S)&&w!==void 0&&!p.has(w)});f.forEach(g=>{g.neighbors=[],g.links=[];}),C.forEach(g=>{let S=typeof g.source=="object"?g.source:f.find(k=>k.id===g.source),w=typeof g.target=="object"?g.target:f.find(k=>k.id===g.target);!S||!w||(S.neighbors=S.neighbors||[],w.neighbors=w.neighbors||[],S.neighbors.push(w),w.neighbors.push(S),S.links=S.links||[],w.links=w.links||[],S.links.push(g),w.links.push(g));}),i.nodes=f,i.links=C,P.current.nodes(f);let x=P.current.force("link");x&&x.links(C),r1();},[_,B,G,i,r1]),E1=dn.useCallback((r=0,c=20)=>{let d=d1();if(!N.current||!d||!d.length)return;let p=1/0,f=1/0,C=-1/0,x=-1/0;if(d.forEach(g=>{if(g.x===void 0||g.y===void 0)return;let S=g.x,w=g.y;p=Math.min(p,S),f=Math.min(f,w),C=Math.max(C,S),x=Math.max(x,w);}),isFinite(p)&&isFinite(C)&&isFinite(f)&&isFinite(x)){let g=o,S=n;p-=c,f-=c,C+=c,x+=c;let w=C-p,k=x-f,I=w>0?g/w:1,z=k>0?S/k:1,H=Math.min(I,z,10),b=p+w/2,V=f+k/2,v={k:H,x:g/2-b*H,y:S/2-V*H};if(r>0){let M={...T},R=Date.now(),W=t(()=>{let Y=Math.min(1,(Date.now()-R)/r),i1=Y===1?1:1-Math.pow(1-Y,3),se={k:M.k+(v.k-M.k)*i1,x:M.x+(v.x-M.x)*i1,y:M.y+(v.y-M.y)*i1};c1(se),Y<1&&requestAnimationFrame(W);},"animateZoom");requestAnimationFrame(W);}else c1(v);}},[o,n,T]);dn.useEffect(()=>{let r=N.current;if(!r)return;let c=window.devicePixelRatio||1;r.width=o*c,r.height=n*c,r.style.width=`${o}px`,r.style.height=`${n}px`,Xe();let d=o/2,p=n/2,f=L.nodeSizeBase,C=f/2,x=f*2.5,g=P.current=d3.forceSimulation(Ze).force("link",d3.forceLink(Ae).id(S=>S.id).distance(x).strength(.9)).force("charge",d3.forceManyBody().strength(-f/10*100).theta(.5).distanceMin(f*2)).force("x",d3.forceX().strength(.03)).force("y",d3.forceY().strength(.03)).force("center",d3.forceCenter(d,p).strength(.05)).force("collide",d3.forceCollide().radius(C*2).iterations(2).strength(1)).velocityDecay(.6);return ()=>{g.stop();}},[o,n,Ze,Ae,Xe]),dn.useEffect(()=>{if(P.current){let r=P.current;r.on("tick",()=>{r1();}),r.on("end",()=>{y&&(E1(0,20),setTimeout(()=>{Z(false);},200));});}y||r1();},[y,r1,E1]),dn.useEffect(()=>{i&&i.links.forEach(r=>{let c=typeof r.source=="object"?r.source:i.nodes.find(p=>p.id===r.source),d=typeof r.target=="object"?r.target:i.nodes.find(p=>p.id===r.target);!c||!d||(!c.neighbors&&(c.neighbors=[]),!d.neighbors&&(d.neighbors=[]),c.neighbors.push(d),d.neighbors.push(c),!c.links&&(c.links=[]),!d.links&&(d.links=[]),c.links.push(r),d.links.push(r));});},[i]),dn.useEffect(()=>{s&&s.length>0&&Ct(F2(s));},[s]);let $1=dn.useCallback((r,c)=>{let d=d1();if(!d||d.length===0)return null;let p=L.nodeSizeBase/2,f=window.devicePixelRatio||1,C=(r*f-T.x)/T.k,x=(c*f-T.y)/T.k;return d.find(g=>{let S=(g.x||0)-C,w=(g.y||0)-x;return Math.sqrt(S*S+w*w)<=p})||null},[T,L.nodeSizeBase]),eo=dn.useCallback((r,c,d,p,f,C,x)=>{let g=r-d,S=c-p,w=Math.sqrt(g*g+S*S),k=Math.atan2(S,g);k<0&&(k+=2*Math.PI);let H=w>=f*.5&&w<=f*1,b=false;return C===Math.PI&&x===Math.PI*2?b=k>=Math.PI&&k<=Math.PI*2:C===0&&x===Math.PI?b=k>=0&&k<=Math.PI:b=C<=x&&k>=C&&k<=x||C>x&&(k>=C||k<=x),H&&b},[]),oo=dn.useCallback(r=>{if(r===_e.current)return;_e.current=r;let c=new Set,d=new Set;r&&(c.add(r),r.neighbors&&r.neighbors.forEach(p=>c.add(p)),r.links&&r.links.forEach(p=>d.add(p))),A(r),h&&h(r),He(c),We(d);},[h]),to=dn.useCallback(r=>{ee(r),l&&l(r);},[l]),ro=dn.useCallback(()=>{ee(null),m&&m();},[m]),U=dn.useRef(null),n1=dn.useRef(false),yt=dn.useCallback(r=>{if(!N.current||!P.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top;U.current={x:d,y:p},n1.current=false;let f=$1(d,p);f?(t1(f),f.fx=f.x,f.fy=f.y):(Oe(true),x1.current={x:d,y:p});},[$1]),wt=dn.useCallback(r=>{if(!N.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top;if(G&&U.current&&P.current){let C=U.current.x,x=U.current.y,g=d-C,S=p-x;Math.sqrt(g*g+S*S)>3&&(n1.current=true,P.current.alphaTarget()===0&&(P.current.alphaTarget(.15).restart(),P.current.velocityDecay(.8)));let I=window.devicePixelRatio||1,z=(d*I-T.x)/T.k,H=(p*I-T.y)/T.k;G.fx=z,G.fy=H,n1.current&&P.current.alpha(.1);return}if(M1&&U.current){let C=d-x1.current.x,x=p-x1.current.y,g=U.current.x,S=U.current.y;Math.sqrt(Math.pow(d-g,2)+Math.pow(p-S,2))>3&&(n1.current=true),c1(I=>({...I,x:I.x+C,y:I.y+x})),x1.current={x:d,y:p};return}let f;if(_&&N.current&&Q.length>0){let C=L.nodeSizeBase*L.nodeAreaFactor/2,x=N.current.width/c.width,g=N.current.height/c.height,S=d*x,w=p*g,k=(S-T.x)/T.k,I=(w-T.y)/T.k,z=_.x||0,H=_.y||0,b=Math.min(Q.length,8),V=Math.min(Math.PI*2/b,Math.PI),v=null;for(let M=0;M<b;M++){let R=M*V,W=(M+1)*V;if(eo(k,I,z,H,C,R,W)){v=M;break}}v!==null&&(f=_),oe(v);}else K!==null&&oe(null);f||(f=$1(d,p)),oo(f),N.current&&(N.current.style.cursor=f?"pointer":"default");},[G,$1,M1,T,oo,_,Q,L,K,P,x1,U,n1,eo,N,c1,oe]),vt=dn.useCallback(r=>{te.current&&(r.stopPropagation(),r.preventDefault()),te.current=false;},[]),no=dn.useCallback(r=>{let c=n1.current;if(c&&(te.current=true),!c&&U.current){let d=N.current?.getBoundingClientRect();if(d){r.clientX-d.left;r.clientY-d.top;let C=false;if(_&&K!==null&&s[K]){let x=s[K];x&&x.onClick&&(x.onClick(_),C=true);}!C&&G?to(G):!C&&!G&&ro();}}if(G&&P.current){if(c){P.current.alphaTarget(0);let d=.05,p=.04,f=.6;P.current.alpha(d).alphaDecay(p),P.current.velocityDecay(f);}else P.current.alphaTarget(0);G.fx=void 0,G.fy=void 0,t1(null);}n1.current=false,U.current=null,M1&&Oe(false);},[G,M1,K,_,s,to,ro]),ae=dn.useCallback(r=>{if(r.stopPropagation(),r.preventDefault(),!N.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top,C=-r.deltaY>0?1.1:1/1.1;c1(x=>{let g=x.k*C;if(g<.01||g>10)return x;let S=x.k*C,w=d-(d-x.x)*C,k=p-(p-x.y)*C;return {k:S,x:w,y:k}});},[c1]);return dn.useImperativeHandle(F,()=>({zoomToFit:E1,addNodes:Ke,removeNodes:Qe}),[E1,Ke,Qe]),dn.useEffect(()=>{let r=N.current;if(r)return r.addEventListener("wheel",ae,{passive:false}),()=>{r.removeEventListener("wheel",ae);}},[ae]),jsxRuntime.jsxs(P2,{children:[(e||y)&&jsxRuntime.jsx(ht,{width:o,height:n}),jsxRuntime.jsx(I2,{ref:N,style:{width:o,height:n,display:y?"none":"block"},onMouseDown:yt,onMouseMove:wt,onMouseUp:no,onMouseLeave:no,onClick:vt})]})}),P2=Q1.styled.div`
|
|
886
|
+
`,l2=t(({width:e=280,height:o=280})=>{let n=Q1.useTheme();return jsxRuntime.jsx(s2,{children:jsxRuntime.jsxs(n2__default.default,{foregroundColor:n.contentLoader.foreground,backgroundColor:n.contentLoader.background,width:e,height:o,viewBox:"0 0 280 280",children:[jsxRuntime.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"}),jsxRuntime.jsx("circle",{cx:"229.92",cy:"63.7318",r:"5",transform:"rotate(173.661 229.92 63.7318)"}),jsxRuntime.jsx("circle",{cx:"227.711",cy:"43.8541",r:"5",transform:"rotate(173.661 227.711 43.8541)"}),jsxRuntime.jsx("circle",{cx:"211.478",cy:"60.7499",r:"5",transform:"rotate(173.661 211.478 60.7499)"}),jsxRuntime.jsx("circle",{cx:"218.434",cy:"78.0877",r:"5",transform:"rotate(173.661 218.434 78.0877)"}),jsxRuntime.jsx("circle",{cx:"246.705",cy:"51.8054",r:"5",transform:"rotate(173.661 246.705 51.8054)"}),jsxRuntime.jsx("circle",{cx:"42",cy:"48",r:"5"}),jsxRuntime.jsx("circle",{cx:"55",cy:"38",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"43",r:"5"}),jsxRuntime.jsx("circle",{cx:"63",cy:"72",r:"5"}),jsxRuntime.jsx("circle",{cx:"50",cy:"86",r:"5"}),jsxRuntime.jsx("circle",{cx:"78",cy:"91",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"165",r:"5"}),jsxRuntime.jsx("circle",{cx:"73",cy:"185",r:"5"}),jsxRuntime.jsx("circle",{cx:"91",cy:"170",r:"5"}),jsxRuntime.jsx("circle",{cx:"86",cy:"152",r:"5"}),jsxRuntime.jsx("circle",{cx:"148",cy:"130",r:"5"}),jsxRuntime.jsx("circle",{cx:"189",cy:"185",r:"5"}),jsxRuntime.jsx("circle",{cx:"163",cy:"107",r:"5"}),jsxRuntime.jsx("circle",{cx:"140",cy:"102",r:"5"}),jsxRuntime.jsx("circle",{cx:"117",cy:"135",r:"5"}),jsxRuntime.jsx("circle",{cx:"125",cy:"117",r:"5"}),jsxRuntime.jsx("circle",{cx:"208",cy:"198",r:"5"}),jsxRuntime.jsx("circle",{cx:"189",cy:"203",r:"5"}),jsxRuntime.jsx("circle",{cx:"198",cy:"221",r:"5"}),jsxRuntime.jsx("circle",{cx:"178",cy:"221",r:"5"}),jsxRuntime.jsx("circle",{cx:"184",cy:"239",r:"5"}),jsxRuntime.jsx("circle",{cx:"213",cy:"213",r:"5"}),jsxRuntime.jsx("circle",{cx:"173",cy:"130",r:"5"}),jsxRuntime.jsx("circle",{cx:"163",cy:"155",r:"5"}),jsxRuntime.jsx("circle",{cx:"135",cy:"155",r:"5"}),jsxRuntime.jsx("circle",{cx:"55",cy:"175",r:"5"})]})})},"GraphLoader"),ht=l2;function F2(e){return !e||e.length===0?[]:e.map(o=>{let n=new Image;n.src=o.img;let i=new Image;return i.src=o.hoverImg,{...o,normalImg:n,hoverImg:i}})}t(F2,"prepareButtonImages");var G={fontSize:3,nodeSizeBase:30,nodeAreaFactor:2,textPaddingFactor:.9,gridSpacing:20,dotSize:1,maxZoom:4},k2=dn.forwardRef(({loading:e,width:o,height:n,graphData:i,buttons:s=[],onNodeClick:l,onBackgroundClick:m,onNodeHover:h},F)=>{let u=Q1.useTheme(),[y,Z]=dn.useState(true),[V,A]=dn.useState(null),[$,t1]=dn.useState(null),[_,ee]=dn.useState(null),{nodes:Ze,links:Ae}=dn.useMemo(()=>u2__default.default(i),[i]),[K,oe]=dn.useState(null),[Q,Ct]=dn.useState([]),[De,He]=dn.useState(new Set),[Ne,We]=dn.useState(new Set),[T,c1]=dn.useState({x:0,y:0,k:1}),[M1,Oe]=dn.useState(false),x1=dn.useRef({x:0,y:0}),te=dn.useRef(false),N=dn.useRef(null),P=dn.useRef(null),_e=dn.useRef(null),re=dn.useRef(null),Ye=d3.scaleOrdinal(d3.schemeCategory10),Xe=dn.useCallback(()=>{if(!N.current)return false;try{let r=N.current.getContext("2d");return r?(re.current=r,!0):(console.error("Failed to get 2D context"),!1)}catch(r){return console.error("Error initializing Canvas 2D context:",r),false}},[]),d1=dn.useCallback(()=>P.current?P.current.nodes():null,[]),ne=dn.useCallback(()=>{if(!P.current)return null;let r=P.current.force("link");return r?r.links():null},[]),Ue=dn.useCallback(r=>{r.save(),r.setTransform(1,0,0,1,0,0);let{width:c,height:d}=r.canvas,p=G.gridSpacing,f=G.dotSize;r.fillStyle=u.graph2D.grid.dotColor;for(let C=0;C<c;C+=p)for(let x=0;x<d;x+=p)r.beginPath(),r.arc(C,x,f,0,2*Math.PI),r.fill();r.restore();},[u.graph2D.grid.dotColor,G.gridSpacing,G.dotSize]),St=t((r,c,d)=>{if(!r)return "";if(d.measureText(r).width<=c)return r;let f=r,C="...";for(;d.measureText(f+C).width>c&&f.length>0;)f=f.slice(0,-1);return f+C},"truncateText"),ie=t(r=>{let d=Math.min(r,G.maxZoom)/G.maxZoom;return Math.max(G.fontSize*d,G.fontSize)},"calculateFontSize"),qe=dn.useCallback(r=>{let c=ne(),d=d1();!c||c.length===0||!d||d.length===0||(r.lineWidth=.5,r.globalAlpha=1,c.forEach(p=>{let f=typeof p.source=="object"?p.source:d.find(a1=>a1.id===p.source),C=typeof p.target=="object"?p.target:d.find(a1=>a1.id===p.target);if(!f||!C)return;let x={x:f.x||0,y:f.y||0},g={x:C.x||0,y:C.y||0},S=g.x-x.x,w=g.y-x.y,k=Math.sqrt(S*S+w*w),I=S/k,z=w/k,H=G.nodeSizeBase/2,b=G.nodeSizeBase/2,L=4,v={x:x.x+I*H,y:x.y+z*H},M={x:g.x-I*(b+L),y:g.y-z*(b+L)},R={x:g.x-I*(b+1),y:g.y-z*(b+1)},W=Ne.has(p),Y=W?u.graph2D.link.highlighted:u.graph2D.link.normal,i1=W?1.5:.5,se=x.x+(g.x-x.x)/2,Ft=x.y+(g.y-x.y)/2,B1=Math.atan2(w,S);if(p.label){let a1=T.k,le=ie(a1);r.font=`${le}px Sans-Serif`;let ao=r.measureText(p.label).width,so=10;r.beginPath(),r.moveTo(v.x,v.y);let lo=k/2-(ao+so)/2,co={x:x.x+I*lo,y:x.y+z*lo};r.lineTo(co.x,co.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke(),r.beginPath();let po=k/2+(ao+so)/2,go={x:x.x+I*po,y:x.y+z*po};r.moveTo(go.x,go.y),r.lineTo(M.x,M.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke();}else r.beginPath(),r.moveTo(v.x,v.y),r.lineTo(M.x,M.y),r.strokeStyle=Y,r.lineWidth=i1,r.stroke();let io=2;if(r.save(),r.translate(R.x,R.y),r.rotate(B1),r.beginPath(),r.moveTo(0,0),r.lineTo(-4,io),r.lineTo(-4,0),r.lineTo(-4,-2),r.closePath(),r.fillStyle=Y,r.fill(),r.restore(),p.label){let a1=T.k,le=ie(a1);r.font=`${le}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.save(),r.translate(se,Ft),Math.abs(B1)>Math.PI/2?r.rotate(B1+Math.PI):r.rotate(B1),r.fillStyle=W?u.graph2D.link.highlightedTextColor:u.graph2D.link.textColor,r.fillText(p.label,0,0),r.restore();}}));},[G,T.k,Ne,u.graph2D.link]),je=dn.useCallback((r,c)=>{if(!Q||Q.length===0||!r||!r.x||!r.y)return;let{x:d,y:p}=r,f=G.nodeSizeBase*G.nodeAreaFactor/2;c.save();let C=Math.min(Q.length,8),x=Math.min(Math.PI*2/C,Math.PI);for(let g=0;g<C;g++){let S=g*x,w=(g+1)*x,k=K===g;c.beginPath(),c.arc(d,p,f,S,w,false),c.lineTo(d,p),c.closePath(),c.lineWidth=1,c.strokeStyle=u.graph2D?.button?.stroke||"#FFFFFF",c.stroke(),c.fillStyle=k?u.graph2D?.button?.hoverFill||"rgba(255, 255, 255, 0.3)":u.graph2D?.button?.normalFill||"rgba(255, 255, 255, 0.1)",c.fill();let I=f*.2,z=(S+w)/2,H=f-G.nodeSizeBase/2+I,b=d+Math.cos(z)*H,L=p+Math.sin(z)*H,v=Q[g],M=k?v.hoverImg:v.normalImg;if(M.complete)try{c.drawImage(M,b-I/2,L-I/2,I,I);}catch(R){console.warn("Error rendering button icon:",R);}else M.onload=()=>{if(re.current)try{c.drawImage(M,b-I/2,L-I/2,I,I);}catch(R){console.warn("Error rendering button icon after load:",R);}};}c.restore();},[Q,K,G,u.graph2D?.button]),Je=dn.useCallback(r=>{let c=d1();!c||c.length===0||(r.globalAlpha=1,c.forEach(d=>{let{x:p,y:f,color:C,fontColor:x,label:g}=d,S=De.has(d)||d===V||d===$,w=d===_,k=G.nodeSizeBase,I=G.nodeSizeBase/2;if(S&&!w){let z=G.nodeSizeBase*G.nodeAreaFactor*.75/2;r.beginPath(),r.arc(p,f,z,0,2*Math.PI,false),r.fillStyle=u.graph2D.ring.highlightFill,r.fill();}if(w)if(s&&s.length>0)je(d,r);else {let z=G.nodeSizeBase*G.nodeAreaFactor/2;r.beginPath(),r.arc(p,f,z,0,2*Math.PI,false),r.fillStyle=u.graph2D.ring.selectionFill||u.graph2D.ring.highlightFill,r.fill();}if(r.beginPath(),r.arc(p,f,I,0,2*Math.PI),r.fillStyle=C||Ye(d.group||"0"),r.fill(),g){r.save(),r.translate(p,f);let z=T.k,H=ie(z),b=k*G.textPaddingFactor;r.font=`${H}px Sans-Serif`,r.textAlign="center",r.textBaseline="middle",r.fillStyle=x||"#000";let L=St(g,b,r);r.fillText(L,0,0),r.restore();}}));},[G,Ye,V,$,_,De,T.k,u.graph2D.ring,s,je]),r1=dn.useCallback(()=>{let r=re.current;if(!r)return;let c=window.devicePixelRatio||1;r.clearRect(0,0,o*c,n*c),Ue(r),r.save(),r.setTransform(T.k,0,0,T.k,T.x,T.y),qe(r),Je(r),r.restore();},[o,n,qe,Je,Ue,T]),Ke=dn.useCallback((r,c=[],d)=>{let p=ne()||[],f=d1()||[];if(!P.current||!r.length)return;let C=d?.smoothAppearance??false,x=d?.transitionDuration??1e3,g=new Set(f.map(b=>b.id)),S=r.filter(b=>!g.has(b.id)),w=new Set(p.map(b=>`${typeof b.source=="object"?b.source.id:b.source}-${typeof b.target=="object"?b.target.id:b.target}`)),k=c.filter(b=>{let L=`${typeof b.source=="object"?b.source.id:b.source}-${typeof b.target=="object"?b.target.id:b.target}`;return !w.has(L)});if(S.length===0&&k.length===0)return;let I=[...f,...S],z=[...p,...k];C&&(S.forEach(b=>{let L=k.filter(v=>{let M=typeof v.source=="object"?v.source.id:v.source,R=typeof v.target=="object"?v.target.id:v.target;return M===b.id&&g.has(R)||R===b.id&&g.has(M)});if(L.length>0){let v=L[0],M=typeof v.source=="object"?v.source.id===b.id?v.target:v.source.id:v.source===b.id?v.target:v.source,R=I.find(W=>W.id===M);if(R&&R.x!==void 0&&R.y!==void 0){let W=30+Math.random()*20,Y=Math.random()*Math.PI*2;b.x=R.x+Math.cos(Y)*W,b.y=R.y+Math.sin(Y)*W,b.vx=0,b.vy=0;}}else {let v=o/2,M=n/2,R=Math.min(o,n)/4,W=Math.random()*Math.PI*2;b.x=v+Math.cos(W)*(R*Math.random()),b.y=M+Math.sin(W)*(R*Math.random()),b.vx=0,b.vy=0;}}),f.forEach(b=>{b.fx=b.x,b.fy=b.y;})),P.current.nodes(I);let H=P.current.force("link");H&&H.links(z),k.forEach(b=>{let L=typeof b.source=="object"?b.source:I.find(M=>M.id===b.source),v=typeof b.target=="object"?b.target:I.find(M=>M.id===b.target);!L||!v||(!L.neighbors&&(L.neighbors=[]),!v.neighbors&&(v.neighbors=[]),L.neighbors.push(v),v.neighbors.push(L),!L.links&&(L.links=[]),!v.links&&(v.links=[]),L.links.push(b),v.links.push(b));}),C?(P.current.alphaTarget(.3),P.current.alpha(.3),P.current.velocityDecay(.7),P.current.restart(),setTimeout(()=>{f.forEach(b=>{b.fx=void 0,b.fy=void 0;}),P.current?.alphaTarget(0),P.current?.alpha(.1),P.current?.velocityDecay(.6);},x)):P.current.alpha(.1).restart(),r1();},[i,P,r1,o,n]),Qe=dn.useCallback(r=>{let c=d1(),d=ne();if(!P.current||!r.length||!c||c.length===0||!d||d.length===0)return;let p=new Set(r);_&&_.id!==void 0&&p.has(_.id)&&ee(null),V&&V.id!==void 0&&p.has(V.id)&&(A(null),He(new Set),We(new Set)),$&&$.id!==void 0&&p.has($.id)&&t1(null);let f=c.filter(g=>g.id!==void 0&&!p.has(g.id)),C=d.filter(g=>{let S=typeof g.source=="object"?g.source.id:g.source,w=typeof g.target=="object"?g.target.id:g.target;return S!==void 0&&!p.has(S)&&w!==void 0&&!p.has(w)});f.forEach(g=>{g.neighbors=[],g.links=[];}),C.forEach(g=>{let S=typeof g.source=="object"?g.source:f.find(k=>k.id===g.source),w=typeof g.target=="object"?g.target:f.find(k=>k.id===g.target);!S||!w||(S.neighbors=S.neighbors||[],w.neighbors=w.neighbors||[],S.neighbors.push(w),w.neighbors.push(S),S.links=S.links||[],w.links=w.links||[],S.links.push(g),w.links.push(g));}),i.nodes=f,i.links=C,P.current.nodes(f);let x=P.current.force("link");x&&x.links(C),r1();},[_,V,$,i,r1]),E1=dn.useCallback((r=0,c=20)=>{let d=d1();if(!N.current||!d||!d.length)return;let p=1/0,f=1/0,C=-1/0,x=-1/0;if(d.forEach(g=>{if(g.x===void 0||g.y===void 0)return;let S=g.x,w=g.y;p=Math.min(p,S),f=Math.min(f,w),C=Math.max(C,S),x=Math.max(x,w);}),isFinite(p)&&isFinite(C)&&isFinite(f)&&isFinite(x)){let g=o,S=n;p-=c,f-=c,C+=c,x+=c;let w=C-p,k=x-f,I=w>0?g/w:1,z=k>0?S/k:1,H=Math.min(I,z,10),b=p+w/2,L=f+k/2,v={k:H,x:g/2-b*H,y:S/2-L*H};if(r>0){let M={...T},R=Date.now(),W=t(()=>{let Y=Math.min(1,(Date.now()-R)/r),i1=Y===1?1:1-Math.pow(1-Y,3),se={k:M.k+(v.k-M.k)*i1,x:M.x+(v.x-M.x)*i1,y:M.y+(v.y-M.y)*i1};c1(se),Y<1&&requestAnimationFrame(W);},"animateZoom");requestAnimationFrame(W);}else c1(v);}},[o,n,T]);dn.useEffect(()=>{let r=N.current;if(!r)return;let c=window.devicePixelRatio||1;r.width=o*c,r.height=n*c,r.style.width=`${o}px`,r.style.height=`${n}px`,Xe();let d=o/2,p=n/2,f=G.nodeSizeBase,C=f/2,x=f*2.5,g=P.current=d3.forceSimulation(Ze).force("link",d3.forceLink(Ae).id(S=>S.id).distance(x).strength(.9)).force("charge",d3.forceManyBody().strength(-f/10*100).theta(.5).distanceMin(f*2)).force("x",d3.forceX().strength(.03)).force("y",d3.forceY().strength(.03)).force("center",d3.forceCenter(d,p).strength(.05)).force("collide",d3.forceCollide().radius(C*2).iterations(2).strength(1)).velocityDecay(.6);return ()=>{g.stop();}},[o,n,Ze,Ae,Xe]),dn.useEffect(()=>{if(P.current){let r=P.current;r.on("tick",()=>{r1();}),r.on("end",()=>{y&&(E1(0,20),setTimeout(()=>{Z(false);},200));});}y||r1();},[y,r1,E1]),dn.useEffect(()=>{i&&i.links.forEach(r=>{let c=typeof r.source=="object"?r.source:i.nodes.find(p=>p.id===r.source),d=typeof r.target=="object"?r.target:i.nodes.find(p=>p.id===r.target);!c||!d||(!c.neighbors&&(c.neighbors=[]),!d.neighbors&&(d.neighbors=[]),c.neighbors.push(d),d.neighbors.push(c),!c.links&&(c.links=[]),!d.links&&(d.links=[]),c.links.push(r),d.links.push(r));});},[i]),dn.useEffect(()=>{s&&s.length>0&&Ct(F2(s));},[s]);let $1=dn.useCallback((r,c)=>{let d=d1();if(!d||d.length===0)return null;let p=G.nodeSizeBase/2,f=window.devicePixelRatio||1,C=(r*f-T.x)/T.k,x=(c*f-T.y)/T.k;return d.find(g=>{let S=(g.x||0)-C,w=(g.y||0)-x;return Math.sqrt(S*S+w*w)<=p})||null},[T,G.nodeSizeBase]),eo=dn.useCallback((r,c,d,p,f,C,x)=>{let g=r-d,S=c-p,w=Math.sqrt(g*g+S*S),k=Math.atan2(S,g);k<0&&(k+=2*Math.PI);let H=w>=f*.5&&w<=f*1,b=false;return C===Math.PI&&x===Math.PI*2?b=k>=Math.PI&&k<=Math.PI*2:C===0&&x===Math.PI?b=k>=0&&k<=Math.PI:b=C<=x&&k>=C&&k<=x||C>x&&(k>=C||k<=x),H&&b},[]),oo=dn.useCallback(r=>{if(r===_e.current)return;_e.current=r;let c=new Set,d=new Set;r&&(c.add(r),r.neighbors&&r.neighbors.forEach(p=>c.add(p)),r.links&&r.links.forEach(p=>d.add(p))),A(r),h&&h(r),He(c),We(d);},[h]),to=dn.useCallback(r=>{ee(r),l&&l(r);},[l]),ro=dn.useCallback(()=>{ee(null),m&&m();},[m]),U=dn.useRef(null),n1=dn.useRef(false),yt=dn.useCallback(r=>{if(!N.current||!P.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top;U.current={x:d,y:p},n1.current=false;let f=$1(d,p);f?(t1(f),f.fx=f.x,f.fy=f.y):(Oe(true),x1.current={x:d,y:p});},[$1]),wt=dn.useCallback(r=>{if(!N.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top;if($&&U.current&&P.current){let C=U.current.x,x=U.current.y,g=d-C,S=p-x;Math.sqrt(g*g+S*S)>3&&(n1.current=true,P.current.alphaTarget()===0&&(P.current.alphaTarget(.15).restart(),P.current.velocityDecay(.8)));let I=window.devicePixelRatio||1,z=(d*I-T.x)/T.k,H=(p*I-T.y)/T.k;$.fx=z,$.fy=H,n1.current&&P.current.alpha(.1);return}if(M1&&U.current){let C=d-x1.current.x,x=p-x1.current.y,g=U.current.x,S=U.current.y;Math.sqrt(Math.pow(d-g,2)+Math.pow(p-S,2))>3&&(n1.current=true),c1(I=>({...I,x:I.x+C,y:I.y+x})),x1.current={x:d,y:p};return}let f;if(_&&N.current&&Q.length>0){let C=G.nodeSizeBase*G.nodeAreaFactor/2,x=N.current.width/c.width,g=N.current.height/c.height,S=d*x,w=p*g,k=(S-T.x)/T.k,I=(w-T.y)/T.k,z=_.x||0,H=_.y||0,b=Math.min(Q.length,8),L=Math.min(Math.PI*2/b,Math.PI),v=null;for(let M=0;M<b;M++){let R=M*L,W=(M+1)*L;if(eo(k,I,z,H,C,R,W)){v=M;break}}v!==null&&(f=_),oe(v);}else K!==null&&oe(null);f||(f=$1(d,p)),oo(f),N.current&&(N.current.style.cursor=f?"pointer":"default");},[$,$1,M1,T,oo,_,Q,G,K,P,x1,U,n1,eo,N,c1,oe]),vt=dn.useCallback(r=>{te.current&&(r.stopPropagation(),r.preventDefault()),te.current=false;},[]),no=dn.useCallback(r=>{let c=n1.current;if(c&&(te.current=true),!c&&U.current){let d=N.current?.getBoundingClientRect();if(d){r.clientX-d.left;r.clientY-d.top;let C=false;if(_&&K!==null&&s[K]){let x=s[K];x&&x.onClick&&(x.onClick(_),C=true);}!C&&$?to($):!C&&!$&&ro();}}if($&&P.current){if(c){P.current.alphaTarget(0);let d=.05,p=.04,f=.6;P.current.alpha(d).alphaDecay(p),P.current.velocityDecay(f);}else P.current.alphaTarget(0);$.fx=void 0,$.fy=void 0,t1(null);}n1.current=false,U.current=null,M1&&Oe(false);},[$,M1,K,_,s,to,ro]),ae=dn.useCallback(r=>{if(r.stopPropagation(),r.preventDefault(),!N.current)return;let c=N.current.getBoundingClientRect(),d=r.clientX-c.left,p=r.clientY-c.top,C=-r.deltaY>0?1.1:1/1.1;c1(x=>{let g=x.k*C;if(g<.01||g>10)return x;let S=x.k*C,w=d-(d-x.x)*C,k=p-(p-x.y)*C;return {k:S,x:w,y:k}});},[c1]);return dn.useImperativeHandle(F,()=>({zoomToFit:E1,addNodes:Ke,removeNodes:Qe}),[E1,Ke,Qe]),dn.useEffect(()=>{let r=N.current;if(r)return r.addEventListener("wheel",ae,{passive:false}),()=>{r.removeEventListener("wheel",ae);}},[ae]),jsxRuntime.jsxs(P2,{children:[(e||y)&&jsxRuntime.jsx(ht,{width:o,height:n}),jsxRuntime.jsx(I2,{ref:N,style:{width:o,height:n,display:y?"none":"block"},onMouseDown:yt,onMouseMove:wt,onMouseUp:no,onMouseLeave:no,onClick:vt})]})}),P2=Q1.styled.div`
|
|
887
887
|
display: flex;
|
|
888
888
|
align-items: center;
|
|
889
889
|
justify-content: center;
|
|
@@ -901,5 +901,5 @@ ${e?`
|
|
|
901
901
|
`:""}
|
|
902
902
|
|
|
903
903
|
min-width: 0;
|
|
904
|
-
`);exports.Alert=Hc;exports.AlertIcon=pe;exports.ApiIcon=Zt;exports.ArrowCircleTopRightIcon=Dt;exports.ArrowRightIcon=Ht;exports.BallsMenu=ve;exports.Box=q7;exports.BugReportIcon=Wt;exports.BusIcon=Qr;exports.Button=vo;exports.CalendarIcon=Ot;exports.CarIcon=en;exports.CheckIcon=Or;exports.ChevronDownIcon=Fe;exports.ChevronLeftIcon=ge;exports.ChevronRightIcon=ue;exports.ChevronUpIcon=ke;exports.CloseCircleIcon=Ut;exports.ClosedLockIcon=jt;exports.Container=I8;exports.ContextMenu=at;exports.ContextMenuDelimiter=y9;exports.CrossIcon=Ie;exports.DataSetsIcon=Kt;exports.DeepSearchIcon=er;exports.DisabledVisibleIcon=or;exports.DocsIcon=rr;exports.DownloadIcon=ir;exports.EditUserIcon=sr;exports.EmptyData=fc;exports.EnableVisibleIcon=cr;exports.EnterArrowLeftIcon=pr;exports.FileIcon=sn;exports.FiltersIcon=gr;exports.FlexContainer=I0;exports.FlexItem=V0;exports.FullscreenCard=cd;exports.GlobalStyle=uo;exports.Graph2D=k2;exports.Header=sl;exports.HeaderDelimeter=ul;exports.HeaderSection=Cl;exports.HomepageIcon=br;exports.InfoCircleFilledIcon=Pe;exports.InfoCircleIcon=fr;exports.Input=S7;exports.Line=ac;exports.ListMenu=Z6;exports.ListMenuItem=O6;exports.ListMenuSection=j6;exports.MapRadarIcon=xr;exports.MaximizeIcon=Jr;exports.MoonIcon=Cr;exports.OpenLockIcon=Sr;exports.OrganizationIcon=wr;exports.PageLayout=h8;exports.Pagination=e9;exports.PasswordFinderIcon=Fr;exports.PhonebookIcon=Pr;exports.PlaneIcon=rn;exports.PlusIcon=_r;exports.PrintIcon=Mr;exports.Profiler2Icon=Er;exports.ProfilerIcon=Br;exports.RowActionsMenu=r7;exports.SandBoxIcon=Lr;exports.SearchIcon=Gr;exports.Select=Z9;exports.ShipIcon=nn;exports.Sidebar=H4;exports.SidebarContext=b1;exports.SidebarDelimeter=n6;exports.SidebarItem=j4;exports.SidebarSection=p6;exports.StatisticIcon=zr;exports.StyledContainer=J0;exports.SunIcon=Zr;exports.Table=Hl;exports.Tag=Ec;exports.ThemeProvider=ai;exports.Typography=E6;exports.UnfoldIcon=qr;exports.UpRightArrowCircleIcon=Dr;exports.UsersIcon=Xr;exports.VectorIcon=Nr;exports.WayIcon=on;exports.convertPaletteToRem=m1;exports.createComponent=O;exports.darkTheme=Co;exports.darkThemePx=mo;exports.generatePropertySpaceStyle
|
|
904
|
+
`);exports.Alert=Hc;exports.AlertIcon=pe;exports.ApiIcon=Zt;exports.ArrowCircleTopRightIcon=Dt;exports.ArrowRightIcon=Ht;exports.BallsMenu=ve;exports.Box=q7;exports.BugReportIcon=Wt;exports.BusIcon=Qr;exports.Button=vo;exports.CalendarIcon=Ot;exports.CarIcon=en;exports.CheckIcon=Or;exports.ChevronDownIcon=Fe;exports.ChevronLeftIcon=ge;exports.ChevronRightIcon=ue;exports.ChevronUpIcon=ke;exports.CloseCircleIcon=Ut;exports.ClosedLockIcon=jt;exports.Container=I8;exports.ContextMenu=at;exports.ContextMenuDelimiter=y9;exports.CrossIcon=Ie;exports.DataSetsIcon=Kt;exports.DeepSearchIcon=er;exports.DisabledVisibleIcon=or;exports.DocsIcon=rr;exports.DownloadIcon=ir;exports.EditUserIcon=sr;exports.EmptyData=fc;exports.EnableVisibleIcon=cr;exports.EnterArrowLeftIcon=pr;exports.FileIcon=sn;exports.FiltersIcon=gr;exports.FlexContainer=I0;exports.FlexItem=V0;exports.FullscreenCard=cd;exports.GlobalStyle=uo;exports.Graph2D=k2;exports.Header=sl;exports.HeaderDelimeter=ul;exports.HeaderSection=Cl;exports.HomepageIcon=br;exports.InfoCircleFilledIcon=Pe;exports.InfoCircleIcon=fr;exports.Input=S7;exports.Line=ac;exports.ListMenu=Z6;exports.ListMenuItem=O6;exports.ListMenuSection=j6;exports.MapRadarIcon=xr;exports.MaximizeIcon=Jr;exports.MoonIcon=Cr;exports.OpenLockIcon=Sr;exports.OrganizationIcon=wr;exports.PageLayout=h8;exports.Pagination=e9;exports.PasswordFinderIcon=Fr;exports.PhonebookIcon=Pr;exports.PlaneIcon=rn;exports.PlusIcon=_r;exports.PrintIcon=Mr;exports.Profiler2Icon=Er;exports.ProfilerIcon=Br;exports.RowActionsMenu=r7;exports.SandBoxIcon=Lr;exports.SearchIcon=Gr;exports.Select=Z9;exports.ShipIcon=nn;exports.Sidebar=H4;exports.SidebarContext=b1;exports.SidebarDelimeter=n6;exports.SidebarItem=j4;exports.SidebarSection=p6;exports.StatisticIcon=zr;exports.StyledContainer=J0;exports.SunIcon=Zr;exports.Table=Hl;exports.Tag=Ec;exports.ThemeProvider=ai;exports.Typography=E6;exports.UnfoldIcon=qr;exports.UpRightArrowCircleIcon=Dr;exports.UsersIcon=Xr;exports.VectorIcon=Nr;exports.WayIcon=on;exports.convertPaletteToRem=m1;exports.createComponent=O;exports.darkTheme=Co;exports.darkThemePx=mo;exports.generatePropertySpaceStyle=B;exports.getBreakpoint=Z2;exports.getButtonSizeStyles=e1;exports.getButtonStyles=j;exports.getInputStyles=z2;exports.getTypographyStyles=R2;exports.hexToRgba=V1;exports.lightTheme=xo;exports.lightThemePx=ho;exports.pxToRem=X;exports.remToPx=fo;exports.resolveThemeColor=bo;exports.useContextMenuControl=st;//# sourceMappingURL=index.js.map
|
|
905
905
|
//# sourceMappingURL=index.js.map
|