You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
23 KiB
22 lines
23 KiB
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4058],{67682:function(G,D,b){b.r(D),b.d(D,{default:function(){return R}});var x=b(59301),e=b(12378);function u(){go.CommandHandler.call(this),this._arrowKeyBehavior="move",this._pasteOffset=new go.Point(10,10),this._lastPasteOffset=new go.Point(0,0)}go.Diagram.inherit(u,go.CommandHandler),u.prototype.canAlignSelection=function(){var t=this.diagram;return!(t===null||t.isReadOnly||t.isModelReadOnly||t.selection.count<2)},u.prototype.alignLeft=function(){var t=this.diagram;t.startTransaction("aligning left");var i=1/0;t.selection.each(function(o){o instanceof go.Link||(i=Math.min(o.position.x,i))}),t.selection.each(function(o){o instanceof go.Link||o.move(new go.Point(i,o.position.y))}),t.commitTransaction("aligning left")},u.prototype.alignRight=function(){var t=this.diagram;t.startTransaction("aligning right");var i=-1/0;t.selection.each(function(o){if(!(o instanceof go.Link)){var n=o.actualBounds.x+o.actualBounds.width;i=Math.max(n,i)}}),t.selection.each(function(o){o instanceof go.Link||o.move(new go.Point(i-o.actualBounds.width,o.position.y))}),t.commitTransaction("aligning right")},u.prototype.alignTop=function(){var t=this.diagram;t.startTransaction("alignTop");var i=1/0;t.selection.each(function(o){o instanceof go.Link||(i=Math.min(o.position.y,i))}),t.selection.each(function(o){o instanceof go.Link||o.move(new go.Point(o.position.x,i))}),t.commitTransaction("alignTop")},u.prototype.alignBottom=function(){var t=this.diagram;t.startTransaction("aligning bottom");var i=-1/0;t.selection.each(function(o){if(!(o instanceof go.Link)){var n=o.actualBounds.y+o.actualBounds.height;i=Math.max(n,i)}}),t.selection.each(function(o){o instanceof go.Link||o.move(new go.Point(o.actualBounds.x,i-o.actualBounds.height))}),t.commitTransaction("aligning bottom")},u.prototype.alignCenterX=function(){var t=this.diagram,i=t.selection.first();if(i){t.startTransaction("aligning Center X");var o=i.actualBounds.x+i.actualBounds.width/2;t.selection.each(function(n){n instanceof go.Link||n.move(new go.Point(o-n.actualBounds.width/2,n.actualBounds.y))}),t.commitTransaction("aligning Center X")}},u.prototype.alignCenterY=function(){var t=this.diagram,i=t.selection.first();if(i){t.startTransaction("aligning Center Y");var o=i.actualBounds.y+i.actualBounds.height/2;t.selection.each(function(n){n instanceof go.Link||n.move(new go.Point(n.actualBounds.x,o-n.actualBounds.height/2))}),t.commitTransaction("aligning Center Y")}},u.prototype.alignColumn=function(t){var i=this.diagram;i.startTransaction("align Column"),t===void 0&&(t=0),t=parseFloat(t);var o=new Array;i.selection.each(function(g){g instanceof go.Link||o.push(g)});for(var n=0;n<o.length-1;n++){var r=o[n],s=r.actualBounds.y+r.actualBounds.height+t,m=o[n+1];m.move(new go.Point(r.actualBounds.x,s))}i.commitTransaction("align Column")},u.prototype.alignRow=function(t){t===void 0&&(t=0),t=parseFloat(t);var i=this.diagram;i.startTransaction("align Row");var o=new Array;i.selection.each(function(g){g instanceof go.Link||o.push(g)});for(var n=0;n<o.length-1;n++){var r=o[n],s=r.actualBounds.x+r.actualBounds.width+t,m=o[n+1];m.move(new go.Point(s,r.actualBounds.y))}i.commitTransaction("align Row")},u.prototype.canRotate=function(t){var i=this.diagram;return!(i===null||i.isReadOnly||i.isModelReadOnly||i.selection.count<1)},u.prototype.rotate=function(t){t===void 0&&(t=90);var i=this.diagram;i.startTransaction("rotate "+t.toString());var i=this.diagram;i.selection.each(function(o){o instanceof go.Link||o instanceof go.Group||(o.angle+=t)}),i.commitTransaction("rotate "+t.toString())},u.prototype.pullToFront=function(){var t=this.diagram;t.startTransaction("pullToFront");var i=new go.Map;t.selection.each(function(o){i.set(o.layer,0)}),i.iteratorKeys.each(function(o){var n=0;o.parts.each(function(r){if(!r.isSelected){var s=r.zOrder;isNaN(s)?r.zOrder=0:n=Math.max(n,s)}}),i.set(o,n)}),t.selection.each(function(o){u._assignZOrder(o,i.get(o.layer)+1)}),t.commitTransaction("pullToFront")},u.prototype.pushToBack=function(){var t=this.diagram;t.startTransaction("pushToBack");var i=new go.Map;t.selection.each(function(o){i.set(o.layer,0)}),i.iteratorKeys.each(function(o){var n=0;o.parts.each(function(r){if(!r.isSelected){var s=r.zOrder;isNaN(s)?r.zOrder=0:n=Math.min(n,s)}}),i.set(o,n)}),t.selection.each(function(o){u._assignZOrder(o,i.get(o.layer)-1-u._findGroupDepth(o))}),t.commitTransaction("pushToBack")},u._assignZOrder=function(t,i,o){o===void 0&&(o=t),t.layer===o.layer&&(t.zOrder=i),t instanceof go.Group&&t.memberParts.each(function(n){u._assignZOrder(n,i+1,o)})},u._findGroupDepth=function(t){if(t instanceof go.Group){var i=0;return t.memberParts.each(function(o){i=Math.max(i,u._findGroupDepth(o))}),i+1}else return 0},u.prototype.doKeyDown=function(){var t=this.diagram;if(t!==null){var i=t.lastInput;if(i.key==="Up"||i.key==="Down"||i.key==="Left"||i.key==="Right"){var o=this.arrowKeyBehavior;if(o==="none")return;if(o==="select"){this._arrowKeySelect();return}else if(o==="move"){this._arrowKeyMove();return}else if(o==="tree"){this._arrowKeyTree();return}}go.CommandHandler.prototype.doKeyDown.call(this)}},u.prototype._getAllParts=function(){var t=new Array;return this.diagram.nodes.each(function(i){t.push(i)}),this.diagram.parts.each(function(i){t.push(i)}),t},u.prototype._arrowKeyMove=function(){var t=this.diagram,i=t.lastInput,o=0,n=0;if(i.control||i.meta)o=1,n=1;else if(t.grid!==null){var r=t.grid.gridCellSize;n=r.width,o=r.height}t.startTransaction("arrowKeyMove"),t.selection.each(function(s){i.key==="Up"?s.move(new go.Point(s.actualBounds.x,s.actualBounds.y-o)):i.key==="Down"?s.move(new go.Point(s.actualBounds.x,s.actualBounds.y+o)):i.key==="Left"?s.move(new go.Point(s.actualBounds.x-n,s.actualBounds.y)):i.key==="Right"&&s.move(new go.Point(s.actualBounds.x+n,s.actualBounds.y))}),t.commitTransaction("arrowKeyMove")},u.prototype._arrowKeySelect=function(){var t=this.diagram,i=t.lastInput,o=null;i.key==="Up"?o=this._findNearestPartTowards(270):i.key==="Down"?o=this._findNearestPartTowards(90):i.key==="Left"?o=this._findNearestPartTowards(180):i.key==="Right"&&(o=this._findNearestPartTowards(0)),o!==null&&(i.shift?o.isSelected=!0:i.control||i.meta?o.isSelected=!o.isSelected:t.select(o))},u.prototype._findNearestPartTowards=function(t){var i=this.diagram.selection.first();if(i===null)return null;for(var o=i.actualBounds.center,n=this._getAllParts(),r=1/0,s=i,m=0;m<n.length;m++){var g=n[m];if(g!==i&&g.canSelect()){var f=g.actualBounds.center,T=o.directionPoint(f),P=this._angleCloseness(T,t);if(P<=45){var v=o.distanceSquaredPoint(f);v*=1+Math.sin(P*Math.PI/180),v<r&&(r=v,s=g)}}}return s},u.prototype._angleCloseness=function(t,i){return Math.min(Math.abs(i-t),Math.min(Math.abs(i+360-t),Math.abs(i-360-t)))},u.prototype._arrowKeyTree=function(){var t=this.diagram,i=t.selection.first();if(i instanceof go.Node){var o=t.lastInput;if(o.key==="Right"){if(!i.isTreeLeaf)if(!i.isTreeExpanded)t.commandHandler.canExpandTree(i)&&t.commandHandler.expandTree(i);else{var n=this._sortTreeChildrenByY(i).first();n!==null&&t.select(n)}}else if(o.key==="Left")if(!i.isTreeLeaf&&i.isTreeExpanded)t.commandHandler.canCollapseTree(i)&&t.commandHandler.collapseTree(i);else{var r=i.findTreeParentNode();r!==null&&t.select(r)}else if(o.key==="Up"){var r=i.findTreeParentNode();if(r!==null){var s=this._sortTreeChildrenByY(r),m=s.indexOf(i);if(m>0){for(var g=s.elt(m-1);g!==null&&g.isTreeExpanded&&!g.isTreeLeaf;){var f=this._sortTreeChildrenByY(g);g=f.last()}g!==null&&t.select(g)}else t.select(r)}}else if(o.key==="Down")if(i.isTreeExpanded&&!i.isTreeLeaf){var n=this._sortTreeChildrenByY(i).first();n!==null&&t.select(n)}else for(;i!==null;){var r=i.findTreeParentNode();if(r===null)break;var s=this._sortTreeChildrenByY(r),m=s.indexOf(i);if(m<s.length-1){t.select(s.elt(m+1));break}else i=r}var T=t.selection.first();T!==null&&t.scrollToRect(T.actualBounds)}},u.prototype._sortTreeChildrenByY=function(t){var i=new go.List().addAll(t.findTreeChildrenNodes());return i.sort(function(o,n){var r=o.location,s=n.location;return r.y<s.y?-1:r.y>s.y?1:r.x<s.x?-1:r.x>s.x?1:0}),i},u.prototype.copyToClipboard=function(t){go.CommandHandler.prototype.copyToClipboard.call(this,t),this._lastPasteOffset.set(this.pasteOffset)},u.prototype.pasteFromClipboard=function(){var t=go.CommandHandler.prototype.pasteFromClipboard.call(this);return this.diagram.moveParts(t,this._lastPasteOffset),this._lastPasteOffset.add(this.pasteOffset),t},Object.defineProperty(u.prototype,"arrowKeyBehavior",{get:function(){return this._arrowKeyBehavior},set:function(t){if(t!=="move"&&t!=="select"&&t!=="scroll"&&t!=="tree"&&t!=="none")throw new Error('DrawCommandHandler.arrowKeyBehavior must be either "move", "select", "scroll", "tree", or "none", not: '+t);this._arrowKeyBehavior=t}}),Object.defineProperty(u.prototype,"pasteOffset",{get:function(){return this._pasteOffset},set:function(t){if(!(t instanceof go.Point))throw new Error("DrawCommandHandler.pasteOffset must be a Point, not: "+t);this._pasteOffset.set(t)}});var H=u,K=b(56243),z=b(85160);window.go=e;function F(){let t=(0,x.useRef)().current;function i(){const n=e.GraphObject.make,r={red:"#ff3333",blue:"#3358ff",green:"#25ad23",magenta:"#d533ff",purple:"#7d33ff",orange:"#ff6233",brown:"#8e571e",white:"#ffffff",black:"#000000",beige:"#fffcd5",extralightblue:"#d5ebff",extralightred:"#f2dfe0",lightblue:"#a5d2fa",lightgray:"#cccccc",lightgreen:"#b3e6b3",lightred:"#fcbbbd"};t=new e.Diagram("myDiagramDiv",{padding:20,grid:n(e.Panel,"Grid",n(e.Shape,"LineH",{stroke:"lightgray",strokeWidth:.5}),n(e.Shape,"LineV",{stroke:"lightgray",strokeWidth:.5})),"draggingTool.isGridSnapEnabled":!0,handlesDragDropForTopLevelParts:!0,mouseDrop:a=>{var l=a.diagram.commandHandler.addTopLevelParts(a.diagram.selection,!0);l||a.diagram.currentTool.doCancel()},commandHandler:n(H),"clickCreatingTool.archetypeNodeData":{text:"NEW NODE"},PartCreated:a=>{var l=a.subject;l.location=l.location.copy().snapToGridPoint(a.diagram.grid.gridOrigin,a.diagram.grid.gridCellSize),setTimeout(()=>{a.diagram.commandHandler.editTextBlock()},20)},"commandHandler.archetypeGroupData":{isGroup:!0,text:"NEW GROUP"},SelectionGrouped:a=>{var l=a.subject;setTimeout(()=>{a.diagram.commandHandler.editTextBlock()})},LinkRelinked:a=>{var l=a.parameter.part;l.invalidateConnectedLinks();var c=a.subject;a.diagram.toolManager.linkingTool.isForwards?c.toNode.invalidateConnectedLinks():c.fromNode.invalidateConnectedLinks()},"undoManager.isEnabled":!0}),t.nodeTemplate=n(e.Node,"Auto",{locationSpot:e.Spot.Center,locationObjectName:"SHAPE",desiredSize:new e.Size(120,60),minSize:new e.Size(40,40),resizable:!0,resizeCellSize:new e.Size(20,20)},new e.Binding("location","loc",e.Point.parse).makeTwoWay(e.Point.stringify),new e.Binding("desiredSize","size",e.Size.parse).makeTwoWay(e.Size.stringify),n(e.Shape,{name:"SHAPE",fill:r.white,cursor:"pointer",portId:"",fromLinkable:!0,toLinkable:!0,fromLinkableDuplicates:!0,toLinkableDuplicates:!0,fromSpot:e.Spot.AllSides,toSpot:e.Spot.AllSides},new e.Binding("figure"),new e.Binding("fill"),new e.Binding("stroke","color"),new e.Binding("strokeWidth","thickness"),new e.Binding("strokeDashArray","dash")),n(e.Shape,{width:100,height:40,strokeWidth:0,fill:"transparent"}),n(e.TextBlock,{margin:1,textAlign:"center",overflow:e.TextBlock.OverflowEllipsis,editable:!0},new e.Binding("text").makeTwoWay(),new e.Binding("stroke","color"))),t.nodeTemplate.toolTip=n("ToolTip",n(e.Panel,"Vertical",{maxSize:new e.Size(200,NaN)},n(e.TextBlock,{font:"bold 10pt sans-serif",textAlign:"center"},new e.Binding("text")),n(e.TextBlock,{font:"10pt sans-serif",textAlign:"center"},new e.Binding("text","details"))));function s(a,l){var c=(d,k)=>{d.handled=!0,d.diagram.model.commit(h=>{var y=k.part.adornedPart,w=new e.Point().setRectSpot(y.actualBounds,a);w.subtract(y.location),w.scale(2,2),w.x+=Math.sign(w.x)*30,w.y+=Math.sign(w.y)*30,w.add(y.location),w.snapToGridPoint(d.diagram.grid.gridOrigin,d.diagram.grid.gridCellSize);var B=h.copyNodeData(y.data);h.setGroupKeyForNodeData(B,h.getGroupKeyForNodeData(y.data)),h.addNodeData(B);var W={from:y.key,to:h.getKeyForNodeData(B)};h.addLinkData(W);var N=d.diagram.findNodeForData(B);N.location=w,d.diagram.select(N),setTimeout(()=>{d.diagram.commandHandler.editTextBlock()},20)})};return n(e.Shape,{figure:l,alignment:a,alignmentFocus:a.opposite(),width:a.equals(e.Spot.Top)||a.equals(e.Spot.Bottom)?25:18,height:a.equals(e.Spot.Top)||a.equals(e.Spot.Bottom)?18:25,fill:"orange",stroke:r.white,strokeWidth:4,mouseEnter:(d,k)=>k.fill="dodgerblue",mouseLeave:(d,k)=>k.fill="orange",isActionable:!0,click:c,contextClick:c})}function m(a){return n(e.Shape,{fill:"orange",stroke:"rgba(0, 0, 0, 0)",strokeWidth:15,background:"transparent",geometryString:"F1 M0 0 b 0 360 -4 0 4 z M10 0 b 0 360 -4 0 4 z M20 0 b 0 360 -4 0 4",isActionable:!0,cursor:"context-menu",mouseEnter:(l,c)=>c.fill="dodgerblue",mouseLeave:(l,c)=>c.fill="orange",click:(l,c)=>{l.diagram.commandHandler.showContextMenu(c.part.adornedPart)}},a||{})}t.nodeTemplate.selectionAdornmentTemplate=n(e.Adornment,"Spot",n(e.Placeholder,{padding:10}),s(e.Spot.Top,"TriangleUp"),s(e.Spot.Left,"TriangleLeft"),s(e.Spot.Right,"TriangleRight"),s(e.Spot.Bottom,"TriangleDown"),m({alignment:new e.Spot(.75,0)}));function g(a,l){return(c,d)=>{c.handled=!0,c.diagram.model.commit(k=>{k.set(d.part.adornedPart.data,a,l)})}}function f(a,l){return l||(l="color"),n(e.Shape,{width:16,height:16,stroke:"lightgray",fill:a,margin:1,background:"transparent",mouseEnter:(c,d)=>d.stroke="dodgerblue",mouseLeave:(c,d)=>d.stroke="lightgray",click:g(l,a),contextClick:g(l,a)})}function T(){return[n("ContextMenuButton",n(e.Panel,"Horizontal",f(r.white,"fill"),f(r.beige,"fill"),f(r.extralightblue,"fill"),f(r.extralightred,"fill"))),n("ContextMenuButton",n(e.Panel,"Horizontal",f(r.lightgray,"fill"),f(r.lightgreen,"fill"),f(r.lightblue,"fill"),f(r.lightred,"fill")))]}function P(){return[n("ContextMenuButton",n(e.Panel,"Horizontal",f(r.black),f(r.green),f(r.blue),f(r.red))),n("ContextMenuButton",n(e.Panel,"Horizontal",f(r.white),f(r.magenta),f(r.purple),f(r.orange)))]}function v(a,l){return l||(l="thickness"),n(e.Shape,"LineH",{width:16,height:16,strokeWidth:a,margin:1,background:"transparent",mouseEnter:(c,d)=>d.background="dodgerblue",mouseLeave:(c,d)=>d.background="transparent",click:g(l,a),contextClick:g(l,a)})}function C(a,l){return l||(l="dash"),n(e.Shape,"LineH",{width:24,height:16,strokeWidth:2,strokeDashArray:a,margin:1,background:"transparent",mouseEnter:(c,d)=>d.background="dodgerblue",mouseLeave:(c,d)=>d.background="transparent",click:g(l,a),contextClick:g(l,a)})}function L(){return[n("ContextMenuButton",n(e.Panel,"Horizontal",v(1),v(2),v(3),v(4))),n("ContextMenuButton",n(e.Panel,"Horizontal",C(null),C([2,4]),C([4,4])))]}function p(a,l){return l||(l="figure"),n(e.Shape,{width:32,height:32,scale:.5,fill:"lightgray",figure:a,margin:1,background:"transparent",mouseEnter:(c,d)=>d.fill="dodgerblue",mouseLeave:(c,d)=>d.fill="lightgray",click:g(l,a),contextClick:g(l,a)})}t.nodeTemplate.contextMenu=n("ContextMenu",n("ContextMenuButton",n(e.Panel,"Horizontal",p("Rectangle"),p("RoundedRectangle"),p("Ellipse"),p("Diamond"))),n("ContextMenuButton",n(e.Panel,"Horizontal",p("Parallelogram2"),p("ManualOperation"),p("Procedure"),p("Cylinder1"))),n("ContextMenuButton",n(e.Panel,"Horizontal",p("Terminator"),p("CreateRequest"),p("Document"),p("TriangleDown"))),T(),P(),L()),t.groupTemplate=n(e.Group,"Spot",{layerName:"Background",ungroupable:!0,locationSpot:e.Spot.Center,selectionObjectName:"BODY",computesBoundsAfterDrag:!0,handlesDragDropForMembers:!0,mouseDrop:(a,l)=>{var c=l.addMembers(l.diagram.selection,!0);c||l.diagram.currentTool.doCancel()},avoidable:!1},new e.Binding("location","loc",e.Point.parse).makeTwoWay(e.Point.stringify),n(e.Panel,"Auto",{name:"BODY"},n(e.Shape,{parameter1:10,fill:r.white,strokeWidth:2,cursor:"pointer",fromLinkable:!0,toLinkable:!0,fromLinkableDuplicates:!0,toLinkableDuplicates:!0,fromSpot:e.Spot.AllSides,toSpot:e.Spot.AllSides},new e.Binding("fill"),new e.Binding("stroke","color"),new e.Binding("strokeWidth","thickness"),new e.Binding("strokeDashArray","dash")),n(e.Placeholder,{background:"transparent",margin:20})),n(e.TextBlock,{alignment:e.Spot.Top,alignmentFocus:e.Spot.Bottom,font:"bold 12pt sans-serif",editable:!0},new e.Binding("text"),new e.Binding("stroke","color"))),t.groupTemplate.selectionAdornmentTemplate=n(e.Adornment,"Spot",n(e.Panel,"Auto",n(e.Shape,{fill:null,stroke:"dodgerblue",strokeWidth:3}),n(e.Placeholder,{margin:1.5})),m({alignment:e.Spot.TopRight,alignmentFocus:e.Spot.BottomRight})),t.groupTemplate.contextMenu=n("ContextMenu",T(),P(),L()),t.linkTemplate=n(e.Link,{layerName:"Foreground",routing:e.Link.AvoidsNodes,corner:10,fromShortLength:10,toShortLength:15,relinkableFrom:!0,relinkableTo:!0,reshapable:!0,resegmentable:!0},new e.Binding("fromSpot","fromSpot",e.Spot.parse),new e.Binding("toSpot","toSpot",e.Spot.parse),new e.Binding("fromShortLength","dir",a=>a>=1?10:0),new e.Binding("toShortLength","dir",a=>a>=1?10:0),new e.Binding("points").makeTwoWay(),n(e.Shape,{strokeWidth:2},new e.Binding("stroke","color"),new e.Binding("strokeWidth","thickness"),new e.Binding("strokeDashArray","dash")),n(e.Shape,{segmentIndex:0,segmentOffset:new e.Point(15,0),segmentOrientation:e.Link.OrientAlong,alignmentFocus:e.Spot.Right,figure:"circle",width:10,strokeWidth:0},new e.Binding("fill","color"),new e.Binding("visible","dir",a=>a===1)),n(e.Shape,{segmentIndex:-1,segmentOffset:new e.Point(-10,6),segmentOrientation:e.Link.OrientPlus90,alignmentFocus:e.Spot.Right,figure:"triangle",width:12,height:12,strokeWidth:0},new e.Binding("fill","color"),new e.Binding("visible","dir",a=>a>=1),new e.Binding("width","thickness",a=>7+3*a),new e.Binding("height","thickness",a=>7+3*a),new e.Binding("segmentOffset","thickness",a=>new e.Point(-15,4+1.5*a))),n(e.Shape,{segmentIndex:0,segmentOffset:new e.Point(15,-6),segmentOrientation:e.Link.OrientMinus90,alignmentFocus:e.Spot.Right,figure:"triangle",width:12,height:12,strokeWidth:0},new e.Binding("fill","color"),new e.Binding("visible","dir",a=>a===2),new e.Binding("width","thickness",a=>7+3*a),new e.Binding("height","thickness",a=>7+3*a),new e.Binding("segmentOffset","thickness",a=>new e.Point(-15,4+1.5*a))),n(e.TextBlock,{alignmentFocus:new e.Spot(0,1,-4,0),editable:!0},new e.Binding("text").makeTwoWay(),new e.Binding("stroke","color"))),t.linkTemplate.selectionAdornmentTemplate=n(e.Adornment,n(e.Shape,{isPanelMain:!0,stroke:"transparent",strokeWidth:6,pathPattern:O(2)},new e.Binding("pathPattern","thickness",O)),m({alignmentFocus:new e.Spot(0,0,-6,-4)}));function O(a){return n(e.Shape,{stroke:"dodgerblue",strokeWidth:2,strokeCap:"square",geometryString:"M0 0 M4 2 H3 M4 "+(a+4).toString()+" H3"})}function M(a){var l="M0 0 M8 16 M0 8 L16 8 M12 11 L16 8 L12 5";return a===0?l="M0 0 M16 16 M0 8 L16 8":a===2&&(l="M0 0 M16 16 M0 8 L16 8 M12 11 L16 8 L12 5 M4 11 L0 8 L4 5"),n(e.Shape,{geometryString:l,margin:2,background:"transparent",mouseEnter:(c,d)=>d.background="dodgerblue",mouseLeave:(c,d)=>d.background="transparent",click:g("dir",a),contextClick:g("dir",a)})}function A(a){var l=(c,d)=>{c.handled=!0,c.diagram.model.commit(k=>{var h=d.part.adornedPart;k.set(h.data,a?"toSpot":"fromSpot",e.Spot.stringify(e.Spot.AllSides)),(a?h.toNode:h.fromNode).invalidateConnectedLinks()})};return n(e.Shape,{width:12,height:12,fill:"transparent",mouseEnter:(c,d)=>d.background="dodgerblue",mouseLeave:(c,d)=>d.background="transparent",click:l,contextClick:l})}function S(a,l){var c=0,d=e.Spot.RightSide;a.equals(e.Spot.Top)?(c=270,d=e.Spot.TopSide):a.equals(e.Spot.Left)?(c=180,d=e.Spot.LeftSide):a.equals(e.Spot.Bottom)&&(c=90,d=e.Spot.BottomSide),l||(c-=180);var k=(h,y)=>{h.handled=!0,h.diagram.model.commit(w=>{var B=y.part.adornedPart;w.set(B.data,l?"toSpot":"fromSpot",e.Spot.stringify(d)),(l?B.toNode:B.fromNode).invalidateConnectedLinks()})};return n(e.Shape,{alignment:a,alignmentFocus:a.opposite(),geometryString:"M0 0 M12 12 M12 6 L1 6 L4 4 M1 6 L4 8",angle:c,background:"transparent",mouseEnter:(h,y)=>y.background="dodgerblue",mouseLeave:(h,y)=>y.background="transparent",click:k,contextClick:k})}t.linkTemplate.contextMenu=n("ContextMenu",P(),L(),n("ContextMenuButton",n(e.Panel,"Horizontal",M(0),M(1),M(2))),n("ContextMenuButton",n(e.Panel,"Horizontal",n(e.Panel,"Spot",A(!1),S(e.Spot.Top,!1),S(e.Spot.Left,!1),S(e.Spot.Right,!1),S(e.Spot.Bottom,!1)),n(e.Panel,"Spot",{margin:new e.Margin(0,0,0,2)},A(!0),S(e.Spot.Top,!0),S(e.Spot.Left,!0),S(e.Spot.Right,!0),S(e.Spot.Bottom,!0)))));const E=`{ "class": "GraphLinksModel",
|
|
"nodeDataArray": [
|
|
{"text":"Find Problem","key":-9,"loc":"-20 -140","color":"#3358ff","fill":"white","figure":"Procedure","thickness":3},
|
|
{"text":"What do we want?","key":-10,"loc":"-65 -324.305","group":-16,"figure":"Ellipse","fill":"white"},
|
|
{"text":"What do our users want?","key":-11,"loc":"105 -334.305","group":-20,"figure":"Ellipse","fill":"#ffffff","color":"black"},
|
|
{"text":"Meetings","key":-12,"loc":"-65 -444.305","group":-16,"figure":"TriangleDown","fill":"#ffffff"},
|
|
{"text":"Reviews","key":-13,"loc":"105 -454.305","group":-20,"figure":"TriangleDown","fill":"#ffffff","color":"black"},
|
|
{"text":"Can we solve it?","key":-14,"loc":"190 -140","color":"#7d33ff","fill":"#ffffff","figure":"Diamond","size":"140 80","thickness":3},
|
|
{"isGroup":true,"text":"Internal","key":-16,"loc":"-65 -384.305","fill":"#d5ebff","dash":null,"thickness":1,"group":-22},
|
|
{"isGroup":true,"text":"External","key":-20,"loc":"105 -394.305","fill":"#d5ebff","dash":null,"thickness":1,"group":-22},
|
|
{"isGroup":true,"text":"Sources","key":-22,"loc":"20 -400","fill":"#a5d2fa","dash":[4,4],"color":"#3358ff"}
|
|
],
|
|
"linkDataArray": [
|
|
{"from":-12,"to":-10,"points":[-65,-414.305,-65,-404.305,-65,-384.305,-65,-384.305,-65,-364.305,-65,-354.305],"dash":null,"dir":1},
|
|
{"from":-13,"to":-11,"points":[105,-424.305,105,-414.305,105,-394.305,105,-394.305,105,-374.305,105,-364.305],"dash":null,"color":"#000000","dir":1},
|
|
{"from":-10,"to":-9,"points":[-65,-294.305,-65,-284.305,-65,-232.1525,-40,-232.1525,-40,-180,-40,-170],"dir":2,"dash":[4,4]},
|
|
{"from":-11,"to":-9,"points":[105,-304.305,105,-294.305,105,-237.1525,0,-237.1525,0,-180,0,-170],"dash":[4,4],"dir":2},
|
|
{"from":-9,"to":-14,"points":[40,-150,58,-150,80,-150,80,-153.33333333333331,102,-153.33333333333331,120,-153.33333333333331],"dir":1,"color":"#3358ff"},
|
|
{"from":-14,"to":-9,"points":[190,-100,190,-90,-20,-90,-20,-95,-20,-100,-20,-110],"fromSpot":"BottomSide","toSpot":"BottomSide","text":"No","color":"#ff3333","thickness":2,"dir":1},
|
|
{"from":-9,"to":-14,"points":[40,-130,58,-130,80,-130,80,-126.66666666666666,102,-126.66666666666666,120,-126.66666666666666]}
|
|
]}`;return t.model=e.Model.fromJson(E),t}function o(){console.log(JSON.stringify(t.model.toJson())),t.isModified=!1;function n(){var r=t.makeImage();document.body.appendChild(r)}n()}return x.createElement("div",{style:{width:"100%",height:"100%"},onClick:o},x.createElement(z.FI,{initDiagram:i,divClassName:"diagram-component",style:{height:"800px"}}),x.createElement("div",{id:"myDiagramDiv"}))}var R=F}}]);
|