@mp70/react-networks 0.1.0-alpha → 0.1.4-alpha
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/README.md +20 -20
- package/dist/index.css +105 -0
- package/dist/index.d.mts +202 -185
- package/dist/index.d.ts +202 -185
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +9 -6
package/dist/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
'use strict';var wt=require('react'),reactflow=require('reactflow'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var wt__default=/*#__PURE__*/_interopDefault(wt);var ve=({data:e,selected:o,id:t,onViewChange:r,onRackFaceChange:n})=>{let{label:i,ports:a=0,status:d="active",uHeight:u=42,uPosition:p=1,face:g="front"}=e,{getNodes:w,setNodes:M}=reactflow.useReactFlow(),E=w(),[T,C]=wt.useState(true),b=()=>{let h=g==="front"?"rear":"front";n?(n(t,h),r&&E.filter(R=>R.parentId===t).forEach(R=>{r(R.id,h);})):r?E.filter(R=>R.parentId===t).forEach(R=>{r(R.id,h);}):M(A=>A.map(R=>R.id===t?{...R,data:{...R.data,face:h}}:R.parentId===t?{...R,data:{...R.data,view:h}}:R));},Y=h=>{switch(h){case "active":return "#10b981";case "inactive":return "#6b7280";case "maintenance":return "#f59e0b";default:return "#6b7280"}},Z=()=>{let h=[],A=60;for(let R=1;R<=u;R++){let K=A+(R-1)*20-4;h.push(jsxRuntime.jsx("div",{style:{position:"absolute",left:"-35px",top:`${K}px`,background:"#374151",color:"#9ca3af",padding:"2px 4px",borderRadius:"2px",fontSize:"8px",fontWeight:"bold",width:"28px",textAlign:"center",border:"1px solid #4b5563",zIndex:10,height:`${20}px`,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:R},R));}return h};return jsxRuntime.jsxs("div",{className:`rack-node ${o?"selected":""}`,style:{background:"transparent",border:`2px solid ${Y(d)}`,borderRadius:"8px",padding:0,width:"300px",height:`${60+u*20}px`,color:"white",fontFamily:"monospace",fontSize:"12px",boxShadow:o?"0 0 0 2px #3b82f6":"0 2px 4px rgba(0,0,0,0.1)",position:"relative",display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx(reactflow.Handle,{type:"target",position:reactflow.Position.Top}),jsxRuntime.jsxs("div",{style:{textAlign:"center",marginBottom:0,zIndex:2,background:"#1f2937",padding:"8px",position:"relative",height:`${60}px`,display:"flex",flexDirection:"column",justifyContent:"center"},children:[jsxRuntime.jsx("div",{style:{fontWeight:"bold",marginBottom:"4px"},children:i}),jsxRuntime.jsxs("div",{style:{fontSize:"10px",color:"#9ca3af"},children:[typeof a=="number"?a:0," ports \u2022 ",u,"U \u2022 ",g]}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:"4px",position:"absolute",top:"4px",right:"4px"},children:[jsxRuntime.jsx("button",{onPointerDown:h=>{h.stopPropagation();},onMouseDown:h=>{h.stopPropagation();},onClick:h=>{h.stopPropagation(),h.preventDefault(),C(!T);},style:{background:T?"#10b981":"#374151",color:T?"#ffffff":"#9ca3af",border:"1px solid #4b5563",borderRadius:"2px",padding:"2px 6px",fontSize:"8px",cursor:"pointer",fontFamily:"monospace"},title:`${T?"Hide":"Show"} U markers`,children:"U"}),jsxRuntime.jsx("button",{onPointerDown:h=>{h.stopPropagation();},onMouseDown:h=>{h.stopPropagation();},onClick:h=>{h.stopPropagation(),h.preventDefault(),b();},style:{background:"#374151",color:"#9ca3af",border:"1px solid #4b5563",borderRadius:"2px",padding:"2px 6px",fontSize:"8px",cursor:"pointer",fontFamily:"monospace"},title:`Switch to ${g==="front"?"rear":"front"} view`,children:g==="front"?"\u21C4 Rear":"\u21C4 Front"})]})]}),jsxRuntime.jsx("div",{style:{flex:1,background:"transparent",position:"relative",minHeight:`${u*20}px`,overflow:"hidden"}}),T&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"},children:Z()})]})};var Pe=({data:e,selected:o})=>{let{label:t,status:r="active"}=e,n=i=>{switch(i){case "active":return "#10b981";case "inactive":return "#6b7280";case "maintenance":return "#f59e0b";default:return "#6b7280"}};return jsxRuntime.jsxs("div",{className:`fiber-node ${o?"selected":""}`,style:{background:"#1f2937",border:`2px solid ${n(r)}`,borderRadius:"50%",width:"60px",height:"60px",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontFamily:"monospace",fontSize:"10px",fontWeight:"bold",boxShadow:o?"0 0 0 2px #3b82f6":"0 2px 4px rgba(0,0,0,0.1)",position:"relative"},children:[jsxRuntime.jsx(reactflow.Handle,{type:"target",position:reactflow.Position.Top}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Bottom}),jsxRuntime.jsx(reactflow.Handle,{type:"target",position:reactflow.Position.Left}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right}),jsxRuntime.jsx("div",{style:{textAlign:"center"},children:jsxRuntime.jsx("div",{style:{fontSize:"8px",lineHeight:"1.2"},children:t})}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"4px",left:"50%",transform:"translateX(-50%)",width:"8px",height:"8px",background:n(r),borderRadius:"50%"}})]})};var Se=({id:e,sourceX:o,sourceY:t,targetX:r,targetY:n,sourcePosition:i,targetPosition:a,data:d,selected:u,style:p})=>{let[g,w,M]=reactflow.getBezierPath({sourceX:o,sourceY:t,sourcePosition:i,targetX:r,targetY:n,targetPosition:a}),{bandwidth:E,length:T,color:C="#10b981"}=d||{},b={stroke:C,strokeWidth:u?3:2,strokeDasharray:d?.type==="fiber"?"5,5":"none",fill:"none",...p};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{id:e,className:"react-flow__edge-path",d:g,stroke:C,strokeWidth:u?3:2,strokeDasharray:d?.type==="fiber"?"5,5":"none",fill:"none",style:b}),jsxRuntime.jsx(reactflow.EdgeLabelRenderer,{children:d&&(E||T)&&jsxRuntime.jsxs("div",{style:{position:"absolute",transform:`translate(-50%, -50%) translate(${w}px,${M}px)`,background:"#1f2937",padding:"4px 8px",borderRadius:"4px",fontSize:"10px",color:"white",fontFamily:"monospace",border:`1px solid ${C}`,pointerEvents:"none"},children:[E&&jsxRuntime.jsx("div",{children:E}),T&&jsxRuntime.jsxs("div",{children:[T,"m"]})]})})]})};var De=({id:e,sourceX:o,sourceY:t,targetX:r,targetY:n,sourcePosition:i,targetPosition:a,style:d={},data:u,markerEnd:p})=>{let [g,w,M]=reactflow.getBezierPath({sourceX:o,sourceY:t,sourcePosition:i,targetX:r,targetY:n,targetPosition:a}),E=u?.connectorType||"C13";u?.voltage||"AC";u?.amperage||(E==="C19"?"16A":"10A");return jsxRuntime.jsx(reactflow.BaseEdge,{id:e,path:g,markerEnd:p,style:(()=>{let Y={stroke:u?.color||"#f59e0b",strokeWidth:E==="C19"?5:3,strokeLinecap:"round",strokeLinejoin:"round",...d};return E==="C19"?{...Y,strokeDasharray:"none"}:{...Y,strokeDasharray:"6,3"}})()})};var Ve=(t=>(t.FULL="full",t.HALF="half",t))(Ve||{});var He={C13:{type:"C13",color:"#f59e0b",borderColor:"#d97706",amperage:10,voltage:230,phases:1},C14:{type:"C14",color:"#f59e0b",borderColor:"#d97706",amperage:10,voltage:230,phases:1},C19:{type:"C19",color:"#fbbf24",borderColor:"#d97706",amperage:16,voltage:230,phases:1},C20:{type:"C20",color:"#fbbf24",borderColor:"#d97706",amperage:16,voltage:230,phases:1}};function ce(e){let o=He[e];if(!o)throw new Error(`Unknown connector type: ${e}`);let t=o.amperage===16;o.amperage===10;let n=t?12:8,i=t?10:5,a=t?{borderRadius:"3px"}:{clipPath:"polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px)",borderRadius:"0px"};return {width:n,height:i,color:o.color,borderColor:o.borderColor,fontSize:t?"3px":"4px",...a}}function me(e){let o=He[e];if(!o)throw new Error(`Unknown connector type: ${e}`);return o}function ft(e){return me(e).amperage===16}function Ee(e){return e%10<8?"C13":"C19"}function xe(e){let o=e.toLowerCase();return o.includes("mx304")||o.includes("mx480")||o.includes("mx960")?"C20":"C14"}var Te=({data:e,selected:o})=>{let{label:t,status:r="active",deviceType:n="server",manufacturer:i,role:a,uHeight:d=1,uPosition:u=1,width:p="full",ports:g=[],rearPorts:w=[],view:M,powerSide:E="left"}=e,T=M||(w.length>0&&g.length===0?"rear":"front"),C={};C["net-top"]="front",C["net-bottom"]="front",g.length>0&&g.forEach(v=>{v.ports.forEach(I=>{let F=I.type?.includes("power")?I.label:`${v.name}-${I.label}`;C[F]="front";});}),C["pwr-left-1"]="rear",C["pwr-left-2"]="rear",C["net-right-1"]="rear",C["net-right-2"]="rear",w.length>0&&w.forEach(v=>{v.ports.forEach(I=>{let F=I.type?.includes("power")?I.label:`${v.name}-${I.label}`;C[F]="rear";});});let b=d*20,Y=p==="half"?"150px":"304px",Z=p==="half"?"150px":void 0,h=v=>{switch(v){case "active":return "#10b981";case "inactive":return "#6b7280";case "maintenance":return "#f59e0b";default:return "#6b7280"}},R=(v,I)=>{let F=[];if(v.length===0)return F;let z=Math.max(4,Math.floor(b*.4)),W=Math.max(2,Math.floor(b*.2));return v.forEach((f,P)=>{f.ports.forEach((k,D)=>{let L=!!k.type&&k.type.includes("power");if(I==="front"&&L)return;let B=L?`${k.label}`:`${f.name}-${k.label}`,q=k.connected,U="#6b7280";if(q)if(k.type?.includes("power"))U=k.type==="power_c19"?"#fbbf24":"#f59e0b";else if(k.type==="console"||k.type==="mgmt")U="#8b5cf6";else if(k.type==="usb")U="#10b981";else switch(k.cableType){case "smf":U="#fbbf24";break;case "cat6":U="#8b5cf6";break;case "om3":U="#06b6d4";break;case "om4":U="#8b5cf6";break;case "om5":U="#84cc16";break;case "cat5e":U="#3b82f6";break;case "cat6a":U="#ef4444";break;case "cat7":U="#f97316";break;case "fiber":U="#3b82f6";break;case "ethernet":U="#10b981";break;default:U="#10b981";}let re=reactflow.Position.Top,N={width:`${z}px`,height:`${W}px`,background:q?U:"#6b7280",border:`1px solid ${q?U:"#374151"}`,borderRadius:"1px",cursor:"pointer"};if(I==="front")D%2===0?(re=reactflow.Position.Top,N.transform="translateY(50%)",N.left=`${D/2*(z+2)}px`):(re=reactflow.Position.Bottom,N.transform="translateY(-50%)",N.left=`${(D-1)/2*(z+2)}px`);else if(k.type?.includes("power")){re=reactflow.Position.Left,N.transform="translateX(50%)";let ye=b<=20?10:20,s=b<=20?30:50;N.top=`${ye+D*s}%`;let m=xe(t),c=ce(m);N={...N,width:`${c.width}px`,height:`${c.height}px`,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:c.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:c.borderRadius,clipPath:c.clipPath};}else re=reactflow.Position.Right,N.transform="translateX(50%)",N.top=`${25+D*50}%`;let ue=L?"target":q?"source":"target";F.push(jsxRuntime.jsx(reactflow.Handle,{id:B,type:ue,position:re,style:N,title:`${f.name} - ${k.label} ${q?"(connected)":"(disconnected)"}`,children:L?D+1:void 0},B));});}),F},K=()=>{let v=[],F=Math.max(4,Math.floor(b*.4)),z=Math.max(2,Math.floor(b*.2));if(T==="front"){if(g.length>0)return R(g,"front");if(n==="switch"&&(t.toLowerCase().includes("agg")||t.toLowerCase().includes("core")||a==="agg"||a==="core"))return X();v.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-top",type:"target",position:reactflow.Position.Top,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateY(50%)"},title:"Network Port (Top)"},"net-top")),v.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-bottom",type:"target",position:reactflow.Position.Bottom,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateY(-50%)"},title:"Network Port (Bottom)"},"net-bottom"));}else if(T==="rear"){if(w.length>0)return R(w,"rear");let W=n==="switch",f=n==="patch-panel";if(!f){let P=xe(t),k=me(P),D=ce(P),L=b<=20?"10%":"25%";v.push(jsxRuntime.jsx(reactflow.Handle,{id:"pwr-left-1",type:"target",position:reactflow.Position.Left,style:{width:`${D.width}px`,height:`${D.height}px`,background:D.color,border:`1px solid ${D.borderColor}`,cursor:"pointer",transform:"translateX(50%)",top:L,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:D.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:D.borderRadius,clipPath:D.clipPath},title:`Power Port 1 (${k.type}) - ${k.voltage}V, ${k.amperage}A`,children:"1"},"pwr-1"));let B=b<=20?"50%":"75%";v.push(jsxRuntime.jsx(reactflow.Handle,{id:"pwr-left-2",type:"target",position:reactflow.Position.Left,style:{width:`${D.width}px`,height:`${D.height}px`,background:D.color,border:`1px solid ${D.borderColor}`,cursor:"pointer",transform:"translateX(50%)",top:B,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:D.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:D.borderRadius,clipPath:D.clipPath},title:`Power Port 2 (${k.type}) - ${k.voltage}V, ${k.amperage}A`,children:"2"},"pwr-2"));}!W&&!f&&(v.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-right-1",type:"target",position:reactflow.Position.Right,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateX(50%)",top:"25%"},title:"Network Port 1 (Right)"},"net-right-1")),v.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-right-2",type:"target",position:reactflow.Position.Right,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateX(50%)",top:"75%"},title:"Network Port 2 (Right)"},"net-right-2")));}return v},X=()=>{let v=[],F=Math.max(10,Math.floor(b*.45)),z=Math.max(5,Math.floor(b*.25));for(let f=1;f<=16;f++){let P=jsxRuntime.jsx(reactflow.Handle,{id:`port-${f}`,type:"source",position:reactflow.Position.Top,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"1px solid #059669",borderRadius:"2px",cursor:"pointer",transform:"translateY(50%)",zIndex:1e3,left:`${(f-1)*(F+2)}px`},title:`Port ${f}`},`port-${f}`);v.push(P);}for(let f=17;f<=32;f++){let P=f-16,k=jsxRuntime.jsx(reactflow.Handle,{id:`port-${f}`,type:"source",position:reactflow.Position.Bottom,style:{width:`${F}px`,height:`${z}px`,background:"#10b981",border:"1px solid #059669",borderRadius:"2px",cursor:"pointer",transform:"translateY(-50%)",zIndex:1e3,left:`${(P-1)*(F+2)}px`},title:`Port ${f}`},`port-${f}`);v.push(k);}for(let f=1;f<=4;f++){let P=Math.max(4,Math.floor(b*.3)),k=Math.max(3,Math.floor(b*.15));v.push(jsxRuntime.jsx(reactflow.Handle,{id:`uplink-${f}`,type:"source",position:reactflow.Position.Right,style:{width:`${P}px`,height:`${k}px`,background:"#8b5cf6",border:"0.5px solid #7c3aed",borderRadius:"0.5px",cursor:"pointer",transform:"translateX(-50%)"},title:`Uplink ${f}`},`uplink-${f}`));}return v};return jsxRuntime.jsxs("div",{className:`device-node ${o?"selected":""}`,style:{background:"#1f2937",border:`1px solid ${h(r)}`,borderRadius:"2px",padding:"0px",width:Y,...Z&&{left:Z},height:`${b}px`,color:"white",fontFamily:"monospace",fontSize:"8px",boxShadow:o?"0 0 0 1px #3b82f6":"0 1px 2px rgba(0,0,0,0.1)",position:"relative",display:"flex",flexDirection:"column",justifyContent:"center",cursor:"grab",marginBottom:"0px",boxSizing:"border-box",marginTop:"0px",marginLeft:"0px",marginRight:"0px"},children:[jsxRuntime.jsxs("div",{style:{textAlign:"center",flex:1,display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden",padding:"2px"},children:[jsxRuntime.jsx("div",{style:{fontWeight:"bold",fontSize:"7px",lineHeight:"1.1",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t}),d>1&&jsxRuntime.jsx("div",{style:{fontSize:"6px",color:"#9ca3af",lineHeight:"1"},children:i})]}),d>1&&jsxRuntime.jsxs("div",{style:{position:"absolute",bottom:"1px",right:"1px",background:"#374151",color:"#9ca3af",padding:"1px 2px",borderRadius:"1px",fontSize:"6px",lineHeight:"1"},children:[d,"U"]}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"1px",left:"1px",width:"4px",height:"4px",background:h(r),borderRadius:"50%"}}),K()]})};var Ie=({data:e,selected:o,id:t})=>{let{label:r,status:n="active",heightCm:i=100,powerPorts:a=36,portTypes:d=[],widthPx:u=15,mgmt_unit:p}=e,g=T=>{switch(T){case "active":return "#10b981";case "inactive":return "#6b7280";case "maintenance":return "#f59e0b";default:return "#6b7280"}},w=i*4.2,M=()=>{let C=Math.ceil(a/10),b=Array(10).fill(0).map((f,P)=>P<8?"10A":"16A");for(let f=0,P=0;f<C;++f)for(let k=0;k<10&&P<a;++k,++P){b[k];}let v=[],I=15,W=(w-I-3)/(a-9)*.5;for(let f=0;f<a;f++){let P=I-2+W*f,k=`${f+1}`;if(p&&(p==="top"&&f===0||p==="middle"&&f===Math.floor(a/2)||p==="bottom"&&f===a-1)){v.push(E(P));continue}let L=Ee(f),B=ce(L),q=Math.round((u-B.width)/2-1);v.push(jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right,id:k,style:{position:"absolute",left:`${q}px`,top:`${P-B.height/2}px`,width:`${B.width}px`,height:`${B.height}px`,background:B.color,border:`1px solid ${B.borderColor}`,cursor:"pointer",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:B.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:B.borderRadius,clipPath:B.clipPath},title:`Power Port ${f+1} (${L})`,children:f+1},`handle-${k}`));}return v},E=T=>jsxRuntime.jsxs("div",{style:{position:"absolute",left:`${(u-16)/2}px`,top:`${T-12/2}px`,width:"16px",height:"12px",background:"#1a1a1a",border:"1px solid #374151",borderRadius:"1px",display:"flex",flexDirection:"column",padding:"1px",zIndex:10},children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:"-10px",top:"1px",background:"#ffffff",border:"0.5px solid #6b7280",borderRadius:"0.5px",width:"8px",height:"10px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"3px",color:"#10b981",fontFamily:"monospace",fontWeight:"bold",transform:"rotate(90deg)",transformOrigin:"center"},children:"APC"}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right,id:"mgmt-net-1",style:{width:"70%",height:"6px",background:"#10b981",border:"1px solid #059669",borderRadius:"1px",cursor:"pointer",zIndex:11,margin:"0 auto"},title:"Management Network Port"},"mgmt-net-1")]},"mgmt-unit");return jsxRuntime.jsxs("div",{className:`vertical-pdu-node ${o?"selected":""}`,style:{background:"linear-gradient(90deg, #2d3748 0%, #1a202c 50%, #2d3748 100%)",border:`1px solid ${g(n)}`,borderRadius:"2px",padding:0,width:`${u}px`,height:`${w}px`,color:"white",fontFamily:"monospace",fontSize:"12px",boxShadow:o?"0 0 0 2px #3b82f6":"0 1px 3px rgba(0,0,0,0.3)",position:"relative",display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx("div",{style:{textAlign:"center",marginBottom:0,zIndex:2,background:"linear-gradient(90deg, #4a5568 0%, #2d3748 50%, #4a5568 100%)",padding:"2px",position:"relative",height:"20px",display:"flex",flexDirection:"column",justifyContent:"center",borderBottom:"1px solid #4a5568"},children:jsxRuntime.jsx("div",{style:{fontWeight:"bold",fontSize:"6px",color:"#e2e8f0"},children:r})}),jsxRuntime.jsx("div",{style:{flex:1,background:"linear-gradient(180deg, #2d3748 0%, #1a202c 50%, #2d3748 100%)",position:"relative",minHeight:`${w-20}px`,overflow:"hidden"},children:M()})]})};var Ae=(e,o,t,r)=>{if(!e.parentId||e.parentId!==o.id)return t;e.data.uHeight||1;o.data.uHeight||42;let a=60,d=t.y-a,u=Math.round(d/20)+1,p=Math.max(1,u);if(!Fe(o,e,p,r)){let w=be(o,e,r,p);w!==p&&(p=w);}let g=a+(p-1)*20-1;return {x:t.x,y:g,uPosition:p}},Fe=(e,o,t,r)=>{let n=o.data.uHeight||1,i=e.data.uHeight||42;if(t<1||t+n-1>i)return false;let a=r.filter(d=>d.type==="device"&&d.parentId===e.id&&d.id!==o.id);for(let d of a){let u=d.data.uPosition||1,p=d.data.uHeight||1,g=t,w=t+n-1,M=u,E=u+p-1;if(g<=E&&w>=M)return false}return true},be=(e,o,t,r=1)=>{let n=o.data.uHeight||1,i=e.data.uHeight||42;for(let a=r;a<=i-n+1;a++)if(Fe(e,o,a,t))return a;return 1},pe=(e,o)=>({x:0,y:60+(o-1)*20-1}),Xe=(e,o,t)=>{let r=pe(o,t);return {...e,position:r,data:{...e.data,uPosition:t}}},mt=(e,o)=>{let t=e.data.uPosition||1,r=e.data.uHeight||1,n=o.data.uHeight||42,i=Math.max(1,Math.min(n-r+1,t));return i!==t?Xe(e,o,i):e};function xt(e,o){if(!e.source||!e.target||!e.sourceHandle||!e.targetHandle)return {valid:true};let t=o.edges.some(n=>n.source===e.source&&n.sourceHandle===e.sourceHandle),r=o.edges.some(n=>n.target===e.target&&n.targetHandle===e.targetHandle);return t?{valid:false,reason:"Source port is already connected"}:r?{valid:false,reason:"Target port is already connected"}:{valid:true}}function bt(e,o){if(!o)return;let t=o.data||{};if(t.handleSideMap&&t.handleSideMap[e])return t.handleSideMap[e];if(e==="net-top"||e==="net-bottom")return "front";if(e==="pwr-left-1"||e==="pwr-left-2"||e==="net-right-1"||e==="net-right-2")return "rear";let r=Array.isArray(t.ports)?t.ports:[],n=Array.isArray(t.rearPorts)?t.rearPorts:[];if(e.startsWith("pwr")||e.includes("power"))return "rear";if(r.length>0){for(let a of r)for(let d of a.ports||[])if((d.type&&String(d.type).includes("power")?d.label:`${a.name}-${d.label}`)===e)return "front"}if(n.length>0){for(let a of n)for(let d of a.ports||[])if((d.type&&String(d.type).includes("power")?d.label:`${a.name}-${d.label}`)===e)return "rear"}}function Me(e={},o={}){let t={nodes:e.nodes??[],edges:e.edges??[],debug:e.debug??false},r=new Set;return {getState:()=>t,setState:p=>{t={...t,...p},r.forEach(g=>g(t));},subscribe:p=>(r.add(p),()=>r.delete(p)),selectEdgeZIndex:p=>{let g=t.nodes.find(b=>b.id===p.target);if(!g||g.type!=="device")return 1e3;let w=g.data?.view||"front",M=bt(p.targetHandle||"",g);if(M)return w===M?1e3:500;let E=p.targetHandle||"",T=E.startsWith("pwr")||E.startsWith("power"),C=E.startsWith("net-")||E.startsWith("port-")||E.startsWith("uplink-")||E.includes("Fiber")||E.includes("Ports");return T?w==="rear"?1e3:500:C?w==="front"?1e3:500:1e3},validateConnection:p=>(o.validateConnection||xt)(p,t)}}function yt(e){let o=n=>e.subscribe(n),t=()=>e.getState();return wt.useSyncExternalStore(o,t,t)}function Be(e){let o=r=>e.subscribe(r),t=()=>e.getState().nodes;return wt.useSyncExternalStore(o,t,t)}function _e(e){let o=r=>e.subscribe(r),t=()=>e.getState().edges;return wt.useSyncExternalStore(o,t,t)}function Ze(e){return e.selectEdgeZIndex}var Et=(e,o)=>({rack:t=>jsxRuntime.jsx(ve,{...t,onViewChange:e,onRackFaceChange:o}),fiber:Pe,device:Te,"vertical-pdu":Ie}),$t={fiber:Se,power:De},Tt=({nodes:e,edges:o,initialNodes:t,initialEdges:r,onNodesChange:n,onEdgesChange:i,store:a,debug:d,onNodeClick:u,onEdgeClick:p,onViewChange:g,onRackFaceChange:w,className:M,style:E,alignRacksToBottom:T})=>{let C=Array.isArray(e)&&Array.isArray(o),b=wt__default.default.useMemo(()=>a||Me({nodes:C?e:t||e||[],edges:C?o:r||o||[],debug:d}),[a,C,e,o,t,r,d]),Y=Be(b),Z=_e(b),[h,A,R]=reactflow.useNodesState(Y),[K,X,v]=reactflow.useEdgesState(Z),I=Ze(b),F=wt.useMemo(()=>Et(g,w),[g,w]),z=wt.useMemo(()=>$t,[]),W=wt.useRef(h);wt.useEffect(()=>{W.current=h;},[h]);let f=wt.useRef(K);wt.useEffect(()=>{f.current=K;},[K]),wt.useEffect(()=>{A(Y);},[Y,A]),wt.useEffect(()=>{X(Z);},[Z,X]),wt.useEffect(()=>{C&&b.setState({nodes:e||[]});},[C,e,b]),wt.useEffect(()=>{C&&b.setState({edges:o||[]});},[C,o,b]),wt.useEffect(()=>{if(!T||!h||h.length===0)return;let s=h.filter(x=>x.type==="rack");if(s.length===0)return;let m=s.map(x=>{let _=x.data&&x.data.uHeight||42,O=60+_*20;return (x.position?.y||0)+O}),c=Math.min(...m),l=Math.max(...m);if(l-c<20)return;let y=l,$=h.map(x=>{if(x.type!=="rack")return x;let _=x.data&&x.data.uHeight||42,O=60+_*20,te=(x.position?.y||0)+O,ae=y-te;return Math.abs(ae)<5?x:{...x,position:{x:x.position?.x||0,y:(x.position?.y||0)+ae}}});$.some((x,_)=>x.position!==h[_].position)&&A($);},[T,h,A]);let P=wt.useCallback(s=>W.current.find(m=>m.id===s),[]);wt.useCallback((s,m)=>{let c=P(s);if(!c||c.type!=="device")return 1e3;let l=c.data?.view||"front",y=(c.data?.handleSideMap||{})[m],$;if(y)$=l===y?1e3:500;else {let H=m.startsWith("pwr-left")||m.startsWith("power"),x=m.startsWith("net-")||m.startsWith("port-")||m.startsWith("uplink-")||m.includes("Fiber")||m.includes("Ports");H?$=l==="rear"?1e3:500:x?$=l==="front"?1e3:500:$=1e3;}return $},[P]);wt.useEffect(()=>{X(s=>s.map(m=>{let c=I(m);return {...m,zIndex:c,style:{...m.style,zIndex:c}}}));},[h,X,I]),wt.useEffect(()=>{let s=h.map(c=>{if(c.type==="device"&&c.parentId&&c.data.uPosition&&(!c.position||c.position.x===0&&c.position.y===0)){let l=P(c.parentId);if(l){let S=pe(l,c.data.uPosition);return {...c,position:S}}}return c});s.some((c,l)=>c.position!==h[l].position)&&A(s);},[h,A,P]);let D=wt.useCallback(s=>{let m=s.map(c=>{if(c.type==="position"&&c.position){let l=P(c.id);if(l&&l.type==="device"&&l.parentId){let S=P(l.parentId);if(S){let y=Ae(l,S,c.position,W.current);if(y.uPosition!==void 0){let $={...l,data:{...l.data,uPosition:y.uPosition}};A(H=>H.map(x=>x.id===l.id?$:x));}return {...c,position:{x:y.x,y:y.y}}}}if(l&&l.type==="device"&&!l.parentId){let S=W.current.filter(H=>H.type==="rack"),y=null,$=1/0;for(let H of S){let x=H,_=Math.sqrt(Math.pow(c.position.x-x.position.x,2)+Math.pow(c.position.y-x.position.y,2)),O=300,te=(x.data.uHeight||42)*20,ae=x.position.x,we=x.position.x+O,ke=x.position.y,Ne=x.position.y+te;c.position.x>=ae&&c.position.x<=we&&c.position.y>=ke&&c.position.y<=Ne&&_<$&&($=_,y=x);}if(y){let H={...l,parentId:y.id,extent:"parent",data:{...l.data,uPosition:1}};A(O=>O.map(te=>te.id===l.id?H:te));let x=c.position.x-y.position.x,_=c.position.y-y.position.y;return {...c,position:{x,y:_}}}}if(l&&l.type==="device"&&l.parentId){let S=P(l.parentId);if(S){let y=S,$=300,H=(y.data.uHeight||42)*20,x=y.position.x,_=y.position.x+$,O=y.position.y,te=y.position.y+H;if(c.position.x<x||c.position.x>_||c.position.y<O||c.position.y>te){let ae=c.position.x+y.position.x,we=c.position.y+y.position.y,ke={...l,parentId:void 0,extent:void 0,data:{...l.data,uPosition:void 0}};return A(Ne=>Ne.map(Le=>Le.id===l.id?ke:Le)),{...c,position:{x:ae,y:we}}}}}}return c});R(m);},[R,A,P]);wt.useCallback(s=>{if(!s.source||!s.target||!s.sourceHandle||!s.targetHandle)return {valid:true};let m=s.sourceHandle,c=s.targetHandle,l=f.current.some(y=>y.source===s.source&&y.sourceHandle===m),S=f.current.some(y=>y.target===s.target&&y.targetHandle===c);return l?{valid:false,reason:"Source port is already connected"}:S?{valid:false,reason:"Target port is already connected"}:{valid:true}},[]);let B=wt.useCallback(s=>{let c=P(s.source)?.type==="vertical-pdu",l=!!s.targetHandle&&(s.targetHandle.startsWith("pwr")||s.targetHandle.startsWith("power"));if(c&&l&&s.target&&s.targetHandle){let $=f.current.find(H=>H.target===s.target&&H.targetHandle===s.targetHandle);if($){let H={...s,type:"power",zIndex:I({...s,id:"temp-id"})};X(x=>{let _=x.filter(O=>O.id!==$.id);return reactflow.addEdge(H,_)});return}}let S=b.validateConnection({source:s.source??null,target:s.target??null,sourceHandle:s.sourceHandle??null,targetHandle:s.targetHandle??null});if(!S.valid){if(c&&s.source&&s.sourceHandle){let $=f.current.find(H=>H.source===s.source&&H.sourceHandle===s.sourceHandle);if($){let H={...s,type:l?"power":"fiber",zIndex:I({...s,id:"temp-id"})};X(x=>{let _=x.filter(O=>O.id!==$.id);return reactflow.addEdge(H,_)});return}}console.warn(`Connection rejected: ${S.reason}`);return}let y={...s,type:c&&l?"power":"fiber",zIndex:I({...s,id:"temp-id"})};X($=>reactflow.addEdge(y,$));},[X,b,I,P]),q=wt.useCallback((s,m)=>{if((s.metaKey||s.ctrlKey)&&m.type==="device"){let l=m.data||{},S=l.view||(Array.isArray(l.rearPorts)&&l.rearPorts.length>0?"rear":"front"),y=S==="front"?"rear":"front";console.log(`Command+click: Toggling device ${m.id} from ${S} to ${y}`),g&&g(m.id,y),u&&u(m);}else m.type!=="device"&&u&&u(m);},[g,u]),U=wt.useCallback(()=>{},[]),re=wt.useCallback((s,m)=>{p&&p(m);},[p]),[N,ue]=wt.useState(null);reactflow.useOnSelectionChange({onChange:({nodes:s})=>{s&&s.length===1?ue(s[0]):ue(null);}});let ye=wt.useCallback(()=>{if(!N)return;let s=P(N.id);if(s){if(s.type==="rack"){let c=(s.data&&s.data.face||"front")==="front"?"rear":"front";w?w(s.id,c):A(l=>l.map(S=>S.id===s.id?{...S,data:{...S.data,face:c}}:S.parentId===s.id?{...S,data:{...S.data,view:c}}:S));return}if(s.type==="device"){let m=s.data||{},c=Array.isArray(m.rearPorts)&&m.rearPorts.length>0,l=Array.isArray(m.ports)&&m.ports.length>0,y=(m.view||(c&&!l?"rear":"front"))==="front"?"rear":"front";g?g(s.id,y):A($=>$.map(H=>H.id===s.id?{...H,data:{...H.data,view:y}}:H));}}},[N,P,w,g,A]);return jsxRuntime.jsxs("div",{className:M,style:{width:"100%",height:"100%",...E},children:[jsxRuntime.jsxs(reactflow.ReactFlow,{nodes:h,edges:K,onNodesChange:s=>{D(s);s.reduce((c,l)=>(l.type==="add"||l.type==="remove",c),null);C?n&&n(W.current):b.setState({nodes:W.current});},onEdgesChange:s=>{v(s),C?i&&i(f.current):b.setState({edges:f.current});},onConnect:B,onNodeClick:q,onNodeDoubleClick:U,onEdgeClick:re,nodeTypes:F,edgeTypes:z,defaultEdgeOptions:{zIndex:1e3,reconnectable:true},fitView:true,attributionPosition:"bottom-left",children:[jsxRuntime.jsx(reactflow.Background,{}),jsxRuntime.jsx(reactflow.Controls,{}),jsxRuntime.jsx(reactflow.MiniMap,{})]}),N&&(N.type==="rack"||N.type==="device")&&jsxRuntime.jsx("div",{style:{position:"absolute",top:12,right:12,display:"flex",gap:8,zIndex:2e3},children:jsxRuntime.jsx("button",{onClick:s=>{s.preventDefault(),ye();},style:{background:"#374151",color:"#e5e7eb",border:"1px solid #4b5563",borderRadius:4,padding:"6px 10px",fontSize:11,fontFamily:"monospace",cursor:"pointer"},title:N.type==="rack"?(N.data?.face||"front")==="front"?"Switch to rear":"Switch to front":(N.data?.view||(Array.isArray(N.data?.rearPorts)&&N.data.rearPorts.length>0&&!(Array.isArray(N.data?.ports)&&N.data.ports.length>0)?"rear":"front"))==="front"?"Switch to rear":"Switch to front",children:N.type==="rack"?(N.data?.face||"front")==="front"?"\u21C4 Rear":"\u21C4 Front":(N.data?.view||(Array.isArray(N.data?.rearPorts)&&N.data.rearPorts.length>0&&!(Array.isArray(N.data?.ports)&&N.data.ports.length>0)?"rear":"front"))==="front"?"\u21C4 Rear":"\u21C4 Front"})})]})},It=e=>jsxRuntime.jsx(reactflow.ReactFlowProvider,{children:jsxRuntime.jsx(Tt,{...e})});var Je=e=>({id:`rack-${e.id}`,type:"rack",position:{x:0,y:0},data:{label:e.name,status:e.status.value,uHeight:e.u_height,netboxId:e.id,netboxType:"rack",facilityId:e.facility_id,serial:e.serial,assetTag:e.asset_tag,site:e.site.name,role:e.role?.name,tenant:e.tenant?.name}}),Qe=e=>({id:`device-${e.id}`,type:"device",position:{x:0,y:0},parentId:e.rack?`rack-${e.rack.id}`:void 0,extent:e.rack?"parent":void 0,data:{label:e.name,status:e.status.value,deviceType:e.device_type.model,manufacturer:e.device_type.manufacturer.name,role:e.device_role.name,uHeight:1,uPosition:e.position||1,face:e.face||"front",netboxId:e.id,netboxType:"device",primaryIp4:e.primary_ip4?.address,primaryIp6:e.primary_ip6?.address,site:e.site.name,rack:e.rack?.name}}),et=e=>({id:`cable-${e.id}`,source:`device-${e.termination_a.device.name}`,target:`device-${e.termination_b.device.name}`,type:"fiber",data:{bandwidth:e.type.label,length:e.length||0,color:e.color,netboxId:e.id,netboxType:"cable",status:e.status.value,terminationA:e.termination_a.name,terminationB:e.termination_b.name}}),At=e=>{let o=[],t=[];return e.racks.forEach(r=>{o.push(Je(r));}),e.devices.forEach(r=>{o.push(Qe(r));}),e.cables.forEach(r=>{t.push(et(r));}),{nodes:o,edges:t}},Ft=(e,o)=>{let t=new Map,r=new Set;return e.filter(i=>i.position!==null).sort((i,a)=>(i.position||0)-(a.position||0)).forEach(i=>{i.position&&(t.set(i.id,i.position),r.add(i.position));}),t},Mt=e=>{let o=e.filter(n=>n.type==="rack"),t=e.filter(n=>n.type==="device"),r=e.filter(n=>!["rack","device"].includes(n.type));return o.forEach((n,i)=>{n.position={x:i*300,y:100};}),t.forEach(n=>{if(n.parentId){let i=o.find(a=>a.id===n.parentId);if(i){let a=n.data.uPosition||1,d=n.data.uHeight||1;n.position={x:i.position.x+50,y:i.position.y+a*20-d*10};}}else n.position={x:Math.random()*400+100,y:Math.random()*200+50};}),r.forEach((n,i)=>{n.position={x:i*150+100,y:300};}),e};var le=class extends Error{constructor(t,r,n,i,a){super(`Device placement conflict: ${r} at U${n}-${n+i-1} in rack ${t}${a?` conflicts with ${a}`:""}`);this.rackId=t;this.deviceId=r;this.uPosition=n;this.uHeight=i;this.conflictWith=a;this.name="DevicePlacementError";}};function We(e,o={}){let{conflictPolicy:t="strict"}=o,r=[],n=[];for(let i of e.devices)i.unit+i.height-1>e.units&&n.push({deviceId:i.id,uPosition:i.unit,uHeight:i.height,rackUHeight:e.units});for(let i=0;i<e.devices.length;i++){let a=e.devices[i],d=a.unit,u=a.unit+a.height-1;for(let p=i+1;p<e.devices.length;p++){let g=e.devices[p],w=g.unit,M=g.unit+g.height-1;d<=M&&u>=w&&r.push({deviceId:a.id,uPosition:a.unit,uHeight:a.height,conflictWith:g.id});}}return {isValid:r.length===0&&n.length===0,conflicts:r,outOfBounds:n}}function tt(e,o,t={}){let{deviceTypeMapping:r={}}=t,n=r[e.type]||"device",i=pe(o,e.unit);return {id:e.id,type:n,position:i,parentId:o.id,extent:"parent",data:{label:e.name,status:"active",deviceType:e.type,uHeight:e.height,uPosition:e.unit,width:e.width||"full",role:e.role,ports:e.ports,rearPorts:e.rearPorts,connections:e.connections}}}function Ut(e){return {id:e.id,type:"rack",position:e.position,data:{label:e.name,status:"active",uHeight:e.units,ports:[]}}}function Bt(e,o={}){let{conflictPolicy:t="strict",validatePlacements:r=true}=o,n=[],i=[];if(r)for(let a of e){let d=We(a,o);if(!d.isValid&&t==="strict"){let u=[];throw d.conflicts.forEach(p=>{u.push(`Device ${p.deviceId} at U${p.uPosition}-${p.uPosition+p.uHeight-1} conflicts with ${p.conflictWith}`);}),d.outOfBounds.forEach(p=>{u.push(`Device ${p.deviceId} at U${p.uPosition}-${p.uPosition+p.uHeight-1} exceeds rack height (${p.rackUHeight}U)`);}),new le(a.id,d.conflicts[0]?.deviceId||d.outOfBounds[0]?.deviceId||"unknown",d.conflicts[0]?.uPosition||d.outOfBounds[0]?.uPosition||1,d.conflicts[0]?.uHeight||d.outOfBounds[0]?.uHeight||1)}}for(let a of e){let d=Ut(a);n.push(d);for(let u of a.devices)try{let p=tt(u,d,o);i.push(p);}catch(p){if(t==="strict")throw p;if(t==="nearest"){let g=be(d,{id:u.id,data:{label:u.name,uHeight:u.height}},i,u.unit);if(g!==u.unit){console.warn(`Device ${u.id} moved from U${u.unit} to U${g} due to conflict`);let w={...u,unit:g},M=tt(w,d,o);i.push(M);}else throw new le(a.id,u.id,u.unit,u.height)}}}return n.push(...i),n}function _t(e){let o=[],t=e.filter(r=>r.type==="rack");for(let r of t){let i=e.filter(a=>a.type==="device"&&a.parentId===r.id).map(a=>({id:a.id,name:a.data.label,unit:a.data.uPosition||1,height:a.data.uHeight||1,type:a.data.deviceType||"server",width:a.data.width,ports:a.data.ports,connections:a.data.connections}));o.push({id:r.id,name:r.data.label,position:r.position,units:r.data.uHeight||42,devices:i});}return o}function zt(e,o,t,r){return e.map(n=>n.id!==o?n:{...n,devices:n.devices.map(i=>i.id!==t?i:{...i,unit:r})})}function Wt(e,o,t,r={}){let{conflictPolicy:n="strict"}=r;return e.map(i=>{if(i.id!==o)return i;if(n==="strict"&&!We({...i,devices:[...i.devices,t]},r).isValid)throw new le(o,t.id,t.unit,t.height);return {...i,devices:[...i.devices,t]}})}function Lt(e,o,t){return e.map(r=>r.id!==o?r:{...r,devices:r.devices.filter(n=>n.id!==t)})}exports.DeviceNode=Te;exports.DevicePlacementError=le;exports.FiberEdge=Se;exports.FiberNode=Pe;exports.NetworkDiagram=It;exports.POWER_CONNECTORS=He;exports.PowerEdge=De;exports.RackNode=ve;exports.VerticalPDU=Ie;exports.Width=Ve;exports.addDeviceToRack=Wt;exports.buildNodesFromRackConfig=Bt;exports.calculateDevicePositionFromU=pe;exports.calculateUPositions=Ft;exports.createNetworkDiagramStore=Me;exports.createRackConfigFromNodes=_t;exports.findNextAvailableUPosition=be;exports.generateLayout=Mt;exports.getConnectorConfig=me;exports.getDeviceConnectorType=xe;exports.getPDUPortType=Ee;exports.getPowerPortStyle=ce;exports.isHighPowerConnector=ft;exports.isUPositionAvailable=Fe;exports.netboxCableToNetworkEdge=et;exports.netboxDeviceToNetworkNode=Qe;exports.netboxRackToNetworkNode=Je;exports.netboxToNetworkDiagram=At;exports.removeDeviceFromRack=Lt;exports.snapToUPosition=Ae;exports.updateDeviceUPosition=Xe;exports.updateDeviceUPositionInSchema=zt;exports.useDiagramEdges=_e;exports.useDiagramNodes=Be;exports.useNetworkDiagram=yt;exports.validateAndSnapDevice=mt;exports.validateRackDevicePlacements=We;//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';var Lt=require('react'),reactflow=require('reactflow'),htmlToImage=require('html-to-image'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Lt__default=/*#__PURE__*/_interopDefault(Lt);var Pt=()=>"bottom-up",se=e=>e.data.uNumberingDirection||Pt(),xe=(e,o,t)=>t==="bottom-up"?o-e+1:e,Ne=(e,o,t)=>t==="bottom-up"?o-e+1:e;var Te=(e,o,t,i)=>{if(!e.parentId||e.parentId!==o.id)return t;let r=e.data.uHeight||1,a=o.data.uHeight||42,c=se(o),s=60,d=t.y-s,f=Math.round(d/20)+1,h;c==="bottom-up"?h=xe(f,a,c)-r+1:h=xe(f,a,c);let m=a-r+1,k=Math.max(1,Math.min(m,h));if(c==="top-down"&&h<=1&&(k=1),!Ie(o,e,k,i)){let P=ke(o,e,i,k);P!==k&&(k=P);}let v;if(c==="bottom-up"){let P=k+r-1,$=Ne(P,a,c);v=s+($-1)*20-1;}else {let P=Ne(k,a,c);v=s+(P-1)*20-1;}return {x:t.x,y:v,uPosition:k}},Ie=(e,o,t,i)=>{let r=o.data.uHeight||1,a=e.data.uHeight||42;if(t<1||t+r-1>a)return false;let c=i.filter(s=>s.type==="device"&&s.parentId===e.id&&s.id!==o.id);for(let s of c){let d=s.data.uPosition||1,f=s.data.uHeight||1,h=t,m=t+r-1,k=d,v=d+f-1;if(h<=v&&m>=k)return false}return true},ke=(e,o,t,i=1)=>{let r=o.data.uHeight||1,a=e.data.uHeight||42;for(let c=i;c<=a-r+1;c++)if(Ie(e,o,c,t))return c;return 1},ue=(e,o,t=1)=>{let i=60,r=se(e),a=e.data.uHeight||42,c=Ne(o,a,r),s;if(r==="bottom-up"){let d=o+t-1,f=Ne(d,a,r);s=i+(f-1)*20-1;}else s=i+(c-1)*20-1;return {x:0,y:s}},Qe=(e,o,t)=>{let i=e.data.uHeight||1,r=ue(o,t,i);return {...e,position:r,data:{...e.data,uPosition:t}}},Dt=(e,o)=>{let t=e.data.uPosition||1,i=e.data.uHeight||1,r=o.data.uHeight||42,a=Math.max(1,Math.min(r-i+1,t));return a!==t?Qe(e,o,a):e};function Z(e){switch(e){case "active":return "#10b981";case "inactive":return "#6b7280";case "maintenance":return "#f59e0b";default:return "#6b7280"}}var Ue=({data:e,selected:o,id:t,onViewChange:i,onRackFaceChange:r,isDragOver:a=false})=>{let{label:c,ports:s=0,status:d="active",uHeight:f=42,face:h="front",customHeaderText:m}=e,{getNodes:k,setNodes:v}=reactflow.useReactFlow(),P=k(),[$,b]=Lt.useState(true),T=()=>{let D=se({data:e})==="bottom-up"?"top-down":"bottom-up";v(p=>p.map(l=>l.id===t?{...l,data:{...l.data,uNumberingDirection:D}}:l));},B=()=>{let u=h==="front"?"rear":"front";r?(r(t,u),i&&P.filter(p=>p.parentId===t).forEach(p=>{i(p.id,u);})):i?P.filter(p=>p.parentId===t).forEach(p=>{i(p.id,u);}):v(D=>D.map(p=>p.id===t?{...p,data:{...p.data,face:u}}:p.parentId===t?{...p,data:{...p.data,view:u}}:p));},M=()=>{let u=[],D=60,p=se({data:e});for(let l=1;l<=f;l++){let I=D+(l-1)*20-4,U=xe(l,f,p);u.push(jsxRuntime.jsx("div",{style:{position:"absolute",left:"-35px",top:`${I}px`,background:"#374151",color:"#9ca3af",padding:"2px 4px",borderRadius:"2px",fontSize:"8px",fontWeight:"bold",width:"28px",textAlign:"center",border:"1px solid #4b5563",zIndex:10,height:`${20}px`,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1},children:U},l));}return u};return jsxRuntime.jsxs("div",{className:`rack-node ${o?"selected":""} ${a?"drag-over":""}`,style:{background:"transparent",border:`2px solid ${Z(d)}`,borderRadius:"8px",padding:0,width:`${300}px`,height:`${60+f*20}px`,color:"white",fontFamily:"monospace",fontSize:"12px",boxShadow:a?"0 0 20px #3b82f6, 0 0 40px #3b82f6, 0 0 60px #3b82f6":o?"0 0 0 2px #3b82f6":"0 2px 4px rgba(0,0,0,0.1)",position:"relative",display:"flex",flexDirection:"column",transition:"box-shadow 0.2s ease-in-out"},children:[jsxRuntime.jsxs("div",{style:{textAlign:"center",marginBottom:0,zIndex:2,background:"#1f2937",padding:"8px",position:"relative",height:`${60}px`,display:"flex",flexDirection:"column",justifyContent:"center"},children:[jsxRuntime.jsx("div",{style:{fontWeight:"bold",marginBottom:"4px"},children:c}),jsxRuntime.jsxs("div",{style:{fontSize:"10px",color:"#9ca3af"},children:[m?jsxRuntime.jsx("span",{style:{color:"#fbbf24",fontWeight:"bold"},children:m}):jsxRuntime.jsxs("span",{children:[typeof s=="number"?s:0," ports"]})," \u2022 ",f,"U \u2022 ",h]}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:"4px",position:"absolute",top:"4px",right:"4px"},children:[jsxRuntime.jsx("button",{onPointerDown:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onClick:u=>{u.stopPropagation(),u.preventDefault(),b(!$);},style:{background:$?"#10b981":"#374151",color:$?"#ffffff":"#9ca3af",border:"1px solid #4b5563",borderRadius:"2px",padding:"2px 6px",fontSize:"8px",cursor:"pointer",fontFamily:"monospace"},title:`${$?"Hide":"Show"} U markers`,children:"U"}),jsxRuntime.jsx("button",{onPointerDown:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onClick:u=>{u.stopPropagation(),u.preventDefault(),T();},style:{background:"#374151",color:"#9ca3af",border:"1px solid #4b5563",borderRadius:"2px",padding:"2px 6px",fontSize:"8px",cursor:"pointer",fontFamily:"monospace"},title:`Switch U numbering to ${se({data:e})==="bottom-up"?"top-down":"bottom-up"}`,children:se({data:e})==="bottom-up"?"\u2191\u2193":"\u2193\u2191"}),jsxRuntime.jsx("button",{onPointerDown:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onClick:u=>{u.stopPropagation(),u.preventDefault(),B();},style:{background:"#374151",color:"#9ca3af",border:"1px solid #4b5563",borderRadius:"2px",padding:"2px 6px",fontSize:"8px",cursor:"pointer",fontFamily:"monospace"},title:`Switch to ${h==="front"?"rear":"front"} view`,children:h==="front"?"\u21C4 Rear":"\u21C4 Front"})]})]}),jsxRuntime.jsx("div",{style:{flex:1,background:"transparent",position:"relative",minHeight:`${f*20}px`,overflow:"hidden"}}),$&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none"},children:M()})]})};var _e=({data:e,selected:o})=>{let{label:t,status:i="active"}=e;return jsxRuntime.jsxs("div",{className:`fiber-node ${o?"selected":""}`,style:{background:"#1f2937",border:`2px solid ${Z(i)}`,borderRadius:"50%",width:"60px",height:"60px",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontFamily:"monospace",fontSize:"10px",fontWeight:"bold",boxShadow:o?"0 0 0 2px #3b82f6":"0 2px 4px rgba(0,0,0,0.1)",position:"relative"},children:[jsxRuntime.jsx(reactflow.Handle,{type:"target",position:reactflow.Position.Top}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Bottom}),jsxRuntime.jsx(reactflow.Handle,{type:"target",position:reactflow.Position.Left}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right}),jsxRuntime.jsx("div",{style:{textAlign:"center"},children:jsxRuntime.jsx("div",{style:{fontSize:"8px",lineHeight:"1.2"},children:t})}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"4px",left:"50%",transform:"translateX(-50%)",width:"8px",height:"8px",background:Z(i),borderRadius:"50%"}})]})};var Me=({id:e,sourceX:o,sourceY:t,targetX:i,targetY:r,sourcePosition:a,targetPosition:c,data:s,selected:d,style:f={}})=>{let[h,m,k]=reactflow.getBezierPath({sourceX:o,sourceY:t,sourcePosition:a,targetX:i,targetY:r,targetPosition:c}),{bandwidth:v,length:P,color:$="#00FFFF"}=s||{},b={...f,stroke:$,strokeWidth:d?3:2,strokeDasharray:"none"};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactflow.BaseEdge,{id:e,path:h,style:b}),jsxRuntime.jsx(reactflow.EdgeLabelRenderer,{children:d&&s&&(v||P)&&jsxRuntime.jsxs("div",{style:{position:"absolute",transform:`translate(-50%, -50%) translate(${m}px,${k}px)`,background:"#1f2937",padding:"4px 8px",borderRadius:"4px",fontSize:"10px",color:"white",fontFamily:"monospace",border:`1px solid ${$}`,pointerEvents:"none",zIndex:9999},children:[v&&jsxRuntime.jsx("div",{children:v}),P&&jsxRuntime.jsxs("div",{children:[P,"m"]})]})})]})};var ze=({id:e,sourceX:o,sourceY:t,targetX:i,targetY:r,sourcePosition:a,targetPosition:c,style:s={},data:d,markerEnd:f})=>{let[h]=reactflow.getBezierPath({sourceX:o,sourceY:t,sourcePosition:a,targetX:i,targetY:r,targetPosition:c}),m=d?.connectorType||"C13";return jsxRuntime.jsx(reactflow.BaseEdge,{id:e,path:h,markerEnd:f,style:(()=>{let v={stroke:d?.color||"#f59e0b",strokeWidth:m==="C19"?5:3,strokeLinecap:"round",strokeLinejoin:"round",...s};return m==="C19"?{...v,strokeDasharray:"none"}:{...v,strokeDasharray:"6,3"}})()})};var et=(t=>(t.FULL="full",t.HALF="half",t))(et||{});var Be={C13:{type:"C13",color:"#f59e0b",borderColor:"#d97706",amperage:10,voltage:230,phases:1},C14:{type:"C14",color:"#f59e0b",borderColor:"#d97706",amperage:10,voltage:230,phases:1},C19:{type:"C19",color:"#fbbf24",borderColor:"#d97706",amperage:16,voltage:230,phases:1},C20:{type:"C20",color:"#fbbf24",borderColor:"#d97706",amperage:16,voltage:230,phases:1}};function ge(e){let o=Be[e];if(!o)throw new Error(`Unknown connector type: ${e}`);let t=o.amperage===16,i=t?12:8,r=t?10:5,a=t?{borderRadius:"3px"}:{clipPath:"polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px)",borderRadius:"0px"};return {width:i,height:r,color:o.color,borderColor:o.borderColor,fontSize:t?"3px":"4px",...a}}function De(e){let o=Be[e];if(!o)throw new Error(`Unknown connector type: ${e}`);return o}function At(e){return De(e).amperage===16}function We(e){return e%10<8?"C13":"C19"}function Re(e){let o=e.toLowerCase();return o.includes("mx304")||o.includes("mx480")||o.includes("mx960")?"C20":"C14"}var Oe=({data:e,selected:o})=>{let{label:t,status:i="active",deviceType:r="server",manufacturer:a,role:c,uHeight:s=1,width:d="full",ports:f=[],rearPorts:h=[],view:m}=e,k=m||(h.length>0&&f.length===0?"rear":"front"),v={};v["net-top"]="front",v["net-bottom"]="front",f.length>0&&f.forEach(u=>{u.ports.forEach(D=>{let p=D.type?.includes("power")?D.label:`${u.name}-${D.label}`;v[p]="front";});}),v["pwr-left-1"]="rear",v["pwr-left-2"]="rear",v["net-right-1"]="rear",v["net-right-2"]="rear",h.length>0&&h.forEach(u=>{u.ports.forEach(D=>{let p=D.type?.includes("power")?D.label:`${u.name}-${D.label}`;v[p]="rear";});});let P=s*20,$=d==="half"?"150px":"304px",b=d==="half"?"150px":void 0,T=(u,D)=>{let p=[];if(u.length===0)return p;let l=Math.max(4,Math.floor(P*.4)),I=Math.max(2,Math.floor(P*.2));return u.forEach((U,C)=>{U.ports.forEach((y,R)=>{let G=!!y.type&&y.type.includes("power");if(D==="front"&&G)return;let A=G?`${y.label}`:`${U.name}-${y.label}`,ee=y.connected,E="#6b7280";if(ee)if(y.type?.includes("power"))E=y.type==="power_c19"?"#fbbf24":"#f59e0b";else if(y.type==="console"||y.type==="mgmt")E="#8b5cf6";else if(y.type==="usb")E="#10b981";else switch(y.cableType){case "smf":E="#fbbf24";break;case "cat6":E="#8b5cf6";break;case "om3":E="#06b6d4";break;case "om4":E="#8b5cf6";break;case "om5":E="#84cc16";break;case "cat5e":E="#3b82f6";break;case "cat6a":E="#ef4444";break;case "cat7":E="#f97316";break;case "fiber":E="#3b82f6";break;case "ethernet":E="#10b981";break;default:E="#10b981";}let W=reactflow.Position.Top,F={width:`${l}px`,height:`${I}px`,background:ee?E:"#6b7280",border:`1px solid ${ee?E:"#374151"}`,borderRadius:"1px",cursor:"pointer"};if(D==="front")R%2===0?(W=reactflow.Position.Top,F.transform="translateY(50%)",F.left=`${R/2*(l+2)}px`):(W=reactflow.Position.Bottom,F.transform="translateY(-50%)",F.left=`${(R-1)/2*(l+2)}px`);else if((r?.toLowerCase().replace(/_/g,"-")||"")==="patch-panel")R%2===0?(W=reactflow.Position.Top,F.transform="translateY(50%)",F.left=`${R/2*(l+2)}px`):(W=reactflow.Position.Bottom,F.transform="translateY(-50%)",F.left=`${(R-1)/2*(l+2)}px`);else if(y.type?.includes("power")){W=reactflow.Position.Left,F.transform="translateX(50%)";let we=P<=20?10:20,de=P<=20?30:50;F.top=`${we+R*de}%`;let He=Re(t),ae=ge(He);F={...F,width:`${ae.width}px`,height:`${ae.height}px`,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:ae.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:ae.borderRadius,clipPath:ae.clipPath};}else W=reactflow.Position.Right,F.transform="translateX(-50%)",F.top=`${25+R*50}%`;let ye=(r?.toLowerCase().replace(/_/g,"-")||"")==="patch-panel",oe;if(G)oe="target";else if(r==="switch"||r==="router")oe="source",p.push(jsxRuntime.jsx(reactflow.Handle,{id:`${A}-target`,type:"target",position:W,style:F,title:`${U.name} - ${y.label} (input) ${ee?"(connected)":"(disconnected)"}`},`${A}-target`));else if(ye){oe=D==="rear"?"source":"target";let ie=D==="rear"?"target":"source";p.push(jsxRuntime.jsx(reactflow.Handle,{id:`${A}-${ie}`,type:ie,position:W,style:F,title:`${U.name} - ${y.label} (${ie}) ${ee?"(connected)":"(disconnected)"}`},`${A}-${ie}`));}else oe=ee?"source":"target";p.push(jsxRuntime.jsx(reactflow.Handle,{id:A,type:oe,position:W,style:F,title:`${U.name} - ${y.label} ${ee?"(connected)":"(disconnected)"}`,children:G?R+1:void 0},A));});}),p},B=()=>{let u=[],D=Math.max(4,Math.floor(P*.4)),p=Math.max(2,Math.floor(P*.2));if(k==="front"){if(f.length>0)return T(f,"front");if(r==="switch"&&(t.toLowerCase().includes("agg")||t.toLowerCase().includes("core")||c==="agg"||c==="core"))return M();u.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-top",type:"target",position:reactflow.Position.Top,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateY(50%)"},title:"Network Port (Top)"},"net-top")),u.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-bottom",type:"target",position:reactflow.Position.Bottom,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateY(-50%)"},title:"Network Port (Bottom)"},"net-bottom"));}else if(k==="rear"){if(h.length>0)return T(h,"rear");let l=r==="switch",U=(r?.toLowerCase().replace(/_/g,"-")||"")==="patch-panel";if(!U){let C=Re(t),y=De(C),R=ge(C),G=P<=20?"10%":"25%";u.push(jsxRuntime.jsx(reactflow.Handle,{id:"pwr-left-1",type:"target",position:reactflow.Position.Left,style:{width:`${R.width}px`,height:`${R.height}px`,background:R.color,border:`1px solid ${R.borderColor}`,cursor:"pointer",transform:"translateX(50%)",top:G,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:R.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:R.borderRadius,clipPath:R.clipPath},title:`Power Port 1 (${y.type}) - ${y.voltage}V, ${y.amperage}A`,children:"1"},"pwr-1"));let A=P<=20?"50%":"75%";u.push(jsxRuntime.jsx(reactflow.Handle,{id:"pwr-left-2",type:"target",position:reactflow.Position.Left,style:{width:`${R.width}px`,height:`${R.height}px`,background:R.color,border:`1px solid ${R.borderColor}`,cursor:"pointer",transform:"translateX(50%)",top:A,zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:R.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:R.borderRadius,clipPath:R.clipPath},title:`Power Port 2 (${y.type}) - ${y.voltage}V, ${y.amperage}A`,children:"2"},"pwr-2"));}!l&&!U&&(u.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-right-1",type:"target",position:reactflow.Position.Right,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateX(-50%)",top:"25%"},title:"Network Port 1 (Right)"},"net-right-1")),u.push(jsxRuntime.jsx(reactflow.Handle,{id:"net-right-2",type:"target",position:reactflow.Position.Right,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"0.5px solid #059669",borderRadius:"1px",cursor:"pointer",transform:"translateX(-50%)",top:"75%"},title:"Network Port 2 (Right)"},"net-right-2")));}return u},M=()=>{let u=[],D=Math.max(10,Math.floor(P*.45)),p=Math.max(5,Math.floor(P*.25));for(let l=1;l<=16;l++){let I=jsxRuntime.jsx(reactflow.Handle,{id:`port-${l}`,type:"source",position:reactflow.Position.Top,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"1px solid #059669",borderRadius:"2px",cursor:"pointer",transform:"translateY(50%)",zIndex:1e3,left:`${(l-1)*(D+2)}px`},title:`Port ${l}`},`port-${l}`);u.push(I);}for(let l=17;l<=32;l++){let I=l-16,U=jsxRuntime.jsx(reactflow.Handle,{id:`port-${l}`,type:"source",position:reactflow.Position.Bottom,style:{width:`${D}px`,height:`${p}px`,background:"#10b981",border:"1px solid #059669",borderRadius:"2px",cursor:"pointer",transform:"translateY(-50%)",zIndex:1e3,left:`${(I-1)*(D+2)}px`},title:`Port ${l}`},`port-${l}`);u.push(U);}for(let l=1;l<=4;l++){let I=Math.max(4,Math.floor(P*.3)),U=Math.max(3,Math.floor(P*.15));u.push(jsxRuntime.jsx(reactflow.Handle,{id:`uplink-${l}`,type:"source",position:reactflow.Position.Right,style:{width:`${I}px`,height:`${U}px`,background:"#8b5cf6",border:"0.5px solid #7c3aed",borderRadius:"0.5px",cursor:"pointer",transform:"translateX(-50%)"},title:`Uplink ${l}`},`uplink-${l}`));}return u};return jsxRuntime.jsxs("div",{className:`device-node ${o?"selected":""}`,style:{background:"#1f2937",border:`1px solid ${Z(i)}`,borderRadius:"2px",padding:"0px",width:$,...b&&{left:b},height:`${P}px`,color:"white",fontFamily:"monospace",fontSize:"8px",boxShadow:o?"0 0 0 1px #3b82f6":"0 1px 2px rgba(0,0,0,0.1)",position:"relative",display:"flex",flexDirection:"column",justifyContent:"center",cursor:"grab",marginBottom:"0px",boxSizing:"border-box",marginTop:"0px",marginLeft:"0px",marginRight:"0px"},children:[jsxRuntime.jsxs("div",{style:{textAlign:"center",flex:1,display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden",padding:"2px"},children:[jsxRuntime.jsx("div",{style:{fontWeight:"bold",fontSize:"7px",lineHeight:"1.1",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t}),s>1&&jsxRuntime.jsx("div",{style:{fontSize:"6px",color:"#9ca3af",lineHeight:"1"},children:a})]}),s>1&&jsxRuntime.jsxs("div",{style:{position:"absolute",bottom:"1px",right:"1px",background:"#374151",color:"#9ca3af",padding:"1px 2px",borderRadius:"1px",fontSize:"6px",lineHeight:"1"},children:[s,"U"]}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"1px",left:"1px",width:"4px",height:"4px",background:Z(i),borderRadius:"50%"}}),B()]})};var Ve=({data:e,selected:o})=>{let{label:t,status:i="active",heightCm:r=100,powerPorts:a=36,widthPx:c=15,mgmt_unit:s}=e,d=r*4.2,f=()=>{let k=Math.ceil(a/10),v=Array(10).fill(0).map((p,l)=>l<8?"10A":"16A");for(let p=0,l=0;p<k;++p)for(let I=0;I<10&&l<a;++I,++l){v[I];}let T=[],B=15,D=(d-B-3)/(a-9)*.5;for(let p=0;p<a;p++){let l=B-2+D*p,I=`${p+1}`;if(s&&(s==="top"&&p===0||s==="middle"&&p===Math.floor(a/2)||s==="bottom"&&p===a-1)){T.push(h(l));continue}let C=We(p),y=ge(C),R=Math.round((c-y.width)/2-1);T.push(jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right,id:I,style:{position:"absolute",left:`${R}px`,top:`${l-y.height/2}px`,width:`${y.width}px`,height:`${y.height}px`,background:y.color,border:`1px solid ${y.borderColor}`,cursor:"pointer",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",fontSize:y.fontSize,color:"#1a1a1a",fontFamily:"monospace",fontWeight:"bold",borderRadius:y.borderRadius,clipPath:y.clipPath},title:`Power Port ${p+1} (${C})`,children:p+1},`handle-${I}`));}return T},h=m=>jsxRuntime.jsxs("div",{style:{position:"absolute",left:`${(c-16)/2}px`,top:`${m-12/2}px`,width:"16px",height:"12px",background:"#1a1a1a",border:"1px solid #374151",borderRadius:"1px",display:"flex",flexDirection:"column",padding:"1px",zIndex:10},children:[jsxRuntime.jsx("div",{style:{position:"absolute",left:"-10px",top:"1px",background:"#ffffff",border:"0.5px solid #6b7280",borderRadius:"0.5px",width:"8px",height:"10px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"3px",color:"#10b981",fontFamily:"monospace",fontWeight:"bold",transform:"rotate(90deg)",transformOrigin:"center"},children:"APC"}),jsxRuntime.jsx(reactflow.Handle,{type:"source",position:reactflow.Position.Right,id:"mgmt-net-1",style:{width:"70%",height:"6px",background:"#10b981",border:"1px solid #059669",borderRadius:"1px",cursor:"pointer",zIndex:11,margin:"0 auto"},title:"Management Network Port"},"mgmt-net-1")]},"mgmt-unit");return jsxRuntime.jsxs("div",{className:`vertical-pdu-node ${o?"selected":""}`,style:{background:"linear-gradient(90deg, #2d3748 0%, #1a202c 50%, #2d3748 100%)",border:`1px solid ${Z(i)}`,borderRadius:"2px",padding:0,width:`${c}px`,height:`${d}px`,color:"white",fontFamily:"monospace",fontSize:"12px",boxShadow:o?"0 0 0 2px #3b82f6":"0 1px 3px rgba(0,0,0,0.3)",position:"relative",display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx("div",{style:{textAlign:"center",marginBottom:0,zIndex:2,background:"linear-gradient(90deg, #4a5568 0%, #2d3748 50%, #4a5568 100%)",padding:"2px",position:"relative",height:"20px",display:"flex",flexDirection:"column",justifyContent:"center",borderBottom:"1px solid #4a5568"},children:jsxRuntime.jsx("div",{style:{fontWeight:"bold",fontSize:"6px",color:"#e2e8f0"},children:t})}),jsxRuntime.jsx("div",{style:{flex:1,background:"linear-gradient(180deg, #2d3748 0%, #1a202c 50%, #2d3748 100%)",position:"relative",minHeight:`${d-20}px`,overflow:"hidden"},children:f()})]})};function Mt(e,o){if(!e.source||!e.target||!e.sourceHandle||!e.targetHandle)return {valid:true};let t=o.edges.some(b=>b.source===e.source&&b.sourceHandle===e.sourceHandle),i=o.edges.some(b=>b.target===e.target&&b.targetHandle===e.targetHandle);if(t)return {valid:false,reason:"Source port is already connected"};if(i)return {valid:false,reason:"Target port is already connected"};let r=e.sourceHandle,a=e.targetHandle,c=o.nodes.find(b=>b.id===e.source),s=o.nodes.find(b=>b.id===e.target),d=(b,T)=>{if(!b)return false;let B=b.startsWith("pwr")||b.startsWith("power"),M=T?.type==="vertical-pdu"&&b!=="mgmt-net-1";return B||M},f=(b,T)=>{if(!b)return false;if(T?.type==="vertical-pdu"&&b==="mgmt-net-1")return true;let B=b.startsWith("net-")||b.startsWith("port-")||b.startsWith("uplink-")||b.includes("Fiber")||b.includes("Ports"),M=/^[A-Z0-9]+-\d+$/.test(b)&&!b.startsWith("pwr")&&!b.startsWith("power");return B||M},h=d(r,c),m=d(a,s),k=f(r,c),v=f(a,s);if(h&&v||m&&k)return {valid:false,reason:"Cannot connect network cable to power port"};if(h&&!m||m&&!h)return {valid:false,reason:"Power ports must connect to power-compatible ports"};let P=c?.type==="vertical-pdu",$=s?.type==="vertical-pdu";if(h||m){let b=P?s:$?c:null,T=P?c:$?s:null;if(b&&T&&o.edges.filter(u=>{let D=d(u.sourceHandle||""),p=d(u.targetHandle||""),l=u.source===b.id||u.target===b.id;return (D||p)&&l}).some(u=>u.source===T.id||u.target===T.id))return {valid:false,reason:"Dual-feed required: connect second power to a different PDU"}}return {valid:true}}function zt(e,o){if(!o)return;let t=o.data??{},i=t.handleSideMap;if(i&&i[e])return i[e];if(e==="net-top"||e==="net-bottom")return "front";if(e==="pwr-left-1"||e==="pwr-left-2"||e==="net-right-1"||e==="net-right-2")return "rear";let r=Array.isArray(t.ports)?t.ports:[],a=Array.isArray(t.rearPorts)?t.rearPorts:[];if(e.startsWith("pwr")||e.includes("power"))return "rear";for(let s of r)for(let d of s.ports||[])if((!!d.type&&String(d.type).includes("power")?d.label:`${s.name}-${d.label}`)===e)return "front";for(let s of a)for(let d of s.ports||[])if((!!d.type&&String(d.type).includes("power")?d.label:`${s.name}-${d.label}`)===e)return "rear"}function je(e={},o={}){let t={nodes:e.nodes??[],edges:e.edges??[],debug:e.debug??false},i=new Set;return {getState:()=>t,setState:m=>{t={...t,...m},i.forEach(k=>k(t));},subscribe:m=>(i.add(m),()=>i.delete(m)),selectEdgeZIndex:m=>{let k=t.nodes.find(D=>D.id===m.target);if(!k||k.type!=="device")return 1e3;let v=k.data?.view||"front",P=zt(m.targetHandle||"",k);if(P)return v===P?1e3:500;let $=(m.targetHandle||"").toString(),b=$.toLowerCase(),T=b.startsWith("pwr")||b.startsWith("power"),B=b.startsWith("net-")||b.startsWith("port-")||b.startsWith("uplink-")||b.includes("fiber")||b.includes("ports"),M=/^[A-Z0-9]+-\d+$/i.test($)&&!b.startsWith("pwr")&&!b.startsWith("power"),u=B||M;return T?v==="rear"?1e3:500:u?v==="front"?1e3:500:1e3},validateConnection:m=>(o.validateConnection||Mt)(m,t),selectNodeById:m=>t.nodes.find(k=>k.id===m),selectConnectedEdges:m=>t.edges.filter(k=>k.source===m||k.target===m)}}function Bt(e){let o=r=>e.subscribe(r),t=()=>e.getState();return Lt.useSyncExternalStore(o,t,t)}function Xe(e){let o=i=>e.subscribe(i),t=()=>e.getState().nodes;return Lt.useSyncExternalStore(o,t,t)}function Ge(e){let o=i=>e.subscribe(i),t=()=>e.getState().edges;return Lt.useSyncExternalStore(o,t,t)}function nt(e){return e.selectEdgeZIndex}function it(e){let o=300,t=(e.data.uHeight||42)*20,i=e.position.x,r=e.position.x+o,a=e.position.y,c=e.position.y+t;return {left:i,right:r,top:a,bottom:c}}function Se(e,o){let t=it(o);return e.x>=t.left&&e.x<=t.right&&e.y>=t.top&&e.y<=t.bottom}function Ce(e,o){let t=null,i=1/0;for(let r of o){if(!Se(e,r))continue;let a=Math.sqrt(Math.pow(e.x-r.position.x,2)+Math.pow(e.y-r.position.y,2));a<i&&(i=a,t=r);}return t}function me(e){let{edges:o,connection:t,edgeType:i,selectEdgeZIndex:r,findBy:a}=e,c=a==="source"?t.sourceHandle:t.targetHandle,s=a==="source"?t.source:t.target;if(!c||!s)return null;let d=o.find(v=>a==="source"?v.source===s&&v.sourceHandle===c:v.target===s&&v.targetHandle===c);if(!d)return null;let f=o.filter(v=>v.id!==d.id),h=reactflow.addEdge(t,f),m=h[h.length-1],k={...m,type:i,zIndex:r({...t,id:m.id,type:i}),style:{...m.style,zIndex:r({...t,id:m.id,type:i})}};return [...h.slice(0,-1),k]}var eo=(e,o,t)=>({rack:i=>jsxRuntime.jsx(Ue,{...i,onViewChange:e,onRackFaceChange:o,isDragOver:t===i.id}),fiber:_e,device:Oe,"vertical-pdu":Ve}),to={fiber:Me,power:ze},oo=({nodes:e,edges:o,initialNodes:t,initialEdges:i,onNodesChange:r,onEdgesChange:a,store:c,debug:s,onNodeClick:d,onEdgeClick:f,onViewChange:h,onRackFaceChange:m,className:k,style:v,alignRacksToBottom:P,colorMode:$="dark",onInit:b,onFlowMethods:T,showDownloadButton:B=false,downloadButtonPosition:M="top-right",downloadButtonText:u="Download Image",downloadButtonStyle:D})=>{let p=Array.isArray(e)&&Array.isArray(o),l=Lt__default.default.useMemo(()=>c||je({nodes:p?e||[]:t||e||[],edges:p?o||[]:i||o||[],debug:s}),[c,p,s]),I=Xe(l),U=Ge(l),[C,y,R]=reactflow.useNodesState(I),[G,A,ee]=reactflow.useEdgesState(U),E=nt(l),W=Lt.useRef(null),{toObject:F,setViewport:Ee,setNodes:ye,setEdges:oe}=reactflow.useReactFlow();Lt.useEffect(()=>{T&&T({toObject:F,setViewport:Ee,setNodes:n=>{ye(n),l.setState({nodes:n});},setEdges:n=>{oe(n),l.setState({edges:n});},toImage:n=>W.current?htmlToImage.toPng(W.current,n):Promise.reject(new Error("ReactFlow wrapper not available"))});},[T,F,Ee,ye,oe,l]);let ie=Lt.useCallback(()=>{if(!W.current){s&&console.error("ReactFlow wrapper ref is not available");return}htmlToImage.toPng(W.current,{filter:n=>!(n?.classList?.contains("react-flow__minimap")||n?.classList?.contains("react-flow__controls")||n?.classList?.contains("react-flow__attribution")||n?.classList?.contains("download-button")||n?.tagName==="BUTTON"),backgroundColor:$==="light"?"#ffffff":"#1a1a1a",pixelRatio:2}).then(n=>{let g=document.createElement("a");g.download=`network-diagram-${new Date().toISOString().split("T")[0]}.png`,g.href=n,g.click();}).catch(n=>{s&&console.error("Error downloading image:",n);});},[$,s]),[we,de]=Lt.useState(null),He=Lt.useMemo(()=>eo(h,m,we),[h,m,we]),ae=Lt.useMemo(()=>to,[]),re=Lt.useRef(C);Lt.useEffect(()=>{re.current=C;},[C]);let te=Lt.useRef(G);Lt.useEffect(()=>{te.current=G;},[G]),Lt.useEffect(()=>{y(I);},[I,y]),Lt.useEffect(()=>{A(U);},[U,A]),Lt.useEffect(()=>{p&&l.setState({nodes:e||[]});},[p,e,l]),Lt.useEffect(()=>{p&&l.setState({edges:o||[]});},[p,o,l]),Lt.useEffect(()=>{if(!P||!C||C.length===0)return;let n=C.filter(H=>H.type==="rack");if(n.length===0)return;let g=n.map(H=>{let le=H.data?.uHeight||42,$e=60+le*20;return (H.position?.y||0)+$e}),w=Math.min(...g),N=Math.max(...g);if(N-w<20)return;let x=N,V=C.map(H=>{if(H.type!=="rack")return H;let le=H.data?.uHeight||42,$e=60+le*20,vt=(H.position?.y||0)+$e,Je=x-vt;return Math.abs(Je)<5?H:{...H,position:{x:H.position?.x||0,y:(H.position?.y||0)+Je}}});V.some((H,_)=>H.position!==C[_].position)&&y(V);},[P,C,y]);let q=Lt.useCallback(n=>re.current.find(g=>g.id===n),[]);Lt.useEffect(()=>{A(n=>n.map(g=>{let w=E(g);return {...g,zIndex:w,style:{...g.style,zIndex:w}}}));},[C,A,E]),Lt.useEffect(()=>{let n=C.map(w=>{if(w.type==="device"&&w.parentId&&w.data.uPosition&&(!w.position||w.position.x===0&&w.position.y===0)){let N=q(w.parentId);if(N){let S=ue(N,w.data.uPosition);return {...w,position:S}}}return w});n.some((w,N)=>w.position!==C[N].position)&&y(n);},[C,y,q]);let ft=Lt.useCallback(n=>{let g=n.map(w=>{if(w.type==="position"&&w.position){let N=q(w.id);if(N&&N.type==="device"&&N.parentId){let S=q(N.parentId);if(S){let x=Te(N,S,w.position,re.current);if(x.uPosition!==void 0){let V={...N,data:{...N.data,uPosition:x.uPosition}};y(O=>O.map(H=>H.id===N.id?V:H));}return {...w,position:{x:x.x,y:x.y}}}}if(N&&N.type==="device"&&N.parentId){let S=q(N.parentId);if(S){let x=S;if(!Se(w.position,x)){let V=w.position.x+x.position.x,O=w.position.y+x.position.y,H={...N,parentId:void 0,extent:void 0,data:{...N.data,uPosition:void 0}};return y(_=>_.map(le=>le.id===N.id?H:le)),{...w,position:{x:V,y:O}}}}}}return w});R(g);},[R,y,q]),mt=Lt.useCallback((n,g)=>{de(null);},[]),ht=Lt.useCallback((n,g,w)=>{if(g.type==="device"&&!g.parentId){let N=re.current.filter(x=>x.type==="rack").map(x=>x),S=Ce(g.position,N);de(S?.id??null);}else de(null);},[]),bt=Lt.useCallback((n,g,w)=>{if(g.type==="device"&&!g.parentId){let N=re.current.filter(x=>x.type==="rack").map(x=>x),S=Ce(g.position,N);if(S){let x=g.position.x-S.position.x,V=g.position.y-S.position.y,O={...g,parentId:S.id,extent:"parent",position:{x,y:V},data:{...g.data,uPosition:1}},H=re.current.map(_=>_.id===g.id?O:_);y(H),p||l.setState({nodes:H});}}de(null);},[y,p,l]);Lt.useCallback(n=>{if(!n.source||!n.target||!n.sourceHandle||!n.targetHandle)return {valid:true};let g=n.sourceHandle,w=n.targetHandle,N=te.current.some(x=>x.source===n.source&&x.sourceHandle===g),S=te.current.some(x=>x.target===n.target&&x.targetHandle===w);return N?{valid:false,reason:"Source port is already connected"}:S?{valid:false,reason:"Target port is already connected"}:{valid:true}},[]);let yt=Lt.useCallback(n=>{let g=q(n.source),w=g?.type==="vertical-pdu",N=g?.data,S=g?.type==="device"&&N?.deviceType==="switch",x=!!n.targetHandle&&(n.targetHandle.startsWith("pwr")||n.targetHandle.startsWith("power")),V=!!n.targetHandle&&(n.targetHandle.startsWith("net-")||n.targetHandle.startsWith("port-")||/^[A-Z0-9]+-\d+$/i.test(n.targetHandle));if(w&&x&&n.target&&n.targetHandle){let _=me({edges:te.current,connection:n,edgeType:"power",selectEdgeZIndex:E,findBy:"target"});if(_){A(_);return}}if(S&&V&&n.target&&n.targetHandle){let _=me({edges:te.current,connection:n,edgeType:"fiber",selectEdgeZIndex:E,findBy:"target"});if(_){A(_);return}}let O=l.validateConnection({source:n.source??null,target:n.target??null,sourceHandle:n.sourceHandle??null,targetHandle:n.targetHandle??null});if(!O.valid){if(w&&n.source&&n.sourceHandle){let _=me({edges:te.current,connection:n,edgeType:x?"power":"fiber",selectEdgeZIndex:E,findBy:"source"});if(_){A(_);return}}if(S&&n.source&&n.sourceHandle){let _=me({edges:te.current,connection:n,edgeType:"fiber",selectEdgeZIndex:E,findBy:"source"});if(_){A(_);return}}s&&console.warn(`Connection rejected: ${O.reason}`);return}let H={...n,type:w&&x?"power":"fiber",zIndex:E({...n,id:"temp-id"})};A(_=>reactflow.addEdge(H,_));},[A,l,E,q,s]),wt=Lt.useCallback((n,g)=>{if((n.metaKey||n.ctrlKey)&&g.type==="device"){let N=g.data||{},S=N.view||(Array.isArray(N.rearPorts)&&N.rearPorts.length>0?"rear":"front"),x=S==="front"?"rear":"front";s&&console.log(`Command+click: Toggling device ${g.id} from ${S} to ${x}`),h&&h(g.id,x),d&&d(g);}else d&&d(g);},[h,d,s]),xt=Lt.useCallback(()=>{},[]),Nt=Lt.useCallback((n,g)=>{f&&f(g);},[f]),[J,qe]=Lt.useState(null);reactflow.useOnSelectionChange({onChange:({nodes:n})=>{if(n&&n.length===1){let g=n[0];qe(g),d&&d(g);}else qe(null),d&&d(null);}});let kt=Lt.useCallback(()=>{if(!J)return;let n=q(J.id);if(n){if(n.type==="rack"){let N=((n.data||{}).face||"front")==="front"?"rear":"front";m?m(n.id,N):y(S=>S.map(x=>x.id===n.id?{...x,data:{...x.data,face:N}}:x.parentId===n.id?{...x,data:{...x.data,view:N}}:x));return}if(n.type==="device"){let g=n.data||{},w=Array.isArray(g.rearPorts)&&g.rearPorts.length>0,N=Array.isArray(g.ports)&&g.ports.length>0,x=(g.view||(w&&!N?"rear":"front"))==="front"?"rear":"front";h?h(n.id,x):y(V=>V.map(O=>O.id===n.id?{...O,data:{...O.data,view:x}}:O));}}},[J,q,m,h,y]);return jsxRuntime.jsxs("div",{ref:W,className:`${k||""} ${$==="light"?"react-flow-light":"react-flow-dark"}`,style:{width:"100%",height:"100%",...v},children:[jsxRuntime.jsxs(reactflow.ReactFlow,{nodes:C,edges:G,onNodesChange:n=>{ft(n),p?r&&r(re.current):l.setState({nodes:re.current});},onEdgesChange:n=>{ee(n),p?a&&a(te.current):l.setState({edges:te.current});},onConnect:yt,onNodeClick:wt,onNodeDoubleClick:xt,onNodeDragStart:mt,onNodeDrag:ht,onNodeDragStop:bt,onEdgeClick:Nt,onInit:b,nodeTypes:He,edgeTypes:ae,defaultEdgeOptions:{zIndex:1e3,reconnectable:true},nodesDraggable:true,nodesConnectable:true,elementsSelectable:true,selectNodesOnDrag:false,fitView:true,proOptions:{hideAttribution:true},children:[jsxRuntime.jsx(reactflow.Background,{}),jsxRuntime.jsx(reactflow.Controls,{}),jsxRuntime.jsx(reactflow.MiniMap,{}),jsxRuntime.jsx(reactflow.Panel,{position:"bottom-right",className:"react-networks-attribution",children:jsxRuntime.jsx("a",{href:"https://github.com/MP70/react-networks",target:"_blank",rel:"noopener noreferrer",className:"react-networks-attribution-link",children:"react-networks"})})]}),B&&jsxRuntime.jsx("button",{className:"download-button",onClick:ie,style:{position:"absolute",top:M.includes("top")?"10px":"auto",bottom:M.includes("bottom")?"10px":"auto",right:M.includes("right")?"10px":"auto",left:M.includes("left")?"10px":"auto",zIndex:1e3,background:"#374151",color:"#e5e7eb",border:"1px solid #4b5563",borderRadius:"4px",padding:"0.5rem 0.75rem",fontSize:"0.875rem",cursor:"pointer",transition:"all 0.2s ease",...D},children:u}),J&&(J.type==="rack"||J.type==="device")&&jsxRuntime.jsx("div",{style:{position:"absolute",top:12,right:12,display:"flex",gap:8,zIndex:2e3},children:jsxRuntime.jsx("button",{onClick:n=>{n.preventDefault(),kt();},style:{background:"#374151",color:"#e5e7eb",border:"1px solid #4b5563",borderRadius:4,padding:"6px 10px",fontSize:11,fontFamily:"monospace",cursor:"pointer"},title:(()=>{let n=J.data;if(J.type==="rack")return (n?.face||"front")==="front"?"Switch to rear":"Switch to front";{let g=Array.isArray(n?.rearPorts)&&n.rearPorts.length>0,w=Array.isArray(n?.ports)&&n.ports.length>0;return (n?.view||(g&&!w?"rear":"front"))==="front"?"Switch to rear":"Switch to front"}})(),children:(()=>{let n=J.data;if(J.type==="rack")return (n?.face||"front")==="front"?"\u21C4 Rear":"\u21C4 Front";{let g=Array.isArray(n?.rearPorts)&&n.rearPorts.length>0,w=Array.isArray(n?.ports)&&n.ports.length>0;return (n?.view||(g&&!w?"rear":"front"))==="front"?"\u21C4 Rear":"\u21C4 Front"}})()})})]})},ro=e=>jsxRuntime.jsx(reactflow.ReactFlowProvider,{children:jsxRuntime.jsx(oo,{...e})});var lt=e=>({id:`rack-${e.id}`,type:"rack",position:{x:0,y:0},data:{label:e.name,status:typeof e.status=="object"&&e.status?e.status.value:e.status,uHeight:e.u_height??e.units??42,inventoryId:e.id,inventoryType:"rack",facilityId:e.facility_id,serial:e.serial,assetTag:e.asset_tag,site:typeof e.site=="object"&&e.site?e.site.name:e.site,role:typeof e.role=="object"&&e.role?e.role.name:e.role,tenant:typeof e.tenant=="object"&&e.tenant?e.tenant.name:e.tenant}}),pt=e=>({id:`device-${e.id}`,type:"device",position:{x:0,y:0},parentId:e.rack?`rack-${typeof e.rack=="object"&&e.rack?e.rack.id:e.rack}`:void 0,extent:e.rack?"parent":void 0,data:{label:e.name,status:typeof e.status=="object"&&e.status?e.status.value:e.status,deviceType:e.device_type?.model??e.model,manufacturer:e.device_type?.manufacturer?.name??e.manufacturer,role:typeof e.device_role=="object"&&e.device_role?e.device_role.name:e.role,uHeight:e.device_type?.u_height??e.u_height??1,uPosition:e.position||1,view:e.face||"front",inventoryId:e.id,inventoryType:"device",primaryIp4:typeof e.primary_ip4=="object"&&e.primary_ip4?e.primary_ip4.address:e.primary_ip4,primaryIp6:typeof e.primary_ip6=="object"&&e.primary_ip6?e.primary_ip6.address:e.primary_ip6,site:typeof e.site=="object"&&e.site?e.site.name:e.site,rack:typeof e.rack=="object"&&e.rack?e.rack.name:e.rack}}),ut=e=>{let o=r=>{if(!r)return;if(typeof r=="string")return r;let a=r.device;return typeof a=="object"&&a?a.id:a},t=o(e.termination_a),i=o(e.termination_b);return {id:`cable-${e.id}`,source:`device-${t}`,target:`device-${i}`,type:"fiber",data:{bandwidth:e.type?.label??e.bandwidth,length:e.length||0,color:e.color,inventoryId:e.id,inventoryType:"cable",status:typeof e.status=="object"&&e.status?e.status.value:e.status,terminationA:typeof e.termination_a=="object"&&e.termination_a?e.termination_a.name:e.termination_a,terminationB:typeof e.termination_b=="object"&&e.termination_b?e.termination_b.name:e.termination_b}}},no=e=>{let o=[],t=[];return e.racks.forEach(i=>o.push(lt(i))),e.devices.forEach(i=>o.push(pt(i))),e.cables.forEach(i=>t.push(ut(i))),{nodes:o,edges:t}},io=e=>{let o=e.filter(r=>r.type==="rack"),t=e.filter(r=>r.type==="device"),i=e.filter(r=>!["rack","device"].includes(r.type));return o.forEach((r,a)=>{r.position={x:a*300,y:100};}),t.forEach(r=>{if(r.parentId){let a=o.find(c=>c.id===r.parentId);if(a){let c=r.data.uPosition||1,s=r.data.uHeight||1;r.position={x:a.position.x+50,y:a.position.y+c*20-s*10};}}else r.position={x:Math.random()*400+100,y:Math.random()*200+50};}),i.forEach((r,a)=>{r.position={x:a*150+100,y:300};}),e};var he=class extends Error{constructor(t,i,r,a,c){super(`Device placement conflict: ${i} at U${r}-${r+a-1} in rack ${t}${c?` conflicts with ${c}`:""}`);this.rackId=t;this.deviceId=i;this.uPosition=r;this.uHeight=a;this.conflictWith=c;this.name="DevicePlacementError";}};function Ke(e,o={}){let t=[],i=[];for(let r of e.devices)r.unit+r.height-1>e.units&&i.push({deviceId:r.id,uPosition:r.unit,uHeight:r.height,rackUHeight:e.units});for(let r=0;r<e.devices.length;r++){let a=e.devices[r],c=a.unit,s=a.unit+a.height-1;for(let d=r+1;d<e.devices.length;d++){let f=e.devices[d],h=f.unit,m=f.unit+f.height-1;c<=m&&s>=h&&t.push({deviceId:a.id,uPosition:a.unit,uHeight:a.height,conflictWith:f.id});}}return {isValid:t.length===0&&i.length===0,conflicts:t,outOfBounds:i}}function gt(e,o,t={}){let{deviceTypeMapping:i={}}=t,r=i[e.type]||"device",a=ue(o,e.unit,e.height);return {id:e.id,type:r,position:a,parentId:o.id,extent:"parent",data:{label:e.name,status:"active",deviceType:e.type,uHeight:e.height,uPosition:e.unit,width:e.width||"full",role:e.role,ports:e.ports,rearPorts:e.rearPorts,connections:e.connections}}}function ao(e){return {id:e.id,type:"rack",position:e.position,data:{label:e.name,status:"active",uHeight:e.units,uNumberingDirection:e.uNumberingDirection||"bottom-up",customHeaderText:e.customHeaderText,ports:[]}}}function so(e,o={}){let{conflictPolicy:t="strict",validatePlacements:i=true}=o,r=[],a=[];if(i)for(let c of e){let s=Ke(c,o);if(!s.isValid&&t==="strict"){let d=[];throw s.conflicts.forEach(f=>{d.push(`Device ${f.deviceId} at U${f.uPosition}-${f.uPosition+f.uHeight-1} conflicts with ${f.conflictWith}`);}),s.outOfBounds.forEach(f=>{d.push(`Device ${f.deviceId} at U${f.uPosition}-${f.uPosition+f.uHeight-1} exceeds rack height (${f.rackUHeight}U)`);}),new he(c.id,s.conflicts[0]?.deviceId||s.outOfBounds[0]?.deviceId||"unknown",s.conflicts[0]?.uPosition||s.outOfBounds[0]?.uPosition||1,s.conflicts[0]?.uHeight||s.outOfBounds[0]?.uHeight||1)}}for(let c of e){let s=ao(c);r.push(s);for(let d of c.devices)try{let f=gt(d,s,o);a.push(f);}catch(f){if(t==="strict")throw f;if(t==="nearest"){let h=ke(s,{id:d.id,data:{label:d.name,uHeight:d.height}},a,d.unit);if(h!==d.unit){console.warn(`Device ${d.id} moved from U${d.unit} to U${h} due to conflict`);let m={...d,unit:h},k=gt(m,s,o);a.push(k);}else throw new he(c.id,d.id,d.unit,d.height)}}}return r.push(...a),r}function co(e){let o=[],t=e.filter(i=>i.type==="rack");for(let i of t){let a=e.filter(c=>c.type==="device"&&c.parentId===i.id).map(c=>({id:c.id,name:c.data.label,unit:c.data.uPosition||1,height:c.data.uHeight||1,type:c.data.deviceType||"server",width:c.data.width,ports:c.data.ports,connections:c.data.connections}));o.push({id:i.id,name:i.data.label,position:i.position,units:i.data.uHeight||42,uNumberingDirection:i.data.uNumberingDirection||"bottom-up",customHeaderText:i.data.customHeaderText,devices:a});}return o}function lo(e,o,t,i){return e.map(r=>r.id!==o?r:{...r,devices:r.devices.map(a=>a.id!==t?a:{...a,unit:i})})}function po(e,o,t,i={}){let{conflictPolicy:r="strict"}=i;return e.map(a=>{if(a.id!==o)return a;if(r==="strict"&&!Ke({...a,devices:[...a.devices,t]},i).isValid)throw new he(o,t.id,t.unit,t.height);return {...a,devices:[...a.devices,t]}})}function uo(e,o,t){return e.map(i=>i.id!==o?i:{...i,devices:i.devices.filter(r=>r.id!==t)})}
|
|
2
|
+
exports.DeviceNode=Oe;exports.DevicePlacementError=he;exports.FiberEdge=Me;exports.FiberNode=_e;exports.NetworkDiagram=ro;exports.POWER_CONNECTORS=Be;exports.PowerEdge=ze;exports.RackNode=Ue;exports.VerticalPDU=Ve;exports.Width=et;exports.addDeviceToRack=po;exports.buildNodesFromRackConfig=so;exports.calculateDevicePositionFromU=ue;exports.createNetworkDiagramStore=je;exports.createRackConfigFromNodes=co;exports.findNearestRack=Ce;exports.findNextAvailableUPosition=ke;exports.generateLayout=io;exports.getConnectorConfig=De;exports.getDeviceConnectorType=Re;exports.getPDUPortType=We;exports.getPowerPortStyle=ge;exports.getRackBounds=it;exports.getStatusColor=Z;exports.inventoryCableToNetworkEdge=ut;exports.inventoryDeviceToNetworkNode=pt;exports.inventoryRackToNetworkNode=lt;exports.inventoryToNetworkDiagram=no;exports.isHighPowerConnector=At;exports.isPointInRack=Se;exports.isUPositionAvailable=Ie;exports.removeDeviceFromRack=uo;exports.replaceEdge=me;exports.snapToUPosition=Te;exports.updateDeviceUPosition=Qe;exports.updateDeviceUPositionInSchema=lo;exports.useDiagramEdges=Ge;exports.useDiagramNodes=Xe;exports.useNetworkDiagram=Bt;exports.validateAndSnapDevice=Dt;exports.validateRackDevicePlacements=Ke;//# sourceMappingURL=index.js.map
|
|
2
3
|
//# sourceMappingURL=index.js.map
|