@taskmark/ui 0.2.6 → 0.3.1

package/dist/prod-next/server/chunks/7245.js

@@ -0,0 +1,77 @@
+"use strict";exports.id=7245,exports.ids=[7245],exports.modules={4328:(a,b,c)=>{function d(a,b){a.accDescr&&b.setAccDescription?.(a.accDescr),a.accTitle&&b.setAccTitle?.(a.accTitle),a.title&&b.setDiagramTitle?.(a.title)}c.d(b,{S:()=>d}),(0,c(95097).K)(d,"populateCommonDb")},87245:(a,b,c)=>{c.d(b,{diagram:()=>M});var d=c(4328),e=c(5675),f=c(34950),g=c(12644),h=c(58715),i=c(95097),j=c(92325),k=(0,i.K)((a,b)=>{let c=a<=1?100*a:a;if(c<0||c>100)throw Error(`${b} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${a}`);return c},"toPercent"),l=(0,i.K)((a,b,c)=>({x:k(b,`${c} evolution`),y:k(a,`${c} visibility`)}),"toCoordinates"),m=(0,i.K)(a=>{if(a){if("+<>"===a)return"bidirectional";if("+<"===a)return"backward";if("+>"===a)return"forward"}},"getFlowFromPort"),n=(0,i.K)(a=>{if(!a?.startsWith("+"))return{};let b=/^\+'([^']*)'/.exec(a),c=b?.[1];return a.includes("<>")?{flow:"bidirectional",label:c}:a.includes("<")?{flow:"backward",label:c}:a.includes(">")?{flow:"forward",label:c}:{label:c}},"extractFlowFromArrow"),o=(0,i.K)((a,b)=>{if((0,d.S)(a,b),a.size&&b.setSize(a.size.width,a.size.height),a.evolution){let c=a.evolution.stages.map(a=>a.secondName?`${a.name.trim()} / ${a.secondName.trim()}`:a.name.trim()),d=a.evolution.stages.filter(a=>void 0!==a.boundary).map(a=>a.boundary);b.updateAxes({stages:c,stageBoundaries:d})}if(a.anchors.forEach(a=>{let c=l(a.visibility,a.evolution,`Anchor "${a.name}"`);b.addNode(a.name,a.name,c.x,c.y,"anchor")}),a.components.forEach(a=>{let c=l(a.visibility,a.evolution,`Component "${a.name}"`),d=a.label?(a.label.negX?-1:1)*a.label.offsetX:void 0,e=a.label?(a.label.negY?-1:1)*a.label.offsetY:void 0,f=a.decorator?.strategy;b.addNode(a.name,a.name,c.x,c.y,"component",d,e,a.inertia,f)}),a.notes.forEach(a=>{let c=l(a.visibility,a.evolution,`Note "${a.text}"`);b.addNote(a.text,c.x,c.y)}),a.pipelines.forEach(a=>{let c=b.getNode(a.parent);if(!c||"number"!=typeof c.y)throw Error(`Pipeline "${a.parent}" must reference an existing component with coordinates.`);let d=c.y;b.startPipeline(a.parent),a.components.forEach(c=>{let e=`${a.parent}_${c.name}`,f=c.label?(c.label.negX?-1:1)*c.label.offsetX:void 0,g=c.label?(c.label.negY?-1:1)*c.label.offsetY:void 0,h=k(c.evolution,`Pipeline component "${c.name}" evolution`);b.addNode(e,c.name,h,d,"pipeline-component",f,g),b.addPipelineComponent(a.parent,e)})}),a.links.forEach(a=>{let c=!!a.arrow&&(a.arrow.includes("-.->")||a.arrow.includes(".-.")),d=m(a.fromPort)??m(a.toPort),{flow:e,label:f}=n(a.arrow);!d&&e&&(d=e);let g=a.linkLabel;b.addLink(b.resolveNodeId(a.from),b.resolveNodeId(a.to),c,f??g,d)}),a.evolves.forEach(a=>{let c=b.getNode(a.component);if(c?.y!==void 0){let d=k(a.target,`Evolve target for "${a.component}"`);b.addTrend(a.component,d,c.y)}}),a.annotations.length>0){let c=a.annotations[0],d=l(c.x,c.y,"Annotations box");b.setAnnotationsBox(d.x,d.y)}a.annotation.forEach(a=>{let c=l(a.x,a.y,`Annotation ${a.number}`);b.addAnnotation(a.number,[{x:c.x,y:c.y}],a.text)}),a.accelerators.forEach(a=>{let c=l(a.x,a.y,`Accelerator "${a.name}"`);b.addAccelerator(a.name,c.x,c.y)}),a.deaccelerators.forEach(a=>{let c=l(a.x,a.y,`Deaccelerator "${a.name}"`);b.addDeaccelerator(a.name,c.x,c.y)})},"populateDb"),p={parser:{yy:void 0},parse:(0,i.K)(async a=>{let b=await (0,j.qg)("wardley",a);h.R.debug(b);let c=p.parser?.yy;if(!c||"function"!=typeof c.addNode)throw Error("parser.parser?.yy was not a WardleyDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");o(b,c)},"parse")},q=new class{constructor(){this.nodes=new Map,this.links=[],this.trends=new Map,this.pipelines=new Map,this.annotations=[],this.notes=[],this.accelerators=[],this.deaccelerators=[],this.axes={}}static{(0,i.K)(this,"WardleyBuilder")}addNode(a){let b=this.nodes.get(a.id)??{id:a.id,label:a.label},c={...b,...a,className:a.className??b.className,labelOffsetX:a.labelOffsetX??b.labelOffsetX,labelOffsetY:a.labelOffsetY??b.labelOffsetY};this.nodes.set(a.id,c)}addLink(a){this.links.push(a)}addTrend(a){this.trends.set(a.nodeId,a)}startPipeline(a){this.pipelines.set(a,{nodeId:a,componentIds:[]});let b=this.nodes.get(a);b&&(b.isPipelineParent=!0)}addPipelineComponent(a,b){let c=this.pipelines.get(a);c&&c.componentIds.push(b);let d=this.nodes.get(b);d&&(d.inPipeline=!0)}addAnnotation(a){this.annotations.push(a)}addNote(a){this.notes.push(a)}addAccelerator(a){this.accelerators.push(a)}addDeaccelerator(a){this.deaccelerators.push(a)}setAnnotationsBox(a,b){this.annotationsBox={x:a,y:b}}setAxes(a){this.axes={...this.axes,...a}}setSize(a,b){this.size={width:a,height:b}}getNode(a){return this.nodes.get(a)}resolveNodeId(a){if(this.nodes.has(a))return a;for(let[b,c]of this.nodes)if(c.label===a)return b;return a}build(){let a=[];for(let b of this.nodes.values()){if("number"!=typeof b.x||"number"!=typeof b.y)throw Error(`Node "${b.label}" is missing coordinates`);a.push(b)}return{nodes:a,links:[...this.links],trends:[...this.trends.values()],pipelines:[...this.pipelines.values()],annotations:[...this.annotations],notes:[...this.notes],accelerators:[...this.accelerators],deaccelerators:[...this.deaccelerators],annotationsBox:this.annotationsBox,axes:{...this.axes},size:this.size}}clear(){this.nodes.clear(),this.links=[],this.trends.clear(),this.pipelines.clear(),this.annotations=[],this.notes=[],this.accelerators=[],this.deaccelerators=[],this.annotationsBox=void 0,this.axes={},this.size=void 0}};function r(){return(0,g.D7)()["wardley-beta"]}function s(a,b,c,d,e,f,g,h,i){q.addNode({id:a,label:b,x:c,y:d,className:e,labelOffsetX:f,labelOffsetY:g,inertia:h,sourceStrategy:i})}function t(a,b,c=!1,d,e){q.addLink({source:a,target:b,dashed:c,label:d,flow:e})}function u(a,b,c){q.addTrend({nodeId:a,targetX:b,targetY:c})}function v(a,b,c){q.addAnnotation({number:a,coordinates:b,text:c})}function w(a,b,c){q.addNote({text:a,x:b,y:c})}function x(a,b,c){q.addAccelerator({name:a,x:b,y:c})}function y(a,b,c){q.addDeaccelerator({name:a,x:b,y:c})}function z(a,b){q.setAnnotationsBox(a,b)}function A(a,b){q.setSize(a,b)}function B(a){q.startPipeline(a)}function C(a,b){q.addPipelineComponent(a,b)}function D(a){q.setAxes(a)}function E(a){return q.getNode(a)}function F(a){return q.resolveNodeId(a)}function G(){return q.build()}function H(){q.clear(),(0,g.IU)()}(0,i.K)(r,"getConfig"),(0,i.K)(s,"addNode"),(0,i.K)(t,"addLink"),(0,i.K)(u,"addTrend"),(0,i.K)(v,"addAnnotation"),(0,i.K)(w,"addNote"),(0,i.K)(x,"addAccelerator"),(0,i.K)(y,"addDeaccelerator"),(0,i.K)(z,"setAnnotationsBox"),(0,i.K)(A,"setSize"),(0,i.K)(B,"startPipeline"),(0,i.K)(C,"addPipelineComponent"),(0,i.K)(D,"updateAxes"),(0,i.K)(E,"getNode"),(0,i.K)(F,"resolveNodeId"),(0,i.K)(G,"getWardleyData"),(0,i.K)(H,"clear");var I={getConfig:r,addNode:s,addLink:t,addTrend:u,addAnnotation:v,addNote:w,addAccelerator:x,addDeaccelerator:y,setAnnotationsBox:z,setSize:A,startPipeline:B,addPipelineComponent:C,updateAxes:D,getNode:E,resolveNodeId:F,getWardleyData:G,clear:H,setAccTitle:g.SV,getAccTitle:g.iN,setDiagramTitle:g.ke,getDiagramTitle:g.ab,getAccDescription:g.m7,setAccDescription:g.EI},J=["Genesis","Custom Built","Product","Commodity"],K=(0,i.K)(()=>{let{themeVariables:a}=(0,g.D7)();return{backgroundColor:a.wardley?.backgroundColor??a.background??"#fff",axisColor:a.wardley?.axisColor??"#000",axisTextColor:a.wardley?.axisTextColor??a.primaryTextColor??"#222",gridColor:a.wardley?.gridColor??"rgba(100, 100, 100, 0.2)",componentFill:a.wardley?.componentFill??"#fff",componentStroke:a.wardley?.componentStroke??"#000",componentLabelColor:a.wardley?.componentLabelColor??a.primaryTextColor??"#222",linkStroke:a.wardley?.linkStroke??"#000",evolutionStroke:a.wardley?.evolutionStroke??"#dc3545",annotationStroke:a.wardley?.annotationStroke??"#000",annotationTextColor:a.wardley?.annotationTextColor??a.primaryTextColor??"#222",annotationFill:a.wardley?.annotationFill??a.background??"#fff"}},"getTheme"),L=(0,i.K)(()=>{let a=(0,g.D7)()["wardley-beta"];return{width:a?.width??900,height:a?.height??600,padding:a?.padding??48,nodeRadius:a?.nodeRadius??6,nodeLabelOffset:a?.nodeLabelOffset??8,axisFontSize:a?.axisFontSize??12,labelFontSize:a?.labelFontSize??10,showGrid:a?.showGrid??!1,useMaxWidth:a?.useMaxWidth??!0}},"getConfigValues"),M={parser:p,db:I,renderer:{draw:(0,i.K)((a,b,c,d)=>{h.R.debug("Rendering Wardley map\n"+a);let f=L(),j=K(),k=1.6*f.nodeRadius,l=d.db,m=l.getWardleyData(),n=l.getDiagramTitle(),o=m.size?.width??f.width,p=m.size?.height??f.height,q=(0,e.D)(b);q.selectAll("*").remove(),(0,g.a$)(q,p,o,f.useMaxWidth),q.attr("viewBox",`0 0 ${o} ${p}`);let r=q.append("g").attr("class","wardley-map"),s=q.append("defs");s.append("marker").attr("id",`arrow-${b}`).attr("viewBox","0 0 10 10").attr("refX",9).attr("refY",5).attr("markerWidth",6).attr("markerHeight",6).attr("orient","auto-start-reverse").append("path").attr("d","M 0 0 L 10 5 L 0 10 z").attr("fill",j.evolutionStroke).attr("stroke","none"),s.append("marker").attr("id",`link-arrow-end-${b}`).attr("viewBox","0 0 10 10").attr("refX",9).attr("refY",5).attr("markerWidth",5).attr("markerHeight",5).attr("orient","auto").append("path").attr("d","M 0 0 L 10 5 L 0 10 z").attr("fill",j.linkStroke).attr("stroke","none"),s.append("marker").attr("id",`link-arrow-start-${b}`).attr("viewBox","0 0 10 10").attr("refX",1).attr("refY",5).attr("markerWidth",5).attr("markerHeight",5).attr("orient","auto").append("path").attr("d","M 10 0 L 0 5 L 10 10 z").attr("fill",j.linkStroke).attr("stroke","none"),r.append("rect").attr("class","wardley-background").attr("width",o).attr("height",p).attr("fill",j.backgroundColor);let t=o-2*f.padding,u=p-2*f.padding;n&&r.append("text").attr("class","wardley-title").attr("x",o/2).attr("y",f.padding/2).attr("fill",j.axisTextColor).attr("font-size",1.05*f.axisFontSize).attr("font-weight","bold").attr("text-anchor","middle").attr("dominant-baseline","middle").text(n);let v=(0,i.K)(a=>f.padding+a/100*t,"projectX"),w=(0,i.K)(a=>p-f.padding-a/100*u,"projectY"),x=r.append("g").attr("class","wardley-axes");x.append("line").attr("x1",f.padding).attr("x2",o-f.padding).attr("y1",p-f.padding).attr("y2",p-f.padding).attr("stroke",j.axisColor).attr("stroke-width",1),x.append("line").attr("x1",f.padding).attr("x2",f.padding).attr("y1",f.padding).attr("y2",p-f.padding).attr("stroke",j.axisColor).attr("stroke-width",1);let y=m.axes.xLabel??"Evolution",z=m.axes.yLabel??"Visibility";x.append("text").attr("class","wardley-axis-label wardley-axis-label-x").attr("x",f.padding+t/2).attr("y",p-f.padding/4).attr("fill",j.axisTextColor).attr("font-size",f.axisFontSize).attr("font-weight","bold").attr("text-anchor","middle").text(y),x.append("text").attr("class","wardley-axis-label wardley-axis-label-y").attr("x",f.padding/3).attr("y",f.padding+u/2).attr("fill",j.axisTextColor).attr("font-size",f.axisFontSize).attr("font-weight","bold").attr("text-anchor","middle").attr("transform",`rotate(-90 ${f.padding/3} ${f.padding+u/2})`).text(z);let A=m.axes.stages&&m.axes.stages.length>0?m.axes.stages:J;if(A.length>0){let a=r.append("g").attr("class","wardley-stages"),b=m.axes.stageBoundaries,c=[];if(b&&b.length===A.length){let a=0;b.forEach(b=>{c.push({start:a,end:b}),a=b})}else{let a=1/A.length;A.forEach((b,d)=>{c.push({start:d*a,end:(d+1)*a})})}A.forEach((b,d)=>{let e=c[d],g=f.padding+e.start*t,h=(g+(f.padding+e.end*t))/2;d>0&&a.append("line").attr("x1",g).attr("x2",g).attr("y1",f.padding).attr("y2",p-f.padding).attr("stroke","#000").attr("stroke-width",1).attr("stroke-dasharray","5 5").attr("opacity",.8),a.append("text").attr("class","wardley-stage-label").attr("x",h).attr("y",p-f.padding/1.5).attr("fill",j.axisTextColor).attr("font-size",f.axisFontSize-2).attr("text-anchor","middle").text(b)})}if(f.showGrid){let a=r.append("g").attr("class","wardley-grid");for(let b=1;b<4;b++){let c=b/4,d=f.padding+t*c;a.append("line").attr("x1",d).attr("x2",d).attr("y1",f.padding).attr("y2",p-f.padding).attr("stroke",j.gridColor).attr("stroke-dasharray","2 6"),a.append("line").attr("x1",f.padding).attr("x2",o-f.padding).attr("y1",p-f.padding-u*c).attr("y2",p-f.padding-u*c).attr("stroke",j.gridColor).attr("stroke-dasharray","2 6")}}let B=new Map;if(m.nodes.forEach(a=>{B.set(a.id,{x:v(a.x),y:w(a.y),node:a})}),m.pipelines.length>0){let a=r.append("g").attr("class","wardley-pipelines"),b=r.append("g").attr("class","wardley-pipeline-links");m.pipelines.forEach(c=>{if(0===c.componentIds.length)return;let d=c.componentIds.map(a=>({id:a,pos:B.get(a),node:m.nodes.find(b=>b.id===a)})).filter(a=>a.pos&&a.node).sort((a,b)=>a.node.x-b.node.x);for(let a=0;a<d.length-1;a++){let c=d[a],e=d[a+1];b.append("line").attr("class","wardley-pipeline-evolution-link").attr("x1",c.pos.x).attr("y1",c.pos.y).attr("x2",e.pos.x).attr("y2",e.pos.y).attr("stroke",j.linkStroke).attr("stroke-width",1).attr("stroke-dasharray","4 4")}let e=1/0,g=-1/0,h=0;if(c.componentIds.forEach(a=>{let b=B.get(a);b&&(e=Math.min(e,b.x),g=Math.max(g,b.x),h=b.y)}),e!==1/0&&g!==-1/0){let b=4*f.nodeRadius,d=h-b/2,i=B.get(c.nodeId);i&&(i.x=(e+g)/2,i.y=d-k/6),a.append("rect").attr("class","wardley-pipeline-box").attr("x",e-15).attr("y",d).attr("width",g-e+30).attr("height",b).attr("fill","none").attr("stroke",j.axisColor).attr("stroke-width",1.5).attr("rx",4).attr("ry",4)}})}let C=r.append("g").attr("class","wardley-links"),D=new Map;m.pipelines.forEach(a=>{D.set(a.nodeId,new Set(a.componentIds))});let E=m.links.filter(a=>{if(!B.has(a.source)||!B.has(a.target))return!1;let b=D.get(a.target);return!b?.has(a.source)});C.selectAll("line").data(E).enter().append("line").attr("class",a=>`wardley-link${a.dashed?" wardley-link--dashed":""}`).attr("x1",a=>{let b=B.get(a.source),c=B.get(a.target),d=m.nodes.find(b=>b.id===a.source).isPipelineParent?k/Math.sqrt(2):f.nodeRadius,e=c.x-b.x,g=c.y-b.y,h=Math.sqrt(e*e+g*g);return b.x+e/h*d}).attr("y1",a=>{let b=B.get(a.source),c=B.get(a.target),d=m.nodes.find(b=>b.id===a.source).isPipelineParent?k/Math.sqrt(2):f.nodeRadius,e=c.x-b.x,g=c.y-b.y,h=Math.sqrt(e*e+g*g);return b.y+g/h*d}).attr("x2",a=>{let b=B.get(a.source),c=B.get(a.target),d=m.nodes.find(b=>b.id===a.target).isPipelineParent?k/Math.sqrt(2):f.nodeRadius,e=b.x-c.x,g=b.y-c.y,h=Math.sqrt(e*e+g*g);return c.x+e/h*d}).attr("y2",a=>{let b=B.get(a.source),c=B.get(a.target),d=m.nodes.find(b=>b.id===a.target).isPipelineParent?k/Math.sqrt(2):f.nodeRadius,e=b.x-c.x,g=b.y-c.y,h=Math.sqrt(e*e+g*g);return c.y+g/h*d}).attr("stroke",j.linkStroke).attr("stroke-width",1).attr("stroke-dasharray",a=>a.dashed?"6 6":null).attr("marker-end",a=>"forward"===a.flow||"bidirectional"===a.flow?`url(#link-arrow-end-${b})`:null).attr("marker-start",a=>"backward"===a.flow||"bidirectional"===a.flow?`url(#link-arrow-start-${b})`:null),C.selectAll("text").data(E.filter(a=>a.label)).enter().append("text").attr("class","wardley-link-label").attr("x",a=>{let b=B.get(a.source),c=B.get(a.target),d=(b.x+c.x)/2,e=c.y-b.y,f=c.x-b.x,g=Math.sqrt(f*f+e*e);return d+e/g*8}).attr("y",a=>{let b=B.get(a.source),c=B.get(a.target),d=(b.y+c.y)/2,e=c.x-b.x,f=c.y-b.y,g=Math.sqrt(e*e+f*f);return d+-e/g*8}).attr("fill",j.axisTextColor).attr("font-size",f.labelFontSize).attr("text-anchor","middle").attr("dominant-baseline","middle").attr("transform",a=>{let b=B.get(a.source),c=B.get(a.target),d=(b.x+c.x)/2,e=(b.y+c.y)/2,f=c.x-b.x,g=c.y-b.y,h=Math.sqrt(f*f+g*g),i=180*Math.atan2(g,f)/Math.PI;return(i>90||i<-90)&&(i+=180),`rotate(${i} ${d+g/h*8} ${e+-f/h*8})`}).text(a=>a.label);let F=r.append("g").attr("class","wardley-trends"),G=m.trends.map(a=>{let b=B.get(a.nodeId);if(!b)return null;let c=v(a.targetX),d=w(a.targetY),e=c-b.x,g=d-b.y,h=Math.sqrt(e*e+g*g),i=f.nodeRadius+2;return{origin:b,targetX:c,targetY:d,adjustedX2:h>i?c-e/h*i:c,adjustedY2:h>i?d-g/h*i:d}}).filter(a=>null!==a);F.selectAll("line").data(G).enter().append("line").attr("class","wardley-trend").attr("x1",a=>a.origin.x).attr("y1",a=>a.origin.y).attr("x2",a=>a.adjustedX2).attr("y2",a=>a.adjustedY2).attr("stroke",j.evolutionStroke).attr("stroke-width",1).attr("stroke-dasharray","4 4").attr("marker-end",`url(#arrow-${b})`);let H=r.append("g").attr("class","wardley-nodes").selectAll("g").data(m.nodes).enter().append("g").attr("class",a=>["wardley-node",a.className?`wardley-node--${a.className}`:""].filter(Boolean).join(" "));H.filter(a=>"outsource"===a.sourceStrategy).append("circle").attr("class","wardley-outsource-overlay").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y).attr("r",2*f.nodeRadius).attr("fill","#666").attr("stroke",j.componentStroke).attr("stroke-width",1),H.filter(a=>"buy"===a.sourceStrategy).append("circle").attr("class","wardley-buy-overlay").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y).attr("r",2*f.nodeRadius).attr("fill","#ccc").attr("stroke",j.componentStroke).attr("stroke-width",1),H.filter(a=>"build"===a.sourceStrategy).append("circle").attr("class","wardley-build-overlay").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y).attr("r",2*f.nodeRadius).attr("fill","#eee").attr("stroke","#000").attr("stroke-width",1);let I=H.filter(a=>"market"===a.sourceStrategy);I.append("circle").attr("class","wardley-market-overlay").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y).attr("r",2*f.nodeRadius).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",1),H.filter(a=>!a.isPipelineParent&&"market"!==a.sourceStrategy&&"anchor"!==a.className).append("circle").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y).attr("r",f.nodeRadius).attr("fill",j.componentFill).attr("stroke",j.componentStroke).attr("stroke-width",1);let M=.7*f.nodeRadius,N=1.2*f.nodeRadius;if(I.append("line").attr("class","wardley-market-line").attr("x1",a=>B.get(a.id).x).attr("y1",a=>B.get(a.id).y-N).attr("x2",a=>B.get(a.id).x-N*Math.cos(Math.PI/6)).attr("y2",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("stroke",j.componentStroke).attr("stroke-width",1),I.append("line").attr("class","wardley-market-line").attr("x1",a=>B.get(a.id).x-N*Math.cos(Math.PI/6)).attr("y1",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("x2",a=>B.get(a.id).x+N*Math.cos(Math.PI/6)).attr("y2",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("stroke",j.componentStroke).attr("stroke-width",1),I.append("line").attr("class","wardley-market-line").attr("x1",a=>B.get(a.id).x+N*Math.cos(Math.PI/6)).attr("y1",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("x2",a=>B.get(a.id).x).attr("y2",a=>B.get(a.id).y-N).attr("stroke",j.componentStroke).attr("stroke-width",1),I.append("circle").attr("class","wardley-market-dot").attr("cx",a=>B.get(a.id).x).attr("cy",a=>B.get(a.id).y-N).attr("r",M).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",2),I.append("circle").attr("class","wardley-market-dot").attr("cx",a=>B.get(a.id).x-N*Math.cos(Math.PI/6)).attr("cy",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("r",M).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",2),I.append("circle").attr("class","wardley-market-dot").attr("cx",a=>B.get(a.id).x+N*Math.cos(Math.PI/6)).attr("cy",a=>B.get(a.id).y+N*Math.sin(Math.PI/6)).attr("r",M).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",2),H.filter(a=>!0===a.isPipelineParent).append("rect").attr("x",a=>B.get(a.id).x-k/2).attr("y",a=>B.get(a.id).y-k/2).attr("width",k).attr("height",k).attr("fill",j.componentFill).attr("stroke",j.componentStroke).attr("stroke-width",1),H.filter(a=>!0===a.inertia).append("line").attr("class","wardley-inertia").attr("x1",a=>{let b=B.get(a.id),c=a.isPipelineParent?k/2+15:f.nodeRadius+15;return a.sourceStrategy&&(c+=f.nodeRadius+10),b.x+c}).attr("y1",a=>{let b=B.get(a.id),c=a.isPipelineParent?k:2*f.nodeRadius;return b.y-c/2}).attr("x2",a=>{let b=B.get(a.id),c=a.isPipelineParent?k/2+15:f.nodeRadius+15;return a.sourceStrategy&&(c+=f.nodeRadius+10),b.x+c}).attr("y2",a=>{let b=B.get(a.id),c=a.isPipelineParent?k:2*f.nodeRadius;return b.y+c/2}).attr("stroke",j.componentStroke).attr("stroke-width",6),H.append("text").attr("x",a=>{let b=B.get(a.id);if("anchor"===a.className)return void 0!==a.labelOffsetX?b.x+a.labelOffsetX:b.x;let c=f.nodeLabelOffset;a.sourceStrategy&&void 0===a.labelOffsetX&&(c+=10);let d=a.labelOffsetX??c;return b.x+d}).attr("y",a=>{let b=B.get(a.id);if("anchor"===a.className)return void 0!==a.labelOffsetY?b.y+a.labelOffsetY:b.y-3;let c=-f.nodeLabelOffset;a.sourceStrategy&&void 0===a.labelOffsetY&&(c-=10);let d=a.labelOffsetY??c;return b.y+d}).attr("class","wardley-node-label").attr("fill",a=>"evolved"===a.className?j.evolutionStroke:"anchor"===a.className?"#000":j.componentLabelColor).attr("font-size",f.labelFontSize).attr("font-weight",a=>"anchor"===a.className?"bold":"normal").attr("text-anchor",a=>"anchor"===a.className?"middle":"start").attr("dominant-baseline",a=>"anchor"===a.className?"middle":"auto").text(a=>a.label),m.annotations.length>0){let a=r.append("g").attr("class","wardley-annotations");if(m.annotations.forEach(b=>{let c=b.coordinates.map(a=>({x:v(a.x),y:w(a.y)}));if(c.length>1)for(let b=0;b<c.length-1;b++)a.append("line").attr("class","wardley-annotation-line").attr("x1",c[b].x).attr("y1",c[b].y).attr("x2",c[b+1].x).attr("y2",c[b+1].y).attr("stroke",j.axisColor).attr("stroke-width",1.5).attr("stroke-dasharray","4 4");c.forEach(c=>{let d=a.append("g").attr("class","wardley-annotation");d.append("circle").attr("cx",c.x).attr("cy",c.y).attr("r",10).attr("fill","white").attr("stroke",j.axisColor).attr("stroke-width",1.5),d.append("text").attr("x",c.x).attr("y",c.y).attr("text-anchor","middle").attr("dominant-baseline","central").attr("font-size",10).attr("fill",j.axisTextColor).attr("font-weight","bold").text(b.number)})}),m.annotationsBox){let b=v(m.annotationsBox.x),c=w(m.annotationsBox.y),d=a.append("g").attr("class","wardley-annotations-box"),e=[...m.annotations].filter(a=>a.text).sort((a,b)=>a.number-b.number),g=[];if(e.forEach((a,e)=>{let f=d.append("text").attr("x",b+10).attr("y",c+10+(e+1)*16).attr("font-size",11).attr("fill",j.axisTextColor).attr("text-anchor","start").attr("dominant-baseline","middle").text(`${a.number}. ${a.text}`);g.push(f)}),g.length>0){let a=0,h=0;g.forEach(b=>{let c=b.node(),d=c.getComputedTextLength();a=Math.max(a,d);let e=c.getBBox();h=Math.max(h,e.height)});let i=a+20+105,k=16*e.length+20+h/2,l=f.padding,m=o-f.padding-i,n=f.padding,q=p-f.padding-k;b=Math.max(l,Math.min(b,m)),c=Math.max(n,Math.min(c,q)),g.forEach((a,d)=>{a.attr("x",b+10).attr("y",c+10+(d+1)*16)}),d.insert("rect","text").attr("x",b).attr("y",c).attr("width",i).attr("height",k).attr("fill","white").attr("stroke",j.axisColor).attr("stroke-width",1.5).attr("rx",4).attr("ry",4)}}}if(m.notes.length>0){let a=r.append("g").attr("class","wardley-notes");m.notes.forEach(b=>{let c=v(b.x),d=w(b.y);a.append("text").attr("x",c).attr("y",d).attr("text-anchor","start").attr("font-size",11).attr("fill",j.axisTextColor).attr("font-weight","bold").text(b.text)})}if(m.accelerators.length>0){let a=r.append("g").attr("class","wardley-accelerators");m.accelerators.forEach(b=>{let c=v(b.x),d=w(b.y),e=`
+        M ${c} ${d-15}
+        L ${c+60-20} ${d-15}
+        L ${c+60-20} ${d-15-8}
+        L ${c+60} ${d}
+        L ${c+60-20} ${d+15+8}
+        L ${c+60-20} ${d+15}
+        L ${c} ${d+15}
+        Z
+      `;a.append("path").attr("d",e).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",1),a.append("text").attr("x",c+30).attr("y",d+15+15).attr("text-anchor","middle").attr("font-size",10).attr("fill",j.axisTextColor).attr("font-weight","bold").text(b.name)})}if(m.deaccelerators.length>0){let a=r.append("g").attr("class","wardley-deaccelerators");m.deaccelerators.forEach(b=>{let c=v(b.x),d=w(b.y),e=`
+        M ${c+60} ${d-15}
+        L ${c+20} ${d-15}
+        L ${c+20} ${d-15-8}
+        L ${c} ${d}
+        L ${c+20} ${d+15+8}
+        L ${c+20} ${d+15}
+        L ${c+60} ${d+15}
+        Z
+      `;a.append("path").attr("d",e).attr("fill","white").attr("stroke",j.componentStroke).attr("stroke-width",1),a.append("text").attr("x",c+30).attr("y",d+15+15).attr("text-anchor","middle").attr("font-size",10).attr("fill",j.axisTextColor).attr("font-weight","bold").text(b.name)})}},"draw")},styles:(0,i.K)(({wardley:a}={})=>{let b=(0,g.P$)(),c=(0,g.zj)(),d=(0,f.$t)(b,c.themeVariables),e=(0,f.$t)(d.wardley,a);return`
+  .wardley-background {
+    fill: ${e.backgroundColor};
+  }
+  .wardley-axes line, .wardley-axes path {
+    stroke: ${e.axisColor};
+  }
+  .wardley-axis-label {
+    fill: ${e.axisTextColor};
+  }
+  .wardley-stage-label {
+    fill: ${e.axisTextColor};
+  }
+  .wardley-grid line {
+    stroke: ${e.gridColor};
+  }
+  .wardley-node circle {
+    fill: ${e.componentFill};
+    stroke: ${e.componentStroke};
+  }
+  .wardley-node-label {
+    fill: ${e.componentLabelColor};
+  }
+  .wardley-link {
+    stroke: ${e.linkStroke};
+  }
+  .wardley-link--dashed {
+    stroke-dasharray: 4 4;
+  }
+  .wardley-link-label {
+    fill: ${e.axisTextColor};
+  }
+  .wardley-trend line {
+    stroke: ${e.evolutionStroke};
+  }
+  .wardley-annotation-line {
+    stroke: ${e.annotationStroke};
+  }
+  .wardley-annotation circle {
+    fill: ${e.annotationFill};
+    stroke: ${e.annotationStroke};
+  }
+  .wardley-annotation text {
+    fill: ${e.annotationTextColor};
+  }
+  .wardley-annotations-box rect {
+    fill: ${e.annotationFill};
+    stroke: ${e.annotationStroke};
+  }
+  .wardley-annotations-box text {
+    fill: ${e.annotationTextColor};
+  }
+  .wardley-pipeline-box {
+    stroke: ${e.componentStroke};
+  }
+  .wardley-notes text {
+    fill: ${e.axisTextColor};
+  }
+  `},"styles")}}};