dev-process-kit 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/THIRD_PARTY_LICENSES.md +46 -0
- package/dist/chunks/{shared-CrE-y5oF.js → shared-0MFKKPnB.js} +165 -96
- package/dist/chunks/shared-B2YRwZ0P.js +2062 -0
- package/dist/chunks/{shared-OGH3pSVq.js → shared-B4Mwapvi.js} +89 -63
- package/dist/chunks/shared-BDUe3aT-.js +1 -0
- package/dist/chunks/{shared-DGI_sFo5.js → shared-C1KQ5iU8.js} +55 -32
- package/dist/chunks/{shared-BgCDocVX.js → shared-CQG0dnvb.js} +17 -7
- package/dist/chunks/shared-CSC14I4g.js +2370 -0
- package/dist/chunks/shared-Cd8A5TjZ.js +2428 -0
- package/dist/chunks/shared-CirHYajF.js +30 -0
- package/dist/chunks/shared-D4K7KsfJ.js +1 -0
- package/dist/chunks/{shared-TW6kWbUL.js → shared-D7poXZ0z.js} +17 -9
- package/dist/chunks/shared-DO0pUSjw.js +571 -0
- package/dist/chunks/shared-DdefS1nG.js +1 -0
- package/dist/chunks/{shared-BSFZSMH5.js → shared-DjmQsa0n.js} +1 -1
- package/dist/chunks/{shared-DZfXwU7f.js → shared-DklLt1Sc.js} +1 -1
- package/dist/chunks/{shared-CHaHI5X3.js → shared-DrMSORn-.js} +34 -11
- package/dist/chunks/shared-DxAiavwJ.js +1102 -0
- package/dist/chunks/shared-aDPp8Vry.js +1 -0
- package/dist/components.js +1 -1
- package/dist/index.js +1 -1
- package/dist/templates/delegation-poker.js +1 -1
- package/dist/templates/event-storming.js +1 -1
- package/dist/templates/example-mapping.js +1 -1
- package/dist/templates/grill.js +1 -1
- package/dist/templates/plain.js +1 -1
- package/dist/templates/prototype.js +1 -1
- package/dist/templates/slides.js +1 -1
- package/dist/templates/task-board.js +1 -1
- package/dist/templates/usm.js +1 -1
- package/dist/templates/whiteboard.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/shared-B4ewpBuM.js +0 -30
- package/dist/chunks/shared-B9OVJ7XA.js +0 -556
- package/dist/chunks/shared-BHRhwgui.js +0 -1252
- package/dist/chunks/shared-B_MMP97h.js +0 -2402
- package/dist/chunks/shared-CxFItadP.js +0 -1094
- package/dist/chunks/shared-DIJgMVpY.js +0 -2239
- package/dist/chunks/shared-xrCdgpNS.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,a7 as Ye,a8 as Ve,A as We,a9 as Es,aa as qs,ab as G,ac as q,ad as f,ae as z,af as u,ag as H,ah as S,ai as M,aj as ae,ak as Ke,al as Xe,am as Z,an as we,ao as zs,ap as $e,aq as Se,ar as Ds,as as Me,l as Je,at as Ts,au as As,av as Ls,aw as ne,ax as Rs,q as Os,r as Is}from"./shared-B_MMP97h.js";import{i as Ze}from"./shared-BSFZSMH5.js";import{P as Qe,p as et,r as tt,c as st}from"./shared-B4ewpBuM.js";import{c as me}from"./shared-ml5h7U5L.js";const Ps='script[type="application/json"]',at=(a,e)=>{const t=a.querySelector(Ps);if(!t)return null;const s=t.textContent??"";if(s.trim()==="")return{ok:!1,error:"JSON block is empty"};try{return{ok:!0,value:e(JSON.parse(s))}}catch(n){return{ok:!1,error:n instanceof Error?n.message:String(n)}}},nt=(a,e,t)=>{const s=at(a,e);if(s)return t(s),()=>{};const n=new MutationObserver(()=>{const r=at(a,e);r&&(n.disconnect(),t(r))});return n.observe(a,{childList:!0,subtree:!0}),()=>n.disconnect()},rt={nodeSpacing:34,layerSpacing:84,padding:28,sweeps:4,coordinatePasses:6},ge=a=>{const e=[...a].sort((s,n)=>s-n);if(e.length===0)return 0;const t=Math.floor(e.length/2);return e.length%2===1?e[t]??0:((e[t-1]??0)+(e[t]??0))/2},js=(a,e)=>{const t=new Map;for(const i of a)t.set(i.id,[]);for(const i of e)t.get(i.from)?.push(i);const s=new Map,n=new Set,r=i=>{s.set(i,"open");for(const o of t.get(i)??[]){const d=s.get(o.to)??"new";d==="open"?n.add(o.id):d==="new"&&r(o.to)}s.set(i,"done")};for(const i of a)(s.get(i.id)??"new")==="new"&&r(i.id);return{reversed:n,forward:e.filter(i=>!n.has(i.id))}},Fs=(a,e)=>{const t=new Map,s=new Map;for(const o of a)t.set(o.id,[]),s.set(o.id,[]);for(const o of e)s.get(o.from)?.push(o),t.get(o.to)?.push(o);const n=new Map(a.map(o=>[o.id,0])),r=new Map(a.map(o=>[o.id,(t.get(o.id)??[]).length])),i=a.filter(o=>(r.get(o.id)??0)===0).map(o=>o.id);for(const o of i)for(const d of s.get(o)??[]){const l=n.get(d.to)??0;n.set(d.to,Math.max(l,(n.get(o)??0)+1));const c=(r.get(d.to)??0)-1;r.set(d.to,c),c===0&&i.push(d.to)}return n},Ns=(a,e,t,s)=>{const n=[...a.keys()].sort((r,i)=>r-i);for(let r=0;r<s;r++){const i=r%2===0;for(const o of i?n:[...n].reverse()){const d=a.get(o)??[],l=new Map(d.map((p,k)=>[p,k])),c=p=>{const k=l.get(p);return k===void 0?null:k},m=d.map(p=>{const k=(e.get(p)??[]).filter(x=>(t.get(x)??o)===o+(i?-1:1)).map(c).filter(x=>x!==null);return{id:p,want:k.length>0?ge(k):l.get(p)??0}});m.sort((p,k)=>p.want-k.want||(l.get(p.id)??0)-(l.get(k.id)??0)),a.set(o,m.map(p=>p.id))}}},it=(a,e,t,s)=>{const n=a.map((i,o)=>({id:i,want:t.get(i)??o*100,index:o}));n.sort((i,o)=>i.want-o.want||i.index-o.index);let r=0;for(const i of n){const o=e.get(i.id);o&&(o.y=r,r+=o.spec.height+s)}return{height:Math.max(0,r-s)}},Us=(a,e,t,s,n)=>{const r=[...a.keys()].sort((l,c)=>l-c),i=new Map;for(const l of r)i.set(l,it(a.get(l)??[],e,new Map,n.nodeSpacing).height);const o=Math.max(0,...i.values());for(const l of r){const c=(o-(i.get(l)??0))/2;for(const m of a.get(l)??[]){const p=e.get(m);p&&(p.y+=c)}}const d=(l,c)=>{const m=(t.get(l)??[]).filter(p=>s.get(p)===c).flatMap(p=>{const k=e.get(p);return k?[k.y+k.spec.height/2]:[]});return m.length>0?ge(m):null};for(let l=0;l<n.coordinatePasses;l++){const c=l%2===0;for(const m of c?r:[...r].reverse()){const p=a.get(m)??[],k=new Map;for(const w of p){const D=d(w,m+(c?-1:1)),I=e.get(w);I!==void 0&&k.set(w,D===null?I.y+I.spec.height/2:D)}const x=p.map(w=>e.get(w)?.y??0);it(p,e,k,n.nodeSpacing);const v=p.map(w=>e.get(w)?.y??0),y=ge(x)-ge(v);for(const w of p){const D=e.get(w);D&&(D.y+=y)}}}},ot=(a,e,t)=>{const s=e===void 0?void 0:a.spec.ports?.[e];return s?{x:a.x+s.x,y:a.y+s.y}:t==="out"?{x:a.x+a.spec.width,y:a.y+a.spec.height/2}:{x:a.x,y:a.y+a.spec.height/2}},dt=(a,e,t)=>{let s=0;const n=[];for(const r of a){const i=t.byId.get(r.from),o=t.byId.get(r.to);if(!i||!o)continue;const d=ot(i,r.fromPort,"out"),l=ot(o,r.toPort,"in");if(r.from===r.to){const x=i.x+i.spec.width,v=i.y+i.spec.height,y=Math.max(t.padding/2,v+18);n.push({id:r.id,points:[d,{x:x+20,y:d.y},{x:x+20,y},{x:i.x-20,y},{x:i.x-20,y:l.y},l]});continue}if(!e.has(r.id)&&(i.layer<o.layer||i.layer===o.layer&&l.x>d.x+12)){if(Math.abs(d.y-l.y)<.5){n.push({id:r.id,points:[d,l]});continue}const v=i.layer<o.layer?Math.max(d.x+14,o.x-Math.max(12,t.layerSpacing/2)):(d.x+l.x)/2;n.push({id:r.id,points:[d,{x:v,y:d.y},{x:v,y:l.y},l]});continue}const c=r.fromPort===void 0?{x:i.x+i.spec.width/2,y:i.y+i.spec.height}:d,m=r.toPort===void 0?{x:o.x+o.spec.width/2,y:o.y+o.spec.height}:l,p=Math.max(c.y,m.y)+18+s*14;s+=1;const k=[d,c,{x:c.x,y:p},{x:m.x,y:p},m,l].filter((x,v,y)=>v===0||x.x!==y[v-1]?.x||x.y!==y[v-1]?.y);n.push({id:r.id,points:k})}return n},lt=(a,e,t)=>{const s=e.flatMap(p=>[...p.points]),n=[...a.map(p=>p.x),...a.map(p=>p.x+p.spec.width),...s.map(p=>p.x)],r=[...a.map(p=>p.y),...a.map(p=>p.y+p.spec.height),...s.map(p=>p.y)],i=Math.min(0,...n),o=Math.min(0,...r),d=Math.max(0,...n),l=Math.max(0,...r),c=t-i,m=t-o;return{width:d-i+t*2,height:l-o+t*2,nodes:a.map(p=>({id:p.spec.id,x:p.x+c,y:p.y+m,width:p.spec.width,height:p.spec.height,layer:p.layer,order:p.order})),routes:e.map(p=>({id:p.id,points:p.points.map(k=>({x:k.x+c,y:k.y+m}))}))}},ct=(a,e)=>{const t=new Map(a.map(s=>[s.id,[]]));for(const s of e)s.from!==s.to&&(t.get(s.from)?.push(s.to),t.get(s.to)?.push(s.from));return t},pt=(a,e,t,s)=>a.map(n=>({spec:n,layer:e.get(n.id)??0,order:t.get(n.id)??0,...s(n)})),Hs=(a,e)=>{const t=new Map;for(const s of a){const n=e.get(s.id)??0,r=t.get(n);r?r.push(s.id):t.set(n,[s.id])}return t},_s=(a,e,t={})=>{const s={...rt,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const n=new Set(a.map(v=>v.id)),r=e.filter(v=>n.has(v.from)&&n.has(v.to)),{forward:i,reversed:o}=js(a,r),d=Fs(a,i),l=Hs(a,d);Ns(l,ct(a,r),d,s.sweeps);const c=new Map;for(const v of l.values())v.forEach((y,w)=>c.set(y,w));const m=pt(a,d,c,()=>({x:0,y:0})),p=new Map(m.map(v=>[v.spec.id,v]));Us(l,p,ct(a,r),d,s);const k=[...l.keys()].sort((v,y)=>v-y);let x=0;for(const v of k){const y=Math.max(...(l.get(v)??[]).map(w=>p.get(w)?.spec.width??0));for(const w of l.get(v)??[]){const D=p.get(w);D&&(D.x=x)}x+=y+s.layerSpacing}return lt(m,dt(r,o,{byId:p,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},Bs=(a,e,t={})=>{const s={...rt,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const n=new Set(a.map(d=>d.id)),r=e.filter(d=>n.has(d.from)&&n.has(d.to)),i=pt(a,new Map,new Map,d=>d.position??{x:0,y:0}),o=new Map(i.map(d=>[d.spec.id,d]));return lt(i,dt(r,new Set,{byId:o,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},Gs=_({en:{tagFilter:"Filter by tag",tagMatch:"Tag matching",clearTags:"Clear",zoomOut:"Zoom out",fit:"Fit to view",zoomIn:"Zoom in",sendFailed:"Could not send. Please try again.",commentOn:a=>`Comment on ${a}`,noMatches:"No matching elements.",maximize:"Maximize",restore:"Restore size",canvas:"Diagram. Arrow keys pan, plus and minus zoom, 0 fits the view.",dataError:"Could not load the diagram data.",nodes:"elements",edges:"relations",change:(a,e)=>`\u201C${a}\u201D \u2192 \u201C${e}\u201D`},ja:{tagFilter:"\u30BF\u30B0\u306E\u7D5E\u308A\u8FBC\u307F",tagMatch:"\u30BF\u30B0\u306E\u4E00\u81F4\u6761\u4EF6",clearTags:"\u89E3\u9664",zoomOut:"\u7E2E\u5C0F",fit:"\u5168\u4F53\u3092\u8868\u793A",zoomIn:"\u62E1\u5927",sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",commentOn:a=>`${a}\u306B\u30B3\u30E1\u30F3\u30C8`,noMatches:"\u8A72\u5F53\u3059\u308B\u8981\u7D20\u306F\u3042\u308A\u307E\u305B\u3093\u3002",maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",canvas:"\u56F3\u3002\u77E2\u5370\u30AD\u30FC\u3067\u30D1\u30F3\u3001\u30D7\u30E9\u30B9\u30FB\u30DE\u30A4\u30CA\u30B9\u3067\u30BA\u30FC\u30E0\u30010\u3067\u5168\u4F53\u8868\u793A\u3002",dataError:"\u56F3\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",nodes:"\u8981\u7D20",edges:"\u95A2\u9023",change:(a,e)=>`\u300C${a}\u300D\u2192\u300C${e}\u300D`}}),Ys={active:[],match:"single"},Q=(a,e)=>e.active.length===0?!0:e.match==="all"?e.active.every(t=>a.includes(t)):e.active.some(t=>a.includes(t)),Vs=(a,e)=>a.active.includes(e)?{...a,active:a.active.filter(t=>t!==e)}:a.match==="single"?{...a,active:[e]}:{...a,active:[...a.active,e]},Ws=(a,e)=>({match:e,active:e==="single"&&a.active.length>1?a.active.slice(-1):a.active}),Ks=a=>({...a,active:[]}),Xs=a=>{const e=new Map;for(const t of a)for(const s of new Set(t))e.set(s,(e.get(s)??0)+1);return[...e].map(([t,s])=>({tag:t,count:s}))},Y={nodes:new Map,edges:new Set},N=(a,e,t,s)=>{const n=new Map,r=new Set,i=[{id:e,depth:0}],o=new Set([e]);for(const d of i)if(!(!s&&d.depth>=1))for(const l of a){const c=t==="outgoing"?l.from:l.to,m=t==="outgoing"?l.to:l.from;c===d.id&&(r.add(l.id),!o.has(m)&&(o.add(m),n.set(m,d.depth+1),i.push({id:m,depth:d.depth+1})))}return{nodes:n,edges:r}},Js=(a,e)=>{const t=new Map(a.map(r=>[r,N(e,r,"outgoing",!0).nodes])),s=new Set,n=[];for(const r of a){if(s.has(r))continue;const i=a.filter(o=>o===r||t.get(r)?.has(o)===!0&&t.get(o)?.has(r)===!0);for(const o of i)s.add(o);(i.length>1||e.some(o=>o.from===r&&o.to===r))&&n.push(i)}return n},Ce=a=>new Map(a.flatMap((e,t)=>e.map(s=>[s,t]))),ht=(a,e)=>e.get(a.from)===e.get(a.to)&&e.has(a.from),ut=a=>{try{return a.split("/").map(e=>decodeURIComponent(e))}catch{return null}},mt=(a,e,t,s)=>{const n=e!==null&&e.kind===t&&e.id===a,r=t==="node"?s.nodes.has(a):s.edges.has(a),i=t==="node"?s.nodes.get(a)??null:null;return{selected:n,related:r&&!n,dimmed:e!==null&&!n&&!r,depth:i}},ee=(...a)=>a.filter(e=>typeof e=="string"&&e!=="").join(" "),Zs=a=>{const e=a[0]??{x:0,y:0},t=a.at(-1)??e;if(a.length<=2)return{x:(e.x+t.x)/2,y:(e.y+t.y)/2};if(a.length===4){const r=a[1]??e,i=a[2]??t;return{x:r.x,y:(r.y+i.y)/2}}const s=a[2]??e,n=a[3]??t;return{x:(s.x+n.x)/2,y:s.y}},Qs=(a,e)=>Xs(a).map(t=>({tag:t.tag,count:t.count,selected:e.active.includes(t.tag)})),ea=(a,e,t)=>`${a} ${t.node} \xB7 ${e} ${t.edge}`,W=[_e,Be,Ge,B`
|
|
1
|
+
import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as zs,J as Ds,a7 as I,a8 as Ye,a9 as Ve,A as We,aa as Ts,ab as As,ac as G,ad as q,ae as f,af as z,ag as u,ah as H,ai as S,aj as M,ak as ae,al as Ke,am as Xe,an as Z,ao as we,ap as Je,aq as Ls,ar as Rs,as as $e,at as Se,au as Os,av as Me,l as Ze,aw as Is,ax as Ps,ay as js,az as ne,q as Fs,r as Ns}from"./shared-CSC14I4g.js";import{i as Qe}from"./shared-DjmQsa0n.js";import{P as et}from"./shared-aDPp8Vry.js";import{p as tt,r as st,c as at}from"./shared-CirHYajF.js";import{c as me}from"./shared-ml5h7U5L.js";const Us='script[type="application/json"]',nt=(a,e)=>{const t=a.querySelector(Us);if(!t)return null;const s=t.textContent??"";if(s.trim()==="")return{ok:!1,error:"JSON block is empty"};try{return{ok:!0,value:e(JSON.parse(s))}}catch(n){return{ok:!1,error:n instanceof Error?n.message:String(n)}}},rt=(a,e,t)=>{const s=nt(a,e);if(s)return t(s),()=>{};const n=new MutationObserver(()=>{const r=nt(a,e);r&&(n.disconnect(),t(r))});return n.observe(a,{childList:!0,subtree:!0}),()=>n.disconnect()},it={nodeSpacing:34,layerSpacing:84,padding:28,sweeps:4,coordinatePasses:6},ge=a=>{const e=[...a].sort((s,n)=>s-n);if(e.length===0)return 0;const t=Math.floor(e.length/2);return e.length%2===1?e[t]??0:((e[t-1]??0)+(e[t]??0))/2},Hs=(a,e)=>{const t=new Map;for(const i of a)t.set(i.id,[]);for(const i of e)t.get(i.from)?.push(i);const s=new Map,n=new Set,r=i=>{s.set(i,"open");for(const o of t.get(i)??[]){const d=s.get(o.to)??"new";d==="open"?n.add(o.id):d==="new"&&r(o.to)}s.set(i,"done")};for(const i of a)(s.get(i.id)??"new")==="new"&&r(i.id);return{reversed:n,forward:e.filter(i=>!n.has(i.id))}},_s=(a,e)=>{const t=new Map,s=new Map;for(const o of a)t.set(o.id,[]),s.set(o.id,[]);for(const o of e)s.get(o.from)?.push(o),t.get(o.to)?.push(o);const n=new Map(a.map(o=>[o.id,0])),r=new Map(a.map(o=>[o.id,(t.get(o.id)??[]).length])),i=a.filter(o=>(r.get(o.id)??0)===0).map(o=>o.id);for(const o of i)for(const d of s.get(o)??[]){const l=n.get(d.to)??0;n.set(d.to,Math.max(l,(n.get(o)??0)+1));const c=(r.get(d.to)??0)-1;r.set(d.to,c),c===0&&i.push(d.to)}return n},Bs=(a,e,t,s)=>{const n=[...a.keys()].sort((r,i)=>r-i);for(let r=0;r<s;r++){const i=r%2===0;for(const o of i?n:[...n].reverse()){const d=a.get(o)??[],l=new Map(d.map((p,k)=>[p,k])),c=p=>{const k=l.get(p);return k===void 0?null:k},g=d.map(p=>{const k=(e.get(p)??[]).filter(x=>(t.get(x)??o)===o+(i?-1:1)).map(c).filter(x=>x!==null);return{id:p,want:k.length>0?ge(k):l.get(p)??0}});g.sort((p,k)=>p.want-k.want||(l.get(p.id)??0)-(l.get(k.id)??0)),a.set(o,g.map(p=>p.id))}}},ot=(a,e,t,s)=>{const n=a.map((i,o)=>({id:i,want:t.get(i)??o*100,index:o}));n.sort((i,o)=>i.want-o.want||i.index-o.index);let r=0;for(const i of n){const o=e.get(i.id);o&&(o.y=r,r+=o.spec.height+s)}return{height:Math.max(0,r-s)}},Gs=(a,e,t,s,n)=>{const r=[...a.keys()].sort((l,c)=>l-c),i=new Map;for(const l of r)i.set(l,ot(a.get(l)??[],e,new Map,n.nodeSpacing).height);const o=Math.max(0,...i.values());for(const l of r){const c=(o-(i.get(l)??0))/2;for(const g of a.get(l)??[]){const p=e.get(g);p&&(p.y+=c)}}const d=(l,c)=>{const g=(t.get(l)??[]).filter(p=>s.get(p)===c).flatMap(p=>{const k=e.get(p);return k?[k.y+k.spec.height/2]:[]});return g.length>0?ge(g):null};for(let l=0;l<n.coordinatePasses;l++){const c=l%2===0;for(const g of c?r:[...r].reverse()){const p=a.get(g)??[],k=new Map;for(const w of p){const D=d(w,g+(c?-1:1)),L=e.get(w);L!==void 0&&k.set(w,D===null?L.y+L.spec.height/2:D)}const x=p.map(w=>e.get(w)?.y??0);ot(p,e,k,n.nodeSpacing);const v=p.map(w=>e.get(w)?.y??0),y=ge(x)-ge(v);for(const w of p){const D=e.get(w);D&&(D.y+=y)}}}},dt=(a,e,t)=>{const s=e===void 0?void 0:a.spec.ports?.[e];return s?{x:a.x+s.x,y:a.y+s.y}:t==="out"?{x:a.x+a.spec.width,y:a.y+a.spec.height/2}:{x:a.x,y:a.y+a.spec.height/2}},lt=(a,e,t)=>{let s=0;const n=[];for(const r of a){const i=t.byId.get(r.from),o=t.byId.get(r.to);if(!i||!o)continue;const d=dt(i,r.fromPort,"out"),l=dt(o,r.toPort,"in");if(r.from===r.to){const x=i.x+i.spec.width,v=i.y+i.spec.height,y=Math.max(t.padding/2,v+18);n.push({id:r.id,points:[d,{x:x+20,y:d.y},{x:x+20,y},{x:i.x-20,y},{x:i.x-20,y:l.y},l]});continue}if(!e.has(r.id)&&(i.layer<o.layer||i.layer===o.layer&&l.x>d.x+12)){if(Math.abs(d.y-l.y)<.5){n.push({id:r.id,points:[d,l]});continue}const v=i.layer<o.layer?Math.max(d.x+14,o.x-Math.max(12,t.layerSpacing/2)):(d.x+l.x)/2;n.push({id:r.id,points:[d,{x:v,y:d.y},{x:v,y:l.y},l]});continue}const c=r.fromPort===void 0?{x:i.x+i.spec.width/2,y:i.y+i.spec.height}:d,g=r.toPort===void 0?{x:o.x+o.spec.width/2,y:o.y+o.spec.height}:l,p=Math.max(c.y,g.y)+18+s*14;s+=1;const k=[d,c,{x:c.x,y:p},{x:g.x,y:p},g,l].filter((x,v,y)=>v===0||x.x!==y[v-1]?.x||x.y!==y[v-1]?.y);n.push({id:r.id,points:k})}return n},ct=(a,e,t)=>{const s=e.flatMap(p=>[...p.points]),n=[...a.map(p=>p.x),...a.map(p=>p.x+p.spec.width),...s.map(p=>p.x)],r=[...a.map(p=>p.y),...a.map(p=>p.y+p.spec.height),...s.map(p=>p.y)],i=Math.min(0,...n),o=Math.min(0,...r),d=Math.max(0,...n),l=Math.max(0,...r),c=t-i,g=t-o;return{width:d-i+t*2,height:l-o+t*2,nodes:a.map(p=>({id:p.spec.id,x:p.x+c,y:p.y+g,width:p.spec.width,height:p.spec.height,layer:p.layer,order:p.order})),routes:e.map(p=>({id:p.id,points:p.points.map(k=>({x:k.x+c,y:k.y+g}))}))}},pt=(a,e)=>{const t=new Map(a.map(s=>[s.id,[]]));for(const s of e)s.from!==s.to&&(t.get(s.from)?.push(s.to),t.get(s.to)?.push(s.from));return t},ht=(a,e,t,s)=>a.map(n=>({spec:n,layer:e.get(n.id)??0,order:t.get(n.id)??0,...s(n)})),Ys=(a,e)=>{const t=new Map;for(const s of a){const n=e.get(s.id)??0,r=t.get(n);r?r.push(s.id):t.set(n,[s.id])}return t},Vs=(a,e,t={})=>{const s={...it,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const n=new Set(a.map(v=>v.id)),r=e.filter(v=>n.has(v.from)&&n.has(v.to)),{forward:i,reversed:o}=Hs(a,r),d=_s(a,i),l=Ys(a,d);Bs(l,pt(a,r),d,s.sweeps);const c=new Map;for(const v of l.values())v.forEach((y,w)=>c.set(y,w));const g=ht(a,d,c,()=>({x:0,y:0})),p=new Map(g.map(v=>[v.spec.id,v]));Gs(l,p,pt(a,r),d,s);const k=[...l.keys()].sort((v,y)=>v-y);let x=0;for(const v of k){const y=Math.max(...(l.get(v)??[]).map(w=>p.get(w)?.spec.width??0));for(const w of l.get(v)??[]){const D=p.get(w);D&&(D.x=x)}x+=y+s.layerSpacing}return ct(g,lt(r,o,{byId:p,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},Ws=(a,e,t={})=>{const s={...it,...t};if(a.length===0)return{width:0,height:0,nodes:[],routes:[]};const n=new Set(a.map(d=>d.id)),r=e.filter(d=>n.has(d.from)&&n.has(d.to)),i=ht(a,new Map,new Map,d=>d.position??{x:0,y:0}),o=new Map(i.map(d=>[d.spec.id,d]));return ct(i,lt(r,new Set,{byId:o,layerSpacing:s.layerSpacing,padding:s.padding}),s.padding)},Ks=_({en:{tagFilter:"Filter by tag",tagMatch:"Tag matching",clearTags:"Clear",zoomOut:"Zoom out",fit:"Fit to view",zoomIn:"Zoom in",sendFailed:"Could not send. Please try again.",commentOn:a=>`Comment on ${a}`,noMatches:"No matching elements.",maximize:"Maximize",restore:"Restore size",canvas:"Diagram. Arrow keys pan, plus and minus zoom, 0 fits the view.",dataError:"Could not load the diagram data.",nodes:"elements",edges:"relations",change:(a,e)=>`\u201C${a}\u201D \u2192 \u201C${e}\u201D`},ja:{tagFilter:"\u30BF\u30B0\u306E\u7D5E\u308A\u8FBC\u307F",tagMatch:"\u30BF\u30B0\u306E\u4E00\u81F4\u6761\u4EF6",clearTags:"\u89E3\u9664",zoomOut:"\u7E2E\u5C0F",fit:"\u5168\u4F53\u3092\u8868\u793A",zoomIn:"\u62E1\u5927",sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",commentOn:a=>`${a}\u306B\u30B3\u30E1\u30F3\u30C8`,noMatches:"\u8A72\u5F53\u3059\u308B\u8981\u7D20\u306F\u3042\u308A\u307E\u305B\u3093\u3002",maximize:"\u6700\u5927\u5316",restore:"\u5143\u306E\u30B5\u30A4\u30BA\u306B\u623B\u3059",canvas:"\u56F3\u3002\u77E2\u5370\u30AD\u30FC\u3067\u30D1\u30F3\u3001\u30D7\u30E9\u30B9\u30FB\u30DE\u30A4\u30CA\u30B9\u3067\u30BA\u30FC\u30E0\u30010\u3067\u5168\u4F53\u8868\u793A\u3002",dataError:"\u56F3\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",nodes:"\u8981\u7D20",edges:"\u95A2\u9023",change:(a,e)=>`\u300C${a}\u300D\u2192\u300C${e}\u300D`}}),Xs={active:[],match:"single"},Q=(a,e)=>e.active.length===0?!0:e.match==="all"?e.active.every(t=>a.includes(t)):e.active.some(t=>a.includes(t)),Js=(a,e)=>a.active.includes(e)?{...a,active:a.active.filter(t=>t!==e)}:a.match==="single"?{...a,active:[e]}:{...a,active:[...a.active,e]},Zs=(a,e)=>({match:e,active:e==="single"&&a.active.length>1?a.active.slice(-1):a.active}),Qs=a=>({...a,active:[]}),ea=a=>{const e=new Map;for(const t of a)for(const s of new Set(t))e.set(s,(e.get(s)??0)+1);return[...e].map(([t,s])=>({tag:t,count:s}))},Y={nodes:new Map,edges:new Set},N=(a,e,t,s)=>{const n=new Map,r=new Set,i=[{id:e,depth:0}],o=new Set([e]);for(const d of i)if(!(!s&&d.depth>=1))for(const l of a){const c=t==="outgoing"?l.from:l.to,g=t==="outgoing"?l.to:l.from;c===d.id&&(r.add(l.id),!o.has(g)&&(o.add(g),n.set(g,d.depth+1),i.push({id:g,depth:d.depth+1})))}return{nodes:n,edges:r}},ta=(a,e)=>{const t=new Map(a.map(r=>[r,N(e,r,"outgoing",!0).nodes])),s=new Set,n=[];for(const r of a){if(s.has(r))continue;const i=a.filter(o=>o===r||t.get(r)?.has(o)===!0&&t.get(o)?.has(r)===!0);for(const o of i)s.add(o);(i.length>1||e.some(o=>o.from===r&&o.to===r))&&n.push(i)}return n},Ce=a=>new Map(a.flatMap((e,t)=>e.map(s=>[s,t]))),ut=(a,e)=>e.get(a.from)===e.get(a.to)&&e.has(a.from),mt=a=>{try{return a.split("/").map(e=>decodeURIComponent(e))}catch{return null}},gt=(a,e,t,s)=>{const n=e!==null&&e.kind===t&&e.id===a,r=t==="node"?s.nodes.has(a):s.edges.has(a),i=t==="node"?s.nodes.get(a)??null:null;return{selected:n,related:r&&!n,dimmed:e!==null&&!n&&!r,depth:i}},ee=(...a)=>a.filter(e=>typeof e=="string"&&e!=="").join(" "),sa=a=>{const e=a[0]??{x:0,y:0},t=a.at(-1)??e;if(a.length<=2)return{x:(e.x+t.x)/2,y:(e.y+t.y)/2};if(a.length===4){const r=a[1]??e,i=a[2]??t;return{x:r.x,y:(r.y+i.y)/2}}const s=a[2]??e,n=a[3]??t;return{x:(s.x+n.x)/2,y:s.y}},aa=(a,e)=>ea(a).map(t=>({tag:t.tag,count:t.count,selected:e.active.includes(t.tag)})),na=(a,e,t)=>`${a} ${t.node} \xB7 ${e} ${t.edge}`,W=[_e,Be,Ge,B`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
container-type: inline-size;
|
|
@@ -74,6 +74,16 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
74
74
|
color: var(--dpk-ink);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
/* A long heading or subject elides (the full text is its tooltip) instead of pushing the actions off the toolbar. */
|
|
78
|
+
.diagram-title,
|
|
79
|
+
.diagram-subject {
|
|
80
|
+
min-width: 0;
|
|
81
|
+
max-width: 100%;
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
text-overflow: ellipsis;
|
|
84
|
+
white-space: nowrap;
|
|
85
|
+
}
|
|
86
|
+
|
|
77
87
|
.diagram-subject {
|
|
78
88
|
font-size: 10px;
|
|
79
89
|
color: var(--dpk-ink-faint);
|
|
@@ -155,6 +165,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
155
165
|
display: inline-flex;
|
|
156
166
|
align-items: center;
|
|
157
167
|
gap: 5px;
|
|
168
|
+
max-width: 100%;
|
|
158
169
|
padding: 4px 9px;
|
|
159
170
|
border: 1px solid transparent;
|
|
160
171
|
border-radius: var(--dpk-radius-xs);
|
|
@@ -182,7 +193,15 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
182
193
|
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dpk-blue) 20%, transparent);
|
|
183
194
|
}
|
|
184
195
|
|
|
196
|
+
.dpk-tag-name {
|
|
197
|
+
min-width: 0;
|
|
198
|
+
overflow: hidden;
|
|
199
|
+
text-overflow: ellipsis;
|
|
200
|
+
white-space: nowrap;
|
|
201
|
+
}
|
|
202
|
+
|
|
185
203
|
.dpk-tag-count {
|
|
204
|
+
flex: none;
|
|
186
205
|
font-family: var(--dpk-mono);
|
|
187
206
|
font-size: 9px;
|
|
188
207
|
opacity: 0.7;
|
|
@@ -244,6 +263,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
244
263
|
}
|
|
245
264
|
|
|
246
265
|
.diagram-zoom button {
|
|
266
|
+
display: inline-flex;
|
|
267
|
+
align-items: center;
|
|
268
|
+
justify-content: center;
|
|
247
269
|
border: 0;
|
|
248
270
|
border-radius: 0;
|
|
249
271
|
padding: 6px 9px;
|
|
@@ -256,6 +278,11 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
256
278
|
color 140ms var(--dpk-ease);
|
|
257
279
|
}
|
|
258
280
|
|
|
281
|
+
.diagram-zoom button svg {
|
|
282
|
+
width: 12px;
|
|
283
|
+
height: 12px;
|
|
284
|
+
}
|
|
285
|
+
|
|
259
286
|
.diagram-zoom button + button {
|
|
260
287
|
border-left: 1px solid var(--dpk-rule);
|
|
261
288
|
}
|
|
@@ -489,9 +516,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
489
516
|
display: none;
|
|
490
517
|
}
|
|
491
518
|
}
|
|
492
|
-
`],re=a=>a.map((e,t)=>`${t===0?"M":"L"}${e.x} ${e.y}`).join(" "),
|
|
519
|
+
`],re=a=>a.map((e,t)=>`${t===0?"M":"L"}${e.x} ${e.y}`).join(" "),ft=a=>I`
|
|
493
520
|
<defs>
|
|
494
|
-
${a.map(e=>
|
|
521
|
+
${a.map(e=>I`
|
|
495
522
|
<marker
|
|
496
523
|
id=${e.id}
|
|
497
524
|
viewBox="0 0 10 10"
|
|
@@ -511,7 +538,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
511
538
|
</marker>
|
|
512
539
|
`)}
|
|
513
540
|
</defs>
|
|
514
|
-
`,
|
|
541
|
+
`,ra=(a,e,t,s)=>h`
|
|
515
542
|
<div class="diagram-tags" role="group" aria-label=${a.tagFilter}>
|
|
516
543
|
<div class="diagram-match" role="group" aria-label=${a.tagMatch}>
|
|
517
544
|
${[["single","Single"],["all","AND"],["any","OR"]].map(([n,r])=>h`
|
|
@@ -533,21 +560,21 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
533
560
|
aria-pressed=${n.selected?"true":"false"}
|
|
534
561
|
@click=${()=>s({kind:"tag",tag:n.tag})}
|
|
535
562
|
>
|
|
536
|
-
|
|
563
|
+
<span class="dpk-tag-name" title=${n.tag}>${n.tag}</span><span class="dpk-tag-count">${n.count}</span>
|
|
537
564
|
</button>
|
|
538
565
|
`)}
|
|
539
566
|
${e.some(n=>n.selected)?h`<button type="button" class="dpk-tag-clear" @click=${()=>s({kind:"clear-tags"})}>
|
|
540
567
|
${a.clearTags}
|
|
541
568
|
</button>`:b}
|
|
542
569
|
</div>
|
|
543
|
-
`,
|
|
570
|
+
`,ia=(a,e)=>h`
|
|
544
571
|
<div class="diagram-zoom">
|
|
545
572
|
<button
|
|
546
573
|
type="button"
|
|
547
574
|
aria-label=${a.zoomOut}
|
|
548
575
|
@click=${t=>{t.stopPropagation(),e?.({kind:"zoom",factor:1/1.1})}}
|
|
549
576
|
>
|
|
550
|
-
|
|
577
|
+
${zs()}
|
|
551
578
|
</button>
|
|
552
579
|
<button
|
|
553
580
|
type="button"
|
|
@@ -563,10 +590,10 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
563
590
|
aria-label=${a.zoomIn}
|
|
564
591
|
@click=${t=>{t.stopPropagation(),e?.({kind:"zoom",factor:1.1})}}
|
|
565
592
|
>
|
|
566
|
-
|
|
593
|
+
${Ds()}
|
|
567
594
|
</button>
|
|
568
595
|
</div>
|
|
569
|
-
`,Ee=.08,
|
|
596
|
+
`,Ee=.08,oa=1.8,da=a=>{if(a.length===0)return{x:0,y:0,width:0,height:0};const e=Math.min(...a.map(r=>r.x)),t=Math.min(...a.map(r=>r.y)),s=Math.max(...a.map(r=>r.x+r.width))-e,n=Math.max(...a.map(r=>r.y+r.height))-t;return{x:e-s*.1,y:t-n*.1,width:s*1.2,height:n*1.2}},qe=(a,e)=>a+e/12,la=(a,e)=>{if(a.length===0)return null;const t=Math.min(...a.map(n=>n.y)),s=a.filter(n=>n.y<t+e);return{x:Math.min(...s.map(n=>n.x)),y:t}},ze=16,bt=(a,e,t,s,n="center")=>{if(e.width===0||e.height===0)return{...a,x:0,y:0};const r=(i,o,d,l)=>{const c=d*a.scale;return c<=l?n==="start"?ze-qe(o,d)*a.scale:(l-c)/2-o*a.scale:Math.min(-o*a.scale,Math.max(l-(o+d)*a.scale,i))};return{...a,x:r(a.x,e.x,e.width,t),y:r(a.y,e.y,e.height,s)}},ca=(a,e,t,s,n,r,i="center")=>{const o=bt({...a,x:a.x-n,y:a.y-r},e,t,s,i);return Math.abs(r)>Math.abs(n)&&o.y===a.y?null:o},kt='button,[role="button"],a,input,textarea,select',pa=a=>{const{canvas:e,world:t,onClearSelection:s,onView:n,align:r="center"}=a;let i={x:0,y:0,width:0,height:0},o={x:0,y:0,scale:1};const d=()=>({width:e.clientWidth||1e3,height:e.clientHeight||560}),l=()=>{const{width:m,height:C}=d();o=bt(o,i,m,C,r),t.style.transform=`translate(${o.x}px, ${o.y}px) scale(${o.scale})`,n?.(o)},c=()=>{const{width:m,height:C}=d(),E=i.width/1.2||1,O=i.height/1.2||1;o={...o,scale:me(Math.min((m-24)/E,(C-40)/O),Ee,1)},o={...o,x:(m-i.width*o.scale)/2-i.x*o.scale,y:(C-i.height*o.scale)/2-i.y*o.scale},l()},g=()=>{const{width:m}=d(),C=i.width/1.2||1,E=me((m-24)/C,Ee,1);o={scale:E,x:(m-i.width*E)/2-i.x*E,y:16},l()},p=m=>{o={scale:1,x:ze-(m?.x??qe(i.x,i.width)),y:ze-(m?.y??qe(i.y,i.height))},l()},k=(m,C=d().width/2,E=d().height/2)=>{const O=o.scale,P=me(O*m,Ee,oa);P!==O&&(o={scale:P,x:C-(C-o.x)*P/O,y:E-(E-o.y)*P/O},l())},x=m=>{if(m.target instanceof Element&&m.target.closest(".diagram-zoom"))return;const C=m.deltaMode===1?16:m.deltaMode===2?d().height:1;if(m.ctrlKey||m.metaKey){m.preventDefault();const X=e.getBoundingClientRect();k(Math.exp(-me(m.deltaY*C,-60,60)*.0012),m.clientX-X.left,m.clientY-X.top);return}const{width:E,height:O}=d(),P=ca(o,i,E,O,m.deltaX*C,m.deltaY*C,r);P!==null&&(m.preventDefault(),o=P,l())},v=new Map;let y=null,w=!1;const D=()=>{const m=[...v.values()],C=m[0];if(!C)return null;const E=m[1];return E?{x:(C.x+E.x)/2,y:(C.y+E.y)/2,distance:Math.hypot(E.x-C.x,E.y-C.y)}:{...C,distance:0}},L=m=>{v.size===0&&(w=!1);const E=(m.target instanceof Element?m.target:null)?.closest(kt)??null;m.button!==0||m.pointerType!=="touch"&&E!==null||(v.set(m.pointerId,{x:m.clientX,y:m.clientY}),y=D(),E===null&&e.setPointerCapture(m.pointerId),m.pointerType!=="touch"&&E===null&&(m.preventDefault(),e.focus({preventScroll:!0})))},T=m=>{if(!v.has(m.pointerId)||y===null)return;v.set(m.pointerId,{x:m.clientX,y:m.clientY});const C=D();if(C===null)return;const E=C.x-y.x,O=C.y-y.y;if((Math.abs(E)+Math.abs(O)>1||Math.abs(C.distance-y.distance)>1)&&(w=!0),C.distance>0&&y.distance>0){const P=e.getBoundingClientRect();k(Math.pow(C.distance/y.distance,.45),y.x-P.left,y.y-P.top)}o={...o,x:o.x+E,y:o.y+O},l(),y=C,e.classList.toggle("is-panning",w)},j=m=>{v.delete(m.pointerId),y=D(),!(v.size>0)&&(e.classList.remove("is-panning"),m.type==="pointercancel"&&(w=!1))},V=m=>{w&&(m.preventDefault(),m.stopPropagation()),j(m)},$=m=>{if(w){m.preventDefault(),m.stopPropagation(),w=!1;return}const C=m.target instanceof Element?m.target:null;C===null||C.closest(kt)!==null||s()},A=m=>{if(m.target!==e)return;const C=30;if(m.key==="+"||m.key==="=")k(1.1);else if(m.key==="-")k(1/1.1);else if(m.key==="0")c();else if(m.key==="Escape")s();else if(m.key==="ArrowLeft"||m.key==="ArrowRight"||m.key==="ArrowUp"||m.key==="ArrowDown")o={...o,x:o.x+(m.key==="ArrowLeft"?C:m.key==="ArrowRight"?-C:0),y:o.y+(m.key==="ArrowUp"?C:m.key==="ArrowDown"?-C:0)},l();else return;m.preventDefault()},R=m=>{const C=m.target instanceof HTMLElement?m.target:null;if(C===null||!t.contains(C))return;const E=C.getBoundingClientRect(),O=e.getBoundingClientRect();let P=0,X=0;E.left<O.left+12?P=O.left+12-E.left:E.right>O.right-12&&(P=O.right-12-E.right),E.top<O.top+12?X=O.top+12-E.top:E.bottom>O.bottom-40&&(X=O.bottom-40-E.bottom),!(P===0&&X===0)&&(o={...o,x:o.x+P,y:o.y+X},l())};e.addEventListener("wheel",x,{passive:!1}),e.addEventListener("pointerdown",L),e.addEventListener("pointermove",T),e.addEventListener("pointerup",V),e.addEventListener("pointercancel",j),e.addEventListener("lostpointercapture",j),e.addEventListener("click",$,!0),e.addEventListener("keydown",A),e.addEventListener("focusin",R);const U=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>l());return U?.observe(e),{setContent(m){i=da(m.width===0&&m.height===0?[]:[m]),t.style.width=`${m.width}px`,t.style.height=`${m.height}px`,l()},apply:l,fit:c,fitWidth:g,reset:p,zoom:k,view:()=>({...o}),destroy(){U?.disconnect(),e.removeEventListener("wheel",x),e.removeEventListener("pointerdown",L),e.removeEventListener("pointermove",T),e.removeEventListener("pointerup",V),e.removeEventListener("pointercancel",j),e.removeEventListener("lostpointercapture",j),e.removeEventListener("click",$,!0),e.removeEventListener("keydown",A),e.removeEventListener("focusin",R)}}};class De extends Ye{static{this.styles=W}static{this.properties={data:{attribute:!1},id:{type:String,reflect:!0},heading:{type:String},subject:{type:String}}}#e=null;#s=null;#a=[];#t=[];#n=null;#r=Xs;#i=null;#o=null;#c=null;#u=null;#l=-1;#p="";#h=null;#f=null;#d=new Map;#m=null;#g=new Map;#b=null;#k=new et(this);#v=new Ve(this,()=>{this.#p=""});constructor(){super(),this.id=this.getAttribute("id")??"",this.data=null,this.heading=null,this.subject=null}connectedCallback(){super.connectedCallback(),this.#p="",this.requestUpdate(),this.#u=rt(this,e=>this.parseData(e),e=>{e.ok?this.#x(e.value):this.#R(e.error)})}disconnectedCallback(){super.disconnectedCallback(),this.#u?.(),this.#u=null,this.#o?.destroy(),this.#o=null,this.#c=null}willUpdate(e){e.has("data")&&this.data!==null&&this.#x(this.data)}updated(){this.#M(),this.#$(),this.#A(),this.#C()}#$(){const e=this.renderRoot.querySelector(".diagram");if(!(this.#b===null||!e||typeof e.showPopover!="function")&&!e.matches(":popover-open"))try{e.showPopover()}catch{}}#M(){const e=JSON.stringify([this.commentTargets,this.#t]);e!==this.#p&&(this.#p=e,this.dispatchEvent(new CustomEvent("dpk-comment-targets-change",{bubbles:!0,composed:!0})))}#A(){this.#c=this.renderRoot.querySelector(".diagram-zoom-value");const e=this.renderRoot.querySelector(".diagram-canvas"),t=this.renderRoot.querySelector(".diagram-world");if(!e||!t)return;this.#o??=pa({canvas:e,world:t,align:this.viewAlign(),onClearSelection:()=>this.#y(null),onView:r=>{this.#c&&(this.#c.textContent=`${Math.round(r.scale*100)}%`),this.dispatchEvent(new CustomEvent("dpk-diagram-view",{detail:{view:r},bubbles:!0,composed:!0})),this.onViewChange(r)}});const s=this.contentSize();if(s===null){this.#o.apply();return}this.#o.setContent({x:0,y:0,width:s.width,height:s.height});const n=this.layoutVersion();n!==this.#l&&(this.#l=n,this.initialView())}#C(){const e=this.#f!==this.#h;this.#f=this.#h;const t=this.renderRoot.querySelector(".comment-pop"),s=this.#S();!t||!s||(this.#k.open(t,s,{width:300,height:280},{placement:"right-start",trackTransform:!0}),e&&t.querySelector("textarea")?.focus({preventScroll:!0}))}get commentTargets(){if(!this.id||this.#n!==null)return[];const e=`${this.subject??this.heading??this.defaultHeading()} \xB7 ${this.id}`;return this.commentItems().map(t=>({...t,group:e}))}commentItems(){return[]}commentRef(e,...t){return`element:${[this.id,e,...t].map(s=>encodeURIComponent(s)).join("/")}`}requestElementComment(e,...t){const s=this.commentRef(e,...t);this.commentTargets.some(n=>n.value===s)&&this.dispatchEvent(new CustomEvent("dpk-comment-request",{detail:{target:s},bubbles:!0,composed:!0}))}get elementActions(){return this.#a}set elementActions(e){this.#a=e,this.#w()}get elementActionResults(){return this.#t}reduceElementActions(e,t){return{data:e,results:t.map(s=>({id:s.id,title:s.type,stale:"unsupported-action-type"}))}}dispatchElementAction(e,t,s){const n=new CustomEvent("dpk-element-action",{detail:{type:e,target:this.commentRef(...t),payload:s},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(n),n.defaultPrevented}get selection(){return this.#i}select(e){this.#y(e)}get tagFilter(){return this.#r}set tagFilter(e){this.#r=e,this.requestUpdate()}get dataError(){return this.#n}resetView(){this.fitViewport()}#E(e){if(e===(this.#b!==null))return;const t=this.renderRoot.querySelector(".diagram");this.#b=e?{height:t?.offsetHeight??0}:null,this.#h=null,this.requestUpdate()}#L={handleEvent:e=>e.preventDefault(),passive:!1};#q={handleEvent:e=>{e.key!=="Escape"||this.#i!==null||(e.preventDefault(),this.#E(!1))},capture:!0};get locale(){return this.#v.locale}get chromeMessages(){return Ks(this.#v.locale)}renderSelection(){const e=this.#h,t=e===null?void 0:this.#g.get(e);if(e===null||t===void 0)return b;const s=tt(this.#d.get(e)??"",[],{label:t,key:e,...this.#m===e?{error:this.chromeMessages.sendFailed}:{}});return h`${Qe(e,st(at(this.#v.locale),s,n=>this.#z(e,n)))}`}renderCommentTrigger(e,t,s){if(!this.id)return b;const n=this.commentRef(e.kind,e.id);return this.#g.set(n,t),h`<button
|
|
570
597
|
type="button"
|
|
571
598
|
class=${ee("diagram-comment-trigger",s&&"is-placed")}
|
|
572
599
|
style=${s?`left:${s.x}px; top:${s.y}px`:b}
|
|
@@ -579,13 +606,13 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
579
606
|
@click=${()=>{this.#y(e),this.#h=n,this.requestUpdate()}}
|
|
580
607
|
>
|
|
581
608
|
${We()}
|
|
582
|
-
</button>`}renderEdgeCommentTrigger(e,t,s){const n=Math.floor((s.length-1)/2),r=s[n],i=s[n+1]??r;return!this.id||!r||!i?b:
|
|
609
|
+
</button>`}renderEdgeCommentTrigger(e,t,s){const n=Math.floor((s.length-1)/2),r=s[n],i=s[n+1]??r;return!this.id||!r||!i?b:I`<foreignObject
|
|
583
610
|
class="diagram-edge-comment"
|
|
584
611
|
x=${(r.x+i.x)/2-16}
|
|
585
612
|
y=${(r.y+i.y)/2-16}
|
|
586
613
|
width="32"
|
|
587
614
|
height="32"
|
|
588
|
-
>${this.renderCommentTrigger(e,t)}</foreignObject>`}layoutVersion(){return 0}fitViewport(){this.viewport?.fit()}initialView(){this.viewport?.reset()}viewAlign(){return"center"}questionsOf(e){const t=e.questions?.trim();return t===void 0||t===""?b:t}onViewChange(e){}statsText(){return""}tagItems(){return[]}isEmpty(){return this.contentSize()===null}shellClass(){return""}defaultHeading(){return""}defaultSubject(){return""}emptyMessage(){return this.chromeMessages.noMatches}renderToolbarActions(){return b}renderLegend(){return b}renderAboveCanvas(){return b}get viewport(){return this.#o}items(){return this.#
|
|
615
|
+
>${this.renderCommentTrigger(e,t)}</foreignObject>`}layoutVersion(){return 0}fitViewport(){this.viewport?.fit()}initialView(){this.viewport?.reset()}viewAlign(){return"center"}questionsOf(e){const t=e.questions?.trim();return t===void 0||t===""?b:t}onViewChange(e){}statsText(){return""}tagItems(){return[]}isEmpty(){return this.contentSize()===null}shellClass(){return""}defaultHeading(){return""}defaultSubject(){return""}emptyMessage(){return this.chromeMessages.noMatches}renderToolbarActions(){return b}renderLegend(){return b}renderAboveCanvas(){return b}get viewport(){return this.#o}items(){return this.#s??this.emptyData()}authoredItems(){return this.#e??this.emptyData()}elementClass(e,...t){return ee(...t,e.selected&&"is-selected",e.related&&"is-related",e.dimmed&&"is-dimmed")}#x(e){this.#n=null,this.#e=e,this.#w()}#w(){if(this.#e===null){this.#t=this.#a.map(t=>({id:t.id,title:t.type,stale:"target-missing"})),this.requestUpdate();return}const e=this.reduceElementActions(this.#e,this.#a);this.#s=e.data,this.#t=e.results,this.#i!==null&&(this.hasSelection(this.#i)||(this.#i=null,this.#h=null)),this.requestUpdate()}#S(){const e=this.#i;return e?[...this.renderRoot.querySelectorAll("[data-comment-kind]")].find(t=>t.dataset.commentKind===e.kind&&t.dataset.commentId===e.id)??null:null}#z(e,t){if(t.kind==="input"){this.#d=new Map(this.#d).set(e,t.body),this.#m=null,this.requestUpdate();return}if(t.kind==="comment"){if(!!this.dispatchEvent(new CustomEvent("dpk-comment-submit",{detail:{target:e,body:t.body},bubbles:!0,composed:!0,cancelable:!0}))){this.#m=e,this.requestUpdate();return}const r=new Map(this.#d);r.delete(e),this.#d=r}this.#m=null;const s=this.#S();this.#y(null),s?.focus({preventScroll:!0})}#R(e){this.#n=e,this.#e=null,this.#s=null,this.#w(),console.error("[dev-process-kit] invalid diagram data:",e),this.requestUpdate()}hasSelection(e){return!0}#y(e){(e===null?this.#i===null:this.#i!==null&&this.#i.kind===e.kind&&this.#i.id===e.id)||(this.#i=e,this.#h=null,this.dispatchEvent(new CustomEvent("dpk-diagram-select",{detail:{selection:e},bubbles:!0,composed:!0})),this.requestUpdate())}#D=e=>{switch(e.kind){case"tag":this.#r=Js(this.#r,e.tag),this.requestUpdate();return;case"match":this.#r=Zs(this.#r,e.match),this.requestUpdate();return;case"clear-tags":this.#r=Qs(this.#r),this.requestUpdate();return;case"select":this.#y(e.selection);return;case"zoom":this.#o?.zoom(e.factor);return;case"fit":this.fitViewport();return;default:return}};refreshContent(){}render(){this.#g=new Map,this.refreshContent();const e=aa(this.tagItems(),this.#r),t=this.#b,s=this.chromeMessages,n=t===null?s.maximize:s.restore;return h`
|
|
589
616
|
${t===null?b:h`<div class="diagram-placeholder" style="height:${t.height}px"></div>`}
|
|
590
617
|
<div
|
|
591
618
|
class=${ee("diagram",this.shellClass(),t!==null&&"is-maximized")}
|
|
@@ -594,8 +621,12 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
594
621
|
@keydown=${t===null?b:this.#q}
|
|
595
622
|
>
|
|
596
623
|
<div class="diagram-toolbar">
|
|
597
|
-
<span class="diagram-title"
|
|
598
|
-
|
|
624
|
+
<span class="diagram-title" title=${this.heading??this.defaultHeading()}
|
|
625
|
+
>${this.heading??this.defaultHeading()}</span
|
|
626
|
+
>
|
|
627
|
+
${(this.subject??this.defaultSubject())===""?b:h`<span class="diagram-subject" title=${this.subject??this.defaultSubject()}
|
|
628
|
+
>${this.subject??this.defaultSubject()}</span
|
|
629
|
+
>`}
|
|
599
630
|
<div class="diagram-toolbar-actions">
|
|
600
631
|
${this.renderToolbarActions()}
|
|
601
632
|
<span class="diagram-stats">${this.statsText()}</span>
|
|
@@ -607,22 +638,22 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
607
638
|
aria-pressed=${t===null?"false":"true"}
|
|
608
639
|
@click=${()=>this.#E(t===null)}
|
|
609
640
|
>
|
|
610
|
-
${t===null?
|
|
641
|
+
${t===null?Ts():As()}
|
|
611
642
|
</button>
|
|
612
643
|
</div>
|
|
613
644
|
</div>
|
|
614
|
-
${
|
|
645
|
+
${ra(s,e,this.#r.match,this.#D)} ${this.renderAboveCanvas()}
|
|
615
646
|
<div class="diagram-canvas" tabindex="0" aria-label=${s.canvas}>
|
|
616
647
|
<div class="diagram-world">${this.renderCanvas()}</div>
|
|
617
648
|
${this.isEmpty()?h`<p class="diagram-empty">${this.emptyMessage()}</p>`:b}
|
|
618
649
|
${this.#n===null?b:h`<p class="diagram-notice" role="alert">${s.dataError}<br />${this.#n}</p>`}
|
|
619
|
-
${this.renderLegend()} ${
|
|
650
|
+
${this.renderLegend()} ${ia(s,this.#D)}
|
|
620
651
|
</div>
|
|
621
652
|
${this.renderSelection()}
|
|
622
653
|
</div>
|
|
623
|
-
`}}class ie extends De{#e=null;#
|
|
624
|
-
${
|
|
625
|
-
</svg>`}filtered(){const e=this.items();if(this.tagDimension==="edge"){const n=e.edges.filter(i=>Q(i.tags,this.tagFilter)&&this.matchesFilter(i)),r=new Set(n.flatMap(i=>[i.from,i.to]));return{...e,edges:n,nodes:e.nodes.filter(i=>r.has(i.id))}}const t=e.nodes.filter(n=>Q(n.tags,this.tagFilter)&&this.matchesFilter(n)),s=new Set(t.map(n=>n.id));return{...e,nodes:t,edges:e.edges.filter(n=>s.has(n.from)&&s.has(n.to))}}refreshContent(){const e=this.filtered(),t=[this.layoutMode,e.nodes.map(s=>`${s.id}:${s.width}x${s.height}`).join(","),e.edges.map(s=>`${s.id}:${s.from}>${s.to}`).join(","),this.layoutSignature()].join("|");t!==this.#
|
|
654
|
+
`}}class ie extends De{#e=null;#s="";#a=0;#t=Y;commentItems(){const e=this.items();return[...e.nodes.map(t=>({value:this.commentRef("node",t.id),label:t.id})),...e.edges.map(t=>({value:this.commentRef("edge",t.id),label:`${t.from} \u2192 ${t.to} (${t.id})`}))]}get visible(){const e=this.filtered();return{nodes:e.nodes,edges:e.edges}}get layout(){return this.#e}get layoutMode(){return"layered"}get tagDimension(){return"node"}layoutOptions(){return{}}matchesFilter(e){return!0}layoutSignature(){return""}statsLabels(){return{node:this.chromeMessages.nodes,edge:this.chromeMessages.edges}}statsText(){const e=this.filtered();return na(e.nodes.length,e.edges.length,this.statsLabels())}tagItems(){const e=this.items();return(this.tagDimension==="edge"?e.edges:e.nodes).map(t=>t.tags)}contentSize(){const e=this.#e;return e===null||e.nodes.length===0?null:{width:e.width,height:e.height}}layoutVersion(){return this.#a}hasSelection(e){const t=this.items();return e.kind==="node"?t.nodes.some(s=>s.id===e.id):t.edges.some(s=>s.id===e.id)}placedNode(e){return this.#e?.nodes.find(t=>t.id===e)}routeOf(e){return this.#e?.routes.find(t=>t.id===e)?.points??[]}nodeState(e){return gt(e,this.selection,"node",this.#t)}edgeState(e){return gt(e,this.selection,"edge",this.#t)}renderEdges(e,t){const s=this.#e?.width??0,n=this.#e?.height??0;return h`<svg class="diagram-edges" width=${s} height=${n}>
|
|
655
|
+
${ft(t)}${e}
|
|
656
|
+
</svg>`}filtered(){const e=this.items();if(this.tagDimension==="edge"){const n=e.edges.filter(i=>Q(i.tags,this.tagFilter)&&this.matchesFilter(i)),r=new Set(n.flatMap(i=>[i.from,i.to]));return{...e,edges:n,nodes:e.nodes.filter(i=>r.has(i.id))}}const t=e.nodes.filter(n=>Q(n.tags,this.tagFilter)&&this.matchesFilter(n)),s=new Set(t.map(n=>n.id));return{...e,nodes:t,edges:e.edges.filter(n=>s.has(n.from)&&s.has(n.to))}}refreshContent(){const e=this.filtered(),t=[this.layoutMode,e.nodes.map(s=>`${s.id}:${s.width}x${s.height}`).join(","),e.edges.map(s=>`${s.id}:${s.from}>${s.to}`).join(","),this.layoutSignature()].join("|");t!==this.#s&&(this.#s=t,this.#a+=1,this.#e=this.computePlacement(e)),this.#t=this.relations(this.selection,e)}computePlacement(e){const t=e.nodes.map(r=>({id:r.id,width:r.width,height:r.height,...r.ports===void 0?{}:{ports:r.ports},...r.position===void 0?{}:{position:r.position}})),s=e.edges.map(r=>({id:r.id,from:r.from,to:r.to,...r.fromPort===void 0?{}:{fromPort:r.fromPort},...r.toPort===void 0?{}:{toPort:r.toPort}})),n=this.layoutOptions();return this.layoutMode==="fixed"?Ws(t,s,n):Vs(t,s,n)}}const fe=_({en:{heading:"State machine",node:"State",edge:"Transition",empty:"No matching transitions.",transitionLabel:(a,e,t)=>`${t} from ${a} to ${e}`},ja:{heading:"\u30B9\u30C6\u30FC\u30C8\u30DE\u30B7\u30F3",node:"\u72B6\u614B",edge:"\u9077\u79FB",empty:"\u8A72\u5F53\u3059\u308B\u9077\u79FB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",transitionLabel:(a,e,t)=>`${a} \u304B\u3089 ${e} \u3078\u306E ${t}`}}),ha=q({x:ae(),y:ae()}),ua=q({id:S(u(),M(1)),name:S(u(),M(1)),code:f(u()),kind:f(H(["normal","initial","terminal","compensation"]),"normal"),description:f(u()),position:f(ha),questions:f(u())}),ma=q({id:S(u(),M(1)),from:S(u(),M(1)),to:S(u(),M(1)),title:S(u(),M(1)),kind:f(H(["normal","exception"]),"normal"),tags:f(z(u()),[]),guard:f(u()),effect:f(u()),questions:f(u())}),xt={width:178,height:86},ga=()=>({nodes:[],edges:[]}),fa=q({states:z(ua),transitions:f(z(ma),[])}),vt=a=>{const e=G(fa,a),t=new Set;for(const i of e.states){if(t.has(i.id))throw new Error(`duplicate state id: ${i.id}`);t.add(i.id)}const s=new Set,n=e.transitions.map(i=>{if(s.has(i.id))throw new Error(`duplicate transition id: ${i.id}`);if(s.add(i.id),!t.has(i.from))throw new Error(`unknown transition source: ${i.from}`);if(!t.has(i.to))throw new Error(`unknown transition target: ${i.to}`);return{id:i.id,from:i.from,to:i.to,title:i.title,kind:i.kind,tags:i.tags,guard:i.guard??null,effect:i.effect??null,...i.questions===void 0?{}:{questions:i.questions}}});return{nodes:e.states.map(i=>({id:i.id,name:i.name,code:i.code??null,kind:i.kind,description:i.description??null,width:xt.width,height:xt.height,tags:[],...i.position===void 0?{}:{position:i.position},...i.questions===void 0?{}:{questions:i.questions}})),edges:n}},ba=a=>a.length>0&&a.every(e=>e.position!==void 0),ka=B`
|
|
626
657
|
.state-node {
|
|
627
658
|
display: flex;
|
|
628
659
|
flex-direction: column;
|
|
@@ -780,11 +811,11 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
780
811
|
fill: var(--dpk-amber);
|
|
781
812
|
stroke: var(--dpk-amber);
|
|
782
813
|
}
|
|
783
|
-
`,
|
|
784
|
-
${this.renderEdges([...t,...this.visible.edges.map(s=>this.#t(s))],
|
|
814
|
+
`,xa=[{id:"state-arrow"},{id:"state-arrow-active"},{id:"state-arrow-exception"}];class yt extends ie{static{this.styles=[W,ka]}parseData(e){return vt(e)}emptyData(){return ga()}defaultHeading(){return fe(this.locale).heading}statsLabels(){const e=fe(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return fe(this.locale).empty}get tagDimension(){return"edge"}get layoutMode(){return ba(this.filtered().nodes)?"fixed":"layered"}layoutOptions(){return this.layoutMode==="fixed"?{padding:44}:{nodeSpacing:40,layerSpacing:110,padding:44}}relations(e,t){if(e===null||e.kind!=="node")return Y;const s=N(t.edges,e.id,"outgoing",!1),n=N(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...n.nodes]),edges:new Set([...s.edges,...n.edges])}}renderCanvas(){const e=this.visible.nodes,t=e.filter(s=>s.kind==="initial").map(s=>this.#a(s));return h`
|
|
815
|
+
${this.renderEdges([...t,...this.visible.edges.map(s=>this.#t(s))],xa)}
|
|
785
816
|
${e.map(s=>this.#n(s))} ${this.visible.edges.map(s=>this.#r(s))}
|
|
786
|
-
`}#e(e){return this.filtered().nodes.find(t=>t.id===e)?.name??e}#
|
|
787
|
-
`)||e.title}#
|
|
817
|
+
`}#e(e){return this.filtered().nodes.find(t=>t.id===e)?.name??e}#s(e){return[e.guard,e.effect].filter(t=>t!==null).join(`
|
|
818
|
+
`)||e.title}#a(e){const t=this.placedNode(e.id);if(!t)return b;const s=t.y+t.height/2,n=this.nodeState(e.id);return I`
|
|
788
819
|
<g class=${ee("state-initial-mark",n.dimmed&&"is-dimmed")}>
|
|
789
820
|
<circle cx=${t.x-22} cy=${s} r="5"></circle>
|
|
790
821
|
<path
|
|
@@ -792,12 +823,12 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
792
823
|
stroke-width="1.6"
|
|
793
824
|
></path>
|
|
794
825
|
</g>
|
|
795
|
-
`}#t(e){const t=fe(this.locale),s=this.edgeState(e.id),n=this.routeOf(e.id),r=re(n),o=s.selected||s.related?"state-arrow-active":e.kind==="exception"?"state-arrow-exception":"state-arrow",d=()=>this.select({kind:"edge",id:e.id});return
|
|
826
|
+
`}#t(e){const t=fe(this.locale),s=this.edgeState(e.id),n=this.routeOf(e.id),r=re(n),o=s.selected||s.related?"state-arrow-active":e.kind==="exception"?"state-arrow-exception":"state-arrow",d=()=>this.select({kind:"edge",id:e.id});return I`
|
|
796
827
|
<g
|
|
797
828
|
class=${this.elementClass(s,"d-edge","state-edge",e.kind==="exception"&&"is-exception")}
|
|
798
829
|
data-transition=${e.id}
|
|
799
830
|
>
|
|
800
|
-
<title>${this.#
|
|
831
|
+
<title>${this.#s(e)}</title>
|
|
801
832
|
<path class="d-edge-path" d=${r} marker-end=${`url(#${o})`}></path>
|
|
802
833
|
<path
|
|
803
834
|
class="d-edge-hit"
|
|
@@ -824,21 +855,21 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
824
855
|
${e.code===null?b:h`<span class="state-code">${e.code}</span>`}
|
|
825
856
|
</button>
|
|
826
857
|
${this.renderCommentTrigger({kind:"node",id:e.id},e.name,{x:t.x+e.width-20,y:t.y-14})}
|
|
827
|
-
`}#r(e){const t=this.edgeState(e.id),s=
|
|
858
|
+
`}#r(e){const t=this.edgeState(e.id),s=sa(this.routeOf(e.id));return h`
|
|
828
859
|
<span class="state-label-slot" style="left:${s.x}px; top:${s.y}px">
|
|
829
860
|
<button
|
|
830
861
|
type="button"
|
|
831
862
|
class=${this.elementClass(t,"state-label")}
|
|
832
863
|
data-transition-label=${e.id}
|
|
833
864
|
data-grill-questions=${this.questionsOf(e)}
|
|
834
|
-
title=${this.#
|
|
865
|
+
title=${this.#s(e)}
|
|
835
866
|
@click=${()=>this.select({kind:"edge",id:e.id})}
|
|
836
867
|
>
|
|
837
868
|
${e.title}
|
|
838
869
|
</button>
|
|
839
870
|
${this.renderCommentTrigger({kind:"edge",id:e.id},`${this.#e(e.from)} \u2192 ${this.#e(e.to)} \xB7 ${e.title}`)}
|
|
840
871
|
</span>
|
|
841
|
-
`}}const
|
|
872
|
+
`}}const wt=()=>{customElements.get("dpk-component-state-diagram")||customElements.define("dpk-component-state-diagram",yt)},$t=(a,e)=>e?{request:"Process / guarantee",response:"Response / guarantee",async:"Async / guarantee"}[a]:{request:"\u51E6\u7406 / \u4FDD\u8A3C",response:"\u5FDC\u7B54 / \u4FDD\u8A3C",async:"\u975E\u540C\u671F\u51E6\u7406 / \u4FDD\u8A3C"}[a],oe=_({en:{heading:"Sequence",empty:"No matching messages.",participants:"Participants",stats:(a,e)=>`${a} / ${e} messages`,detailLabel:a=>$t(a,!0),selectMessage:a=>`Select ${a}`,frameHeaderLabel:(a,e,t)=>`${a} \xB7 ${t?`Expand ${e}`:`Collapse ${e}`}`,frameCount:a=>`${a} message${a===1?"":"s"}`},ja:{heading:"\u30B7\u30FC\u30B1\u30F3\u30B9\u56F3",empty:"\u8A72\u5F53\u3059\u308B\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002",participants:"\u53C2\u52A0\u8005",stats:(a,e)=>`${a} / ${e} \u30E1\u30C3\u30BB\u30FC\u30B8`,detailLabel:a=>$t(a,!1),selectMessage:a=>`${a}\u3092\u9078\u629E`,frameHeaderLabel:(a,e,t)=>`${a} \xB7 ${e}\u3092${t?"\u5C55\u958B":"\u6298\u308A\u305F\u305F\u3080"}`,frameCount:a=>`${a} \u30E1\u30C3\u30BB\u30FC\u30B8`}}),va=q({kind:Z("message"),id:S(u(),M(1)),from:S(u(),M(1)),to:S(u(),M(1)),title:S(u(),M(1)),style:f(H(["request","response","async"]),"request"),tags:f(z(u()),[]),guard:f(u()),detail:f(u()),questions:f(u())}),ya=q({label:S(u(),M(1)),items:z(Xe())}),wa=q({kind:Z("fragment"),id:S(u(),M(1)),operator:H(["alt","opt","loop","par"]),title:S(u(),M(1)),collapsed:f(we(),!1),branches:S(z(ya),M(1))}),$a=Ke("kind",[va,wa]),Sa=q({id:S(u(),M(1)),name:S(u(),M(1)),role:f(u()),symbol:f(u()),kind:f(H(["internal","external"]),"internal"),description:f(u()),questions:f(u())}),Ma=q({participants:S(z(Sa),M(1)),items:f(z(Xe()),[])}),St=240,Te=(a,e,t)=>{if(a.has(e))throw new Error(`duplicate ${t} id: ${e}`);a.add(e)},Mt=(a,e,t)=>a.map(s=>{const n=G($a,s);if(n.kind==="message"){if(Te(t,n.id,"message"),!e.has(n.from))throw new Error(`unknown sender: ${n.from}`);if(!e.has(n.to))throw new Error(`unknown receiver: ${n.to}`);return{kind:"message",id:n.id,from:n.from,to:n.to,title:n.title,style:n.style,tags:n.tags,guard:n.guard??null,detail:n.detail??null,questions:n.questions??null}}return Te(t,n.id,"fragment"),{kind:"fragment",id:n.id,operator:n.operator,title:n.title,collapsed:n.collapsed,branches:n.branches.map(i=>({label:i.label,items:Mt(i.items,e,t)}))}}),Ct=a=>{const e=G(Ma,a),t=new Set;for(const s of e.participants)Te(t,s.id,"participant");return{participants:e.participants.map(s=>({id:s.id,name:s.name,role:s.role??null,symbol:s.symbol??null,external:s.kind==="external",description:s.description??null,questions:s.questions??null})),items:Mt(e.items,t,new Set)}},Ca=()=>({participants:[],items:[]}),Et=(a,e)=>{for(const t of a)if(t.kind==="message")e.push(t);else for(const s of t.branches)Et(s.items,e)},K=a=>{const e=[];return Et(a,e),e},Ea=a=>new Map(K(a.items).map((e,t)=>[e.id,String(t+1).padStart(2,"0")])),qa=a=>K(a).length,qt=(a,e)=>{const t=[];for(const s of a){if(s.kind==="message"){e(s)&&t.push(s);continue}const n=s.branches.map(r=>({label:r.label,items:qt(r.items,e)})).filter(r=>r.items.length>0);n.length>0&&t.push({...s,branches:n})}return t},za=64,Da=86,Ta=31,Aa=32,La=40,Ra=(a,e)=>{const t=qt(a.items,e),s=new Set;for(const x of K(t))s.add(x.from),s.add(x.to);const n=a.participants.filter(x=>s.has(x.id)),r=new Map(n.map((x,v)=>[x.id,120+v*St])),i=Math.max(360,n.length*St),o=[],d=[],l=[],c=[],g=[];let p=25;const k=(x,v)=>{for(const y of x){if(y.kind==="message"){o.push({message:y,y:p+29,depth:v}),p+=y.from===y.to?Da:za;continue}const w=22+v*13,D=p,L=i-44-v*26;p+=Ta,y.collapsed?(g.push({fragment:y,x:w,y:p+6,width:L}),p+=La):y.branches.forEach((T,j)=>{j>0&&(c.push({x:w,y:p,width:L}),p+=8),l.push({label:T.label,x:w+12,y:p,width:L-24}),p+=Aa,k(T.items,v+1),p+=8}),d.push({fragment:y,x:w,y:D,width:L,height:p-D,count:qa([y])}),p+=14}};return k(t,0),{width:i,height:p+24,participants:n,rows:o,frames:d,branches:l,dividers:c,folds:g,x:r}},Oa=B`
|
|
842
873
|
.sequence .diagram-canvas {
|
|
843
874
|
background-image: none;
|
|
844
875
|
}
|
|
@@ -921,6 +952,11 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
921
952
|
color: var(--dpk-amber);
|
|
922
953
|
}
|
|
923
954
|
|
|
955
|
+
/* The lane is a fixed width: a long name or role elides inside it (the button's title has it whole). */
|
|
956
|
+
.sequence-names {
|
|
957
|
+
min-width: 0;
|
|
958
|
+
}
|
|
959
|
+
|
|
924
960
|
.sequence-name {
|
|
925
961
|
display: block;
|
|
926
962
|
font-size: 11.5px;
|
|
@@ -935,6 +971,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
935
971
|
margin-top: 2px;
|
|
936
972
|
font-size: 9px;
|
|
937
973
|
color: var(--dpk-ink-faint);
|
|
974
|
+
white-space: nowrap;
|
|
975
|
+
overflow: hidden;
|
|
976
|
+
text-overflow: ellipsis;
|
|
938
977
|
}
|
|
939
978
|
|
|
940
979
|
.sequence-lifeline {
|
|
@@ -987,6 +1026,15 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
987
1026
|
pointer-events: none;
|
|
988
1027
|
}
|
|
989
1028
|
|
|
1029
|
+
.sequence-frame-chevron {
|
|
1030
|
+
display: inline-flex;
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
.sequence-frame-chevron svg {
|
|
1034
|
+
width: 11px;
|
|
1035
|
+
height: 11px;
|
|
1036
|
+
}
|
|
1037
|
+
|
|
990
1038
|
.sequence-frame-header {
|
|
991
1039
|
position: absolute;
|
|
992
1040
|
display: flex;
|
|
@@ -1012,6 +1060,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1012
1060
|
}
|
|
1013
1061
|
|
|
1014
1062
|
.sequence-operator {
|
|
1063
|
+
flex: none;
|
|
1015
1064
|
min-width: 26px;
|
|
1016
1065
|
font-family: var(--dpk-mono);
|
|
1017
1066
|
font-weight: 700;
|
|
@@ -1019,12 +1068,20 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1019
1068
|
}
|
|
1020
1069
|
|
|
1021
1070
|
.sequence-frame-count {
|
|
1071
|
+
flex: none;
|
|
1022
1072
|
margin-left: auto;
|
|
1023
1073
|
font-family: var(--dpk-mono);
|
|
1024
1074
|
font-size: 9px;
|
|
1025
1075
|
color: var(--dpk-ink-faint);
|
|
1026
1076
|
}
|
|
1027
1077
|
|
|
1078
|
+
/* A branch or fold label is bounded by its frame (an inline max-width) and elides past it. */
|
|
1079
|
+
:is(.sequence-branch, .sequence-fold) {
|
|
1080
|
+
white-space: nowrap;
|
|
1081
|
+
overflow: hidden;
|
|
1082
|
+
text-overflow: ellipsis;
|
|
1083
|
+
}
|
|
1084
|
+
|
|
1028
1085
|
.sequence-branch {
|
|
1029
1086
|
position: absolute;
|
|
1030
1087
|
font-size: 9.5px;
|
|
@@ -1114,8 +1171,8 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1114
1171
|
fill: var(--dpk-ink);
|
|
1115
1172
|
stroke: var(--dpk-ink);
|
|
1116
1173
|
}
|
|
1117
|
-
`,
|
|
1118
|
-
`)||e.title}#c(){const e=this.items(),t=s=>s.map(n=>n.kind==="message"?n:{...n,collapsed:this.#
|
|
1174
|
+
`,Ia=[{id:"seq-request"},{id:"seq-response"},{id:"seq-async"},{id:"seq-related"},{id:"seq-selected"}];class zt extends De{static{this.styles=[W,Oa]}#e=null;#s=new Map;#a=new Map;#t=new Set;#n=new Set;#r="";#i=0;commentItems(){const e=this.items();return[...e.participants.map(t=>({value:this.commentRef("participant",t.id),label:t.name})),...K(e.items).map(t=>({value:this.commentRef("message",t.id),label:t.title}))]}parseData(e){return this.#a.clear(),Ct(e)}emptyData(){return Ca()}defaultHeading(){return oe(this.locale).heading}shellClass(){return"sequence"}emptyMessage(){return oe(this.locale).empty}fitViewport(){this.viewport?.fitWidth()}onViewChange(e){const t=this.renderRoot.querySelector(".sequence-rail-world");t&&(t.style.transform=`translateX(${e.x}px) scale(${e.scale})`)}hasSelection(e){const t=this.items();return e.kind==="participant"?t.participants.some(s=>s.id===e.id):K(t.items).some(s=>s.id===e.id)}tagItems(){return K(this.items().items).map(e=>e.tags)}statsText(){const e=this.#e,t=K(this.items().items).length;return e===null?"":oe(this.locale).stats(e.rows.length,t)}contentSize(){const e=this.#e;return e===null||e.rows.length===0?null:{width:e.width,height:e.height}}isEmpty(){return this.contentSize()===null}layoutVersion(){return this.#i}refreshContent(){const e=this.#c(),t=this.tagFilter,s=[t.match,[...t.active].join(","),[...this.#a].map(([i,o])=>`${i}:${o}`).join(","),K(e.items).map(i=>i.id).join(",")].join("|");s!==this.#r&&(this.#r=s,this.#i+=1,this.#s=Ea(this.items()),this.#e=Ra(e,i=>Q(i.tags,t))),this.#t=new Set,this.#n=new Set;const n=this.selection,r=this.#e;if(n!==null&&r!==null)if(n.kind==="message"){const i=r.rows.find(o=>o.message.id===n.id);this.#t.add(n.id),i&&(this.#n.add(i.message.from),this.#n.add(i.message.to))}else for(const i of r.rows)i.message.from!==n.id&&i.message.to!==n.id||this.#t.add(i.message.id)}#o(e,t){const s=e.detail===null?null:`${t.detailLabel(e.style)}: ${e.detail}`;return[e.guard,s].filter(n=>n!==null).join(`
|
|
1175
|
+
`)||e.title}#c(){const e=this.items(),t=s=>s.map(n=>n.kind==="message"?n:{...n,collapsed:this.#a.get(n.id)??n.collapsed,branches:n.branches.map(r=>({label:r.label,items:t(r.items)}))});return{participants:e.participants,items:t(e.items)}}#u(e){return this.#e?.frames.find(t=>t.fragment.id===e.id)?.fragment.collapsed??e.collapsed}#l(e){this.#a.set(e.id,!this.#u(e)),this.requestUpdate()}#p(e){const t=this.selection?.kind==="message"&&this.selection.id===e,s=!t&&this.#t.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}#h(e){const t=this.selection?.kind==="participant"&&this.selection.id===e,s=!t&&this.#n.has(e);return{selected:t,related:s,dimmed:this.selection!==null&&!t&&!s,depth:null}}renderAboveCanvas(){const e=this.#e;if(e===null)return b;const t=oe(this.locale);return h`
|
|
1119
1176
|
<div class="sequence-rail" role="group" aria-label=${t.participants}>
|
|
1120
1177
|
<div class="sequence-rail-world">
|
|
1121
1178
|
${e.participants.map(s=>this.#f(s,e))}
|
|
@@ -1133,7 +1190,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1133
1190
|
@click=${()=>this.select({kind:"participant",id:e.id})}
|
|
1134
1191
|
>
|
|
1135
1192
|
<span class="sequence-symbol" aria-hidden="true">${e.symbol??e.name.slice(0,2)}</span>
|
|
1136
|
-
<span>
|
|
1193
|
+
<span class="sequence-names">
|
|
1137
1194
|
<span class="sequence-name">${e.name}</span>
|
|
1138
1195
|
${e.role===null?b:h`<span class="sequence-role">${e.role}</span>`}
|
|
1139
1196
|
</span>
|
|
@@ -1146,17 +1203,23 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1146
1203
|
style="left:${s.x}px; top:${s.y}px; width:${s.width}px; height:${s.height}px"
|
|
1147
1204
|
></div>`)}
|
|
1148
1205
|
${e.frames.map(s=>this.#m(s.fragment,s.x,s.y,s.width,s.count,t))}
|
|
1149
|
-
${e.branches.map(s=>h`<span
|
|
1206
|
+
${e.branches.map(s=>h`<span
|
|
1207
|
+
class="sequence-branch"
|
|
1208
|
+
style="left:${s.x}px; top:${s.y}px; max-width:${s.width}px"
|
|
1209
|
+
title=${s.label}
|
|
1150
1210
|
>[${s.label}]</span
|
|
1151
1211
|
>`)}
|
|
1152
|
-
${e.folds.map(s=>
|
|
1153
|
-
|
|
1154
|
-
|
|
1212
|
+
${e.folds.map(s=>{const n=s.fragment.branches.map(r=>`[${r.label}]`).join(" / ");return h`<span
|
|
1213
|
+
class="sequence-fold"
|
|
1214
|
+
style="left:${s.x}px; top:${s.y}px; max-width:${s.width}px"
|
|
1215
|
+
title=${n}
|
|
1216
|
+
>${n}</span
|
|
1217
|
+
>`})}
|
|
1155
1218
|
${e.rows.map(s=>this.#g(s.y,s.message,e,t))}
|
|
1156
|
-
`}#d(e,t){const s=e.participants.map(i=>
|
|
1219
|
+
`}#d(e,t){const s=e.participants.map(i=>I`<path
|
|
1157
1220
|
class="sequence-lifeline"
|
|
1158
1221
|
d=${`M${e.x.get(i.id)??0} 0 V${e.height}`}
|
|
1159
|
-
></path>`),n=e.dividers.map(i=>
|
|
1222
|
+
></path>`),n=e.dividers.map(i=>I`<path class="sequence-divider" d=${`M${i.x} ${i.y} h${i.width}`}></path>`),r=e.rows.map(i=>{const o=e.x.get(i.message.from)??0,d=e.x.get(i.message.to)??0,l=o===d?`M${o} ${i.y} h42 v25 H${o}`:`M${o} ${i.y} H${d}`,c=this.#p(i.message.id),g=c.selected?"seq-selected":c.related?"seq-related":i.message.style==="async"?"seq-async":i.message.style==="response"?"seq-response":"seq-request",p=()=>this.select({kind:"message",id:i.message.id});return I`
|
|
1160
1223
|
<g
|
|
1161
1224
|
class=${this.elementClass(c,"sequence-message-row","d-edge",`is-${i.message.style}`)}
|
|
1162
1225
|
data-message=${i.message.id}
|
|
@@ -1166,10 +1229,10 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1166
1229
|
aria-label=${t.selectMessage(i.message.title)}
|
|
1167
1230
|
@click=${p}
|
|
1168
1231
|
@keydown=${k=>{k.key!=="Enter"&&k.key!==" "||(k.preventDefault(),p())}}></path>
|
|
1169
|
-
<path class="sequence-message is-${i.message.style}" d=${l} marker-end=${`url(#${
|
|
1232
|
+
<path class="sequence-message is-${i.message.style}" d=${l} marker-end=${`url(#${g})`}></path>
|
|
1170
1233
|
</g>
|
|
1171
1234
|
`});return h`<svg class="diagram-edges" width=${e.width} height=${e.height}>
|
|
1172
|
-
${
|
|
1235
|
+
${ft(Ia)} ${s} ${n} ${r}
|
|
1173
1236
|
</svg>`}#m(e,t,s,n,r,i){const o=this.#u(e);return h`
|
|
1174
1237
|
<button
|
|
1175
1238
|
type="button"
|
|
@@ -1180,7 +1243,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1180
1243
|
aria-label=${i.frameHeaderLabel(e.operator,e.title,o)}
|
|
1181
1244
|
@click=${()=>this.#l(e)}
|
|
1182
1245
|
>
|
|
1183
|
-
<span
|
|
1246
|
+
<span class="sequence-frame-chevron">${o?Je():Ls()}</span>
|
|
1184
1247
|
<span class="sequence-operator">${e.operator}</span>
|
|
1185
1248
|
<span class="sequence-text">${e.title}</span>
|
|
1186
1249
|
<span class="sequence-frame-count">${i.frameCount(r)}</span>
|
|
@@ -1195,11 +1258,11 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1195
1258
|
title=${this.#o(t,n)}
|
|
1196
1259
|
@click=${()=>this.select({kind:"message",id:t.id})}
|
|
1197
1260
|
>
|
|
1198
|
-
<span class="sequence-number">${this.#
|
|
1261
|
+
<span class="sequence-number">${this.#s.get(t.id)??""}</span>
|
|
1199
1262
|
<span class="sequence-text">${t.title}</span>
|
|
1200
1263
|
</button>
|
|
1201
|
-
${this.renderCommentTrigger({kind:"message",id:t.id},`${this.#
|
|
1202
|
-
`}}const
|
|
1264
|
+
${this.renderCommentTrigger({kind:"message",id:t.id},`${this.#s.get(t.id)??""} ${t.title}`.trim(),{x:l+c-30,y:e-31})}
|
|
1265
|
+
`}}const Dt=()=>{customElements.get("dpk-component-sequence-diagram")||customElements.define("dpk-component-sequence-diagram",zt)},te=_({en:{heading:"Dependencies",node:"Module",edge:"Dependency",emptyCycles:"No matching cycles.",emptyModules:"No matching modules.",directionGroup:"Direction to follow from the selected module",directionOutgoing:"Depends on",directionIncoming:"Depended on by",directionBoth:"Both",transitive:"Include indirect",cyclesToggleLabel:a=>`Show only ${a} cycle group(s)`,cyclesCount:a=>`Cycles ${a}`,legendOutgoing:"Depends on",legendIncoming:"Depended on by",legendCycle:"Cycle",edgeLabel:(a,e)=>`${a} depends on ${e}`,cyclicSuffix:a=>`${a}, part of a cycle`,cycleBadge:"Cycle"},ja:{heading:"\u4F9D\u5B58\u95A2\u4FC2\u30B0\u30E9\u30D5",node:"\u30E2\u30B8\u30E5\u30FC\u30EB",edge:"\u4F9D\u5B58",emptyCycles:"\u8A72\u5F53\u3059\u308B\u5FAA\u74B0\u4F9D\u5B58\u306F\u3042\u308A\u307E\u305B\u3093\u3002",emptyModules:"\u8A72\u5F53\u3059\u308B\u30E2\u30B8\u30E5\u30FC\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",directionGroup:"\u9078\u629E\u3057\u305F\u30E2\u30B8\u30E5\u30FC\u30EB\u304B\u3089\u8FFD\u3046\u65B9\u5411",directionOutgoing:"\u4F9D\u5B58\u5148",directionIncoming:"\u4F9D\u5B58\u5143",directionBoth:"\u4E21\u65B9",transitive:"\u9593\u63A5\u3082\u542B\u3080",cyclesToggleLabel:a=>`\u5FAA\u74B0\u4F9D\u5B58 ${a} \u30B0\u30EB\u30FC\u30D7\u3060\u3051\u8868\u793A`,cyclesCount:a=>`\u5FAA\u74B0 ${a}`,legendOutgoing:"\u4F9D\u5B58\u5148",legendIncoming:"\u4F9D\u5B58\u5143",legendCycle:"\u5FAA\u74B0",edgeLabel:(a,e)=>`${a} \u304C ${e} \u306B\u4F9D\u5B58`,cyclicSuffix:a=>`${a}\u30FB\u5FAA\u74B0\u4F9D\u5B58\u3042\u308A`,cycleBadge:"\u5FAA\u74B0"}}),Tt={width:176,height:84},Pa=q({id:S(u(),M(1)),name:S(u(),M(1)),path:f(u()),layer:f(u()),tags:f(z(u()),[]),description:f(u()),questions:f(u())}),ja=q({id:S(u(),M(1)),from:S(u(),M(1)),to:S(u(),M(1)),contract:f(u()),description:f(u()),questions:f(u())}),Fa=q({modules:z(Pa),dependencies:f(z(ja),[])}),Na=()=>({nodes:[],edges:[]}),Ua=a=>{const e=G(Fa,a),t=new Set;for(const i of e.modules){if(t.has(i.id))throw new Error(`duplicate module id: ${i.id}`);t.add(i.id)}const s=new Set,n=e.dependencies.map(i=>{if(s.has(i.id))throw new Error(`duplicate dependency id: ${i.id}`);if(s.add(i.id),!t.has(i.from))throw new Error(`unknown dependency source: ${i.from}`);if(!t.has(i.to))throw new Error(`unknown dependency target: ${i.to}`);return{id:i.id,from:i.from,to:i.to,tags:[],contract:i.contract??null,description:i.description??null}});return{nodes:e.modules.map(i=>({id:i.id,name:i.name,path:i.path??null,layer:i.layer??null,description:i.description??null,tags:i.tags,width:Tt.width,height:Tt.height,...i.questions===void 0?{}:{questions:i.questions}})),edges:n}},Ha=B`
|
|
1203
1266
|
.dep-direction {
|
|
1204
1267
|
display: flex;
|
|
1205
1268
|
gap: 2px;
|
|
@@ -1393,7 +1456,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1393
1456
|
fill: var(--dpk-blue);
|
|
1394
1457
|
stroke: var(--dpk-blue);
|
|
1395
1458
|
}
|
|
1396
|
-
`,
|
|
1459
|
+
`,_a=[{id:"dep-neutral"},{id:"dep-outgoing"},{id:"dep-incoming"},{id:"dep-cycle"},{id:"dep-selected"}];class At extends ie{static{this.styles=[W,Ha]}#e="both";#s=!1;#a=!1;#t=[];#n=Y;#r=Y;parseData(e){return Ua(e)}emptyData(){return Na()}defaultHeading(){return te(this.locale).heading}statsLabels(){const e=te(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){const e=te(this.locale);return this.#a?e.emptyCycles:e.emptyModules}layoutOptions(){return{nodeSpacing:40,layerSpacing:96,padding:32}}relations(e,t){return e===null||e.kind!=="node"?Y:{nodes:new Map([...this.#n.nodes,...this.#r.nodes]),edges:new Set([...this.#n.edges,...this.#r.edges])}}refreshContent(){const e=this.items(),t=this.tagFilter,s=e.nodes.filter(o=>Q(o.tags,t)),n=new Set(s.map(o=>o.id)),r=e.edges.filter(o=>n.has(o.from)&&n.has(o.to));this.#t=ta(s.map(o=>o.id),r);const i=this.selection;this.#n=i!==null&&i.kind==="node"&&this.#e!=="incoming"?N(r,i.id,"outgoing",this.#s):Y,this.#r=i!==null&&i.kind==="node"&&this.#e!=="outgoing"?N(r,i.id,"incoming",this.#s):Y,super.refreshContent()}matchesFilter(e){return this.#a?Ce(this.#t).has(e.id):!0}filtered(){const e=super.filtered();if(!this.#a)return e;const t=Ce(this.#t),s=e.edges.filter(r=>ut(r,t)),n=new Set(s.flatMap(r=>[r.from,r.to]));return{nodes:e.nodes.filter(r=>n.has(r.id)),edges:s}}renderToolbarActions(){const e=te(this.locale),t=this.#t.length;return h`
|
|
1397
1460
|
<div class="dep-direction" role="group" aria-label=${e.directionGroup}>
|
|
1398
1461
|
${[["outgoing",e.directionOutgoing],["incoming",e.directionIncoming],["both",e.directionBoth]].map(([s,n])=>h`
|
|
1399
1462
|
<button
|
|
@@ -1410,8 +1473,8 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1410
1473
|
type="button"
|
|
1411
1474
|
class="dpk-btn dpk-btn--ghost dep-toggle"
|
|
1412
1475
|
data-toggle="transitive"
|
|
1413
|
-
aria-pressed=${this.#
|
|
1414
|
-
@click=${()=>{this.#
|
|
1476
|
+
aria-pressed=${this.#s?"true":"false"}
|
|
1477
|
+
@click=${()=>{this.#s=!this.#s,this.requestUpdate()}}
|
|
1415
1478
|
>
|
|
1416
1479
|
${e.transitive}
|
|
1417
1480
|
</button>
|
|
@@ -1419,10 +1482,10 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1419
1482
|
type="button"
|
|
1420
1483
|
class="dpk-btn dpk-btn--ghost dep-toggle"
|
|
1421
1484
|
data-toggle="cycles"
|
|
1422
|
-
aria-pressed=${this.#
|
|
1485
|
+
aria-pressed=${this.#a?"true":"false"}
|
|
1423
1486
|
aria-label=${e.cyclesToggleLabel(t)}
|
|
1424
|
-
?disabled=${!this.#
|
|
1425
|
-
@click=${()=>{this.#
|
|
1487
|
+
?disabled=${!this.#a&&t===0}
|
|
1488
|
+
@click=${()=>{this.#a=!this.#a,this.requestUpdate()}}
|
|
1426
1489
|
>
|
|
1427
1490
|
${e.cyclesCount(t)}
|
|
1428
1491
|
</button>
|
|
@@ -1430,7 +1493,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1430
1493
|
<span><i class="dep-swatch-outgoing"></i>${e.legendOutgoing}</span>
|
|
1431
1494
|
<span><i class="dep-swatch-incoming"></i>${e.legendIncoming}</span>
|
|
1432
1495
|
<span><i class="dep-swatch-cycle"></i>${e.legendCycle}</span>
|
|
1433
|
-
</div>`}#i(e){this.#e=e,this.requestUpdate()}#o(e,t){const s=this.selection;return s!==null&&s.kind==="edge"&&s.id===e.id?"dep-selected":
|
|
1496
|
+
</div>`}#i(e){this.#e=e,this.requestUpdate()}#o(e,t){const s=this.selection;return s!==null&&s.kind==="edge"&&s.id===e.id?"dep-selected":ut(e,t)?"dep-cycle":this.#n.edges.has(e.id)?"dep-outgoing":this.#r.edges.has(e.id)?"dep-incoming":"dep-neutral"}renderCanvas(){const e=te(this.locale),t=this.visible,s=Ce(this.#t),n=o=>t.nodes.find(d=>d.id===o)?.name??o,r=t.edges.map(o=>{const d=this.edgeState(o.id),l=this.routeOf(o.id),c=re(l),g=()=>this.select({kind:"edge",id:o.id});return I`
|
|
1434
1497
|
<g class=${this.elementClass(d,"d-edge","dep-edge")} data-dependency=${o.id}>
|
|
1435
1498
|
<title>${[o.contract,o.description].filter(p=>p!==null).join(`
|
|
1436
1499
|
`)||o.id}</title>
|
|
@@ -1441,15 +1504,15 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1441
1504
|
role="button"
|
|
1442
1505
|
tabindex="0"
|
|
1443
1506
|
aria-label=${e.edgeLabel(n(o.from),n(o.to))}
|
|
1444
|
-
@click=${
|
|
1445
|
-
@keydown=${p=>{p.key!=="Enter"&&p.key!==" "||(p.preventDefault(),
|
|
1507
|
+
@click=${g}
|
|
1508
|
+
@keydown=${p=>{p.key!=="Enter"&&p.key!==" "||(p.preventDefault(),g())}}
|
|
1446
1509
|
></path>
|
|
1447
1510
|
${this.renderEdgeCommentTrigger({kind:"edge",id:o.id},`${n(o.from)} \u2192 ${n(o.to)}`,l)}
|
|
1448
1511
|
</g>
|
|
1449
|
-
`}),i=t.nodes.map(o=>{const d=this.placedNode(o.id);if(!d)return b;const l=this.nodeState(o.id),c=s.has(o.id),
|
|
1512
|
+
`}),i=t.nodes.map(o=>{const d=this.placedNode(o.id);if(!d)return b;const l=this.nodeState(o.id),c=s.has(o.id),g=this.#n.nodes.has(o.id),p=this.#r.nodes.has(o.id);return h`
|
|
1450
1513
|
<button
|
|
1451
1514
|
type="button"
|
|
1452
|
-
class=${this.elementClass(l,"d-node","dep-module",c&&"is-cyclic",
|
|
1515
|
+
class=${this.elementClass(l,"d-node","dep-module",c&&"is-cyclic",g&&"is-dependency",p&&"is-dependent")}
|
|
1453
1516
|
data-module=${o.id}
|
|
1454
1517
|
data-grill-questions=${this.questionsOf(o)}
|
|
1455
1518
|
style="left:${d.x}px; top:${d.y}px; width:${o.width}px; height:${o.height}px"
|
|
@@ -1467,7 +1530,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1467
1530
|
<span class="dep-path">${o.path??""}</span>
|
|
1468
1531
|
</button>
|
|
1469
1532
|
${this.renderCommentTrigger({kind:"node",id:o.id},o.name,{x:d.x+o.width-20,y:d.y-14})}
|
|
1470
|
-
`});return h`${this.renderEdges(r,
|
|
1533
|
+
`});return h`${this.renderEdges(r,_a)}${i}`}}const Lt=()=>{customElements.get("dpk-component-dependency-graph")||customElements.define("dpk-component-dependency-graph",At)},Rt=(a,e)=>e?{same:"Unchanged",added:"Added",removed:"Removed",changed:"Changed"}[a]:{same:"\u5909\u66F4\u306A\u3057",added:"\u8FFD\u52A0",removed:"\u524A\u9664",changed:"\u5909\u66F4"}[a],se=_({en:{heading:"ERD",node:"Table",edge:"Relation",empty:"No matching tables.",search:"Search",legendAdded:"Added",legendRemoved:"Removed",legendChanged:"Changed",legendCardinality:"Crow\u2019s foot: | one \xB7 \u25CB zero \xB7 fork many \u2014 each end counts that table\u2019s rows per row across the line",statusLabel:a=>Rt(a,!0),edgeLabel:(a,e,t)=>`${a} and ${e}, related ${t}`,was:a=>`was ${a}`,nullable:"nullable"},ja:{heading:"ER\u56F3",node:"\u30C6\u30FC\u30D6\u30EB",edge:"\u95A2\u9023",empty:"\u8A72\u5F53\u3059\u308B\u30C6\u30FC\u30D6\u30EB\u306F\u3042\u308A\u307E\u305B\u3093\u3002",search:"\u691C\u7D22",legendAdded:"\u8FFD\u52A0",legendRemoved:"\u524A\u9664",legendChanged:"\u5909\u66F4",legendCardinality:"\u30AB\u30E9\u30B9\u306E\u8DB3\u8A18\u6CD5: | 1 \xB7 \u25CB 0 \xB7 \u4E09\u53C9 \u591A \u2014 \u5404\u7AEF\u306E\u8A18\u53F7\u3068\u6570\u5B57\u306F\u3001\u76F8\u624B\u5074 1 \u884C\u306B\u5BFE\u3059\u308B\u305D\u306E\u7AEF\u306E\u30C6\u30FC\u30D6\u30EB\u306E\u884C\u6570",statusLabel:a=>Rt(a,!1),edgeLabel:(a,e,t)=>`${a} \u3068 ${e} \u306E\u95A2\u9023 (${t})`,was:a=>`\u5909\u66F4\u524D ${a}`,nullable:"null\u53EF"}}),Ot=276,Ae=74,Ba=28,Ga=44,It=["1","0..1"],Pt=["1","0..1","1..N","0..N"],Ya=It.flatMap(a=>Pt.map(e=>`${a}:${e}`)),jt=H(["PK","FK","UQ"]),Va=q({id:S(u(),M(1)),type:S(u(),M(1)),key:f(Rs([jt,S(z(jt),M(1))])),ref:f(u()),nullable:f(we(),!1),cardinality:f(H(Ya)),label:f(S(u(),M(1))),questions:f(u())}),Wa=q({id:S(u(),M(1)),name:S(u(),M(1)),tags:f(z(u()),[]),fields:z(Va),questions:f(u())}),Ft=q({tables:z(Wa)}),Ka=q({before:f(Ft),after:Ft}),Xa=()=>({nodes:[],edges:[]}),Le=a=>a.key===void 0?[]:[...new Set(typeof a.key=="string"?[a.key]:a.key)],Nt=a=>({id:a.id,type:a.type,keys:Le(a),ref:a.ref??null,nullable:a.nullable,cardinality:a.cardinality??null,label:a.label??null,questions:a.questions??null}),Ut=(a,e)=>a.type===e.type&&a.keys.join()===e.keys.join()&&a.ref===e.ref&&a.nullable===e.nullable&&a.cardinality===e.cardinality&&a.label===e.label,be=a=>`${a.parent} : ${a.child}`,Ja=(a,e)=>be(a.cardinality)===be(e.cardinality)&&a.label===e.label,Za=(a,e)=>{const t=Le(e);return t.includes("UQ")?!0:t.includes("PK")&&a.fields.filter(s=>Le(s).includes("PK")).length===1},Qa=new Map(It.map(a=>[a,a])),en=new Map(Pt.map(a=>[a,a])),tn=(a,e)=>{const t=Za(a,e),s={parent:e.nullable?"0..1":"1",child:t?"0..1":"0..N"};if(e.cardinality===void 0)return s;const[n="",r=""]=e.cardinality.split(":"),i=Qa.get(n),o=en.get(r),d=`${a.id}.${e.id}`;if(i===void 0||o===void 0)throw new Error(`invalid cardinality on ${d}`);if(i!==s.parent)throw new Error(`cardinality "${e.cardinality}" on ${d} needs the parent end ${s.parent}: the FK is ${e.nullable?"":"not "}nullable`);if(t&&(o==="1..N"||o==="0..N"))throw new Error(`cardinality "${e.cardinality}" on ${d} allows many rows, but the column is unique`);return{parent:i,child:o}},Re=a=>a.status==="changed"?Ga:Ba,sn=a=>Ae+a.reduce((e,t)=>e+Re(t),0),Ht=(a,e)=>{let t=Ae;for(const s of a){if(s.id===e)return t+Re(s)/2;t+=Re(s)}return Ae/2},an=14,nn=(a,e)=>(a-(e-1)/2)*an,Oe=a=>{const e=new Map;for(const t of a){const s=`${t.from}.${t.sourceField}`;e.set(s,[...e.get(s)??[],t.id])}return new Map([...e.values()].flatMap(t=>t.map((s,n)=>[s,nn(n,t.length)])))},_t=a=>a.flatMap(e=>e.fields.flatMap(t=>{if(t.ref===void 0){if(t.cardinality!==void 0||t.label!==void 0)throw new Error(`cardinality and label on ${e.id}.${t.id} describe a relation; add its ref`);return[]}const[s,n]=t.ref.split(".");if(s===void 0||n===void 0)throw new Error(`invalid ref "${t.ref}" on ${e.id}.${t.id}; expected table.field`);return[{id:`${s}:${n}>${e.id}:${t.id}`,from:s,to:e.id,sourceField:n,targetField:t.id,cardinality:tn(e,t),label:t.label??null}]})),rn=(a,e)=>[...new Set([...a,...e].map(s=>s.id))].flatMap(s=>{const n=a.find(l=>l.id===s),r=e.find(l=>l.id===s),i=r??n;if(!i)return[];const o=Nt(i);if(!n)return[{...o,status:"added",before:null}];if(!r)return[{...o,status:"removed",before:null}];const d=Nt(n);return[{...o,status:Ut(d,o)?"same":"changed",before:Ut(d,o)?null:d}]}),on=a=>{const e=G(Ka,a),t=e.before?.tables??e.after.tables,s=e.after.tables,n=[...new Set([...t,...s].map(x=>x.id))],r=new Map;for(const x of[...t,...s])r.set(x.id,x.tags);const i=n.flatMap(x=>{const v=t.find(T=>T.id===x),y=s.find(T=>T.id===x),w=y??v;if(!w)return[];const D=rn(v?.fields??[],y?.fields??[]),L=v?y?D.some(T=>T.status!=="same")?"changed":"same":"removed":"added";return[{id:x,name:w.name,status:L,fields:D,tags:r.get(x)??[],width:Ot,height:sn(D),...w.questions===void 0?{}:{questions:w.questions}}]}),o=new Map(i.map(x=>[x.id,x])),d=_t(t),l=_t(s),g=[...new Set([...d,...l].map(x=>x.id))].flatMap(x=>{const v=d.find(V=>V.id===x),y=l.find(V=>V.id===x),w=y??v;if(!w)return[];const D=o.get(w.from),L=o.get(w.to);if(!D||!L)return[];const T=v&&y&&!Ja(v,y)?v:null,j=v?y?T?"changed":"same":"removed":"added";return[{id:x,from:w.from,to:w.to,sourceField:w.sourceField,targetField:w.targetField,cardinality:w.cardinality,label:w.label,before:T&&{cardinality:T.cardinality,label:T.label},status:j,tags:[],fromPort:`${x}:out`,toPort:`${x}:in`}]}),p=Oe(g),k=x=>{const v={},y={};for(const w of g)w.from===x.id&&(v[`${w.id}:out`]={x:Ot,y:Ht(x.fields,w.sourceField)+(p.get(w.id)??0)}),w.to===x.id&&(y[`${w.id}:in`]={x:0,y:Ht(x.fields,w.targetField)});return{out:v,in:y}};return{nodes:i.map(x=>{const v=k(x);return{...x,ports:{...v.out,...v.in}}}),edges:g}},dn=a=>{switch(a){case"1":return{min:"one",max:"one"};case"0..1":return{min:"zero",max:"one"};case"1..N":return{min:"one",max:"many"};case"0..N":return{min:"zero",max:"many"}}},Ie=4,Bt=6,ln=12,Gt=7,cn=7,pn=14,hn=19,un=6,mn=(a,e)=>{const t=e==="start"?a:[...a].reverse(),[s]=t,n=t.find(i=>s!==void 0&&(i.x!==s.x||i.y!==s.y));if(s===void 0||n===void 0)return{x:e==="start"?1:-1,y:0};const r=Math.hypot(n.x-s.x,n.y-s.y);return{x:(n.x-s.x)/r,y:(n.y-s.y)/r}},Yt=a=>Math.round(a*100)/100||0,gn=(a,e,t)=>{const s=(e==="start"?a[0]:a.at(-1))??{x:0,y:0},n=mn(a,e),r={x:-n.y,y:n.x},i=(y,w=0)=>({x:Yt(s.x+n.x*y+r.x*w),y:Yt(s.y+n.y*y+r.y*w)}),o=y=>[i(y,-Bt),i(y,Bt)],d=dn(t),l=d.max==="many"?[-Gt,0,Gt].map(y=>[i(ln),i(0,y)]):[o(cn)],c=d.max==="many"?hn:pn,g=c+Ie-2,p=d.min==="one"?[...l,o(c)]:l,k=d.min==="zero"?i(g):null,x=(d.min==="zero"?g+Ie:c)+un,v=i(x);return{segments:p,circle:k,label:{...v,anchor:n.x>=0?"start":"end"}}},fn=B`
|
|
1471
1534
|
.er-search {
|
|
1472
1535
|
display: flex;
|
|
1473
1536
|
align-items: center;
|
|
@@ -1847,7 +1910,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1847
1910
|
.diagram-legend .er-swatch-changed {
|
|
1848
1911
|
border-color: var(--dpk-amber);
|
|
1849
1912
|
}
|
|
1850
|
-
`,Pe=7,
|
|
1913
|
+
`,Pe=7,Vt={same:"",added:"+",removed:"\u2212",changed:"~"};class Wt extends ie{static{this.styles=[W,fn]}#e="";#s=new Map;#a=null;disconnectedCallback(){this.#a?.disconnect(),this.#a=null,super.disconnectedCallback()}updated(){super.updated(),typeof ResizeObserver<"u"&&(this.#a??=new ResizeObserver(()=>this.#t())),this.#a?.disconnect();for(const e of this.renderRoot.querySelectorAll(".er-table")){this.#a?.observe(e);for(const t of e.querySelectorAll(".er-field"))this.#a?.observe(t)}this.#t()}#t(){let e=!1;for(const t of this.renderRoot.querySelectorAll(".er-table")){const s=t.dataset.erTable,n=t.getBoundingClientRect();if(s===void 0||n.width===0)continue;const r=n.width/t.offsetWidth,i=d=>Math.round(d*64)/64,o={height:i(n.height/r),rows:[...t.querySelectorAll(".er-field")].map(d=>{const l=d.getBoundingClientRect();return i((l.top+l.height/2-n.top)/r)})};JSON.stringify(this.#s.get(s))!==JSON.stringify(o)&&(this.#s.set(s,o),e=!0)}e&&this.requestUpdate()}layoutSignature(){return JSON.stringify([...this.#s])}filtered(){const e=super.filtered(),t=Oe(e.edges);return{...e,nodes:e.nodes.map(s=>{const n=this.#s.get(s.id);if(!n)return s;const r={...s.ports};for(const i of e.edges){if(i.from===s.id&&i.fromPort!==void 0){const o=n.rows[s.fields.findIndex(d=>d.id===i.sourceField)];o!==void 0&&(r[i.fromPort]={x:s.width,y:o+(t.get(i.id)??0)})}if(i.to===s.id&&i.toPort!==void 0){const o=n.rows[s.fields.findIndex(d=>d.id===i.targetField)];o!==void 0&&(r[i.toPort]={x:0,y:o})}}return{...s,height:n.height,ports:r}})}}parseData(e){return on(e)}emptyData(){return Xa()}defaultHeading(){return se(this.locale).heading}statsLabels(){const e=se(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return se(this.locale).empty}layoutOptions(){return{nodeSpacing:38,layerSpacing:128,padding:32}}matchesFilter(e){return this.#e===""?!0:[e.id,e.name,...e.fields.map(t=>t.id)].some(t=>t.toLowerCase().includes(this.#e))}relations(e,t){if(e===null||e.kind!=="node")return Y;const s=N(t.edges,e.id,"outgoing",!1),n=N(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...n.nodes]),edges:new Set([...s.edges,...n.edges])}}renderToolbarActions(){const e=se(this.locale);return h`
|
|
1851
1914
|
<label class="er-search">
|
|
1852
1915
|
<span class="dpk-label">${e.search}</span>
|
|
1853
1916
|
<input
|
|
@@ -1863,9 +1926,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1863
1926
|
<span><i class="er-swatch-removed"></i>${e.legendRemoved}</span>
|
|
1864
1927
|
<span><i class="er-swatch-changed"></i>${e.legendChanged}</span>
|
|
1865
1928
|
<span class="er-legend-cardinality">${e.legendCardinality}</span>
|
|
1866
|
-
</div>`}renderCanvas(){const e=se(this.locale),t=this.visible,s=Oe(t.edges),n=t.edges.map(r=>{const i=this.edgeState(r.id),o=this.routeOf(r.id),d=re(o),l=()=>this.select({kind:"edge",id:r.id}),c=[be(r.cardinality),r.label].filter(Boolean).join(" \xB7 "),
|
|
1929
|
+
</div>`}renderCanvas(){const e=se(this.locale),t=this.visible,s=Oe(t.edges),n=t.edges.map(r=>{const i=this.edgeState(r.id),o=this.routeOf(r.id),d=re(o),l=()=>this.select({kind:"edge",id:r.id}),c=[be(r.cardinality),r.label].filter(Boolean).join(" \xB7 "),g=r.before===null?null:[be(r.before.cardinality),r.before.label].filter(Boolean).join(" \xB7 ");return I`
|
|
1867
1930
|
<g class=${this.elementClass(i,"d-edge","er-edge",`is-${r.status}`)} data-relation=${r.id}>
|
|
1868
|
-
<title>${[`${r.from}.${r.sourceField} \u2192 ${r.to}.${r.targetField}`,c,
|
|
1931
|
+
<title>${[`${r.from}.${r.sourceField} \u2192 ${r.to}.${r.targetField}`,c,g===null?null:`(${e.was(g)})`].filter(Boolean).join(" \xB7 ")}</title>
|
|
1869
1932
|
<path class="d-edge-path" d=${d}></path>
|
|
1870
1933
|
<path
|
|
1871
1934
|
class="d-edge-hit"
|
|
@@ -1879,10 +1942,10 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1879
1942
|
${o.length>0?this.#n(o,r,s.get(r.id)??0):b}
|
|
1880
1943
|
${this.renderEdgeCommentTrigger({kind:"edge",id:r.id},`${r.from}.${r.sourceField} \u2192 ${r.to}.${r.targetField}`,o)}
|
|
1881
1944
|
</g>
|
|
1882
|
-
`});return h`${this.renderEdges(n,[])}${t.nodes.map(r=>this.#r(r,e))}`}#n(e,t,s){const n=t.before,r=(c,
|
|
1883
|
-
<g class="er-end" data-end=${c} data-multiplicity=${
|
|
1884
|
-
${k.segments.map(([x,v])=>
|
|
1885
|
-
${k.circle===null?b:
|
|
1945
|
+
`});return h`${this.renderEdges(n,[])}${t.nodes.map(r=>this.#r(r,e))}`}#n(e,t,s){const n=t.before,r=(c,g)=>I`${g!=null&&g!==c?I`<tspan class="er-was">${g}</tspan> `:b}${c??b}`,i=c=>{const g=c==="start"?t.cardinality.parent:t.cardinality.child,p=n&&(c==="start"?n.cardinality.parent:n.cardinality.child),k=gn(e,c,g);return{glyph:k,content:I`
|
|
1946
|
+
<g class="er-end" data-end=${c} data-multiplicity=${g}>
|
|
1947
|
+
${k.segments.map(([x,v])=>I`<line x1=${x.x} y1=${x.y} x2=${v.x} y2=${v.y}></line>`)}
|
|
1948
|
+
${k.circle===null?b:I`<circle cx=${k.circle.x} cy=${k.circle.y} r=${Ie}></circle>`}
|
|
1886
1949
|
</g>
|
|
1887
1950
|
<text
|
|
1888
1951
|
class="er-cardinality is-${t.status}"
|
|
@@ -1891,10 +1954,10 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1891
1954
|
dominant-baseline="central"
|
|
1892
1955
|
x=${k.label.x}
|
|
1893
1956
|
y=${k.label.y+(c==="start"&&s>0?Pe:-Pe)}
|
|
1894
|
-
>${r(
|
|
1895
|
-
`}},o=i("start"),d=i("end"),l=t.label??n?.label??null;return
|
|
1957
|
+
>${r(g,p)}</text>
|
|
1958
|
+
`}},o=i("start"),d=i("end"),l=t.label??n?.label??null;return I`
|
|
1896
1959
|
${o.content}${d.content}
|
|
1897
|
-
${l===null?b:
|
|
1960
|
+
${l===null?b:I`<text
|
|
1898
1961
|
class="er-relation-label is-${t.status}"
|
|
1899
1962
|
text-anchor=${d.glyph.label.anchor}
|
|
1900
1963
|
x=${d.glyph.label.x}
|
|
@@ -1916,7 +1979,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1916
1979
|
title=${`${e.id} / ${e.name}`}
|
|
1917
1980
|
@click=${()=>this.select({kind:"node",id:e.id})}
|
|
1918
1981
|
>
|
|
1919
|
-
${e.status==="same"?b:h`<span class="er-mark" aria-hidden="true">${
|
|
1982
|
+
${e.status==="same"?b:h`<span class="er-mark" aria-hidden="true">${Vt[e.status]}</span>`}
|
|
1920
1983
|
<span class="er-name">${e.id}</span>
|
|
1921
1984
|
<span class="er-label">${e.name}</span>
|
|
1922
1985
|
<span class="dpk-label er-status">${t.statusLabel(e.status)}</span>
|
|
@@ -1930,7 +1993,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1930
1993
|
data-grill-questions=${this.questionsOf(e)}
|
|
1931
1994
|
title=${[t.statusLabel(e.status),e.id,s(e)].filter(Boolean).join(" / ")}
|
|
1932
1995
|
>
|
|
1933
|
-
<span class="er-field-mark" aria-hidden="true">${
|
|
1996
|
+
<span class="er-field-mark" aria-hidden="true">${Vt[e.status]}</span>
|
|
1934
1997
|
<span class="er-key" data-empty=${e.keys.length===0?"true":"false"}
|
|
1935
1998
|
>${e.keys.length===0?"\xB7":e.keys.map(r=>h`<span>${r}</span>`)}</span
|
|
1936
1999
|
>
|
|
@@ -1940,7 +2003,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1940
2003
|
<ins>+ ${s(e)}</ins>
|
|
1941
2004
|
</span>`:h`<span class="er-field-type">${s(e)}</span>`}
|
|
1942
2005
|
</div>
|
|
1943
|
-
`}}const
|
|
2006
|
+
`}}const Kt=()=>{customElements.get("dpk-component-er-diagram")||customElements.define("dpk-component-er-diagram",Wt)},de=_({en:{heading:"Architecture",node:"Service",edge:"Connection",empty:"No matching services.",boundaries:"Boundaries",edgeLabel:(a,e)=>`Connection from ${a} to ${e}`,artworkCredit:a=>`Icon credit: ${a}`},ja:{heading:"\u30A2\u30FC\u30AD\u30C6\u30AF\u30C1\u30E3\u56F3",node:"\u30B5\u30FC\u30D3\u30B9",edge:"\u63A5\u7D9A",empty:"\u8A72\u5F53\u3059\u308B\u30B5\u30FC\u30D3\u30B9\u306F\u3042\u308A\u307E\u305B\u3093\u3002",boundaries:"\u5883\u754C",edgeLabel:(a,e)=>`${a} \u304B\u3089 ${e} \u3078\u306E\u63A5\u7D9A`,artworkCredit:a=>`\u30A2\u30A4\u30B3\u30F3\u51FA\u5178: ${a}`}}),Xt={width:220,height:112},ke=26,bn=q({src:S(u(),M(1)),alt:S(u(),M(1)),license:f(u())}),kn=q({id:S(u(),M(1)),name:S(u(),M(1)),description:f(u()),boundary:f(u()),symbol:f(u()),tags:f(z(u()),[]),artwork:f(bn),position:q({x:ae(),y:ae()}),questions:f(u())}),xn=q({id:S(u(),M(1)),label:S(u(),M(1)),kind:f(H(["internal","external"]),"internal")}),vn=q({id:S(u(),M(1)),from:S(u(),M(1)),to:S(u(),M(1)),label:f(u())}),yn=q({boundaries:f(z(xn),[]),services:z(kn),links:f(z(vn),[])}),wn=()=>({nodes:[],edges:[],boundaries:[]}),$n=a=>{const e=G(yn,a),t=new Set;for(const o of e.boundaries){if(t.has(o.id))throw new Error(`duplicate boundary id: ${o.id}`);t.add(o.id)}const s=new Set,n=e.services.map(o=>{if(s.has(o.id))throw new Error(`duplicate service id: ${o.id}`);if(s.add(o.id),o.boundary!==void 0&&!t.has(o.boundary))throw new Error(`unknown boundary: ${o.boundary}`);return{id:o.id,name:o.name,description:o.description??null,boundary:o.boundary??null,symbol:o.symbol??null,artwork:o.artwork?{src:o.artwork.src,alt:o.artwork.alt,license:o.artwork.license??null}:null,tags:o.tags,width:Xt.width,height:Xt.height,position:o.position,...o.questions===void 0?{}:{questions:o.questions}}}),r=new Set,i=e.links.map(o=>{if(r.has(o.id))throw new Error(`duplicate link id: ${o.id}`);if(r.add(o.id),!s.has(o.from))throw new Error(`unknown link source: ${o.from}`);if(!s.has(o.to))throw new Error(`unknown link target: ${o.to}`);return{id:o.id,from:o.from,to:o.to,label:o.label??null,tags:[]}});return{nodes:n,edges:i,boundaries:e.boundaries.map(o=>({id:o.id,label:o.label,kind:o.kind}))}},je={left:ke,top:ke*1.6,right:ke,bottom:ke},Sn={left:0,top:0,right:0,bottom:0},Mn=12,Jt=a=>({left:Math.min(...a.map(e=>e.position?.x??0)),top:Math.min(...a.map(e=>e.position?.y??0)),right:Math.max(...a.map(e=>(e.position?.x??0)+e.width)),bottom:Math.max(...a.map(e=>(e.position?.y??0)+e.height))}),Cn=(a,e,t,s)=>{const n=a.left-e.left<t.right+s.right&&t.left-s.left<a.right+e.right,r=a.top-e.top<t.bottom+s.bottom&&t.top-s.top<a.bottom+e.bottom;if(!n||!r)return e;const i=Math.max(t.left-a.right,a.left-t.right),o=Math.max(t.top-a.bottom,a.top-t.bottom);if(i<0&&o<0)return e;const d=(l,c,g)=>l===0?0:Math.max(0,g-Mn)*l/(l+c);return i>=o?t.left>=a.right?{...e,right:Math.min(e.right,d(e.right,s.left,i))}:{...e,left:Math.min(e.left,d(e.left,s.right,i))}:t.top>=a.bottom?{...e,bottom:Math.min(e.bottom,d(e.bottom,s.top,o))}:{...e,top:Math.min(e.top,d(e.top,s.bottom,o))}},En=(a,e)=>{const t=e.flatMap(n=>{const r=a.filter(i=>i.boundary===n.id);return r.length===0?[]:[{boundary:n,bounds:Jt(r)}]}),s=[...t.map(n=>({id:n.boundary.id,bounds:n.bounds,padding:je})),...a.filter(n=>n.boundary===null||!t.some(r=>r.boundary.id===n.boundary)).map(n=>({id:null,bounds:Jt([n]),padding:Sn}))];return t.map(({boundary:n,bounds:r})=>{const i=s.filter(l=>l.id!==n.id).map(l=>Cn(r,je,l.bounds,l.padding)).reduce((l,c)=>({left:Math.min(l.left,c.left),top:Math.min(l.top,c.top),right:Math.min(l.right,c.right),bottom:Math.min(l.bottom,c.bottom)}),je),o=r.left-i.left,d=r.top-i.top;return{boundary:n,x:o,y:d,width:r.right+i.right-o,height:r.bottom+i.bottom-d}})},qn=(a,e)=>{const t=r=>r.y+r.height/2,s=r=>r.x+r.width/2,n=(r,i,o)=>{if(o?r.y===i.y:r.x===i.x)return[r,i];if(o){const l=(r.x+i.x)/2;return[r,{x:l,y:r.y},{x:l,y:i.y},i]}const d=(r.y+i.y)/2;return[r,{x:r.x,y:d},{x:i.x,y:d},i]};return e.x>=a.x+a.width?n({x:a.x+a.width,y:t(a)},{x:e.x,y:t(e)},!0):a.x>=e.x+e.width?n({x:a.x,y:t(a)},{x:e.x+e.width,y:t(e)},!0):e.y>=a.y+a.height?n({x:s(a),y:a.y+a.height},{x:s(e),y:e.y},!1):a.y>=e.y+e.height?n({x:s(a),y:a.y},{x:s(e),y:e.y+e.height},!1):null},zn=(a,e)=>{const t=new Map(a.nodes.map(n=>[n.id,n])),s=a.routes.map(n=>{const r=e.find(l=>l.id===n.id),i=r?t.get(r.from):void 0,o=r?t.get(r.to):void 0,d=i&&o&&i!==o?qn(i,o):null;return d===null?n:{id:n.id,points:d}});return{...a,routes:s}},Dn=B`
|
|
1944
2007
|
.arch-toggle {
|
|
1945
2008
|
min-height: 26px;
|
|
1946
2009
|
padding: 0 9px;
|
|
@@ -1970,6 +2033,12 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
1970
2033
|
position: absolute;
|
|
1971
2034
|
top: 9px;
|
|
1972
2035
|
left: 14px;
|
|
2036
|
+
/* Stays inside its own boundary, eliding a long label, rather than running over its neighbours. */
|
|
2037
|
+
box-sizing: border-box;
|
|
2038
|
+
max-width: calc(100% - 28px);
|
|
2039
|
+
overflow: hidden;
|
|
2040
|
+
text-overflow: ellipsis;
|
|
2041
|
+
white-space: nowrap;
|
|
1973
2042
|
padding: 2px 7px;
|
|
1974
2043
|
border-radius: 999px;
|
|
1975
2044
|
background: var(--dpk-glass);
|
|
@@ -2096,7 +2165,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2096
2165
|
fill: var(--dpk-blue);
|
|
2097
2166
|
stroke: var(--dpk-blue);
|
|
2098
2167
|
}
|
|
2099
|
-
`,
|
|
2168
|
+
`,Tn=[{id:"arch-neutral"},{id:"arch-selected"}];class Zt extends ie{static{this.styles=[W,Dn]}#e=!0;parseData(e){return $n(e)}emptyData(){return wn()}defaultHeading(){return de(this.locale).heading}statsLabels(){const e=de(this.locale);return{node:e.node,edge:e.edge}}emptyMessage(){return de(this.locale).empty}get layoutMode(){return"fixed"}layoutOptions(){return{padding:40}}computePlacement(e){return zn(super.computePlacement(e),e.edges)}isEmpty(){return this.visible.nodes.length===0}contentSize(){const e=super.contentSize();if(e===null)return null;const t=this.#s();return t.length===0?e:{width:Math.max(e.width,...t.map(s=>s.x+s.width)),height:Math.max(e.height,...t.map(s=>s.y+s.height))}}initialView(){const e=this.visible.nodes.flatMap(n=>{const r=this.placedNode(n.id);return r?[r]:[]}),t=this.renderRoot.querySelector(".diagram-canvas"),s=la([...e,...this.#s()],t?.clientHeight??0);this.viewport?.reset(s??void 0)}relations(e,t){if(e===null||e.kind!=="node")return Y;const s=N(t.edges,e.id,"outgoing",!1),n=N(t.edges,e.id,"incoming",!1);return{nodes:new Map([...s.nodes,...n.nodes]),edges:new Set([...s.edges,...n.edges])}}renderToolbarActions(){const e=de(this.locale);return h`
|
|
2100
2169
|
<button
|
|
2101
2170
|
type="button"
|
|
2102
2171
|
class="dpk-btn dpk-btn--ghost arch-toggle"
|
|
@@ -2106,7 +2175,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2106
2175
|
>
|
|
2107
2176
|
${e.boundaries}
|
|
2108
2177
|
</button>
|
|
2109
|
-
`}#
|
|
2178
|
+
`}#s(){const e=this.visible.nodes.flatMap(t=>{const s=this.placedNode(t.id);return s?[{...t,position:{x:s.x,y:s.y}}]:[]});return En(e,this.items().boundaries)}renderCanvas(){const e=de(this.locale),t=this.visible,s=r=>t.nodes.find(i=>i.id===r)?.name??r,n=t.edges.map(r=>{const i=this.edgeState(r.id),o=this.routeOf(r.id),d=re(o),l=()=>this.select({kind:"edge",id:r.id});return I`
|
|
2110
2179
|
<g class=${this.elementClass(i,"d-edge","arch-link")} data-link=${r.id}>
|
|
2111
2180
|
<title>${r.label??r.id}</title>
|
|
2112
2181
|
<path
|
|
@@ -2123,19 +2192,19 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2123
2192
|
@click=${l}
|
|
2124
2193
|
@keydown=${c=>{c.key!=="Enter"&&c.key!==" "||(c.preventDefault(),l())}}
|
|
2125
2194
|
></path>
|
|
2126
|
-
${r.label===null||o.length===0?b:this.#
|
|
2195
|
+
${r.label===null||o.length===0?b:this.#a(r.label,o)}
|
|
2127
2196
|
${this.renderEdgeCommentTrigger({kind:"edge",id:r.id},`${s(r.from)} \u2192 ${s(r.to)}${r.label===null?"":` \xB7 ${r.label}`}`,o)}
|
|
2128
2197
|
</g>
|
|
2129
2198
|
`});return h`
|
|
2130
|
-
${this.#e?this.#
|
|
2199
|
+
${this.#e?this.#s().map(r=>h`<div
|
|
2131
2200
|
class=${`arch-boundary ${r.boundary.kind==="external"?"is-external":""}`}
|
|
2132
2201
|
data-boundary=${r.boundary.id}
|
|
2133
2202
|
style="left:${r.x}px; top:${r.y}px; width:${r.width}px; height:${r.height}px"
|
|
2134
2203
|
>
|
|
2135
2204
|
<span>${r.boundary.label}</span>
|
|
2136
2205
|
</div>`):b}
|
|
2137
|
-
${this.renderEdges(n,
|
|
2138
|
-
`}#
|
|
2206
|
+
${this.renderEdges(n,Tn)} ${t.nodes.map(r=>this.#t(r,e))}
|
|
2207
|
+
`}#a(e,t){const s=t[Math.floor(t.length/2)]??t[0];return s?I`<text class="arch-link-label" x=${s.x} y=${s.y-6}>${e}</text>`:h``}#t(e,t){const s=this.placedNode(e.id);if(!s)return b;const n=this.nodeState(e.id);return h`
|
|
2139
2208
|
<button
|
|
2140
2209
|
type="button"
|
|
2141
2210
|
class=${this.elementClass(n,"d-node","arch-service")}
|
|
@@ -2158,7 +2227,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2158
2227
|
</span>
|
|
2159
2228
|
</button>
|
|
2160
2229
|
${this.renderCommentTrigger({kind:"node",id:e.id},e.name,{x:s.x+e.width-20,y:s.y-14})}
|
|
2161
|
-
`}}const
|
|
2230
|
+
`}}const Qt=()=>{customElements.get("dpk-component-architecture-map")||customElements.define("dpk-component-architecture-map",Zt)},es=[72,52,40],ts=[0,22,10,8],An=a=>es[Math.min(a,es.length-1)]??40,ss=a=>ts[Math.min(a,ts.length-1)]??8,Ln=(a,e={})=>{const t=e.padding??40,s=a.nodes.find($=>$.parent===null);if(s===void 0)return{width:0,height:0,nodes:[],routes:[]};const n=new Map(a.nodes.map($=>[$.id,$])),r=$=>$.children.flatMap(A=>{const R=n.get(A);return R===void 0?[]:[R]}),i=new Map,o=$=>$.reduce((A,R,U)=>A+d(R)+(U===0?0:ss(R.depth)),0),d=$=>{const A=i.get($.id);if(A!==void 0)return A;const R=Math.max($.height,o(r($)));return i.set($.id,R),R},l=[],c=($,A,R)=>{if(A.length===0)return;const U=An($.node.depth);let m=$.y+$.node.height/2-o(A)/2;for(const C of A){const E=d(C),P={x:R==="right"?$.x+$.node.width+U:$.x-U-C.width,y:m+E/2-C.height/2,node:C};l.push(P),c(P,r(C),R),m+=E+ss(C.depth)}},g={x:-s.width/2,y:-s.height/2,node:s};l.push(g);const p=r(s);c(g,p.filter($=>$.side!=="left"),"right"),c(g,p.filter($=>$.side==="left"),"left");const k=Math.min(...l.map($=>$.x)),x=Math.min(...l.map($=>$.y)),v=Math.max(...l.map($=>$.x+$.node.width)),y=Math.max(...l.map($=>$.y+$.node.height)),w=t-k,D=t-x,L=new Map,T=l.map($=>{const A=L.get($.node.depth)??0;return L.set($.node.depth,A+1),{id:$.node.id,x:$.x+w,y:$.y+D,width:$.node.width,height:$.node.height,layer:$.node.depth,order:A}}),j=new Map(T.map($=>[$.id,$])),V=a.edges.flatMap($=>{const A=j.get($.from),R=j.get($.to),U=n.get($.to);if(A===void 0||R===void 0||U===void 0)return[];const m=U.side==="left",C={x:m?A.x:A.x+A.width,y:A.y+A.height/2},E={x:m?R.x+R.width:R.x,y:R.y+R.height/2};return[{id:$.id,points:[C,E]}]});return{width:v-k+t*2,height:y-x+t*2,nodes:T,routes:V}},Rn=a=>{const e=a[0],t=a.at(-1);if(e===void 0||t===void 0)return"";const s=(t.x-e.x)/2;return`M${e.x} ${e.y} C${e.x+s} ${e.y} ${t.x-s} ${t.y} ${t.x} ${t.y}`},le=_({en:{heading:"Mind map",empty:"No matching topics.",topics:"Topic",toggleOpen:(a,e)=>`Open ${e} subtopics of ${a}`,toggleClose:a=>`Collapse subtopics of ${a}`,addSubtopicButton:"+ Subtopic",commentButton:"Comment",addSubtopicAriaLabel:a=>`Subtopic of ${a}`,addSubtopicPlaceholder:"Subtopic title (Enter to add)",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",addTopicTitle:"Add topic",addSummary:(a,e)=>`${a} \u203A ${e}`},ja:{heading:"\u30DE\u30A4\u30F3\u30C9\u30DE\u30C3\u30D7",empty:"\u8A72\u5F53\u3059\u308B\u30C8\u30D4\u30C3\u30AF\u306F\u3042\u308A\u307E\u305B\u3093\u3002",topics:"\u30C8\u30D4\u30C3\u30AF",toggleOpen:(a,e)=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF ${e} \u4EF6\u3092\u3072\u3089\u304F`,toggleClose:a=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u3092\u305F\u305F\u3080`,addSubtopicButton:"\uFF0B \u30B5\u30D6\u30C8\u30D4\u30C3\u30AF",commentButton:"\u30B3\u30E1\u30F3\u30C8",addSubtopicAriaLabel:a=>`${a} \u306E\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF`,addSubtopicPlaceholder:"\u30B5\u30D6\u30C8\u30D4\u30C3\u30AF\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",addTopicTitle:"\u30C8\u30D4\u30C3\u30AF\u3092\u8FFD\u52A0",addSummary:(a,e)=>`${a} \u203A ${e}`}}),as=Os(()=>q({id:S(u(),M(1)),label:S(u(),M(1)),description:f(u()),tags:f(z(u())),questions:f(u()),collapsed:f(we()),side:f(H(["left","right"])),children:f(z(as))})),On=q({root:as}),ns=()=>({root:null,nodes:[],edges:[]}),rs=[{fontSize:16,padding:22,height:48,min:120,max:280},{fontSize:13.5,padding:15,height:34,min:80,max:240},{fontSize:12.5,padding:12,height:28,min:56,max:220}],In=a=>rs[Math.min(a,rs.length-1)]??{fontSize:12.5,padding:12,height:28,min:56,max:220},Pn=(a,e)=>{let t=0;for(const s of a)t+=(s.codePointAt(0)??0)>=11904?e:e*.62;return t},jn=(a,e)=>{const t=In(e),s=Math.ceil(Pn(a,t.fontSize)+t.padding*2+4);return{width:Math.min(t.max,Math.max(t.min,s)),height:t.height}},Fe=a=>a.children===void 0||a.children.length===0?1:a.children.reduce((e,t)=>e+Fe(t),0),is=a=>{const e={left:0,right:0};for(const t of a)t.side!==void 0&&(e[t.side]+=Fe(t));return a.map(t=>{if(t.side!==void 0)return t.side;const s=e.right<=e.left?"right":"left";return e[s]+=Fe(t),s})},os=a=>ds(G(On,a).root),ds=(a,e=new Set)=>{const t=[],s=[],n=new Set,r=(i,o,d,l,c)=>{if(n.has(i.id))throw new Error(`duplicate topic id: ${i.id}`);if(n.add(i.id),i.side!==void 0&&d!==1)throw new Error(`side is only allowed on a main topic (a child of the root): ${i.id}`);const g=i.children??[];t.push({id:i.id,label:i.label,description:i.description??null,parent:o,depth:d,branch:l,side:c,children:g.map(k=>k.id),collapsed:i.collapsed??!1,added:e.has(i.id),tags:i.tags??[],...jn(i.label,d),...i.questions===void 0?{}:{questions:i.questions}}),o!==null&&s.push({id:i.id,from:o,to:i.id,tags:[]});const p=d===0?is(g):[];g.forEach((k,x)=>r(k,i.id,d+1,d===0?x:l,d===0?p[x]??"right":c))};return r(a,null,0,-1,null),{root:a,nodes:t,edges:s}},ls="ADD_TOPIC",Fn=Se({id:S(u(),M(1)),label:S(u(),Me(),M(1))}),Nn=a=>{const e=mt(a);return e?.length===3&&e[1]==="node"?e[2]??null:null},cs=(a,e,t)=>a.id===e?{...a,children:[...a.children??[],t]}:a.children===void 0?a:{...a,children:a.children.map(s=>cs(s,e,t))},Un=a=>{if(a.children===void 0)return a;const e=is(a.children);return{...a,children:a.children.map((t,s)=>({...t,side:e[s]??"right"}))}},Hn=(a,e,t)=>{const s=a.addTopicTitle,n=new Map(e.nodes.map(d=>[d.id,d.label])),r=new Set,i=[];let o=e.root===null?null:Un(e.root);for(const d of t){if(d.type!==ls){i.push({id:d.id,title:d.type,stale:"unsupported-action-type"});continue}const l=Nn(d.target.id),c=l===null?void 0:n.get(l),g=$e(Fn,d.payload);if(o===null||l===null||c===void 0){i.push({id:d.id,title:s,stale:"target-missing"});continue}if(!g.success||n.has(g.output.id)){i.push({id:d.id,title:s,stale:"constraint-violated"});continue}const{id:p,label:k}=g.output;o=cs(o,l,{id:p,label:k}),n.set(p,k),r.add(p),i.push({id:d.id,title:s,summary:a.addSummary(c,k),tone:"create"})}return{data:o===null||r.size===0?e:ds(o,r),results:i}},Ne=(a,e)=>{const t=new Map(a.nodes.map(r=>[r.id,r])),s=[];let n=t.get(e)?.parent??null;for(;n!==null&&!s.includes(n);)s.push(n),n=t.get(n)?.parent??null;return s},_n=(a,e)=>{const t=new Map(a.nodes.map(r=>[r.id,r]));let s=0;const n=[...t.get(e)?.children??[]];for(let r=n.pop();r!==void 0;r=n.pop())s+=1,n.push(...t.get(r)?.children??[]);return s},Bn=(a,e,t)=>{let s=null;if(e!==null){const i=a.nodes.filter(e);if(i.length===0)return ns();const o=new Map(a.nodes.map(l=>[l.id,l])),d=new Set;for(const l of i){d.add(l.id);for(const g of Ne(a,l.id))d.add(g);const c=[...l.children];for(let g=c.pop();g!==void 0;g=c.pop())d.add(g),c.push(...o.get(g)?.children??[])}s=d}const n=a.nodes.filter(i=>(s===null||s.has(i.id))&&!Ne(a,i.id).some(o=>t.has(o))),r=new Set(n.map(i=>i.id));return{...a,nodes:n,edges:a.edges.filter(i=>r.has(i.from)&&r.has(i.to))}},Gn=B`
|
|
2162
2231
|
.branch-root {
|
|
2163
2232
|
--mind-color: var(--dpk-ink);
|
|
2164
2233
|
--mind-soft: var(--dpk-paper-sunken);
|
|
@@ -2375,14 +2444,14 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2375
2444
|
opacity: 1;
|
|
2376
2445
|
}
|
|
2377
2446
|
}
|
|
2378
|
-
`,
|
|
2447
|
+
`,Yn=5,ps=.6;class hs extends ie{static{this.styles=[W,Gn]}#e=new Set;#s=null;#a=!1;#t=null;toggle(e,t){const s=this.items().nodes.find(r=>r.id===e);if(s===void 0||s.children.length===0)return;const n=t??!this.#e.has(e);if(n!==this.#e.has(e)){if(n){this.#e.add(e);const r=this.selection;r!==null&&Ne(this.items(),r.id).includes(e)&&this.select(null)}else this.#e.delete(e);this.requestUpdate()}}get collapsed(){return[...this.#e]}parseData(e){return os(e)}emptyData(){return ns()}reduceElementActions(e,t){return Hn(le(this.locale),e,t)}defaultHeading(){return le(this.locale).heading}emptyMessage(){return le(this.locale).empty}statsText(){const e=le(this.locale),t=this.items().nodes.length,s=this.filtered().nodes.length;return s===t?`${t} ${e.topics}`:`${s} / ${t} ${e.topics}`}filtered(){const e=this.tagFilter,t=e.active.length===0?null:s=>Q(s.tags,e);return Bn(this.items(),t,this.#e)}layoutSignature(){return this.filtered().nodes.map(e=>`${e.id}<${e.parent??""}:${e.side??""}`).join(",")}computePlacement(e){return Ln(e)}refreshContent(){const e=this.authoredItems();e!==this.#s&&(this.#s=e,this.#e=new Set(e.nodes.filter(t=>t.collapsed).map(t=>t.id)),this.#a=!1,this.#t=null),super.refreshContent()}initialView(){const e=this.viewport;if(e===null)return;if(this.#a){e.apply();return}this.#a=!0,e.fit();const{scale:t}=e.view();t<ps&&e.zoom(ps/t)}commentItems(){return this.items().nodes.map(e=>({value:this.commentRef("node",e.id),label:e.label}))}hasSelection(e){return e.kind==="node"&&this.items().nodes.some(t=>t.id===e.id)}relations(e,t){if(e===null||e.kind!=="node")return{nodes:new Map,edges:new Set};const s=N(t.edges,e.id,"outgoing",!0),n=N(t.edges,e.id,"incoming",!0);return{nodes:new Map([...s.nodes,...n.nodes]),edges:new Set([...s.edges,...n.edges])}}renderSelection(){return b}renderCanvas(){const e=this.filtered(),t=le(this.locale);return h`
|
|
2379
2448
|
${this.renderEdges(e.edges.map(s=>this.#r(s)),[])}
|
|
2380
2449
|
${e.nodes.map(s=>this.#i(s,t))} ${this.#c(t)}
|
|
2381
|
-
`}#n(e){return e===void 0||e.branch<0?"branch-root":`branch-${e.branch%
|
|
2450
|
+
`}#n(e){return e===void 0||e.branch<0?"branch-root":`branch-${e.branch%Yn}`}#r(e){const t=this.items().nodes.find(n=>n.id===e.to),s=this.edgeState(e.id);return I`
|
|
2382
2451
|
<path
|
|
2383
2452
|
class=${this.elementClass(s,"d-edge","mind-branch",this.#n(t),`depth-${Math.min(t?.depth??1,3)}`)}
|
|
2384
2453
|
data-branch=${e.id}
|
|
2385
|
-
d=${
|
|
2454
|
+
d=${Rn(this.routeOf(e.id))}
|
|
2386
2455
|
></path>
|
|
2387
2456
|
`}#i(e,t){const s=this.placedNode(e.id);if(!s)return b;const n=this.nodeState(e.id),r=this.#e.has(e.id),i=`depth-${Math.min(e.depth,3)}`;return h`
|
|
2388
2457
|
<button
|
|
@@ -2398,7 +2467,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2398
2467
|
<span class="mind-label">${e.label}</span>
|
|
2399
2468
|
</button>
|
|
2400
2469
|
${e.depth===0||e.children.length===0?b:this.#o(e,s,r,n.dimmed,t)}
|
|
2401
|
-
`}#o(e,t,s,n,r){const i=s?
|
|
2470
|
+
`}#o(e,t,s,n,r){const i=s?_n(this.items(),e.id):0,o=e.side==="left"?t.x:t.x+t.width,d=s?r.toggleOpen(e.label,i):r.toggleClose(e.label);return h`
|
|
2402
2471
|
<button
|
|
2403
2472
|
type="button"
|
|
2404
2473
|
class=${this.elementClass({selected:!1,related:!1,dimmed:n,depth:null},"mind-toggle",this.#n(e),s&&"is-folded")}
|
|
@@ -2442,7 +2511,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2442
2511
|
${r.failed?h`<span class="mind-actions-error" role="alert">${e.notRecorded}</span>`:b}
|
|
2443
2512
|
`}
|
|
2444
2513
|
</div>
|
|
2445
|
-
`}#u(e,t){return e.side==="left"?t.x+t.width-220:t.x}#l(e){this.#t={parent:e,label:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(".mind-actions input")?.focus())}#p(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#t=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#t?.label.trim()??"";if(s.length===0)return;const n=
|
|
2514
|
+
`}#u(e,t){return e.side==="left"?t.x+t.width-220:t.x}#l(e){this.#t={parent:e,label:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(".mind-actions input")?.focus())}#p(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#t=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#t?.label.trim()??"";if(s.length===0)return;const n=Ze(`topic ${s}`,this.items().nodes.map(i=>i.id));if(!this.dispatchElementAction(ls,["node",t],{id:n,label:s})){this.#t={parent:t,label:s,failed:!0},this.requestUpdate();return}this.#t=null,this.#e.delete(t),this.select({kind:"node",id:n}),this.requestUpdate()}}const us=()=>{customElements.get("dpk-component-mind-map")||customElements.define("dpk-component-mind-map",hs)},ce=_({en:{heading:"Kanban",empty:"No columns.",cards:"Card",notRecorded:"Could not record it. Place this inside a dpk-template-* element.",wipLimit:a=>`WIP limit ${a}`,addCardButton:"+ Card",addCardAriaLabel:a=>`Card to add to ${a}`,addCardPlaceholder:"Card title (Enter to add)",addCardTitle:"Add card",moveCardTitle:"Move card",addSummary:(a,e)=>`${a} \u203A ${e}`,moveSummarySame:(a,e)=>`${a}: reorder within ${e}`,moveSummaryAcross:(a,e,t)=>`${a}: ${e} \u2192 ${t}`},ja:{heading:"\u30AB\u30F3\u30D0\u30F3",empty:"\u5217\u304C\u3042\u308A\u307E\u305B\u3093\u3002",cards:"\u30AB\u30FC\u30C9",notRecorded:"\u8A18\u9332\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002",wipLimit:a=>`WIP \u4E0A\u9650 ${a}`,addCardButton:"\uFF0B \u30AB\u30FC\u30C9",addCardAriaLabel:a=>`${a} \u306B\u8FFD\u52A0\u3059\u308B\u30AB\u30FC\u30C9`,addCardPlaceholder:"\u30AB\u30FC\u30C9\u540D\uFF08Enter \u3067\u8FFD\u52A0\uFF09",addCardTitle:"\u30AB\u30FC\u30C9\u3092\u8FFD\u52A0",moveCardTitle:"\u30AB\u30FC\u30C9\u3092\u79FB\u52D5",addSummary:(a,e)=>`${a} \u203A ${e}`,moveSummarySame:(a,e)=>`${a}: ${e} \u5185\u3067\u4E26\u3079\u66FF\u3048`,moveSummaryAcross:(a,e,t)=>`${a}: ${e} \u2192 ${t}`}}),Vn=q({id:S(u(),M(1)),title:S(u(),M(1)),description:f(u()),tags:f(z(u())),assignee:f(u()),questions:f(u())}),Wn=["gray","blue","green","amber","violet","red"],Kn=q({id:S(u(),M(1)),label:S(u(),M(1)),description:f(u()),color:f(H(Wn)),limit:f(S(ae(),Ps(),Is(1))),cards:f(z(Vn))}),Xn=q({columns:z(Kn)}),Jn=()=>({columns:[]}),ms=a=>{const e=G(Xn,a),t=new Set,s=new Set;return{columns:e.columns.map(r=>{if(t.has(r.id))throw new Error(`duplicate column id: ${r.id}`);return t.add(r.id),{id:r.id,label:r.label,description:r.description??null,color:r.color??null,limit:r.limit??null,cards:(r.cards??[]).map(i=>{if(s.has(i.id))throw new Error(`duplicate card id: ${i.id}`);return s.add(i.id),{id:i.id,title:i.title,description:i.description??null,tags:i.tags??[],assignee:i.assignee??null,...i.questions===void 0?{}:{questions:i.questions},column:r.id,change:null}})}})}},xe=(a,e)=>a.columns.flatMap(t=>t.cards).find(t=>t.id===e),pe=a=>a.columns.flatMap(e=>e.cards),Zn=(a,e)=>e===null?a:{columns:a.columns.map(t=>({...t,cards:t.cards.filter(e)}))},Qn=(a,e,t,s)=>{const n=xe(a,e);if(n===void 0||n.column!==t)return!1;if(s===e)return!0;const r=a.columns.find(o=>o.id===t)?.cards??[],i=r.findIndex(o=>o.id===e);return(r[i+1]?.id??null)===s},gs="ADD_CARD",fs="MOVE_CARD",er=Se({id:S(u(),M(1)),title:S(u(),Me(),M(1))}),tr=Se({column:S(u(),M(1)),before:js(S(u(),M(1)))}),bs=(a,e)=>{const t=mt(a);return t?.length===3&&t[1]===e?t[2]??null:null},sr=(a,e)=>({columns:a.columns.map(t=>t.cards.some(s=>s.id===e)?{...t,cards:t.cards.filter(s=>s.id!==e)}:t)}),ks=(a,e,t)=>({columns:a.columns.map(s=>{if(s.id!==t.column)return s;const n={...e,column:s.id},r=t.before===null?-1:s.cards.findIndex(i=>i.id===t.before);return{...s,cards:r<0?[...s.cards,n]:[...s.cards.slice(0,r),n,...s.cards.slice(r)]}})}),ar=(a,e,t)=>{const s=a.addCardTitle,n=bs(t.target.id,"column"),r=e.columns.find(d=>d.id===n);if(r===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const i=$e(er,t.payload);if(!i.success||xe(e,i.output.id)!==void 0)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const o={id:i.output.id,title:i.output.title,description:null,tags:[],assignee:null,column:r.id,change:"added"};return{data:ks(e,o,{column:r.id,before:null}),result:{id:t.id,title:s,summary:a.addSummary(r.label,o.title),tone:"create"}}},nr=(a,e,t)=>{const s=a.moveCardTitle,n=bs(t.target.id,"card"),r=n===null?void 0:xe(e,n);if(r===void 0)return{data:e,result:{id:t.id,title:s,stale:"target-missing"}};const i=$e(tr,t.payload),o=e.columns.find(k=>k.id===r.column),d=i.success?e.columns.find(k=>k.id===i.output.column):void 0,l=i.success?i.output.before:null,c=l===null||l!==r.id&&d?.cards.some(k=>k.id===l)===!0;if(!i.success||o===void 0||d===void 0||!c)return{data:e,result:{id:t.id,title:s,stale:"constraint-violated"}};const g={...r,change:r.change??"moved"},p=o.id===d.id?a.moveSummarySame(r.title,d.label):a.moveSummaryAcross(r.title,o.label,d.label);return{data:ks(sr(e,r.id),g,{column:d.id,before:l}),result:{id:t.id,title:s,summary:p,tone:"move"}}},rr=(a,e,t)=>{let s=e;const n=[];for(const r of t){const i=r.type===gs?ar(a,s,r):r.type===fs?nr(a,s,r):{data:s,result:{id:r.id,title:r.type,stale:"unsupported-action-type"}};s=i.data,n.push(i.result)}return{data:s,results:n}},ir=B`
|
|
2446
2515
|
.kanban-board {
|
|
2447
2516
|
display: flex;
|
|
2448
2517
|
align-items: flex-start;
|
|
@@ -2776,9 +2845,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2776
2845
|
width: 100%;
|
|
2777
2846
|
font-size: 12.5px;
|
|
2778
2847
|
}
|
|
2779
|
-
`;class
|
|
2848
|
+
`;class xs extends De{static{this.styles=[W,ir]}#e=null;#s=null;#a=null;#t=null;#n=null;parseData(e){return ms(e)}emptyData(){return Jn()}reduceElementActions(e,t){return rr(ce(this.locale),e,t)}defaultHeading(){return ce(this.locale).heading}shellClass(){return"kanban"}emptyMessage(){return ce(this.locale).empty}commentItems(){const e=this.items();return[...e.columns.map(t=>({value:this.commentRef("column",t.id),label:t.label})),...pe(e).map(t=>({value:this.commentRef("card",t.id),label:t.title}))]}hasSelection(e){const t=this.items();return e.kind==="column"?t.columns.some(s=>s.id===e.id):xe(t,e.id)!==void 0}tagItems(){return pe(this.items()).map(e=>e.tags)}statsText(){const e=ce(this.locale),t=pe(this.items()).length,s=pe(this.#r()).length;return s===t?`${t} ${e.cards}`:`${s} / ${t} ${e.cards}`}isEmpty(){return this.items().columns.length===0}viewAlign(){return"start"}contentSize(){if(this.isEmpty())return null;const e=this.renderRoot.querySelector(".kanban-board");return{width:e?.offsetWidth??0,height:e?.offsetHeight??0}}refreshContent(){const e=this.authoredItems();e!==this.#e&&(this.#e=e,this.#s=null,this.#a=null)}renderCanvas(){const e=this.#r(),t=new Map(this.items().columns.map(s=>[s.id,s.cards.length]));return h`<div class="kanban-board">
|
|
2780
2849
|
${J(e.columns,s=>s.id,s=>this.#o(s,t.get(s.id)??0))}
|
|
2781
|
-
</div>`}#r(){const e=this.tagFilter;return
|
|
2850
|
+
</div>`}#r(){const e=this.tagFilter;return Zn(this.items(),e.active.length===0?null:t=>Q(t.tags,e))}#i(e,t){const s=this.selection;return s!==null&&s.kind===e&&s.id===t}#o(e,t){const s=ce(this.locale),n=e.limit!==null&&t>e.limit,r=this.#n?.column===e.id?this.#n:null;return h`
|
|
2782
2851
|
<section
|
|
2783
2852
|
class=${ee("kanban-column",n&&"is-over",this.#i("column",e.id)&&"is-selected",r!==null&&"is-drop-target")}
|
|
2784
2853
|
data-column=${e.id}
|
|
@@ -2836,9 +2905,9 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2836
2905
|
</span>`}
|
|
2837
2906
|
</div>
|
|
2838
2907
|
${this.renderCommentTrigger({kind:"card",id:e.id},e.title)}
|
|
2839
|
-
${this.#
|
|
2908
|
+
${this.#a===e.id?h`<p class="kanban-error" role="alert">${t.notRecorded}</p>`:b}
|
|
2840
2909
|
</div>
|
|
2841
|
-
`}#l(e,t){const s=this.#
|
|
2910
|
+
`}#l(e,t){const s=this.#s?.column===e.id?this.#s:null;return h`<div class="kanban-add">
|
|
2842
2911
|
${s===null?h`<button
|
|
2843
2912
|
type="button"
|
|
2844
2913
|
class="kanban-add-button"
|
|
@@ -2852,12 +2921,12 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
2852
2921
|
aria-label="${t.addCardAriaLabel(e.label)}"
|
|
2853
2922
|
placeholder="${t.addCardPlaceholder}"
|
|
2854
2923
|
.value=${s.title}
|
|
2855
|
-
@input=${n=>{const r=n.currentTarget;r instanceof HTMLInputElement&&(this.#
|
|
2924
|
+
@input=${n=>{const r=n.currentTarget;r instanceof HTMLInputElement&&(this.#s={...s,title:r.value,failed:!1})}}
|
|
2856
2925
|
@keydown=${n=>this.#$(n,e.id)}
|
|
2857
2926
|
/>
|
|
2858
2927
|
${s.failed?h`<span class="kanban-error" role="alert">${t.notRecorded}</span>`:b}
|
|
2859
2928
|
`}
|
|
2860
|
-
</div>`}#p(e,t){e.target!==e.currentTarget||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.select({kind:"card",id:t}))}#h(e,t){const s=this.dispatchElementAction(ms,["card",e],{column:t.column,before:t.before});this.#s=s?null:e,this.select({kind:"card",id:e}),this.requestUpdate()}#f(e,t){this.#t=t,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t)),this.requestUpdate()}#d(e,t){if(this.#t===null)return;e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move");const s=this.#k(e,t);this.#n?.column===s.column&&this.#n.before===s.before||(this.#n=s,this.requestUpdate())}#m(e){const t=e.currentTarget;!(t instanceof HTMLElement)||e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||(this.#n=null,this.requestUpdate())}#g(e,t){const s=this.#t;if(s===null)return;e.preventDefault();const n=this.#k(e,t);this.#b(),Wn(this.items(),s,n.column,n.before)||this.#h(s,n)}#b(){this.#t===null&&this.#n===null||(this.#t=null,this.#n=null,this.requestUpdate())}#k(e,t){const s=e.currentTarget,r=(s instanceof HTMLElement?[...s.querySelectorAll("[data-card]")]:[]).find(i=>{if(i.dataset.card===this.#t)return!1;const o=i.getBoundingClientRect();return o.top+o.height/2>e.clientY});return{column:t,before:r?.dataset.card??null}}#v(e){this.#a={column:e,title:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(`[data-column="${CSS.escape(e)}"] .kanban-add input`)?.focus({preventScroll:!0}))}#$(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#a=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#a?.title.trim()??"";if(s.length===0)return;const n=[...this.items().columns.map(i=>i.id),...pe(this.items()).map(i=>i.id)],r=Je(`card ${s}`,n);if(!this.dispatchElementAction(us,["column",t],{id:r,title:s})){this.#a={column:t,title:s,failed:!0},this.requestUpdate();return}this.#a=null,this.select({kind:"card",id:r}),this.requestUpdate()}}const ks=()=>{customElements.get("dpk-component-kanban")||customElements.define("dpk-component-kanban",bs)},sr=_({en:{heading:"Formal spec",empty:"No claims.",dataError:"Could not load the specification data.",claims:a=>`${a} ${a===1?"claim":"claims"}`,subjects:"For",premises:"Given",conclusions:"Then",noPremises:"None \u2014 holds unconditionally",showDetails:"Show the details of this claim",hideDetails:"Hide the details of this claim",examples:"Examples",notClaimed:"Not claimed",usesTerms:"Terms",source:"Source",proved:"Proved",conditional:"Proved under assumptions",bounded:"Checked within bounds",incomplete:"Incomplete",provedDetail:"Machine-checked to hold in every case.",conditionalDetail:"Holds in every case, provided the assumptions are true.",boundedDetail:"Every case within the bound was checked; nothing outside it was.",incompleteDetail:"The proof is not finished. Nothing here is guaranteed yet.",planned:"Planned",plannedDetail:"Not proved yet: a property proposed to be proved, for agreement before the work starts.",target:"About",noClaims:"No claims yet.",assumptions:"Assumes",bound:"Checked within",gaps:"Unfinished",commentOn:a=>`Comment on ${a}`,sendFailed:"Could not send. Place this inside a dpk-template-* element."},ja:{heading:"\u5F62\u5F0F\u4ED5\u69D8",empty:"\u4E3B\u5F35\u304C\u3042\u308A\u307E\u305B\u3093\u3002",dataError:"\u4ED5\u69D8\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",claims:a=>`${a} \u4EF6\u306E\u4E3B\u5F35`,subjects:"\u5165\u529B\u30FB\u72B6\u6CC1",premises:"\u524D\u63D0",conclusions:"\u7D50\u8AD6",noPremises:"\u306A\u3057 \u2014 \u7121\u6761\u4EF6\u306B\u6210\u308A\u7ACB\u3064",showDetails:"\u3053\u306E\u4E3B\u5F35\u306E\u8A73\u7D30\u3092\u958B\u304F",hideDetails:"\u3053\u306E\u4E3B\u5F35\u306E\u8A73\u7D30\u3092\u9589\u3058\u308B",examples:"\u5177\u4F53\u4F8B",notClaimed:"\u4E3B\u5F35\u3057\u3066\u3044\u306A\u3044\u3053\u3068",usesTerms:"\u4F7F\u3046\u7528\u8A9E",source:"\u51FA\u5178",proved:"\u8A3C\u660E\u6E08\u307F",conditional:"\u4EEE\u5B9A\u3064\u304D\u3067\u8A3C\u660E\u6E08\u307F",bounded:"\u7BC4\u56F2\u3092\u9650\u3063\u3066\u78BA\u8A8D",incomplete:"\u672A\u5B8C\u6210",provedDetail:"\u3059\u3079\u3066\u306E\u5834\u5408\u306B\u6210\u308A\u7ACB\u3064\u3053\u3068\u304C\u6A5F\u68B0\u7684\u306B\u78BA\u304B\u3081\u3089\u308C\u3066\u3044\u307E\u3059\u3002",conditionalDetail:"\u4EEE\u5B9A\u304C\u6B63\u3057\u3051\u308C\u3070\u3001\u3059\u3079\u3066\u306E\u5834\u5408\u306B\u6210\u308A\u7ACB\u3061\u307E\u3059\u3002",boundedDetail:"\u7BC4\u56F2\u5185\u306F\u3059\u3079\u3066\u306E\u5834\u5408\u3092\u78BA\u304B\u3081\u307E\u3057\u305F\u3002\u7BC4\u56F2\u306E\u5916\u306F\u78BA\u304B\u3081\u3066\u3044\u307E\u305B\u3093\u3002",incompleteDetail:"\u8A3C\u660E\u304C\u7D42\u308F\u3063\u3066\u3044\u307E\u305B\u3093\u3002\u3053\u306E\u4E3B\u5F35\u306F\u307E\u3060\u4FDD\u8A3C\u3055\u308C\u3066\u3044\u307E\u305B\u3093\u3002",planned:"\u8A3C\u660E\u4E88\u5B9A",plannedDetail:"\u307E\u3060\u8A3C\u660E\u3057\u3066\u3044\u307E\u305B\u3093\u3002\u3053\u308C\u304B\u3089\u8A3C\u660E\u3059\u308B\u6027\u8CEA\u3068\u3057\u3066\u3001\u5408\u610F\u3092\u3068\u308B\u305F\u3081\u306E\u6848\u3067\u3059\u3002",target:"\u5BFE\u8C61",noClaims:"\u307E\u3060\u4E3B\u5F35\u304C\u3042\u308A\u307E\u305B\u3093\u3002",assumptions:"\u4EEE\u5B9A",bound:"\u78BA\u8A8D\u3057\u305F\u7BC4\u56F2",gaps:"\u7D42\u308F\u3063\u3066\u3044\u306A\u3044\u90E8\u5206",commentOn:a=>`${a}\u306B\u30B3\u30E1\u30F3\u30C8`,sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002"}}),F=S(u(),Me(),M(1)),he=q({id:ne,text:F}),ar=Ke("kind",[q({kind:Z("proved"),assumptions:f(z(F))}),q({kind:Z("bounded"),bound:F}),q({kind:Z("incomplete"),gaps:f(z(F))}),q({kind:Z("planned")})]),nr=q({id:ne,target:f(ne),statement:F,subjects:f(z(he)),premises:f(z(he)),conclusions:S(z(he),M(1,"a claim needs at least one conclusion")),examples:f(z(he)),notClaimed:f(z(he)),assurance:ar,source:f(q({tool:f(F),ref:F}))}),rr=q({id:ne,name:F,meaning:F}),ir=q({id:ne,name:F,code:f(F),summary:f(F)}),or=q({targets:f(z(ir)),terms:f(z(rr)),claims:z(nr)}),dr=()=>({targets:[],terms:[],claims:[]}),lr=/\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g,cr=(a,e)=>{const t=[];let s=0;for(const n of a.matchAll(lr)){const r=(n[1]??"").trim(),i=e.get(r);if(i===void 0)throw new Error(`unknown term reference: [[${r}]]`);n.index>s&&t.push({kind:"text",text:a.slice(s,n.index)}),t.push({kind:"term",id:r,label:n[2]?.trim()||i}),s=n.index+n[0].length}return s<a.length&&t.push({kind:"text",text:a.slice(s)}),t},Ue=a=>a.map(e=>e.kind==="text"?e.text:e.label).join(""),pr=a=>[...new Set(a.flatMap(e=>e.flatMap(t=>t.kind==="term"?[t.id]:[])))],ve=(a,e)=>{const t=new Set;for(const s of a){if(t.has(s))throw new Error(`duplicate ${e} id: ${s}`);t.add(s)}},xs=a=>{const e=G(or,a),t=e.targets??[],s=e.terms??[];ve(t.map(c=>c.id),"target"),ve(s.map(c=>c.id),"term"),ve(e.claims.map(c=>c.id),"claim");const n=new Map(s.map(c=>[c.id,c.name])),r=c=>cr(c,n),i=s.map(c=>({id:c.id,name:c.name,meaning:r(c.meaning)})),o=t.map(c=>({id:c.id,name:c.name,code:c.code??null,summary:c.summary===void 0?null:r(c.summary)})),d=new Set(o.map(c=>c.id)),l=e.claims.map(c=>{if(c.target!==void 0&&!d.has(c.target))throw new Error(`unknown target (in claim ${c.id}): ${c.target}`);const m=T=>(T??[]).map(j=>({id:j.id,text:r(j.text)})),p=m(c.subjects),k=m(c.premises),x=m(c.conclusions),v=m(c.examples),y=m(c.notClaimed),w=[...p,...k,...x,...v,...y];ve(w.map(T=>T.id),`clause (in claim ${c.id})`);const D=hr(c.assurance,r),I=r(c.statement);return{id:c.id,target:c.target??null,statement:I,subjects:p,premises:k,conclusions:x,examples:v,notClaimed:y,assurance:D,source:c.source===void 0?null:{tool:c.source.tool??null,ref:c.source.ref},terms:pr([I,...w.map(T=>T.text),...ur(D)])}});return{targets:o,terms:i,claims:l}},hr=(a,e)=>{switch(a.kind){case"proved":return{kind:"proved",assumptions:(a.assumptions??[]).map(e)};case"bounded":return{kind:"bounded",bound:e(a.bound)};case"incomplete":return{kind:"incomplete",gaps:(a.gaps??[]).map(e)};case"planned":return{kind:"planned"}}},ur=a=>{switch(a.kind){case"proved":return a.assumptions;case"bounded":return[a.bound];case"incomplete":return a.gaps;case"planned":return[]}},mr=a=>{const e={proved:0,conditional:0,bounded:0,incomplete:0,planned:0};for(const t of a.claims)e[vs(t.assurance)?"conditional":t.assurance.kind]+=1;return e},vs=a=>a.kind==="proved"&&a.assumptions.length>0,ys=a=>{const e=new Map(a.targets.map(s=>[s.id,s])),t=new Map;for(const s of a.claims)t.set(s.target,[...t.get(s.target)??[],s]);for(const s of a.targets)t.has(s.id)||t.set(s.id,[]);return[...t].map(([s,n])=>({target:s===null?null:e.get(s)??null,claims:n}))},ue=(a,e)=>e.length===0?{itemsLabel:null,items:e}:{itemsLabel:a,items:e},He=(a,e)=>{switch(e.kind){case"proved":return vs(e)?{tone:"caveat",label:a.conditional,detail:a.conditionalDetail,...ue(a.assumptions,e.assumptions)}:{tone:"sound",label:a.proved,detail:a.provedDetail,...ue("",[])};case"bounded":return{tone:"caveat",label:a.bounded,detail:a.boundedDetail,...ue(a.bound,[e.bound])};case"incomplete":return{tone:"unsound",label:a.incomplete,detail:a.incompleteDetail,...ue(a.gaps,e.gaps)};case"planned":return{tone:"planned",label:a.planned,detail:a.plannedDetail,...ue("",[])}}},gr=a=>{switch(a.kind){case"target":return["target",a.target];case"claim":return["claim",a.claim];case"clause":return["clause",a.claim,a.clause]}},fr=a=>[...a.subjects,...a.premises,...a.conclusions,...a.examples,...a.notClaimed],ws=32,ye=a=>{const e=Ue(a.statement);return e.length<=ws?e:`${e.slice(0,ws).trimEnd()}\u2026`},br=a=>[{target:{kind:"claim",claim:a.id},label:ye(a)},...fr(a).map(e=>({target:{kind:"clause",claim:a.id,clause:e.id},label:`${ye(a)} \u203A ${Ue(e.text)}`}))],kr=a=>ys(a).flatMap(e=>[...e.target===null?[]:[{target:{kind:"target",target:e.target.id},label:e.target.name}],...e.claims.flatMap(br)]),xr=[_e,Be,Ge,B`
|
|
2929
|
+
</div>`}#p(e,t){e.target!==e.currentTarget||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.select({kind:"card",id:t}))}#h(e,t){const s=this.dispatchElementAction(fs,["card",e],{column:t.column,before:t.before});this.#a=s?null:e,this.select({kind:"card",id:e}),this.requestUpdate()}#f(e,t){this.#t=t,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",t)),this.requestUpdate()}#d(e,t){if(this.#t===null)return;e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move");const s=this.#k(e,t);this.#n?.column===s.column&&this.#n.before===s.before||(this.#n=s,this.requestUpdate())}#m(e){const t=e.currentTarget;!(t instanceof HTMLElement)||e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||(this.#n=null,this.requestUpdate())}#g(e,t){const s=this.#t;if(s===null)return;e.preventDefault();const n=this.#k(e,t);this.#b(),Qn(this.items(),s,n.column,n.before)||this.#h(s,n)}#b(){this.#t===null&&this.#n===null||(this.#t=null,this.#n=null,this.requestUpdate())}#k(e,t){const s=e.currentTarget,r=(s instanceof HTMLElement?[...s.querySelectorAll("[data-card]")]:[]).find(i=>{if(i.dataset.card===this.#t)return!1;const o=i.getBoundingClientRect();return o.top+o.height/2>e.clientY});return{column:t,before:r?.dataset.card??null}}#v(e){this.#s={column:e,title:"",failed:!1},this.requestUpdate(),this.updateComplete.then(()=>this.renderRoot.querySelector(`[data-column="${CSS.escape(e)}"] .kanban-add input`)?.focus({preventScroll:!0}))}#$(e,t){if(e.isComposing)return;if(e.key==="Escape"){e.preventDefault(),this.#s=null,this.requestUpdate();return}if(e.key!=="Enter")return;e.preventDefault();const s=this.#s?.title.trim()??"";if(s.length===0)return;const n=[...this.items().columns.map(i=>i.id),...pe(this.items()).map(i=>i.id)],r=Ze(`card ${s}`,n);if(!this.dispatchElementAction(gs,["column",t],{id:r,title:s})){this.#s={column:t,title:s,failed:!0},this.requestUpdate();return}this.#s=null,this.select({kind:"card",id:r}),this.requestUpdate()}}const vs=()=>{customElements.get("dpk-component-kanban")||customElements.define("dpk-component-kanban",xs)},or=_({en:{heading:"Formal spec",empty:"No claims.",dataError:"Could not load the specification data.",claims:a=>`${a} ${a===1?"claim":"claims"}`,subjects:"For",premises:"Given",conclusions:"Then",noPremises:"None \u2014 holds unconditionally",showDetails:"Show the details of this claim",hideDetails:"Hide the details of this claim",examples:"Examples",notClaimed:"Not claimed",usesTerms:"Terms",source:"Source",proved:"Proved",conditional:"Proved under assumptions",bounded:"Checked within bounds",incomplete:"Incomplete",provedDetail:"Machine-checked to hold in every case.",conditionalDetail:"Holds in every case, provided the assumptions are true.",boundedDetail:"Every case within the bound was checked; nothing outside it was.",incompleteDetail:"The proof is not finished. Nothing here is guaranteed yet.",planned:"Planned",plannedDetail:"Not proved yet: a property proposed to be proved, for agreement before the work starts.",target:"About",noClaims:"No claims yet.",assumptions:"Assumes",bound:"Checked within",gaps:"Unfinished",commentOn:a=>`Comment on ${a}`,sendFailed:"Could not send. Place this inside a dpk-template-* element."},ja:{heading:"\u5F62\u5F0F\u4ED5\u69D8",empty:"\u4E3B\u5F35\u304C\u3042\u308A\u307E\u305B\u3093\u3002",dataError:"\u4ED5\u69D8\u306E\u30C7\u30FC\u30BF\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002",claims:a=>`${a} \u4EF6\u306E\u4E3B\u5F35`,subjects:"\u5165\u529B\u30FB\u72B6\u6CC1",premises:"\u524D\u63D0",conclusions:"\u7D50\u8AD6",noPremises:"\u306A\u3057 \u2014 \u7121\u6761\u4EF6\u306B\u6210\u308A\u7ACB\u3064",showDetails:"\u3053\u306E\u4E3B\u5F35\u306E\u8A73\u7D30\u3092\u958B\u304F",hideDetails:"\u3053\u306E\u4E3B\u5F35\u306E\u8A73\u7D30\u3092\u9589\u3058\u308B",examples:"\u5177\u4F53\u4F8B",notClaimed:"\u4E3B\u5F35\u3057\u3066\u3044\u306A\u3044\u3053\u3068",usesTerms:"\u4F7F\u3046\u7528\u8A9E",source:"\u51FA\u5178",proved:"\u8A3C\u660E\u6E08\u307F",conditional:"\u4EEE\u5B9A\u3064\u304D\u3067\u8A3C\u660E\u6E08\u307F",bounded:"\u7BC4\u56F2\u3092\u9650\u3063\u3066\u78BA\u8A8D",incomplete:"\u672A\u5B8C\u6210",provedDetail:"\u3059\u3079\u3066\u306E\u5834\u5408\u306B\u6210\u308A\u7ACB\u3064\u3053\u3068\u304C\u6A5F\u68B0\u7684\u306B\u78BA\u304B\u3081\u3089\u308C\u3066\u3044\u307E\u3059\u3002",conditionalDetail:"\u4EEE\u5B9A\u304C\u6B63\u3057\u3051\u308C\u3070\u3001\u3059\u3079\u3066\u306E\u5834\u5408\u306B\u6210\u308A\u7ACB\u3061\u307E\u3059\u3002",boundedDetail:"\u7BC4\u56F2\u5185\u306F\u3059\u3079\u3066\u306E\u5834\u5408\u3092\u78BA\u304B\u3081\u307E\u3057\u305F\u3002\u7BC4\u56F2\u306E\u5916\u306F\u78BA\u304B\u3081\u3066\u3044\u307E\u305B\u3093\u3002",incompleteDetail:"\u8A3C\u660E\u304C\u7D42\u308F\u3063\u3066\u3044\u307E\u305B\u3093\u3002\u3053\u306E\u4E3B\u5F35\u306F\u307E\u3060\u4FDD\u8A3C\u3055\u308C\u3066\u3044\u307E\u305B\u3093\u3002",planned:"\u8A3C\u660E\u4E88\u5B9A",plannedDetail:"\u307E\u3060\u8A3C\u660E\u3057\u3066\u3044\u307E\u305B\u3093\u3002\u3053\u308C\u304B\u3089\u8A3C\u660E\u3059\u308B\u6027\u8CEA\u3068\u3057\u3066\u3001\u5408\u610F\u3092\u3068\u308B\u305F\u3081\u306E\u6848\u3067\u3059\u3002",target:"\u5BFE\u8C61",noClaims:"\u307E\u3060\u4E3B\u5F35\u304C\u3042\u308A\u307E\u305B\u3093\u3002",assumptions:"\u4EEE\u5B9A",bound:"\u78BA\u8A8D\u3057\u305F\u7BC4\u56F2",gaps:"\u7D42\u308F\u3063\u3066\u3044\u306A\u3044\u90E8\u5206",commentOn:a=>`${a}\u306B\u30B3\u30E1\u30F3\u30C8`,sendFailed:"\u9001\u4FE1\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\uFF08dpk-template-* \u8981\u7D20\u306E\u4E2D\u306B\u7F6E\u3044\u3066\u304F\u3060\u3055\u3044\uFF09\u3002"}}),F=S(u(),Me(),M(1)),he=q({id:ne,text:F}),dr=Ke("kind",[q({kind:Z("proved"),assumptions:f(z(F))}),q({kind:Z("bounded"),bound:F}),q({kind:Z("incomplete"),gaps:f(z(F))}),q({kind:Z("planned")})]),lr=q({id:ne,target:f(ne),statement:F,subjects:f(z(he)),premises:f(z(he)),conclusions:S(z(he),M(1,"a claim needs at least one conclusion")),examples:f(z(he)),notClaimed:f(z(he)),assurance:dr,source:f(q({tool:f(F),ref:F}))}),cr=q({id:ne,name:F,meaning:F}),pr=q({id:ne,name:F,code:f(F),summary:f(F)}),hr=q({targets:f(z(pr)),terms:f(z(cr)),claims:z(lr)}),ur=()=>({targets:[],terms:[],claims:[]}),mr=/\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g,gr=(a,e)=>{const t=[];let s=0;for(const n of a.matchAll(mr)){const r=(n[1]??"").trim(),i=e.get(r);if(i===void 0)throw new Error(`unknown term reference: [[${r}]]`);n.index>s&&t.push({kind:"text",text:a.slice(s,n.index)}),t.push({kind:"term",id:r,label:n[2]?.trim()||i}),s=n.index+n[0].length}return s<a.length&&t.push({kind:"text",text:a.slice(s)}),t},Ue=a=>a.map(e=>e.kind==="text"?e.text:e.label).join(""),fr=a=>[...new Set(a.flatMap(e=>e.flatMap(t=>t.kind==="term"?[t.id]:[])))],ve=(a,e)=>{const t=new Set;for(const s of a){if(t.has(s))throw new Error(`duplicate ${e} id: ${s}`);t.add(s)}},ys=a=>{const e=G(hr,a),t=e.targets??[],s=e.terms??[];ve(t.map(c=>c.id),"target"),ve(s.map(c=>c.id),"term"),ve(e.claims.map(c=>c.id),"claim");const n=new Map(s.map(c=>[c.id,c.name])),r=c=>gr(c,n),i=s.map(c=>({id:c.id,name:c.name,meaning:r(c.meaning)})),o=t.map(c=>({id:c.id,name:c.name,code:c.code??null,summary:c.summary===void 0?null:r(c.summary)})),d=new Set(o.map(c=>c.id)),l=e.claims.map(c=>{if(c.target!==void 0&&!d.has(c.target))throw new Error(`unknown target (in claim ${c.id}): ${c.target}`);const g=T=>(T??[]).map(j=>({id:j.id,text:r(j.text)})),p=g(c.subjects),k=g(c.premises),x=g(c.conclusions),v=g(c.examples),y=g(c.notClaimed),w=[...p,...k,...x,...v,...y];ve(w.map(T=>T.id),`clause (in claim ${c.id})`);const D=br(c.assurance,r),L=r(c.statement);return{id:c.id,target:c.target??null,statement:L,subjects:p,premises:k,conclusions:x,examples:v,notClaimed:y,assurance:D,source:c.source===void 0?null:{tool:c.source.tool??null,ref:c.source.ref},terms:fr([L,...w.map(T=>T.text),...kr(D)])}});return{targets:o,terms:i,claims:l}},br=(a,e)=>{switch(a.kind){case"proved":return{kind:"proved",assumptions:(a.assumptions??[]).map(e)};case"bounded":return{kind:"bounded",bound:e(a.bound)};case"incomplete":return{kind:"incomplete",gaps:(a.gaps??[]).map(e)};case"planned":return{kind:"planned"}}},kr=a=>{switch(a.kind){case"proved":return a.assumptions;case"bounded":return[a.bound];case"incomplete":return a.gaps;case"planned":return[]}},xr=a=>{const e={proved:0,conditional:0,bounded:0,incomplete:0,planned:0};for(const t of a.claims)e[ws(t.assurance)?"conditional":t.assurance.kind]+=1;return e},ws=a=>a.kind==="proved"&&a.assumptions.length>0,$s=a=>{const e=new Map(a.targets.map(s=>[s.id,s])),t=new Map;for(const s of a.claims)t.set(s.target,[...t.get(s.target)??[],s]);for(const s of a.targets)t.has(s.id)||t.set(s.id,[]);return[...t].map(([s,n])=>({target:s===null?null:e.get(s)??null,claims:n}))},ue=(a,e)=>e.length===0?{itemsLabel:null,items:e}:{itemsLabel:a,items:e},He=(a,e)=>{switch(e.kind){case"proved":return ws(e)?{tone:"caveat",label:a.conditional,detail:a.conditionalDetail,...ue(a.assumptions,e.assumptions)}:{tone:"sound",label:a.proved,detail:a.provedDetail,...ue("",[])};case"bounded":return{tone:"caveat",label:a.bounded,detail:a.boundedDetail,...ue(a.bound,[e.bound])};case"incomplete":return{tone:"unsound",label:a.incomplete,detail:a.incompleteDetail,...ue(a.gaps,e.gaps)};case"planned":return{tone:"planned",label:a.planned,detail:a.plannedDetail,...ue("",[])}}},vr=a=>{switch(a.kind){case"target":return["target",a.target];case"claim":return["claim",a.claim];case"clause":return["clause",a.claim,a.clause]}},yr=a=>[...a.subjects,...a.premises,...a.conclusions,...a.examples,...a.notClaimed],Ss=32,ye=a=>{const e=Ue(a.statement);return e.length<=Ss?e:`${e.slice(0,Ss).trimEnd()}\u2026`},wr=a=>[{target:{kind:"claim",claim:a.id},label:ye(a)},...yr(a).map(e=>({target:{kind:"clause",claim:a.id,clause:e.id},label:`${ye(a)} \u203A ${Ue(e.text)}`}))],$r=a=>$s(a).flatMap(e=>[...e.target===null?[]:[{target:{kind:"target",target:e.target.id},label:e.target.name}],...e.claims.flatMap(wr)]),Sr=[_e,Be,Ge,B`
|
|
2861
2930
|
:host {
|
|
2862
2931
|
display: block;
|
|
2863
2932
|
container-type: inline-size;
|
|
@@ -3400,21 +3469,21 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3400
3469
|
font-size: 11px;
|
|
3401
3470
|
color: var(--dpk-accent);
|
|
3402
3471
|
}
|
|
3403
|
-
`]
|
|
3472
|
+
`],Ms=a=>`claim-body-${a}`;class Cs extends Ye{static{this.styles=Sr}static{this.properties={data:{attribute:!1},id:{type:String,reflect:!0},heading:{type:String},subject:{type:String}}}#e=null;#s=new Map;#a=null;#t=null;#n="";#r=null;#i=null;#o=new Map;#c=null;#u=new Set;#l=null;#p=null;#h=new et(this);#f=new Ve(this,()=>{this.#n=""});constructor(){super(),this.id=this.getAttribute("id")??"",this.data=null,this.heading=null,this.subject=null}connectedCallback(){super.connectedCallback(),this.#n="",document.addEventListener("keydown",this.#w),document.addEventListener("pointerdown",this.#S),this.#t=rt(this,ys,e=>{e.ok?this.#g(e.value):this.#b(e.error)})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.#w),document.removeEventListener("pointerdown",this.#S),this.#t?.(),this.#t=null}willUpdate(e){e.has("data")&&this.data!==null&&this.#g(this.data)}updated(){this.#v(),this.#$(),this.#L()}get commentTargets(){if(!this.id||this.#e===null)return[];const e=`${this.subject??this.heading??this.#d.heading} \xB7 ${this.id}`;return $r(this.#e).map(({target:t,label:s})=>({value:this.#k(t),label:s,group:e}))}get dataError(){return this.#a}get#d(){return or(this.#f.locale)}#m(){return this.#e??ur()}#g(e){this.#e=e,this.#s=new Map(e.terms.map(t=>[t.id,t])),this.#a=null,this.requestUpdate()}#b(e){this.#e=null,this.#s=new Map,this.#a=e,console.error("[dev-process-kit] invalid formal spec data:",e),this.requestUpdate()}#k(e){return`element:${[this.id,...vr(e)].map(t=>encodeURIComponent(t)).join("/")}`}#v(){const e=JSON.stringify(this.commentTargets);e!==this.#n&&(this.#n=e,this.dispatchEvent(new CustomEvent("dpk-comment-targets-change",{bubbles:!0,composed:!0})))}#$(){const e=this.#i!==this.#r;this.#i=this.#r;const t=this.renderRoot.querySelector(".comment-pop"),s=this.#M(this.#r);!t||!s||(this.#h.open(t,s,{width:300,height:280},{placement:"right-start"}),e&&t.querySelector("textarea")?.focus({preventScroll:!0}))}#M(e){return e===null?null:[...this.renderRoot.querySelectorAll("[data-comment-ref]")].find(t=>t.dataset.commentRef===e)??null}#A(e,t){if(t.kind==="input"){this.#o=new Map(this.#o).set(e,t.body),this.#c=null,this.requestUpdate();return}if(t.kind==="comment"){if(!!this.dispatchEvent(new CustomEvent("dpk-comment-submit",{detail:{target:e,body:t.body},bubbles:!0,composed:!0,cancelable:!0}))){this.#c=e,this.requestUpdate();return}const r=new Map(this.#o);r.delete(e),this.#o=r}this.#c=null;const s=this.#M(e);this.#r=null,this.requestUpdate(),s?.focus({preventScroll:!0})}#C(e){const t=new Set(this.#u);if(t.delete(e)||t.add(e),this.#u=t,!t.has(e)){const s=this.#k({kind:"clause",claim:e,clause:""});this.#r?.startsWith(s)&&(this.#r=null);const n=this.#l?.anchor;n?.closest(".claim-body")?.id===Ms(e)&&this.#x(n)}this.requestUpdate()}#E(e,t){const s=e.composedPath()[0];s instanceof Element&&s.closest("button, a")||(document.getSelection()?.toString()??"")===""&&this.#C(t)}#L(){const e=this.#l?.anchor??null,t=this.#p!==e;t&&(this.#p?.removeAttribute("aria-describedby"),e?.setAttribute("aria-describedby","spec-tip")),this.#p=e;const s=this.renderRoot.querySelector(".spec-tip");!s||!e||!t||this.#h.open(s,e,{width:300,height:240},{placement:"top-start"})}#q(e,t){this.#l?.anchor!==t&&(this.#l={tip:e,anchor:t},this.requestUpdate())}#x(e){this.#l===null||e!==void 0&&this.#l.anchor!==e||(this.#l=null,this.requestUpdate())}#w=e=>{e.key==="Escape"&&this.#x()};#S=e=>{this.#l!==null&&!e.composedPath().includes(this.#l.anchor)&&this.#x()};#z(e){const t=(n,r)=>{n.currentTarget instanceof HTMLElement&&r(n.currentTarget)},s=n=>n.pointerType!=="touch";return{enter:n=>s(n)&&t(n,r=>this.#q(e,r)),leave:n=>s(n)&&t(n,r=>this.#x(r)),show:n=>t(n,r=>this.#q(e,r)),hide:n=>t(n,r=>this.#x(r))}}render(){const e=this.#d,t=this.#m();return h`
|
|
3404
3473
|
<section class="spec">
|
|
3405
3474
|
<header class="spec-toolbar">
|
|
3406
3475
|
<span class="spec-title">${this.heading??e.heading}</span>
|
|
3407
3476
|
${this.subject?h`<span class="spec-subject">${this.subject}</span>`:b}
|
|
3408
3477
|
<span class="spec-stats">${this.#R(t)}</span>
|
|
3409
3478
|
</header>
|
|
3410
|
-
${this.#
|
|
3411
|
-
${this.#
|
|
3479
|
+
${this.#a===null?b:h`<p class="spec-notice" role="alert">${e.dataError}<br />${this.#a}</p>`}
|
|
3480
|
+
${this.#a===null&&t.claims.length===0?h`<p class="spec-empty">${e.empty}</p>`:b}
|
|
3412
3481
|
<div class="spec-groups">
|
|
3413
|
-
${J(
|
|
3482
|
+
${J($s(t),s=>s.target?.id??"",s=>this.#y(s))}
|
|
3414
3483
|
</div>
|
|
3415
3484
|
</section>
|
|
3416
3485
|
${this.#H()} ${this.#B()}
|
|
3417
|
-
`}#R(e){const t=this.#d,s=
|
|
3486
|
+
`}#R(e){const t=this.#d,s=xr(e),n=[{tone:"unsound",label:t.incomplete,count:s.incomplete},{tone:"caveat",label:t.bounded,count:s.bounded},{tone:"caveat",label:t.conditional,count:s.conditional},{tone:"planned",label:t.planned,count:s.planned}].filter(r=>r.count>0);return h`${t.claims(e.claims.length)}
|
|
3418
3487
|
${n.map(r=>h`<span class="spec-chip" data-tone=${r.tone}>${r.label} ${r.count}</span>`)}`}#y(e){const t=h`<div class="spec-claims">
|
|
3419
3488
|
${J(e.claims,n=>n.id,n=>this.#D(n))}
|
|
3420
3489
|
</div>`,s=e.target;return s===null?t:h`<section class="target-group" data-target=${s.id}>
|
|
@@ -3426,7 +3495,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3426
3495
|
</header>
|
|
3427
3496
|
${s.summary===null?b:h`<p class="target-summary">${this.#T(s.summary)}</p>`}
|
|
3428
3497
|
${e.claims.length===0?h`<p class="spec-empty">${this.#d.noClaims}</p>`:t}
|
|
3429
|
-
</section>`}#D(e){const t=this.#d,s=He(t,e.assurance),n=this.#u.has(e.id),r=this.#z({kind:"assurance",claim:e.id}),i
|
|
3498
|
+
</section>`}#D(e){const t=this.#d,s=He(t,e.assurance),n=this.#u.has(e.id),r=this.#z({kind:"assurance",claim:e.id}),i=Ms(e.id);return h`
|
|
3430
3499
|
<article class="claim" data-claim=${e.id} data-tone=${s.tone}>
|
|
3431
3500
|
<div class="claim-head" @click=${o=>this.#E(o,e.id)}>
|
|
3432
3501
|
<button
|
|
@@ -3437,7 +3506,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3437
3506
|
aria-label=${n?t.hideDetails:t.showDetails}
|
|
3438
3507
|
@click=${()=>this.#C(e.id)}
|
|
3439
3508
|
>
|
|
3440
|
-
${
|
|
3509
|
+
${Je()}
|
|
3441
3510
|
</button>
|
|
3442
3511
|
<h4 class="claim-statement">${this.#T(e.statement)}</h4>
|
|
3443
3512
|
<button
|
|
@@ -3488,7 +3557,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3488
3557
|
<span class="clause-text">${this.#T(s.text)}</span>
|
|
3489
3558
|
${this.#P({kind:"clause",claim:e.id,clause:s.id},`${ye(e)} \u203A ${Ue(s.text)}`)}
|
|
3490
3559
|
</li>`)}
|
|
3491
|
-
</ul>`}#N(e){const t=this.#d,s=e.terms.flatMap(n=>this.#
|
|
3560
|
+
</ul>`}#N(e){const t=this.#d,s=e.terms.flatMap(n=>this.#s.get(n)??[]);return s.length===0&&e.source===null?b:h`<footer class="claim-foot">
|
|
3492
3561
|
${s.length===0?b:h`<span class="claim-foot-label">${t.usesTerms}</span> ${s.map(n=>this.#j("term-chip",n.id,n.name))}`}
|
|
3493
3562
|
${e.source===null?b:h`<span class="claim-source"
|
|
3494
3563
|
>${t.source}: ${e.source.tool===null?b:h`${e.source.tool} · `}<code
|
|
@@ -3515,7 +3584,7 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3515
3584
|
>
|
|
3516
3585
|
<p class="tip-title">${t.title}</p>
|
|
3517
3586
|
<p class="tip-body">${t.body}</p>
|
|
3518
|
-
</div>`}#_(e){if(e.kind==="term"){const n=this.#
|
|
3587
|
+
</div>`}#_(e){if(e.kind==="term"){const n=this.#s.get(e.term);return n===void 0?null:{title:n.name,body:this.#U(n.meaning)}}const t=this.#e?.claims.find(n=>n.id===e.claim);if(t===void 0)return null;const s=He(this.#d,t.assurance);return{title:s.label,body:s.detail,tone:s.tone}}#P(e,t){if(!this.id)return b;const s=this.#k(e),n=this.#d.commentOn(t);return h`<button
|
|
3519
3588
|
type="button"
|
|
3520
3589
|
class="comment-trigger"
|
|
3521
3590
|
data-comment-ref=${s}
|
|
@@ -3526,4 +3595,4 @@ import{a0 as _,Z as _e,j as Be,a1 as Ge,a2 as B,a3 as b,a4 as h,a5 as J,a6 as O,
|
|
|
3526
3595
|
@click=${()=>{this.#r=this.#r===s?null:s,this.requestUpdate()}}
|
|
3527
3596
|
>
|
|
3528
3597
|
${We()}
|
|
3529
|
-
</button>`}#B(){const e=this.#r,t=e===null?void 0:this.commentTargets.find(n=>n.value===e)?.label;if(e===null||t===void 0)return b;const s=
|
|
3598
|
+
</button>`}#B(){const e=this.#r,t=e===null?void 0:this.commentTargets.find(n=>n.value===e)?.label;if(e===null||t===void 0)return b;const s=tt(this.#o.get(e)??"",[],{label:t,key:e,...this.#c===e?{error:this.#d.sendFailed}:{}});return h`${Qe(e,st(at(this.#f.locale),s,n=>this.#A(e,n)))}`}}const Es=()=>{customElements.get("dpk-component-formal-spec")||customElements.define("dpk-component-formal-spec",Cs)},qs=()=>{wt(),Dt(),Lt(),Kt(),Qt(),us(),vs()},Mr=()=>{Fs(),Ns(),qs(),Es()};export{Zt as D,At as a,Wt as b,Cs as c,xs as d,hs as e,zt as f,yt as g,Qt as h,Lt as i,Kt as j,Es as k,vs as l,us as m,Dt as n,wt as o,ys as p,ms as q,Mr as r,os as s,Ct as t,vt as u,qs as v};
|