chart.nodeContent({data}=>{ 

                 return '' // Custom HTML 

             })

`,buttonContent:({node:a,state:b})=>`

${({left:b=>b?`

${a.data._directSubordinatesPaging}

`:`

${a.data._directSubordinatesPaging}

`,bottom:b=>b?`

${a.data._directSubordinatesPaging}

`:`

${a.data._directSubordinatesPaging}

`,right:b=>b?`

${a.data._directSubordinatesPaging}

`:`

${a.data._directSubordinatesPaging}

`,top:b=>b?`

${a.data._directSubordinatesPaging}

`:`

${a.data._directSubordinatesPaging}

`})[b.layout](a.children)}

`,pagingButton:(a,b,c,d)=>{let e=d.pagingStep(a.parent),f=a.parent.data._pagingStep,g=Math.min(a.parent.data._directSubordinatesPaging-f,e);return`

Show next ${g} nodes

`},nodeUpdate:function(a,b,c){aj(this).select(".node-rect").attr("stroke",a=>a.data._highlighted||a.data._upToTheRootHighlighted?"#E27396":"none").attr("stroke-width",a.data._highlighted||a.data._upToTheRootHighlighted?10:1)},nodeEnter:a=>a,nodeExit:a=>a,linkUpdate:function(a,b,c){aj(this).attr("stroke",a=>a.data._upToTheRootHighlighted?"#E27396":"#E4E2E9").attr("stroke-width",a=>a.data._upToTheRootHighlighted?5:1),a.data._upToTheRootHighlighted&&aj(this).raise()},hdiagonal:function(a,b,c){let d=a.x,e=a.y,f=b.x,g=b.y,h=c&&null!=c.x?c.x:d,i=c&&null!=c.y?c.y:e,j=f-d<0?-1:1,k=g-e<0?-1:1,l=Math.abs(f-d)/2<35?Math.abs(f-d)/2:35,m=Math.abs(f-d)/2-(l=Math.abs(g-e)/2 ${b.map(b=>{let c=this.getTextWidth(b.label,{ctx:a.ctx,fontSize:2,defaultFont:a.defaultFont});return` ${b.label||""} `}).join("")} `},connectionsUpdate:function(a,b,c){aj(this).attr("stroke",a=>"#E27396").attr("stroke-linecap","round").attr("stroke-width",a=>"5").attr("pointer-events","none").attr("marker-start",a=>`url(#${a.from+"_"+a.to})`).attr("marker-end",a=>`url(#arrow-${a.from+"_"+a.to})`)},linkGroupArc:(function(a){let b,c=cE,d=cF,e=cC,f=cD,g=null,h=null,i=(b=3,j.digits=function(a){if(!arguments.length)return b;if(null==a)b=null;else{let c=Math.floor(a);if(!(c>=0))throw RangeError(`invalid digits: ${a}`);b=c}return j},()=>new cB(b));function j(){let b,j=ct.call(arguments),k=c.apply(this,j),l=d.apply(this,j);if(null==g&&(h=a(b=i())),h.lineStart(),j[0]=k,h.point(+e.apply(this,j),+f.apply(this,j)),j[0]=l,h.point(+e.apply(this,j),+f.apply(this,j)),h.lineEnd(),b)return h=null,b+""||null}return j.source=function(a){return arguments.length?(c=a,j):c},j.target=function(a){return arguments.length?(d=a,j):d},j.x=function(a){return arguments.length?(e="function"==typeof a?a:cu(+a),j):e},j.y=function(a){return arguments.length?(f="function"==typeof a?a:cu(+a),j):f},j.context=function(b){return arguments.length?(null==b?g=h=null:h=a(g=b),j):g},j})(cw).x(a=>a.x).y(a=>a.y),layoutBindings:{left:{nodeLeftX:a=>0,nodeRightX:a=>a.width,nodeTopY:a=>-a.height/2,nodeBottomY:a=>a.height/2,nodeJoinX:a=>a.x+a.width,nodeJoinY:a=>a.y-a.height/2,linkJoinX:a=>a.x+a.width,linkJoinY:a=>a.y,linkX:a=>a.x,linkY:a=>a.y,linkCompactXStart:a=>a.x+a.width/2,linkCompactYStart:a=>a.y+(a.compactEven?a.height/2:-a.height/2),compactLinkMidX:(a,b)=>a.firstCompactNode.x,compactLinkMidY:(a,b)=>a.firstCompactNode.y+a.firstCompactNode.flexCompactDim[0]/4+b.compactMarginPair(a)/4,linkParentX:a=>a.parent.x+a.parent.width,linkParentY:a=>a.parent.y,buttonX:a=>a.width,buttonY:a=>a.height/2,centerTransform:({root:a,rootMargin:b,centerY:c,scale:d,centerX:e})=>`translate(${b},${c}) scale(${d})`,compactDimension:{sizeColumn:a=>a.height,sizeRow:a=>a.width,reverse:a=>a.slice().reverse()},nodeFlexSize:({height:a,width:b,siblingsMargin:c,childrenMargin:d,state:e,node:f})=>e.compact&&f.flexCompactDim?[f.flexCompactDim[0],f.flexCompactDim[1]]:[a+c,b+d],zoomTransform:({centerY:a,scale:b})=>`translate(0,${a}) scale(${b})`,diagonal:this.hdiagonal.bind(this),swap:a=>{let b=a.x;a.x=a.y,a.y=b},nodeUpdateTransform:({x:a,y:b,width:c,height:d})=>`translate(${a},${b-d/2})`},top:{nodeLeftX:a=>-a.width/2,nodeRightX:a=>a.width/2,nodeTopY:a=>0,nodeBottomY:a=>a.height,nodeJoinX:a=>a.x-a.width/2,nodeJoinY:a=>a.y+a.height,linkJoinX:a=>a.x,linkJoinY:a=>a.y+a.height,linkCompactXStart:a=>a.x+(a.compactEven?a.width/2:-a.width/2),linkCompactYStart:a=>a.y+a.height/2,compactLinkMidX:(a,b)=>a.firstCompactNode.x+a.firstCompactNode.flexCompactDim[0]/4+b.compactMarginPair(a)/4,compactLinkMidY:a=>a.firstCompactNode.y,compactDimension:{sizeColumn:a=>a.width,sizeRow:a=>a.height,reverse:a=>a},linkX:a=>a.x,linkY:a=>a.y,linkParentX:a=>a.parent.x,linkParentY:a=>a.parent.y+a.parent.height,buttonX:a=>a.width/2,buttonY:a=>a.height,centerTransform:({root:a,rootMargin:b,centerY:c,scale:d,centerX:e})=>`translate(${e},${b}) scale(${d})`,nodeFlexSize:({height:a,width:b,siblingsMargin:c,childrenMargin:d,state:e,node:f,compactViewIndex:g})=>e.compact&&f.flexCompactDim?[f.flexCompactDim[0],f.flexCompactDim[1]]:[b+c,a+d],zoomTransform:({centerX:a,scale:b})=>`translate(${a},0}) scale(${b})`,diagonal:this.diagonal.bind(this),swap:a=>{},nodeUpdateTransform:({x:a,y:b,width:c,height:d})=>`translate(${a-c/2},${b})`},bottom:{nodeLeftX:a=>-a.width/2,nodeRightX:a=>a.width/2,nodeTopY:a=>-a.height,nodeBottomY:a=>0,nodeJoinX:a=>a.x-a.width/2,nodeJoinY:a=>a.y-a.height-a.height,linkJoinX:a=>a.x,linkJoinY:a=>a.y-a.height,linkCompactXStart:a=>a.x+(a.compactEven?a.width/2:-a.width/2),linkCompactYStart:a=>a.y-a.height/2,compactLinkMidX:(a,b)=>a.firstCompactNode.x+a.firstCompactNode.flexCompactDim[0]/4+b.compactMarginPair(a)/4,compactLinkMidY:a=>a.firstCompactNode.y,linkX:a=>a.x,linkY:a=>a.y,compactDimension:{sizeColumn:a=>a.width,sizeRow:a=>a.height,reverse:a=>a},linkParentX:a=>a.parent.x,linkParentY:a=>a.parent.y-a.parent.height,buttonX:a=>a.width/2,buttonY:a=>0,centerTransform:({root:a,rootMargin:b,centerY:c,scale:d,centerX:e,chartHeight:f})=>`translate(${e},${f-b}) scale(${d})`,nodeFlexSize:({height:a,width:b,siblingsMargin:c,childrenMargin:d,state:e,node:f})=>e.compact&&f.flexCompactDim?[f.flexCompactDim[0],f.flexCompactDim[1]]:[b+c,a+d],zoomTransform:({centerX:a,scale:b})=>`translate(${a},0}) scale(${b})`,diagonal:this.diagonal.bind(this),swap:a=>{a.y=-a.y},nodeUpdateTransform:({x:a,y:b,width:c,height:d})=>`translate(${a-c/2},${b-d})`},right:{nodeLeftX:a=>-a.width,nodeRightX:a=>0,nodeTopY:a=>-a.height/2,nodeBottomY:a=>a.height/2,nodeJoinX:a=>a.x-a.width-a.width,nodeJoinY:a=>a.y-a.height/2,linkJoinX:a=>a.x-a.width,linkJoinY:a=>a.y,linkX:a=>a.x,linkY:a=>a.y,linkParentX:a=>a.parent.x-a.parent.width,linkParentY:a=>a.parent.y,buttonX:a=>0,buttonY:a=>a.height/2,linkCompactXStart:a=>a.x-a.width/2,linkCompactYStart:a=>a.y+(a.compactEven?a.height/2:-a.height/2),compactLinkMidX:(a,b)=>a.firstCompactNode.x,compactLinkMidY:(a,b)=>a.firstCompactNode.y+a.firstCompactNode.flexCompactDim[0]/4+b.compactMarginPair(a)/4,centerTransform:({root:a,rootMargin:b,centerY:c,scale:d,centerX:e,chartWidth:f})=>`translate(${f-b},${c}) scale(${d})`,nodeFlexSize:({height:a,width:b,siblingsMargin:c,childrenMargin:d,state:e,node:f})=>e.compact&&f.flexCompactDim?[f.flexCompactDim[0],f.flexCompactDim[1]]:[a+c,b+d],compactDimension:{sizeColumn:a=>a.height,sizeRow:a=>a.width,reverse:a=>a.slice().reverse()},zoomTransform:({centerY:a,scale:b})=>`translate(0,${a}) scale(${b})`,diagonal:this.hdiagonal.bind(this),swap:a=>{let b=a.x;a.x=-a.y,a.y=b},nodeUpdateTransform:({x:a,y:b,width:c,height:d})=>`translate(${a-c},${b-d/2})`}}};this.getChartState=()=>a,Object.keys(a).forEach(b=>{this[b]=function(c){return arguments.length?(a[b]=c,this):a[b]}}),this.initializeEnterExitUpdatePattern()}initializeEnterExitUpdatePattern(){ai.prototype.patternify=function(a){var b=a.selector,c=a.tag,d=a.data||[b],e=this.selectAll("."+b).data(d,(a,b)=>"object"==typeof a&&a.id?a.id:b);return e.exit().remove(),(e=e.enter().append(c).merge(e)).attr("class",b),e}}getNodeChildren({data:a,children:b,_children:c},d){return d.push(a),b&&b.forEach(a=>{this.getNodeChildren(a,d)}),c&&c.forEach(a=>{this.getNodeChildren(a,d)}),d}initialZoom(a){return this.getChartState().lastTransform.k=a,this}render(){let a=this.getChartState();if(!a.data||0==a.data.length)return console.log("ORG CHART - Data is empty"),a.container&&(aj(a.container).select(".nodes-wrapper").remove(),aj(a.container).select(".links-wrapper").remove(),aj(a.container).select(".connections-wrapper").remove()),this;let b=aj(a.container),c=b.node().getBoundingClientRect();c.width>0&&(a.svgWidth=c.width);let d={id:`ID${Math.floor(1e6*Math.random())}`,chartWidth:a.svgWidth,chartHeight:a.svgHeight};if(a.calc=d,d.centerX=d.chartWidth/2,d.centerY=d.chartHeight/2,a.firstDraw){let b={zoom:null};b.zoom=a.createZoom().clickDistance(10).on("start",(b,c)=>a.onZoomStart(b)).on("end",(b,c)=>a.onZoomEnd(b)).on("zoom",(b,c)=>{a.onZoom(b),this.zoomed(b,c)}).scaleExtent(a.scaleExtent),a.zoomBehavior=b.zoom}a.flexTreeLayout=cg({nodeSize:b=>{let c=a.nodeWidth(b),d=a.nodeHeight(b),e=a.siblingsMargin(b),f=a.childrenMargin(b);return a.layoutBindings[a.layout].nodeFlexSize({state:a,node:b,width:c,height:d,siblingsMargin:e,childrenMargin:f})}}).spacing((b,c)=>b.parent==c.parent?0:a.neighbourMargin(b,c)),this.setLayouts({expandNodesFirst:!1});let e=b.patternify({tag:"svg",selector:"svg-chart-container"}).attr("width",a.svgWidth).attr("height",a.svgHeight).attr("font-family",a.defaultFont);a.firstDraw&&e.call(a.zoomBehavior).on("dblclick.zoom",null).attr("cursor","move"),a.svg=e;let f=e.patternify({tag:"g",selector:"chart"});return a.centerG=f.patternify({tag:"g",selector:"center-group"}),a.linksWrapper=a.centerG.patternify({tag:"g",selector:"links-wrapper"}),a.nodesWrapper=a.centerG.patternify({tag:"g",selector:"nodes-wrapper"}),a.connectionsWrapper=a.centerG.patternify({tag:"g",selector:"connections-wrapper"}),a.defsWrapper=e.patternify({tag:"g",selector:"defs-wrapper"}),a.firstDraw&&a.centerG.attr("transform",()=>a.layoutBindings[a.layout].centerTransform({centerX:d.centerX,centerY:d.centerY,scale:a.lastTransform.k,rootMargin:a.rootMargin,root:a.root,chartHeight:d.chartHeight,chartWidth:d.chartWidth})),a.chart=f,this.update(a.root),aj(window).on(`resize.${a.id}`,()=>{let b=aj(a.container).node().getBoundingClientRect();a.svg.attr("width",b.width)}),a.firstDraw&&(a.firstDraw=!1),this}addNode(a){let b=this.getChartState();if(a&&(null==b.parentNodeId(a)||b.parentNodeId(a)==b.nodeId(a))&&0==b.data.length)return b.data.push(a),this.render(),this;let c=b.generateRoot(b.data).descendants(),d=c.filter(({data:c})=>b.nodeId(c).toString()===b.nodeId(a).toString())[0];return(c.filter(({data:c})=>b.nodeId(c).toString()===b.parentNodeId(a).toString())[0],d)?console.log(`ORG CHART - ADD - Node with id "${b.nodeId(a)}" already exists in tree`):(a._centered&&!a._expanded&&(a._expanded=!0),b.data.push(a),this.updateNodesState()),this}removeNode(a){let b=this.getChartState(),c=b.generateRoot(b.data).descendants().filter(({data:c})=>b.nodeId(c)==a)[0];return c?(c.descendants().forEach(a=>a.data._filteredOut=!0),b.data=b.data.filter(a=>!a._filteredOut),0==b.data.length?this.render():this.updateNodesState.bind(this)()):console.log(`ORG CHART - REMOVE - Node with id "${a}" not found in the tree`),this}groupBy(a,b,c){let d={};return a.forEach(a=>{let c=b(a);d[c]||(d[c]=[]),d[c].push(a)}),Object.keys(d).forEach(a=>{d[a]=c(d[a])}),Object.entries(d)}calculateCompactFlexDimensions(a){let b=this.getChartState();a.eachBefore(a=>{a.firstCompact=null,a.compactEven=null,a.flexCompactDim=null,a.firstCompactNode=null}),a.eachBefore(a=>{if(a.children&&a.children.length>1){let c=a.children.filter(a=>!a.children);if(c.length<2)return;c.forEach((a,b)=>{b||(a.firstCompact=!0),b%2?a.compactEven=!1:a.compactEven=!0,a.row=Math.floor(b/2)});let d=2*Math.max(cG(c.filter(a=>a.compactEven),b.layoutBindings[b.layout].compactDimension.sizeColumn),cG(c.filter(a=>!a.compactEven),b.layoutBindings[b.layout].compactDimension.sizeColumn)),e=cI(this.groupBy(c,a=>a.row,a=>cG(a,a=>b.layoutBindings[b.layout].compactDimension.sizeRow(a)+b.compactMarginBetween(a))).map(a=>a[1]));c.forEach(a=>{a.firstCompactNode=c[0],a.firstCompact?a.flexCompactDim=[d+b.compactMarginPair(a),e-b.compactMarginBetween(a)]:a.flexCompactDim=[0,0]}),a.flexCompactDim=null}})}calculateCompactFlexPositions(a){let b=this.getChartState();a.eachBefore(a=>{if(a.children){let c=a.children.filter(a=>a.flexCompactDim),d=c[0];if(!d)return;c.forEach((a,c,e)=>{0==c&&(d.x-=d.flexCompactDim[0]/2),c&c%2-1?a.x=d.x+.25*d.flexCompactDim[0]-b.compactMarginPair(a)/4:c&&(a.x=d.x+.75*d.flexCompactDim[0]+b.compactMarginPair(a)/4)});let e=d.x+.5*d.flexCompactDim[0];d.x=d.x+.25*d.flexCompactDim[0]-b.compactMarginPair(d)/4;let f=a.x-e;10>Math.abs(f)&&c.forEach(a=>a.x+=f);let g=cJ(this.groupBy(c,a=>a.row,a=>cG(a,a=>b.layoutBindings[b.layout].compactDimension.sizeRow(a))).map(a=>a[1]+b.compactMarginBetween(a)));c.forEach((a,b)=>{a.row?a.y=d.y+g[a.row-1]:a.y=d.y})}})}update({x0:a,y0:b,x:c=0,y:d=0,width:e,height:f}){let g=this.getChartState();g.calc,g.compact&&this.calculateCompactFlexDimensions(g.root);let h=g.flexTreeLayout(g.root);g.compact&&this.calculateCompactFlexPositions(g.root);let i=h.descendants(),j=h.descendants().slice(1);i.forEach(g.layoutBindings[g.layout].swap);let k=g.connections,l={};g.allNodes.forEach(a=>l[g.nodeId(a.data)]=a);let m={};i.forEach(a=>m[g.nodeId(a.data)]=a),k.forEach(a=>{let b=l[a.from],c=l[a.to];a._source=b,a._target=c});let n=k.filter(a=>m[a.from]&&m[a.to]),o=g.defs.bind(this)(g,n);o!==g.defsWrapper.html()&&g.defsWrapper.html(o);let p=g.linksWrapper.selectAll("path.link").data(j,a=>g.nodeId(a.data)),q=p.enter().insert("path","g").attr("class","link").attr("d",c=>{let d={x:g.layoutBindings[g.layout].linkJoinX({x:a,y:b,width:e,height:f}),y:g.layoutBindings[g.layout].linkJoinY({x:a,y:b,width:e,height:f})};return g.layoutBindings[g.layout].diagonal(d,d,d)}).merge(p);q.attr("fill","none"),this.isEdge()?q.style("display",a=>a.data._pagingButton?"none":"auto"):q.attr("display",a=>a.data._pagingButton?"none":"auto"),q.each(g.linkUpdate),q.transition().duration(g.duration).attr("d",a=>{let b=g.compact&&a.flexCompactDim?{x:g.layoutBindings[g.layout].compactLinkMidX(a,g),y:g.layoutBindings[g.layout].compactLinkMidY(a,g)}:{x:g.layoutBindings[g.layout].linkX(a),y:g.layoutBindings[g.layout].linkY(a)},c={x:g.layoutBindings[g.layout].linkParentX(a),y:g.layoutBindings[g.layout].linkParentY(a)},d=g.compact&&a.flexCompactDim?{x:g.layoutBindings[g.layout].linkCompactXStart(a),y:g.layoutBindings[g.layout].linkCompactYStart(a)}:b;return g.layoutBindings[g.layout].diagonal(b,c,d,{sy:g.linkYOffset})}),p.exit().transition().duration(g.duration).attr("d",a=>{let b={x:g.layoutBindings[g.layout].linkJoinX({x:c,y:d,width:e,height:f}),y:g.layoutBindings[g.layout].linkJoinY({x:c,y:d,width:e,height:f})};return g.layoutBindings[g.layout].diagonal(b,b,null,{sy:g.linkYOffset})}).remove();let r=g.connectionsWrapper.selectAll("path.connection").data(n),s=r.enter().insert("path","g").attr("class","connection").attr("d",c=>{let d={x:g.layoutBindings[g.layout].linkJoinX({x:a,y:b,width:e,height:f}),y:g.layoutBindings[g.layout].linkJoinY({x:a,y:b,width:e,height:f})};return g.layoutBindings[g.layout].diagonal(d,d,null,{sy:g.linkYOffset})}).merge(r);s.attr("fill","none"),s.transition().duration(g.duration).attr("d",a=>{let b=g.layoutBindings[g.layout].linkX({x:a._source.x,y:a._source.y,width:a._source.width,height:a._source.height}),c=g.layoutBindings[g.layout].linkY({x:a._source.x,y:a._source.y,width:a._source.width,height:a._source.height}),d=g.layoutBindings[g.layout].linkJoinX({x:a._target.x,y:a._target.y,width:a._target.width,height:a._target.height}),e=g.layoutBindings[g.layout].linkJoinY({x:a._target.x,y:a._target.y,width:a._target.width,height:a._target.height});return g.linkGroupArc({source:{x:b,y:c},target:{x:d,y:e}})}),s.each(g.connectionsUpdate),r.exit().transition().duration(g.duration).attr("opacity",0).remove();let t=g.nodesWrapper.selectAll("g.node").data(i,({data:a})=>g.nodeId(a)),u=t.enter().append("g").attr("class","node").attr("transform",c=>{if(c==g.root)return`translate(${a},${b})`;let d=g.layoutBindings[g.layout].nodeJoinX({x:a,y:b,width:e,height:f}),h=g.layoutBindings[g.layout].nodeJoinY({x:a,y:b,width:e,height:f});return`translate(${d},${h})`}).attr("cursor","pointer").on("click.node",(a,b)=>{let{data:c}=b;if(![...a.srcElement.classList].includes("node-button-foreign-object")){if([...a.srcElement.classList].includes("paging-button-wrapper"))return void this.loadPagingNodes(b);if(!c._pagingButton)return void g.onNodeClick(b);console.log("event fired, no handlers")}}).on("keydown.node",(a,b)=>{let{data:c}=b;if("Enter"===a.key||" "===a.key||"Spacebar"===a.key){if([...a.srcElement.classList].includes("node-button-foreign-object"))return;if([...a.srcElement.classList].includes("paging-button-wrapper"))return void this.loadPagingNodes(b);("Enter"===a.key||" "===a.key||"Spacebar"===a.key)&&this.onButtonClick(a,b)}});u.each(g.nodeEnter),u.patternify({tag:"rect",selector:"node-rect",data:a=>[a]});let v=u.merge(t).style("font","12px sans-serif");v.patternify({tag:"foreignObject",selector:"node-foreign-object",data:a=>[a]}).style("overflow","visible").patternify({tag:"xhtml:div",selector:"node-foreign-object-div",data:a=>[a]}),this.restyleForeignObjectElements();let w=u.patternify({tag:"g",selector:"node-button-g",data:a=>[a]}).on("click",(a,b)=>this.onButtonClick(a,b)).on("keydown",(a,b)=>{("Enter"===a.key||" "===a.key||"Spacebar"===a.key)&&this.onButtonClick(a,b)});w.patternify({tag:"rect",selector:"node-button-rect",data:a=>[a]}).attr("opacity",0).attr("pointer-events","all").attr("width",a=>g.nodeButtonWidth(a)).attr("height",a=>g.nodeButtonHeight(a)).attr("x",a=>g.nodeButtonX(a)).attr("y",a=>g.nodeButtonY(a)),w.patternify({tag:"foreignObject",selector:"node-button-foreign-object",data:a=>[a]}).attr("width",a=>g.nodeButtonWidth(a)).attr("height",a=>g.nodeButtonHeight(a)).attr("x",a=>g.nodeButtonX(a)).attr("y",a=>g.nodeButtonY(a)).style("overflow","visible").patternify({tag:"xhtml:div",selector:"node-button-div",data:a=>[a]}).style("pointer-events","none").style("display","flex").style("width","100%").style("height","100%"),v.transition().attr("opacity",0).duration(g.duration).attr("transform",({x:a,y:b,width:c,height:d})=>g.layoutBindings[g.layout].nodeUpdateTransform({x:a,y:b,width:c,height:d})).attr("opacity",1),v.select(".node-rect").attr("width",({width:a})=>a).attr("height",({height:a})=>a).attr("x",({width:a})=>0).attr("y",({height:a})=>0).attr("cursor","pointer").attr("rx",3).attr("fill",g.nodeDefaultBackground),v.select(".node-button-g").attr("transform",({data:a,width:b,height:c})=>{let d=g.layoutBindings[g.layout].buttonX({width:b,height:c}),e=g.layoutBindings[g.layout].buttonY({width:b,height:c});return`translate(${d},${e})`}).attr("display",({data:a})=>a._directSubordinates>0?null:"none").attr("opacity",({data:a,children:b,_children:c})=>a._pagingButton?0:b||c?1:0),v.select(".node-button-foreign-object .node-button-div").html(a=>g.buttonContent({node:a,state:g})),v.select(".node-button-text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",({children:a})=>a?40:26).text(({children:a})=>a?"-":"+").attr("y",10*!!this.isEdge()),v.each(g.nodeUpdate);let x=t.exit();x.each(g.nodeExit);let y=x.data().reduce((a,b)=>a.depth{let{x:b,y:c,width:d,height:e}=y.parent||{},f=g.layoutBindings[g.layout].nodeJoinX({x:b,y:c,width:d,height:e}),h=g.layoutBindings[g.layout].nodeJoinY({x:b,y:c,width:d,height:e});return`translate(${f},${h})`}).on("end",function(){aj(this).remove()}).attr("opacity",0),i.forEach(a=>{a.x0=a.x,a.y0=a.y});let z=g.allNodes.filter(a=>a.data._centered)[0];if(z){let a=[z];z.data._centeredWithDescendants&&(a=g.compact?z.descendants().filter((a,b)=>b<7):z.descendants().filter((a,b,c)=>{let d=Math.round(c.length/2);return c.length%2?b>d-2&&bd-2&&ba).attr("height",({height:a})=>a).attr("x",({width:a})=>0).attr("y",({height:a})=>0),a.svg.selectAll(".node-foreign-object-div").style("width",({width:a})=>`${a}px`).style("height",({height:a})=>`${a}px`).html(function(b,c,d){return b.data._pagingButton?`

${a.pagingButton(b,c,d,a)}

`:a.nodeContent.bind(this)(b,c,d,a)})}onButtonClick(a,b){let c=this.getChartState();b.data._pagingButton||(c.setActiveNodeCentered&&(b.data._centered=!0,b.data._centeredWithDescendants=!0),b.children?(b._children=b.children,b.children=null,this.setExpansionFlagToChildren(b,!1)):(b.children=b._children,b._children=null,b.children&&b.children.forEach(({data:a})=>a._expanded=!0)),this.update(b),a.stopPropagation(),c.onExpandOrCollapse(b))}setExpansionFlagToChildren({data:a,children:b,_children:c},d){a._expanded=d,b&&b.forEach(a=>{this.setExpansionFlagToChildren(a,d)}),c&&c.forEach(a=>{this.setExpansionFlagToChildren(a,d)})}expandSomeNodes(a){if(a.data._expanded){let b=a.parent;for(;b&&b._children;)b.children=b._children,b._children=null,b=b.parent}a._children&&a._children.forEach(a=>this.expandSomeNodes(a)),a.children&&a.children.forEach(a=>this.expandSomeNodes(a))}updateNodesState(){let a=this.getChartState();this.setLayouts({expandNodesFirst:!0}),this.update(a.root)}setLayouts({expandNodesFirst:a=!0}){let b=this.getChartState();b.generateRoot=cK().id(a=>b.nodeId(a)).parentId(a=>b.parentNodeId(a)),b.root=b.generateRoot(b.data);let c=b.root.descendants();b.initialExpandLevel>1&&c.length>0&&(c.forEach(a=>{a.depth<=b.initialExpandLevel&&(a.data._expanded=!0)}),b.initialExpandLevel=1);let d={};b.root.descendants().filter(a=>a.children).filter(a=>!a.data._pagingStep).forEach(a=>{a.data._pagingStep=b.minPagingVisibleNodes(a)}),b.root.eachBefore((a,b)=>{a.data._directSubordinatesPaging=a.children?a.children.length:0,a.children&&a.children.forEach((b,c)=>{if(b.data._pagingButton=!1,c>a.data._pagingStep&&(d[b.id]=!0),c===a.data._pagingStep&&a.children.length-1>a.data._pagingStep&&(b.data._pagingButton=!0),d[b.parent.id]&&(d[b.id]=!0),b.data._expanded||b.data._centered||b.data._highlighted||b.data._upToTheRootHighlighted){let a=b;for(;a&&(d[a.id]||a.data._pagingButton);)d[a.id]=!1,a.data._pagingButton&&(a.data._pagingButton=!1,a.parent.children.forEach(a=>{a.data._expanded=!0,d[a.id]=!1})),a=a.parent}})}),b.root=cK().id(a=>b.nodeId(a)).parentId(a=>b.parentNodeId(a))(b.data.filter(a=>!0!==d[a.id])),b.root.each((a,c,d)=>{let e=a._hierarchyHeight||a.height,f=b.nodeWidth(a),g=b.nodeHeight(a);Object.assign(a,{width:f,height:g,_hierarchyHeight:e})}),b.root.x0=0,b.root.y0=0,b.allNodes=b.root.descendants(),b.allNodes.forEach(a=>{Object.assign(a.data,{_directSubordinates:a.children?a.children.length:0,_totalSubordinates:a.descendants().length-1})}),b.root.children&&(a&&b.root.children.forEach(this.expand),b.root.children.forEach(a=>this.collapse(a)),0==b.initialExpandLevel&&(b.root._children=b.root.children,b.root.children=null),[b.root].forEach(a=>this.expandSomeNodes(a)))}collapse(a){a.children&&(a._children=a.children,a._children.forEach(a=>this.collapse(a)),a.children=null)}expand(a){a._children&&(a.children=a._children,a.children.forEach(a=>this.expand(a)),a._children=null)}zoomed(a,b){let c=this.getChartState(),d=c.chart,e=a.transform;c.lastTransform=e,d.attr("transform",e),this.isEdge()&&this.restyleForeignObjectElements()}zoomTreeBounds({x0:a,x1:b,y0:c,y1:d,params:e={animate:!0,scale:!0,onCompleted:()=>{}}}){let{centerG:f,svgWidth:g,svgHeight:h,svg:i,zoomBehavior:j,duration:k,lastTransform:l}=this.getChartState(),m=Math.min(8,.9/Math.max((b-a)/g,(d-c)/h)),n=bL.translate(g/2,h/2);n=(n=n.scale(e.scale?m:l.k)).translate(-(a+b)/2,-(c+d)/2),i.transition().duration(e.animate?k:0).call(j.transform,n),f.transition().duration(e.animate?k:0).attr("transform","translate(0,0)").on("end",function(){e.onCompleted&&e.onCompleted()})}fit({animate:a=!0,nodes:b,scale:c=!0,onCompleted:d=()=>{}}={}){let e=this.getChartState(),{root:f}=e,g=b||f.descendants(),h=cH(g,a=>a.x+e.layoutBindings[e.layout].nodeLeftX(a)),i=cG(g,a=>a.x+e.layoutBindings[e.layout].nodeRightX(a)),j=cH(g,a=>a.y+e.layoutBindings[e.layout].nodeTopY(a)),k=cG(g,a=>a.y+e.layoutBindings[e.layout].nodeBottomY(a));return this.zoomTreeBounds({params:{animate:a,scale:c,onCompleted:d},x0:h-50,x1:i+50,y0:j-50,y1:k+50}),this}loadPagingNodes(a){let b=this.getChartState();a.data._pagingButton=!1;let c=a.parent.data._pagingStep,d=b.pagingStep(a.parent);a.parent.data._pagingStep=c+d,this.updateNodesState()}setExpanded(a,b=!0){let c=this.getChartState(),d=c.allNodes.filter(({data:b})=>c.nodeId(b)==a)[0];if(!d)return console.log(`ORG CHART - ${b?"EXPAND":"COLLAPSE"} - Node with id (${a}) not found in the tree`),this;if(d.data._expanded=b,!1==b){let a=d.parent||{descendants:()=>[]};a.descendants().filter(b=>b!=a).forEach(a=>a.data._expanded=!1)}return this}setCentered(a){let b=this.getChartState(),c=b.generateRoot(b.data).descendants().filter(({data:c})=>b.nodeId(c).toString()==a.toString())[0];return c?(c.ancestors().forEach(a=>a.data._expanded=!0),c.data._centered=!0,c.data._expanded=!0):console.log(`ORG CHART - CENTER - Node with id (${a}) not found in the tree`),this}setHighlighted(a){let b=this.getChartState(),c=b.generateRoot(b.data).descendants().filter(c=>b.nodeId(c.data).toString()===a.toString())[0];return c?(c.ancestors().forEach(a=>a.data._expanded=!0),c.data._highlighted=!0,c.data._expanded=!0,c.data._centered=!0):console.log(`ORG CHART - HIGHLIGHT - Node with id (${a}) not found in the tree`),this}setUpToTheRootHighlighted(a){let b=this.getChartState(),c=b.generateRoot(b.data).descendants().filter(c=>b.nodeId(c.data).toString()===a.toString())[0];return c?(c.ancestors().forEach(a=>a.data._expanded=!0),c.data._upToTheRootHighlighted=!0,c.data._expanded=!0,c.ancestors().forEach(a=>a.data._upToTheRootHighlighted=!0)):console.log(`ORG CHART - HIGHLIGHTROOT - Node with id (${a}) not found in the tree`),this}clearHighlighting(){let a=this.getChartState();return a.allNodes.forEach(a=>{a.data._highlighted=!1,a.data._upToTheRootHighlighted=!1}),this.update(a.root),this}fullscreen(a){let b=this.getChartState(),c=aj(a||b.container).node();aj(document).on("fullscreenchange."+b.id,function(a){(document.fullscreenElement||document.mozFullscreenElement||document.webkitFullscreenElement)==c?setTimeout(a=>{b.svg.attr("height",window.innerHeight-40)},500):b.svg.attr("height",b.svgHeight)}),c.requestFullscreen?c.requestFullscreen():c.mozRequestFullScreen?c.mozRequestFullScreen():c.webkitRequestFullscreen?c.webkitRequestFullscreen():c.msRequestFullscreen&&c.msRequestFullscreen()}zoomIn(){let{svg:a,zoomBehavior:b}=this.getChartState();a.transition().call(b.scaleBy,1.3)}zoomOut(){let{svg:a,zoomBehavior:b}=this.getChartState();a.transition().call(b.scaleBy,.78)}toDataURL(a,b){var c=new XMLHttpRequest;c.onload=function(){var a=new FileReader;a.onloadend=function(){b(a.result)},a.readAsDataURL(c.response)},c.open("GET",a),c.responseType="blob",c.send()}exportImg({full:a=!1,scale:b=3,onLoad:c=a=>a,save:d=!0,backgroundColor:e="#FAFAFA"}={}){let f=this,g=this.getChartState(),{svg:h,root:i}=g,j=0,k=h.selectAll("img"),l=k.size(),m=()=>{JSON.parse(JSON.stringify(f.lastTransform()));let h=f.duration();a&&f.fit();let{svg:j}=f.getChartState();setTimeout(a=>{f.downloadImage({node:j.node(),scale:b,isSvg:!1,backgroundColor:e,onAlreadySerialized:a=>{f.update(i)},imageName:g.imageName,onLoad:c,save:d})},a?h+10:0)};l>0?k.each(function(){f.toDataURL(this.src,a=>{this.src=a,++j==l&&m()})}):m()}exportSvg(){let{svg:a,imageName:b}=this.getChartState();return this.downloadImage({imageName:b,node:a.node(),scale:3,isSvg:!0}),this}expandAll(){let{allNodes:a,root:b,data:c}=this.getChartState();return c.forEach(a=>a._expanded=!0),this.render(),this}collapseAll(){let{allNodes:a,root:b}=this.getChartState();return a.forEach(a=>a.data._expanded=!1),this.initialExpandLevel(0),this.render(),this}downloadImage({node:a,scale:b=2,imageName:c="graph",isSvg:d=!1,save:e=!0,backgroundColor:f="#FAFAFA",onAlreadySerialized:g=a=>{},onLoad:h=a=>{}}){function i(a,b){var c=document.createElement("a");"string"==typeof c.download?(document.body.appendChild(c),c.download=b,c.href=a,c.click(),document.body.removeChild(c)):location.replace(a)}function j(a){let b="http://www.w3.org/2000/xmlns/";a=a.cloneNode(!0);let c=window.location.href+"#",d=document.createTreeWalker(a,NodeFilter.SHOW_ELEMENT,null,!1);for(;d.nextNode();)for(let a of d.currentNode.attributes)a.value.includes(c)&&(a.value=a.value.replace(c,"#"));return a.setAttributeNS(b,"xmlns","http://www.w3.org/2000/svg"),a.setAttributeNS(b,"xmlns:xlink","http://www.w3.org/1999/xlink"),new XMLSerializer().serializeToString(a)}if(d){let b=j(a);var k="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(b='\r\n'+b);i(k,c+".svg"),g();return}let l=document.createElement("img");l.onload=function(){let d=document.createElement("canvas"),g=a.getBoundingClientRect();d.width=g.width*b,d.height=g.height*b;let j=d.getContext("2d");j.fillStyle=f,j.fillRect(0,0,g.width*b,g.height*b),j.drawImage(l,0,0,g.width*b,g.height*b);let k=d.toDataURL("image/png");h&&h(k),e&&i(k,c+".png")};var k="data:image/svg+xml; charset=utf8, "+encodeURIComponent(j(a));g(),l.src=k}getTextWidth(a,{fontSize:b=14,fontWeight:c=400,defaultFont:d="Helvetice",ctx:e}={}){return e.font=`${c||""} ${b}px ${d} `,e.measureText(a).width}clear(){let a=this.getChartState();aj(window).on(`resize.${a.id}`,null),a.svg&&a.svg.selectAll("*").remove()}}var cN=a.i(14411);let cO=(0,f.forwardRef)(({members:a,rootId:b,onMemberClick:d,onExport:e,relationMode:h=!1,selectedMembers:i=[]},j)=>{console.log("D3OrgChartFlow render, selectedMembers:",i,"relationMode:",h);let k=(0,f.useRef)(null),l=(0,f.useRef)(null),[m,n]=(0,f.useState)(!1),[o,p]=(0,f.useState)(new Map);(0,f.useEffect)(()=>((async()=>{let b=new Map;for(let c of Object.values(a))if(c.avatarImageId)try{let a=await g.db.images.get(c.avatarImageId);if(a){let d=URL.createObjectURL(a.blob);b.set(c.avatarImageId,d)}}catch(a){console.error(`Failed to load avatar for ${c.fullName}:`,a)}p(b)})(),()=>{o.forEach(a=>URL.revokeObjectURL(a))}),[a]),(0,f.useEffect)(()=>{if(!k.current||!b)return;k.current&&(k.current.innerHTML="");let c=(()=>{let c=[];if(!a[b])return[];let d=new Set,e=[b];for(;e.length>0;){let f=e.shift();if(d.has(f))continue;d.add(f);let g=a[f];if(!g)continue;let h=g.spouseIds?.map(b=>a[b]).filter(Boolean)||[],i=null;if(f!==b){let b=g.fatherId?a[g.fatherId]:null,c=g.motherId?a[g.motherId]:null,d=b&&g.surname===b.surname,e=c&&g.surname===c.surname;d?i=g.fatherId||null:e?i=g.motherId||null:b?i=g.fatherId||null:c&&(i=g.motherId||null)}let j=function(a,b){if(!a)return null;let c=new Date(a),d=b?new Date(b):new Date,e=d.getFullYear()-c.getFullYear(),f=d.getMonth()-c.getMonth();return(f<0||0===f&&d.getDate()0?h.map(a=>a.fullName).join(", "):"",spouseId:h.length>0?h[0].id:null,hasChildren:Object.values(a).some(a=>a.fatherId===g.id||a.motherId===g.id),ageText:k}),Object.values(a).forEach(a=>{a.fatherId!==f&&a.motherId!==f||d.has(a.id)||e.push(a.id)})}return c})(),e=new cM().container(k.current).data(c).nodeWidth(()=>160).nodeHeight(()=>120).childrenMargin(()=>50).compactMarginBetween(()=>35).compactMarginPair(()=>35).neighbourMargin(()=>35).siblingsMargin(()=>35).linkUpdate(function(a,b,c){aj(c[b]).attr("stroke","#475569").attr("stroke-width",2.5)}).buttonContent(({node:a})=>`

${a.children?'':''} ${a.data._directSubordinates||0}

`).nodeContent(a=>{let b=a.data,c="男"===b.gender?"#3b82f6":"#ec4899",d="男"===b.gender?"#dbeafe":"#fce7f3",e=b.avatarImageId?o.get(b.avatarImageId):null,f=i.includes(b.id);return`

${e?`

`:(b.gender,'')}

${b.name} ${f?'':""}

${b.generation}

${b.birthYear?`

${b.birthYear}${b.deathYear?` - ${b.deathYear}`:""} ${b.ageText?`${b.ageText}`:""}

`:""} ${b.birthPlace?`

${b.birthPlace}

`:""}

${b.spouseName&&b.spouseId?`

配偶: ${b.spouseName}

`:""} ${b.deathYear?`

`:""}

`}).onNodeClick(a=>{if(d&&a){let b="string"==typeof a?a:a.data?.id||a.id;b&&d(b)}}).render().expandAll();return setTimeout(()=>{let a=k.current?.querySelectorAll(".spouse-area");a?.forEach(a=>{a.addEventListener("click",b=>{b.stopPropagation();let c=a.getAttribute("data-spouse-id");c&&d&&d(c)})})},100),l.current=e,n(!0),()=>{k.current&&(k.current.innerHTML="")}},[a,b,d,o]);let q=()=>{l.current&&l.current.exportImg({save:!0,full:!0,onLoad:()=>{e?.()}})},r=()=>{l.current&&l.current.exportImg({save:!1,full:!0,onLoad:a=>{let b=new cN.default({orientation:"landscape",unit:"px",format:"a4"}),c=new Image;c.src=a,c.onload=function(){let a=c.width,d=c.height,f=b.internal.pageSize.getWidth(),g=b.internal.pageSize.getHeight(),h=Math.min(f/a,g/d),i=a*h,j=d*h;b.addImage(c,"PNG",(f-i)/2,(g-j)/2,i,j),b.save(`家谱图-${new Date().toISOString().split("T")[0]}.pdf`),e?.()}}})},s=()=>{l.current&&l.current.expandAll()},t=()=>{l.current&&l.current.collapseAll()},u=()=>{l.current&&l.current.fit()};return(0,f.useImperativeHandle)(j,()=>({exportPNG:q,exportPDF:r,expandAll:s,collapseAll:t,fitView:u})),(0,c.jsx)("div",{className:"w-full h-full bg-background rounded-lg border relative",children:(0,c.jsx)("div",{ref:k,className:"w-full h-full",style:{overflow:"hidden"}})},`d3-chart-${b}`)});cO.displayName="D3OrgChartFlow";let cP=(0,f.memo)(cO,(a,b)=>a.rootId===b.rootId&&a.members===b.members);var cQ=a.i(13866),cR=a.i(8895),cS=a.i(66129),cT=a.i(87240),cU=a.i(82953),cV=a.i(76715);let cW=(0,k.default)("ZoomOut",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]),cX=(0,k.default)("Move",[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m15 19-3 3-3-3",key:"11eu04"}],["path",{d:"m19 9 3 3-3 3",key:"1mg7y2"}],["path",{d:"M2 12h20",key:"9i4pu4"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}],["path",{d:"m9 5 3-3 3 3",key:"l8vdw6"}]]);var cY=a.i(38689);let cZ=(0,k.default)("LayoutGrid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]]);var c$=a.i(46128),c_=a.i(18951),c0=a.i(79551);function c1(){let{treeData:b}=(0,p.useFamily)(),{calculateRelationship:e}=(0,cQ.useRelationship)(),g=(0,q.useRouter)(),h=(0,q.useSearchParams)(),[i,j]=(0,f.useState)("traditional"),[k,l]=(0,f.useState)(!1),[m,n]=(0,f.useState)([]),[o,s]=(0,f.useState)(null),[t,u]=(0,f.useState)(!1),v=(0,f.useRef)(k),w=(0,f.useRef)(m);(0,f.useEffect)(()=>{v.current=k,w.current=m},[k,m]),(0,f.useEffect)(()=>{let a=h.get("view");("d3-org-chart"===a||"traditional"===a)&&j(a)},[h]);let[x,y]=(0,f.useState)(1),[z,A]=(0,f.useState)({x:0,y:0}),[B,C]=(0,f.useState)(!1),[D,E]=(0,f.useState)({x:0,y:0}),[F,G]=(0,f.useState)({x:0,y:0}),H=(0,f.useRef)(null),I=(0,f.useRef)(null),J=()=>{C(!1)},K=(0,f.useCallback)(a=>{if(console.log("D3 onMemberClick triggered:",a,"relationMode:",v.current),v.current){console.log("Calling handleMemberClick");let c=(a,b)=>{let c=document.querySelector(".w-full.h-full.bg-background.rounded-lg.border"),d=c?.querySelector("svg");d&&d.querySelectorAll("foreignObject").forEach(c=>{let d=c.parentNode?.__data__?.data;if(d?.id===a){let a=c.querySelector('div[style*="font-size: 13px"]');if(a)if(b)a.querySelector("svg")||(a.style.display="flex",a.style.alignItems="center",a.insertAdjacentHTML("beforeend",''));else{let b=a.querySelector("svg");b&&b.remove()}}})};if(0===w.current.length)c(a,!0),n([a]);else if(1===w.current.length){let[d]=w.current;if(d===a){c(a,!1),n([]);return}c(a,!0);let f=e(d,a);s({from:b.members[d],to:b.members[a],relationship:f}),u(!0),n([]),l(!1)}}else{console.log("Navigating to member detail");let b=new URLSearchParams(window.location.search);g.push(`/members/${a}?${b.toString()}`)}},[g,e,b.members]),L=async()=>{if(H.current)try{let b={...z};A({x:0,y:0}),y(1),await new Promise(a=>setTimeout(a,800));let c=H.current.querySelector('div[style*="transform"]');if(!c)throw Error("找不到族谱容器");let d=c.querySelectorAll("div"),e=[];d.forEach(a=>{String(a.className||"").includes("bg-foreground")&&e.push(a)});let f=c.cloneNode(!0),g=f.querySelectorAll("div"),h=0;g.forEach(a=>{if(String(a.className||"").includes("bg-foreground")&&e[h]){let b=e[h],c=window.getComputedStyle(b);a.style.backgroundColor=c.backgroundColor,a.style.width=c.width,a.style.height=c.height,a.style.position="absolute",a.style.left=c.left,a.style.top=c.top,h++}}),f.querySelectorAll("*").forEach(a=>{let b=String(a.className||"");b.includes("bg-foreground")||b.includes("pointer-events-none")||(a.style.border="none",a.style.outline="none")}),f.style.position="fixed",f.style.left="-9999px",f.style.top="0",document.body.appendChild(f),await new Promise(a=>setTimeout(a,200));let i=await a.A(7256),j=await i.default.toBlob(f,{quality:.95,bgcolor:"#ffffff"});document.body.removeChild(f),A(b),y(x);let k=URL.createObjectURL(j),l=document.createElement("a");l.download=`family-tree-${new Date().toISOString().split("T")[0]}.png`,l.href=k,l.click(),setTimeout(()=>URL.revokeObjectURL(k),100)}catch(a){console.error("导出图片失败:",a)}};return b.rootId?(0,c.jsxs)("div",{className:"h-screen flex flex-col bg-muted/30 overflow-hidden",children:[(0,c.jsx)(d.SiteHeader,{}),(0,c.jsxs)("div",{className:"absolute top-20 right-4 z-30 flex gap-2",children:[(0,c.jsxs)(cR.Button,{variant:k?"default":"outline",className:"gap-2 shadow-lg",onClick:()=>{l(!k),n([]),s(null)},children:[(0,c.jsx)(c_.Users,{className:"h-4 w-4"}),k?0===m.length?"选择第一个成员":"选择第二个成员":"关系查询"]}),(0,c.jsxs)(cS.DropdownMenu,{children:[(0,c.jsx)(cS.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsxs)(cR.Button,{variant:"outline",className:"gap-2 shadow-lg",children:[(0,c.jsx)(cZ,{className:"h-4 w-4"}),"traditional"===i?"传统视图":"D3家谱图",(0,c.jsx)(c$.ChevronDown,{className:"h-3 w-3"})]})}),(0,c.jsxs)(cS.DropdownMenuContent,{align:"end",className:"w-48",children:[(0,c.jsx)(cS.DropdownMenuItem,{onClick:()=>{let a=new URLSearchParams(h.toString());a.set("view","traditional"),g.push(`/tree?${a.toString()}`)},className:"traditional"===i?"bg-accent":"",children:(0,c.jsxs)("div",{className:"flex items-center justify-between w-full",children:[(0,c.jsx)("span",{children:"传统家谱视图"}),"traditional"===i&&(0,c.jsx)("span",{className:"text-primary",children:"✓"})]})}),(0,c.jsx)(cS.DropdownMenuItem,{onClick:()=>{let a=new URLSearchParams(h.toString());a.set("view","d3-org-chart"),g.push(`/tree?${a.toString()}`)},className:"d3-org-chart"===i?"bg-accent":"",children:(0,c.jsxs)("div",{className:"flex items-center justify-between w-full",children:[(0,c.jsx)("span",{children:"D3 家谱图"}),"d3-org-chart"===i&&(0,c.jsx)("span",{className:"text-primary",children:"✓"})]})})]})]})]}),"traditional"===i?(0,c.jsxs)("div",{className:"flex-1 relative",children:[(0,c.jsxs)("div",{className:"absolute top-4 left-4 z-20 flex flex-col gap-2 bg-background/80 backdrop-blur p-2 rounded-lg border shadow-sm",children:[(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>y(a=>Math.min(a+.1,2)),children:(0,c.jsx)(cV.ZoomIn,{className:"h-4 w-4"})}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>y(a=>Math.max(a-.1,.1)),children:(0,c.jsx)(cW,{className:"h-4 w-4"})}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>A({x:0,y:0}),children:(0,c.jsx)(cX,{className:"h-4 w-4"})}),(0,c.jsx)("div",{className:"h-px bg-border my-1"}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:L,title:"导出为图片",children:(0,c.jsx)(cY.Download,{className:"h-4 w-4"})})]}),(0,c.jsx)("div",{ref:H,className:"w-full h-full overflow-hidden cursor-move relative touch-none bg-[url('https://www.transparenttextures.com/patterns/rice-paper.png')] bg-repeat select-none",onMouseDown:a=>{a.target.closest(".family-node-card")||(C(!0),E({x:a.clientX-z.x,y:a.clientY-z.y}),G({x:a.clientX,y:a.clientY}))},onMouseMove:a=>{if(!B)return;let b=Math.abs(a.clientX-F.x),c=Math.abs(a.clientY-F.y);b<5&&c<5||A({x:a.clientX-D.x,y:a.clientY-D.y})},onMouseUp:J,onMouseLeave:J,children:(0,c.jsx)("div",{style:{transform:`translate(${z.x}px, ${z.y}px) scale(${x})`,transformOrigin:"top center",transition:B?"none":"transform 0.1s ease-out"},className:"absolute min-w-full min-h-full flex justify-center pt-20 pb-20",children:(0,c.jsx)(r,{rootId:b.rootId,relationMode:k,selectedMembers:m,onMemberClick:a=>{if(0===m.length)n([a]);else if(1===m.length){let[c]=m;if(c===a)return void n([]);let d=e(c,a);s({from:b.members[c],to:b.members[a],relationship:d}),u(!0),n([]),l(!1)}}})})})]}):(0,c.jsxs)("div",{className:"flex-1 relative",children:[(0,c.jsxs)("div",{className:"absolute top-4 left-4 z-20 flex flex-col gap-2 bg-background/80 backdrop-blur p-2 rounded-lg border shadow-sm",children:[(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>I.current?.expandAll(),title:"展开全部",children:(0,c.jsx)(cV.ZoomIn,{className:"h-4 w-4"})}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>I.current?.collapseAll(),title:"折叠全部",children:(0,c.jsx)(cW,{className:"h-4 w-4"})}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>I.current?.fitView(),title:"适应视图",children:(0,c.jsx)(cX,{className:"h-4 w-4"})}),(0,c.jsx)("div",{className:"h-px bg-border my-1"}),(0,c.jsx)(cR.Button,{variant:"outline",size:"icon",onClick:()=>I.current?.exportPNG(),title:"导出PNG",children:(0,c.jsx)(cY.Download,{className:"h-4 w-4"})})]}),(0,c.jsx)("div",{className:"w-full h-full p-4",children:(0,c.jsx)(cP,{ref:I,members:b.members,rootId:b.rootId,relationMode:k,selectedMembers:m,onMemberClick:K})})]}),(0,c.jsx)(cT.Dialog,{open:t,onOpenChange:a=>{if(u(a),!a&&o){let a=a=>{let b=document.querySelector(".w-full.h-full.bg-background.rounded-lg.border"),c=b?.querySelector("svg");c&&c.querySelectorAll("foreignObject").forEach(b=>{let c=b.parentNode?.__data__?.data;if(c?.id===a){let a=b.querySelector('div[style*="font-size: 13px"]');if(a){let b=a.querySelector("svg");b&&b.remove()}}})};a(o.from.id),a(o.to.id)}},children:(0,c.jsxs)(cT.DialogContent,{className:"max-w-2xl","aria-describedby":"relation-description",children:[(0,c.jsx)(cT.DialogHeader,{children:(0,c.jsx)(cT.DialogTitle,{children:"关系查询结果"})}),o&&(0,c.jsxs)("div",{className:"space-y-4",children:[(0,c.jsxs)("div",{className:"flex items-center justify-center gap-4 p-6 bg-muted rounded-lg",children:[(0,c.jsxs)("div",{className:"text-center",children:[(0,c.jsx)("div",{className:"text-2xl font-bold font-serif mb-1",children:o.from.fullName}),(0,c.jsxs)("div",{className:"text-sm text-muted-foreground",children:["第",o.from.generation,"世"]})]}),(0,c.jsx)("div",{className:"flex flex-col items-center gap-2",children:(0,c.jsx)(cU.Badge,{variant:"default",className:"text-lg px-4 py-2",children:o.relationship.term})}),(0,c.jsxs)("div",{className:"text-center",children:[(0,c.jsx)("div",{className:"text-2xl font-bold font-serif mb-1",children:o.to.fullName}),(0,c.jsxs)("div",{className:"text-sm text-muted-foreground",children:["第",o.to.generation,"世"]})]})]}),(0,c.jsxs)("div",{id:"relation-description",className:"p-4 bg-blue-50 dark:bg-blue-950 rounded-lg",children:[(0,c.jsx)("div",{className:"text-sm font-medium mb-1",children:"关系说明："}),(0,c.jsxs)("div",{className:"text-muted-foreground",children:[(0,c.jsx)("strong",{children:o.from.fullName})," 是 ",(0,c.jsx)("strong",{children:o.to.fullName})," 的 ",(0,c.jsx)("strong",{className:"text-primary",children:o.relationship.term})]})]}),o.relationship.path&&(0,c.jsxs)("div",{className:"p-4 bg-muted rounded-lg",children:[(0,c.jsx)("div",{className:"text-sm font-medium mb-2",children:"关系路径："}),(0,c.jsx)("div",{className:"text-xs text-muted-foreground break-all",children:o.relationship.path})]})]})]})})]}):(0,c.jsxs)("div",{className:"min-h-screen bg-background flex flex-col",children:[(0,c.jsx)(d.SiteHeader,{}),(0,c.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,c.jsxs)("div",{className:"text-center space-y-4",children:[(0,c.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 text-primary/80",children:(0,c.jsx)(c0.Network,{className:"h-16 w-16",strokeWidth:1})}),(0,c.jsx)("p",{className:"text-base text-foreground font-light tracking-wide",children:"谱系待续"})]})})]})}a.s(["default",()=>c1],73201)}]; //# sourceMappingURL=%5Broot-of-the-server%5D__f0844149._.js.map