@sunspirytus/xflow-extension 1.0.52

package/es/flowchart-node-panel/nodes/note-left/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const NoteLeftNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = 'transparent', fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const dx = 6;
+    const baseX = width - 2 * NODE_PADDING;
+    const path = [
+        ['M', baseX, NODE_PADDING],
+        ['C', baseX - dx, NODE_PADDING, baseX - dx, dx],
+        ['', baseX - dx, (height - dx) / 2],
+        ['L', baseX - 2 * dx, height / 2],
+        ['L', baseX - dx, (height + dx) / 2],
+        ['L', baseX - dx, height - 2 * NODE_PADDING - dx],
+        ['C', baseX - dx, height - 2 * NODE_PADDING, baseX, height - 2 * NODE_PADDING],
+        ['', baseX, height - 2 * NODE_PADDING],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, 
+        // viewBox={`0 0 40 30`}
+        xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/note-left/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/note-left/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,aAAa,EACpB,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,CAAC,CAAA;IACZ,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,YAAY,CAAA;IACtC,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,KAAK,EAAE,YAAY,CAAC;QAC1B,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC;QAC/C,CAAC,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,CAAC;QACjD,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9E,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;KACvC,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;QACjC,wBAAwB;QACxB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/note-right/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const NoteRightNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/note-right/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const NoteRightNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = 'transparent', fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const dx = 6;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['C', dx, NODE_PADDING, dx, dx],
+        ['', dx, (height - dx) / 2],
+        ['L', 2 * dx, height / 2],
+        ['L', dx, (height + dx) / 2],
+        ['L', dx, height - 2 * NODE_PADDING - dx],
+        ['C', dx, height - 2 * NODE_PADDING, NODE_PADDING, height - 2 * NODE_PADDING],
+        ['', NODE_PADDING, height - 2 * NODE_PADDING],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, 
+        // viewBox={`0 0 40 30`}
+        xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/note-right/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/note-right/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,aAAa,GAAwB,KAAK,CAAC,EAAE;IACxD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,aAAa,EACpB,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,CAAC,CAAA;IACZ,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC;QAC/B,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;QACzB,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,CAAC;QACzC,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC7E,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;KAC9C,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;QACjC,wBAAwB;QACxB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/off-page-link/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const OffPageLinkNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/off-page-link/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const OffPageLinkNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const dx = Math.min(Math.tan(Math.PI / 6) * (width / 2), height / 4);
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - dx],
+        ['L', width / 2, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - dx],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/off-page-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/off-page-link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAwB,KAAK,CAAC,EAAE;IAC1D,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;IACpE,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;QAC5C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;QAChC,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/or/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const OrNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/or/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const OrNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path1 = [
+        ['M', height / 2, NODE_PADDING],
+        ['L', height / 2, height - 2 * NODE_PADDING], // bottom-center
+    ];
+    const path2 = [
+        ['M', NODE_PADDING, height / 2],
+        ['L', height - 2 * NODE_PADDING, height / 2], // right-center
+    ];
+    const availableR = height - 2 * NODE_PADDING;
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: `M ${NODE_PADDING},${height / 2} a ${availableR / 2} ${availableR / 2} 0 1 1 0 1 z`, fill: fill, stroke: stroke }),
+        React.createElement("path", { d: createPath(path1), stroke: stroke }),
+        React.createElement("path", { d: createPath(path2), stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/or/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/or/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,MAAM,GAAwB,KAAK,CAAC,EAAE;IACjD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,KAAK,GAAG;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY,CAAC;QAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,EAAE,gBAAgB;KAC/D,CAAA;IACD,MAAM,KAAK,GAAG;QACZ,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,eAAe;KAC9D,CAAA;IAED,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,GAAG,YAAY,CAAA;IAE5C,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BACE,CAAC,EAAE,KAAK,YAAY,IAAI,MAAM,GAAG,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC,cAAc,EACtF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd;QACF,8BAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QAC9C,8BAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QAC9C,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/predefined-process/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const PredefinedProcessNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/predefined-process/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const PredefinedProcessNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const struckOffset = width / 8;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    const path1 = [
+        ['M', struckOffset, NODE_PADDING],
+        ['L', struckOffset, height - 2 * NODE_PADDING],
+    ];
+    const path2 = [
+        ['M', width - struckOffset, NODE_PADDING],
+        ['L', width - struckOffset, height - 2 * NODE_PADDING], // right-center
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("path", { d: createPath(path1), stroke: stroke }),
+        React.createElement("path", { d: createPath(path2), stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/predefined-process/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/predefined-process/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,qBAAqB,GAAwB,KAAK,CAAC,EAAE;IAChE,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,YAAY,GAAG,KAAK,GAAG,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC1D,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IACD,MAAM,KAAK,GAAG;QACZ,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;KAC/C,CAAA;IACD,MAAM,KAAK,GAAG;QACZ,CAAC,GAAG,EAAE,KAAK,GAAG,YAAY,EAAE,YAAY,CAAC;QACzC,CAAC,GAAG,EAAE,KAAK,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,EAAE,eAAe;KACxE,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QAC9C,8BAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QAC9C,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/preparation/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const PreparationNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/preparation/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const PreparationNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const rx = Math.tan(Math.PI / 6) * (height / 2);
+    const path = [
+        ['M', rx, NODE_PADDING],
+        ['L', width - rx, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height / 2],
+        ['L', width - rx, height - 2 * NODE_PADDING],
+        ['L', rx, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height / 2],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/preparation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/preparation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAwB,KAAK,CAAC,EAAE;IAC1D,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC/C,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,EAAE,EAAE,YAAY,CAAC;QACvB,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,CAAC;QAC/B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC3C,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC5C,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACpC,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC/B,CAAC,GAAG,CAAC;KACN,CAAA;IACD,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/process/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const ProcessNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/process/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const ProcessNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const path = [
+        ['M', NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING, height - 2 * NODE_PADDING],
+        ['Z'],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/process/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/process/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAwB,KAAK,CAAC,EAAE;IACtD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAE9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAE9B,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC;QACjC,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC;QAC7C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC1D,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC9C,CAAC,GAAG,CAAC;KACN,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/stored-data/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const StroedDataNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/stored-data/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const StroedDataNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const bezierX = Math.min(width / 10, height / 4);
+    const bezierY = Math.min(height / 4, width / 4);
+    const path = [
+        ['M', NODE_PADDING + bezierX, NODE_PADDING],
+        ['L', width - 2 * NODE_PADDING - bezierX, NODE_PADDING],
+        [
+            'C',
+            width - 2 * NODE_PADDING - 2 * bezierX,
+            NODE_PADDING + bezierY,
+            width - 2 * NODE_PADDING - 2 * bezierX,
+            height - 2 * NODE_PADDING - bezierY,
+        ],
+        ['', width - 2 * NODE_PADDING - bezierX, height - 2 * NODE_PADDING],
+        ['L', NODE_PADDING + bezierX, height - 2 * NODE_PADDING],
+        ['C', NODE_PADDING, height - 2 * NODE_PADDING - bezierY, NODE_PADDING, NODE_PADDING + bezierY],
+        ['', NODE_PADDING + bezierX, NODE_PADDING], // top-left
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/stored-data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/stored-data/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,cAAc,GAAwB,KAAK,CAAC,EAAE;IACzD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA;IAE/C,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;QACvD;YACE,GAAG;YACH,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,OAAO;YACtC,YAAY,GAAG,OAAO;YACtB,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,OAAO;YACtC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO;SACpC;QACD,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACnE,CAAC,GAAG,EAAE,YAAY,GAAG,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACxD,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,OAAO,EAAE,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC;QAC9F,CAAC,EAAE,EAAE,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC,EAAE,WAAW;KACxD,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/terminator/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const TerminalNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/terminator/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { createPath } from '../../utils';
+import { NODE_WIDTH, NODE_HEIGHT, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const TerminalNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const rx = Math.min(height, width) / 2;
+    const path = [
+        ['M', rx, NODE_PADDING],
+        ['L', width - rx, NODE_PADDING],
+        ['C', width - 2 * NODE_PADDING, NODE_PADDING, width - 2 * NODE_PADDING, height / 2],
+        ['', width - 2 * NODE_PADDING, height / 2],
+        [
+            'C',
+            width - 2 * NODE_PADDING,
+            height / 2,
+            width - 2 * NODE_PADDING,
+            height - 2 * NODE_PADDING,
+        ],
+        ['', width - rx, height - 2 * NODE_PADDING],
+        ['L', rx, height - 2 * NODE_PADDING],
+        ['C', NODE_PADDING, height - 2 * NODE_PADDING, NODE_PADDING, height / 2],
+        ['', NODE_PADDING, height / 2],
+        ['C', NODE_PADDING, height / 2, NODE_PADDING, NODE_PADDING],
+        ['', rx, NODE_PADDING],
+    ];
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: createPath(path), fill: fill, stroke: stroke }),
+        React.createElement("text", { x: width / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/terminator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/terminator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACtC,MAAM,IAAI,GAAG;QACX,CAAC,GAAG,EAAE,EAAE,EAAE,YAAY,CAAC;QACvB,CAAC,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,CAAC;QAC/B,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QACnF,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC1C;YACE,GAAG;YACH,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC;YACV,KAAK,GAAG,CAAC,GAAG,YAAY;YACxB,MAAM,GAAG,CAAC,GAAG,YAAY;SAC1B;QACD,CAAC,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QAC3C,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC;QACpC,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,GAAG,YAAY,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QACxE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;QAC9B,CAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC;QAC3D,CAAC,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC;KACvB,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAQb,8BAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI;QACzD,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/text/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const TextNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/text/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NODE_WIDTH, NODE_HEIGHT, DefaultNodeConfig } from '../../constants';
+export const TextNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { label = DefaultNodeConfig.label, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    // 用于放大文本，避免看不清
+    const scale = 2;
+    return (React.createElement("svg", { viewBox: `0 0 ${width / scale} ${height / scale}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("text", { x: width / (2 * scale), y: height / (2 * scale), fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAwB,KAAK,CAAC,EAAE;IACnD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,eAAe;IACf,MAAM,KAAK,GAAG,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,KAAK,EAAE,EACjD,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BACE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,EACtB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,EACvB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/panel-body.d.ts

@@ -0,0 +1,7 @@
+import type { NsPanelData } from './service';
+import type { IProps } from './interface';
+import React from 'react';
+export interface IBodyProps extends IProps {
+    state: NsPanelData.IState;
+}
+export declare const NodePanelBody: React.FC<IBodyProps>;

package/es/flowchart-node-panel/panel-body.js

@@ -0,0 +1,103 @@
+import { __awaiter } from "tslib";
+import React, { useCallback } from 'react';
+import { Empty, Collapse } from 'antd';
+import { Addon } from '@antv/x6';
+import { getNodeReactComponent, useXFlowApp, uuidv4, XFlowNodeCommands } from '@sunspirytus/xflow-core';
+import { getProps } from '../flowchart-canvas/utils';
+import { NodeTitle, defaultNodeFactory } from '../canvas-node-tree-panel/panel-body';
+import { isArray } from 'lodash';
+const { Panel } = Collapse;
+export const NodePanelBody = props => {
+    const { x6NodeFactory, dndOptions, state, prefixClz, defaultActiveKey = ['official'], showOfficial = true, } = props;
+    const registerNode = props.registerNode
+        ? isArray(props.registerNode)
+            ? props.registerNode
+            : [props.registerNode]
+        : [];
+    const { graphProvider, modelService, commandService } = useXFlowApp();
+    const [dnd, setDnd] = React.useState();
+    /** 获取graph实例 */
+    const [graph, setGraph] = React.useState();
+    React.useEffect(() => {
+        graphProvider.getGraphInstance().then(x6Graph => {
+            setGraph(x6Graph);
+        });
+    });
+    let graphConfig = undefined;
+    graphProvider.getGraphOptions().then(x6GraphConfig => {
+        graphConfig = x6GraphConfig;
+    });
+    const onNodeDrop = useCallback((node) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const { ports } = node;
+        const nodeConfig = Object.assign(Object.assign({}, node), { id: `node-${uuidv4()}`, zIndex: 10, ports: Object.assign(Object.assign({}, ports), { items: (_a = ports.items) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), { id: uuidv4() }))) }) });
+        const args = {
+            nodeConfig,
+        };
+        yield commandService.executeCommand(XFlowNodeCommands.ADD_NODE.id, args);
+        const onAddNode = getProps('onAddNode');
+        if (typeof onAddNode === 'function') {
+            onAddNode(nodeConfig);
+        }
+    }), [commandService]);
+    React.useEffect(() => {
+        if (!graph) {
+            return;
+        }
+        const dndInstance = new Addon.Dnd(Object.assign(Object.assign({ scaled: false, animation: false }, dndOptions), { target: graph, 
+            /** 这里考虑到需要新增群组的需求，不使用x6的getDropNod方法
+             * 在validateNode时调用command添加
+             */
+            validateNode: (droppingNode) => __awaiter(void 0, void 0, void 0, function* () {
+                const nodeConfig = Object.assign(Object.assign({}, droppingNode.getData()), droppingNode.getPosition());
+                yield onNodeDrop(nodeConfig);
+                return false;
+            }) }));
+        setDnd(dndInstance);
+    }, [commandService, dndOptions, graph, modelService, onNodeDrop]);
+    const onMouseDown = React.useCallback((nodeConfig) => (e) => {
+        if (!graph || !dnd || !graphConfig) {
+            return;
+        }
+        const renderKey = graphConfig.nodeTypeParser(nodeConfig);
+        const { width = 180, height = 40 } = nodeConfig;
+        const reactComponent = graphConfig.nodeRender.get(renderKey);
+        const wrappedComponent = getNodeReactComponent(reactComponent, commandService, modelService);
+        const nodeData = {
+            data: nodeConfig,
+            width,
+            height,
+            view: graphConfig.graphId,
+            component: wrappedComponent,
+        };
+        const x6Node = x6NodeFactory ? x6NodeFactory(nodeData) : defaultNodeFactory(nodeData);
+        dnd.start(x6Node, e.nativeEvent);
+    }, [commandService, dnd, graph, graphConfig, modelService, x6NodeFactory]);
+    const renderTree = React.useCallback((list = []) => {
+        return list.map(item => {
+            const { popoverContent } = item;
+            return (React.createElement(NodeTitle, { item: item, onMouseDown: onMouseDown(item), popoverContent: popoverContent, prefixClz: prefixClz, modelService: modelService, commandService: commandService, graphConfig: graphConfig }));
+        });
+    }, [commandService, graphConfig, modelService, onMouseDown, prefixClz]);
+    const officialNode = state.nodeList.filter(item => !item.isCustom);
+    const searchOfficialNode = state.searchList.filter(item => !item.isCustom);
+    const customNode = (key) => {
+        return state.nodeList.filter(item => item.isCustom && item.parentKey === key);
+    };
+    const searchCustomNode = (key) => {
+        return state.searchList.filter(item => item.isCustom && item.parentKey === key);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `${prefixClz}-body` },
+            React.createElement(Collapse, { defaultActiveKey: defaultActiveKey, style: { border: 'none' } },
+                showOfficial && (React.createElement(Panel, { header: "\u901A\u7528\u8282\u70B9", key: "official", style: { border: 'none' } },
+                    !state.keyword && (React.createElement("div", { className: `${prefixClz}-official` }, renderTree(officialNode))),
+                    state.searchList.length > 0 && (React.createElement("div", { className: `${prefixClz}-official` }, renderTree(searchOfficialNode))))),
+                (registerNode === null || registerNode === void 0 ? void 0 : registerNode.length) > 0 &&
+                    registerNode.map(item => !item.hidden &&
+                        item.nodes.length > 0 && (React.createElement(Panel, { header: item.title, key: item.key, style: { border: 'none' } },
+                        !state.keyword && (React.createElement("div", { className: `${prefixClz}-custom` }, renderTree(customNode(item.key)))),
+                        state.searchList.length > 0 && (React.createElement("div", { className: `${prefixClz}-custom` }, renderTree(searchCustomNode(item.key)))))))),
+            state.keyword && state.searchList.length === 0 && React.createElement(Empty, { style: { marginTop: '48px' } }))));
+};
+//# sourceMappingURL=panel-body.js.map

package/es/flowchart-node-panel/panel-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-body.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/panel-body.tsx"],"names":[],"mappings":"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"}

package/es/flowchart-node-panel/panel-header.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IProps, IOnKeywordChange } from './interface';
+import type { NsPanelData } from './service';
+export interface IHeaderProps extends IProps {
+    onKeywordChange: IOnKeywordChange;
+    state: NsPanelData.IState;
+}
+export declare const NodePanelHeader: React.FC<IHeaderProps>;

package/es/flowchart-node-panel/panel-header.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Input } from 'antd';
+import { usePanelContext } from '../base-panel/context';
+export const NodePanelHeader = props => {
+    const { prefixClz, onKeywordChange } = props;
+    const { propsProxy } = usePanelContext();
+    const panelProps = propsProxy.getValue();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `${prefixClz}-header`, style: Object.assign({ zIndex: 1 }, props.style) },
+            panelProps.header && React.isValidElement(panelProps.header) && panelProps.header,
+            React.createElement("div", { className: `${prefixClz}-header-search` },
+                React.createElement(Input, { placeholder: "\u641C\u7D22\u7EC4\u4EF6", allowClear: true, onChange: e => onKeywordChange(e.target.value), style: { width: '100%', border: 0 } })))));
+};
+//# sourceMappingURL=panel-header.js.map

package/es/flowchart-node-panel/panel-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-header.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/panel-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAA;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAOvD,MAAM,CAAC,MAAM,eAAe,GAA2B,KAAK,CAAC,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAU,CAAA;IAChD,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;IAExC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,KAAK,kBACH,MAAM,EAAE,CAAC,IACN,KAAK,CAAC,KAAK;YAGf,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,MAAM;YAClF,6BAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB;gBAC1C,oBAAC,KAAK,IACJ,WAAW,EAAC,0BAAM,EAClB,UAAU,QACV,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,GACnC,CACE,CACF,CACS,CAClB,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/service.d.ts

@@ -0,0 +1,15 @@
+import type { IProps, IFlowchartNode } from './interface';
+export declare namespace NsPanelData {
+    const id = "NODE_PANEL_DATA";
+    interface IState {
+        nodeList: IFlowchartNode[];
+        defaultExpandAll: boolean;
+        keyword: string;
+        searchList: IFlowchartNode[];
+    }
+}
+export declare const usePanelData: (props: IProps) => {
+    state: NsPanelData.IState;
+    setState: import("@sunspirytus/xflow-core").NsModel.ISetValue<NsPanelData.IState>;
+    onKeywordChange: any;
+};