cc-viewer 1.7.7 → 1.7.8

package/dist/assets/cynefinDiagram-TSTJHNR4-CuX_xTSU.js

@@ -0,0 +1 @@
+import{p as populateCommonDb}from"./chunk-JWPE2WC7-D5RR93-U.js";import{s as setAccDescription,g as getAccDescription,o as getDiagramTitle,n as setDiagramTitle,a as getAccTitle,b as setAccTitle,_ as __name,l as log,D as selectSvgElement,e as configureSvgSize,p as clear,A as cleanAndMerge,y as getConfig,B as defaultConfig_default,E as getThemeVariables3}from"./mermaid.core-DH-sQJgr.js";import{p as parse}from"./cynefin-VYW2F7L2-Ch8_Ihra.js";import"./vendor-mdxeditor-DT0rad22.js";import"./vendor-antd-DNUTLr77.js";import"./vendor-codemirror-6ck0hLRU.js";import"./vendor-markdown-DBlfs4dR.js";var createDefaultData=__name(()=>({domains:new Map,transitions:[]}),"createDefaultData"),data=createDefaultData(),db={getDomains:__name(()=>data.domains,"getDomains"),getTransitions:__name(()=>data.transitions,"getTransitions"),setDomains:__name(blocks=>{if(blocks)for(const block of blocks){const domainName=block.domain,items=(block.items??[]).map(item=>({label:item.label}));data.domains.set(domainName,{name:domainName,items:items})}},"setDomains"),setTransitions:__name(transitions=>{transitions&&(data.transitions=transitions.filter(t=>t.from!==t.to||(log.warn(`Cynefin: self-loop transition on domain "${t.from}" is not meaningful and will be skipped.`),!1)).map(t=>({from:t.from,to:t.to,label:t.label||void 0})))},"setTransitions"),getConfig:__name(()=>cleanAndMerge({...defaultConfig_default.cynefin,...getConfig().cynefin}),"getConfig"),clear:__name(()=>{clear(),data=createDefaultData()},"clear"),setAccTitle:setAccTitle,getAccTitle:getAccTitle,setDiagramTitle:setDiagramTitle,getDiagramTitle:getDiagramTitle,getAccDescription:getAccDescription,setAccDescription:setAccDescription},populate=__name(ast=>{populateCommonDb(ast,db),db.setDomains(ast.domains),db.setTransitions(ast.transitions)},"populate"),parser={parse:__name(async input=>{const ast=await parse("cynefin",input);log.debug(ast),populate(ast)},"parse")};function seededRandom(seed){let t=seed+1831565813|0;return t=Math.imul(t^t>>>15,1|t),t^=t+Math.imul(t^t>>>7,61|t),((t^t>>>14)>>>0)/4294967296}function hashString(str){let hash=0;for(let i=0;i<str.length;i++){hash=(hash<<5)-hash+str.charCodeAt(i),hash|=0}return hash}function resolveSeed(configuredSeed,id){return"number"==typeof configuredSeed&&Number.isFinite(configuredSeed)&&0!==configuredSeed?configuredSeed:hashString(id)}function generateFoldPath(width,height,seed,amplitudeOverride){const cx=width/2,amplitude=amplitudeOverride??.015*width,segHeight=height/7,points=[];for(let i=0;i<=7;i++){const jitter=seededRandom(seed+17*i)*amplitude*2-amplitude;points.push({x:cx+jitter,y:i*segHeight})}let d=`M${points[0].x},${points[0].y}`;for(let i=0;i<points.length-1;i++){const p0=points[i],p1=points[i+1],midY=(p0.y+p1.y)/2,offset=1.5*amplitude*(i%2==0?1:-1)*seededRandom(seed+31*i+7);d+=` C${p0.x+offset},${midY} ${p1.x-offset},${midY} ${p1.x},${p1.y}`}return d}function generateHorizontalBoundary(width,height,seed,amplitudeOverride){const cy=height/2,amplitude=amplitudeOverride??.015*height,segWidth=width/7,points=[];for(let i=0;i<=7;i++){const jitter=seededRandom(seed+23*i)*amplitude*2-amplitude;points.push({x:i*segWidth,y:cy+jitter})}let d=`M${points[0].x},${points[0].y}`;for(let i=0;i<points.length-1;i++){const p0=points[i],p1=points[i+1],midX=(p0.x+p1.x)/2,offset=1.5*amplitude*(i%2==0?1:-1)*seededRandom(seed+37*i+11);d+=` C${midX},${p0.y+offset} ${midX},${p1.y-offset} ${p1.x},${p1.y}`}return d}function generateCliffPath(width,height){const cx=width/2,topY=.5*height,amplitude=.03*width;return[`M${cx},${topY}`,`C${cx+amplitude},${topY+.2*(height-topY)}`,`${cx-1.5*amplitude},${topY+.55*(height-topY)}`,`${cx+.5*amplitude},${topY+.75*(height-topY)}`,`C${cx-amplitude},${topY+.85*(height-topY)}`,`${cx+.3*amplitude},${topY+.95*(height-topY)}`,`${cx},${height}`].join(" ")}function generateConfusionPath(cx,cy,rx,ry){return[`M${cx-rx},${cy}`,`A${rx},${ry} 0 1,1 ${cx+rx},${cy}`,`A${rx},${ry} 0 1,1 ${cx-rx},${cy}`,"Z"].join(" ")}__name(seededRandom,"seededRandom"),__name(hashString,"hashString"),__name(resolveSeed,"resolveSeed"),__name(generateFoldPath,"generateFoldPath"),__name(generateHorizontalBoundary,"generateHorizontalBoundary"),__name(generateCliffPath,"generateCliffPath"),__name(generateConfusionPath,"generateConfusionPath");var DOMAIN_META={complex:{model:"Probe → Sense → Respond",practice:"Emergent Practices"},complicated:{model:"Sense → Analyse → Respond",practice:"Good Practices"},clear:{model:"Sense → Categorise → Respond",practice:"Best Practices"},chaotic:{model:"Act → Sense → Respond",practice:"Novel Practices"},confusion:{model:"",practice:"Disorder"}},getDomainLayouts=__name((width,height)=>{const hw=width/2,hh=height/2;return{complex:{cx:hw/2,cy:hh/2,x:0,y:0,w:hw,h:hh},complicated:{cx:hw+hw/2,cy:hh/2,x:hw,y:0,w:hw,h:hh},chaotic:{cx:hw/2,cy:hh+hh/2,x:0,y:hh,w:hw,h:hh},clear:{cx:hw+hw/2,cy:hh+hh/2,x:hw,y:hh,w:hw,h:hh},confusion:{cx:hw,cy:hh,x:.7*hw,y:.7*hh,w:.6*hw,h:.6*hh}}},"getDomainLayouts"),getCynefinDomainColors=__name(()=>{const defaultThemeVariables=getThemeVariables3(),currentConfig=getConfig();return cleanAndMerge(defaultThemeVariables,currentConfig.themeVariables).cynefin},"getCynefinDomainColors"),renderer={draw:__name((_text,id,_version,diagram2)=>{const db2=diagram2.db,domains=db2.getDomains(),transitions=db2.getTransitions(),title=db2.getDiagramTitle(),accTitle=db2.getAccTitle(),accDescription=db2.getAccDescription(),config=db2.getConfig(),domainColors=getCynefinDomainColors();log.debug("Rendering Cynefin diagram");const width=config.width,height=config.height,padding=config.padding,showDomainDescriptions=config.showDomainDescriptions,boundaryAmplitude=config.boundaryAmplitude,totalWidth=width+2*padding,totalHeight=height+2*padding,domainBg={complex:domainColors.complexBg,complicated:domainColors.complicatedBg,clear:domainColors.clearBg,chaotic:domainColors.chaoticBg,confusion:domainColors.confusionBg},svg=selectSvgElement(id);configureSvgSize(svg,totalHeight,totalWidth,config.useMaxWidth??!0),svg.attr("viewBox",`0 0 ${totalWidth} ${totalHeight}`),accTitle&&svg.append("title").text(accTitle),accDescription&&svg.append("desc").text(accDescription);const root=svg.append("g").attr("transform",`translate(${padding}, ${padding})`),layouts=getDomainLayouts(width,height),seed=resolveSeed(config.seed,id),bgGroup=root.append("g").attr("class","cynefin-backgrounds"),quadrantDomains=["complex","complicated","chaotic","clear"];for(const domainName of quadrantDomains){const layout=layouts[domainName];bgGroup.append("rect").attr("class","cynefinDomain").attr("x",layout.x).attr("y",layout.y).attr("width",layout.w).attr("height",layout.h).attr("fill",domainBg[domainName]).attr("fill-opacity",.4).attr("stroke","none")}const boundaryGroup=root.append("g").attr("class","cynefin-boundaries");boundaryGroup.append("path").attr("class","cynefinBoundary").attr("d",generateFoldPath(width,height,seed,boundaryAmplitude)).attr("fill","none"),boundaryGroup.append("path").attr("class","cynefinBoundary").attr("d",generateHorizontalBoundary(width,height,seed+100,boundaryAmplitude)).attr("fill","none"),boundaryGroup.append("path").attr("class","cynefinCliff").attr("d",generateCliffPath(width,height)).attr("fill","none");const confusionRx=.15*width,confusionRy=.15*height;root.append("path").attr("class","cynefinConfusion").attr("d",generateConfusionPath(width/2,height/2,confusionRx,confusionRy)).attr("fill",domainBg.confusion).attr("fill-opacity",.5);const labelGroup=root.append("g").attr("class","cynefin-labels");for(const domainName of quadrantDomains){const layout=layouts[domainName];labelGroup.append("text").attr("class","cynefinDomainLabel").attr("x",layout.cx).attr("y",showDomainDescriptions?layout.cy-30:layout.cy).attr("text-anchor","middle").attr("dominant-baseline","middle").text(domainName.charAt(0).toUpperCase()+domainName.slice(1))}if(labelGroup.append("text").attr("class","cynefinDomainLabel").attr("x",width/2).attr("y",showDomainDescriptions?height/2-10:height/2).attr("text-anchor","middle").attr("dominant-baseline","middle").text("Confusion"),showDomainDescriptions){const subtitleGroup=root.append("g").attr("class","cynefin-subtitles");for(const domainName of quadrantDomains){const layout=layouts[domainName],meta=DOMAIN_META[domainName];subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",layout.cx).attr("y",layout.cy-10).attr("text-anchor","middle").attr("dominant-baseline","middle").text(meta.model),subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",layout.cx).attr("y",layout.cy+5).attr("text-anchor","middle").attr("dominant-baseline","middle").text(meta.practice)}subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",width/2).attr("y",height/2+8).attr("text-anchor","middle").attr("dominant-baseline","middle").text(DOMAIN_META.confusion.practice)}const itemGroup=root.append("g").attr("class","cynefin-items"),allDomains=["complex","complicated","chaotic","clear","confusion"];for(const domainName of allDomains){const domain=domains.get(domainName);if(!domain||0===domain.items.length)continue;const layout=layouts[domainName],isConfusion="confusion"===domainName;let startY,itemsToRender=domain.items,overflowCount=0;if(isConfusion&&domain.items.length>3&&(overflowCount=domain.items.length-3,itemsToRender=domain.items.slice(0,3)),isConfusion){const labelOffset=showDomainDescriptions?22:14;startY=layout.cy+labelOffset}else startY=layout.cy+(showDomainDescriptions?25:15);if([...itemsToRender].forEach((item,idx)=>{const itemY=startY+30*idx,g=itemGroup.append("g"),textEl=g.append("text").attr("class","cynefinItemText").attr("x",0).attr("y",13).attr("text-anchor","middle").attr("dominant-baseline","central").text(item.label);let measuredWidth=7*item.label.length;const textNode=textEl.node();if(textNode&&"function"==typeof textNode.getBBox){const bbox=textNode.getBBox();bbox.width>0&&(measuredWidth=bbox.width)}const badgeWidth=measuredWidth+20,itemX=layout.cx-badgeWidth/2;g.attr("transform",`translate(${itemX}, ${itemY})`),g.insert("rect","text").attr("class","cynefinItem").attr("x",0).attr("y",0).attr("width",badgeWidth).attr("height",26).attr("rx",4).attr("ry",4).attr("fill",domainBg[domainName]).attr("fill-opacity",.95),textEl.attr("x",badgeWidth/2).attr("y",13)}),overflowCount>0){const overflowY=startY+30*itemsToRender.length,overflowLabel=`+${overflowCount} more`,g=itemGroup.append("g"),textEl=g.append("text").attr("class","cynefinItemText").attr("x",0).attr("y",13).attr("text-anchor","middle").attr("dominant-baseline","central").text(overflowLabel);let measuredWidth=7*overflowLabel.length;const textNode=textEl.node();if(textNode&&"function"==typeof textNode.getBBox){const bbox=textNode.getBBox();bbox.width>0&&(measuredWidth=bbox.width)}const badgeWidth=measuredWidth+20,itemX=layout.cx-badgeWidth/2;g.attr("transform",`translate(${itemX}, ${overflowY})`),g.insert("rect","text").attr("class","cynefinItemOverflow").attr("x",0).attr("y",0).attr("width",badgeWidth).attr("height",26).attr("rx",4).attr("ry",4).attr("fill",domainBg[domainName]).attr("fill-opacity",.6),textEl.attr("x",badgeWidth/2).attr("y",13)}}if(transitions.length>0){const defs=svg.select("defs").empty()?svg.append("defs"):svg.select("defs"),markerId=`cynefin-arrow-${id}`;defs.append("marker").attr("id",markerId).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("class","cynefinArrowHead");const arrowGroup=root.append("g").attr("class","cynefin-arrows");transitions.forEach(transition=>{const fromLayout=layouts[transition.from],toLayout=layouts[transition.to];if(!fromLayout||!toLayout)return;if(transition.from===transition.to)return void log.warn(`Cynefin renderer: skipping self-loop on domain "${transition.from}"`);const x1=fromLayout.cx,y1=fromLayout.cy,x2=toLayout.cx,y2=toLayout.cy,mx=(x1+x2)/2,my=(y1+y2)/2,dx=x2-x1,dy=y2-y1,len=Math.sqrt(dx*dx+dy*dy),offsetAmount=.15*len,cpx=mx+-dy/len*offsetAmount,cpy=my+dx/len*offsetAmount;arrowGroup.append("path").attr("class","cynefinArrowLine").attr("d",`M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`).attr("fill","none").attr("marker-end",`url(#${markerId})`),transition.label&&arrowGroup.append("text").attr("class","cynefinArrowLabel").attr("x",cpx).attr("y",cpy-6).attr("text-anchor","middle").attr("dominant-baseline","auto").text(transition.label)})}title&&root.append("text").attr("class","cynefinTitle").attr("x",width/2).attr("y",-padding/2).attr("text-anchor","middle").attr("dominant-baseline","middle").text(title)},"draw")},getCynefinTheme=__name(()=>{const defaultThemeVariables=getThemeVariables3(),currentConfig=getConfig();return cleanAndMerge(defaultThemeVariables,currentConfig.themeVariables).cynefin},"getCynefinTheme"),diagram={parser:parser,db:db,renderer:renderer,styles:__name(()=>{const t=getCynefinTheme();return`\n\t.cynefinDomain {\n\t\tstroke: none;\n\t}\n\t.cynefinDomainLabel {\n\t\tfont-size: ${t.domainFontSize}px;\n\t\tfont-weight: bold;\n\t\tfill: ${t.labelColor};\n\t}\n\t.cynefinSubtitle {\n\t\tfont-size: ${t.itemFontSize-1}px;\n\t\tfill: ${t.textColor};\n\t\tfont-style: italic;\n\t}\n\t.cynefinItem {\n\t\tfill-opacity: 0.95;\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1;\n\t}\n\t.cynefinItemText {\n\t\tfont-size: ${t.itemFontSize}px;\n\t\tfill: ${t.textColor};\n\t}\n\t.cynefinItemOverflow {\n\t\tfill-opacity: 0.6;\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1;\n\t\tstroke-dasharray: 3 2;\n\t}\n\t.cynefinBoundary {\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: ${t.boundaryWidth};\n\t\tstroke-dasharray: 6 3;\n\t}\n\t.cynefinCliff {\n\t\tstroke: ${t.cliffColor};\n\t\tstroke-width: ${t.cliffWidth};\n\t}\n\t.cynefinConfusion {\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1.5;\n\t\tstroke-dasharray: 4 2;\n\t}\n\t.cynefinArrowLine {\n\t\tstroke: ${t.arrowColor};\n\t\tstroke-width: ${t.arrowWidth};\n\t\tfill: none;\n\t}\n\t.cynefinArrowHead {\n\t\tfill: ${t.arrowColor};\n\t\tstroke: none;\n\t}\n\t.cynefinArrowLabel {\n\t\tfont-size: ${t.itemFontSize-1}px;\n\t\tfill: ${t.textColor};\n\t}\n\t.cynefinTitle {\n\t\tfont-size: ${t.domainFontSize+2}px;\n\t\tfont-weight: bold;\n\t\tfill: ${t.labelColor};\n\t}\n\t`},"styles")};export{diagram};