@eccenca/gui-elements 22.0.0-rc.7 → 22.1.0-rc.1

package/dist/es5/components/Typography/HtmlContentBlock.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -13,18 +24,16 @@ import React from "react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 import * as TypographyClassNames from "./classnames";
 function HtmlContentBlock(_a) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, // currently unsupported
-    _e = _a.muted, // currently unsupported
-    muted = _e === void 0 ? false : _e, // currently unsupported
-    _f = _a.disabled, // currently unsupported
-    disabled = _f === void 0 ? false : _f, // currently unsupported
-    otherProps = __rest(_a, ["className", "children", "small", "large", "muted", "disabled"]);
-    return (React.createElement("div", { className: eccgui + "-typography__contentblock" +
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, _e = _a.muted, muted = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.linebreakForced, linebreakForced = _g === void 0 ? false : _g, _h = _a.linebreakPrevented, linebreakPrevented = _h === void 0 ? false : _h, _j = _a.noScrollbarsOnChildren, noScrollbarsOnChildren = _j === void 0 ? false : _j, otherProps = __rest(_a, ["className", "children", "small", "large", "muted", "disabled", "linebreakForced", "linebreakPrevented", "noScrollbarsOnChildren"]);
+    return (React.createElement("div", __assign({ className: eccgui + "-typography__contentblock" +
             (className ? " " + className : "") +
             (small ? " " + TypographyClassNames.SMALL : "") +
             (large ? " " + TypographyClassNames.LARGE : "") +
             (muted ? " " + TypographyClassNames.MUTED : "") +
-            (disabled ? " " + TypographyClassNames.DISABLED : "") }, children));
+            (linebreakForced ? " " + TypographyClassNames.FORCELINEBREAK : "") +
+            (linebreakPrevented ? " " + TypographyClassNames.PREVENTLINEBREAK : "") +
+            (noScrollbarsOnChildren ? " " + TypographyClassNames.NOSCROLLBARSONCHILDREN : "") +
+            (disabled ? " " + TypographyClassNames.DISABLED : "") }, otherProps), children));
 }
 export default HtmlContentBlock;
 //# sourceMappingURL=HtmlContentBlock.js.map

package/dist/es5/components/Typography/HtmlContentBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlContentBlock.js","sourceRoot":"","sources":["../../../../src/components/Typography/HtmlContentBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,oBAAoB,MAAM,cAAc,CAAC;AAErD,SAAS,gBAAgB,CAAC,EAQpB;IAPF,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,wBAAwB;IACvC,aAAa,EADE,wBAAwB;IACvC,KAAK,mBAAG,KAAK,KAAA,EAAE,wBAAwB;IACvC,gBAAgB,EADD,wBAAwB;IACvC,QAAQ,mBAAG,KAAK,KAAA,EAAE,wBAAwB;IACvC,UAAU,cAPS,gEAQzB,CADgB;IAEb,OAAO,CACH,6BACI,SAAS,EACF,MAAM,8BAA2B;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAGxD,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"HtmlContentBlock.js","sourceRoot":"","sources":["../../../../src/components/Typography/HtmlContentBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,oBAAoB,MAAM,cAAc,CAAC;AAkBrD,SAAS,gBAAgB,CAAC,EAWF;IAVpB,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC3B,UAAU,cAVS,mIAWzB,CADgB;IAEb,OAAO,CACH,sCACI,SAAS,EACF,MAAM,8BAA2B;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YACjF,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAErD,UAAU,GAEb,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/es5/components/Typography/classnames.js

@@ -3,6 +3,7 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 export var NOOVERFLOW = eccgui + "-typography--nooverflow";
 export var FORCELINEBREAK = eccgui + "-typography--forcelinebreak";
 export var PREVENTLINEBREAK = eccgui + "-typography--preventlinebreak";
+export var NOSCROLLBARSONCHILDREN = eccgui + "-typography--noscrollbarsonchildren";
 export var LARGE = eccgui + "-typography--large";
 export var SMALL = eccgui + "-typography--small";
 export var MUTED = eccgui + "-typography--muted";

package/dist/es5/components/Typography/classnames.js.map

@@ -1 +1 @@
-{"version":3,"file":"classnames.js","sourceRoot":"","sources":["../../../../src/components/Typography/classnames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,iBAAiB;AACjB,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,GAAG,yBAAyB,CAAC;AAC7D,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,GAAG,6BAA6B,CAAC;AACrE,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,GAAG,+BAA+B,CAAC;AACzE,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"classnames.js","sourceRoot":"","sources":["../../../../src/components/Typography/classnames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,iBAAiB;AACjB,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,GAAG,yBAAyB,CAAC;AAC7D,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,GAAG,6BAA6B,CAAC;AACrE,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,GAAG,+BAA+B,CAAC;AACzE,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,GAAG,qCAAqC,CAAC;AACrF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,GAAG,uBAAuB,CAAC"}

package/dist/es5/extensions/react-flow/edges/EdgeDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIpC,OAAO,EACH,YAAY,EACZ,aAAa,EACb,QAAQ,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAW1C,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAC3B,UAAC,IAAsB;;IAEf,IAAA,KAGA,IAAI,KAHK,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,KAEA,IAAI,YAF0B,EAA9B,WAAW,mBAAG,gBAAgB,KAAA,EAC3B,sBAAsB,UACzB,IAAI,EAJF,uBAIL,CAD4B,CACpB;IAEL,IAAA,KACA,IAAI,cADc,EAAlB,aAAa,mBAAG,EAAE,KAAA,CACb;IAET,IAAM,WAAW,GAAG,WAAW,uBAAK,sBAAsB,KAAE,IAAI,MAAA,IAAE,CAAC;IACnE,IAAM,SAAS,GAAG,YAAY,CAC1B,sBAAsB,CAAC,aAAa,EACpC,sBAAsB,CAAC,WAAW,CACrC,CAAC;IACF,IAAM,UAAU,GAAG,aAAa,CAAC;QAC7B,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;KAC1C,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7C,oBAAC,QAAQ,IACL,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,EAAE,sBAAsB,CAAC,KAAK,EACnC,UAAU,EAAE,sBAAsB,CAAC,UAAU,EAC7C,WAAW,EAAE,sBAAsB,CAAC,WAAW,EAC/C,YAAY,EAAE,sBAAsB,CAAC,YAAY,EACjD,cAAc,EAAE,sBAAsB,CAAC,cAAc,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAC/D,mBAAmB,EAAE,sBAAsB,CAAC,mBAAmB,IAAI,CAAC,GACtE,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAM,SAAS,GAAG,MAAA,sBAAsB,CAAC,KAAK,mCAAI,EAAE,CAAC;IACrD,OAAO,CACH,2BAAG,KAAK,wBAAM,SAAS,KAAE,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM;QAC7D,aAAa,IAAI,CACf,8BACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,4BAA4B,EACtC,WAAW,EAAE,aAAa,GAC5B,CACL;QACD,8BACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,uBAAuB,EAEjC,SAAS,EAAE,SAAS,GACtB;QACA,SAAS,CACX,CACP,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIpC,OAAO,EACH,YAAY,EACZ,aAAa,EACb,QAAQ,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAW1C,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAC3B,UAAC,IAAsB;;IAEf,IAAA,KAGA,IAAI,KAHK,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,KAEA,IAAI,YAF0B,EAA9B,WAAW,mBAAG,gBAAgB,KAAA,EAC3B,sBAAsB,UACzB,IAAI,EAJF,uBAIL,CAD4B,CACpB;IAEL,IAAA,KACA,IAAI,cADc,EAAlB,aAAa,mBAAG,EAAE,KAAA,CACb;IAET,IAAM,WAAW,GAAG,WAAW,uBAAK,sBAAsB,KAAE,IAAI,MAAA,IAAE,CAAC;IACnE,IAAM,SAAS,GAAG,YAAY,CAC1B,sBAAsB,CAAC,aAAa,EACpC,sBAAsB,CAAC,WAAW,CACrC,CAAC;IACF,IAAM,UAAU,GAAG,aAAa,CAAC;QAC7B,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;QACvC,OAAO,EAAE,sBAAsB,CAAC,OAAO;KAC1C,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7C,oBAAC,QAAQ,IACL,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,EAAE,sBAAsB,CAAC,KAAK,EACnC,UAAU,EAAE,sBAAsB,CAAC,UAAU,EAC7C,WAAW,EAAE,sBAAsB,CAAC,WAAW,EAC/C,YAAY,EAAE,sBAAsB,CAAC,YAAY,EACjD,cAAc,EAAE,sBAAsB,CAAC,cAAc,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAC/D,mBAAmB,EAAE,sBAAsB,CAAC,mBAAmB,IAAI,CAAC,GACtE,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAM,SAAS,GAAG,MAAA,sBAAsB,CAAC,KAAK,mCAAI,EAAE,CAAC;IACrD,OAAO,CACH,2BAAG,KAAK,wBAAM,SAAS,KAAE,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM;QAC7D,aAAa,IAAI,CACf,8BACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,4BAA4B,EACtC,WAAW,EAAE,aAAa,GAC5B,CACL;QACD,8BACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,uBAAuB,EACjC,SAAS,EAAE,SAAS,GACtB;QACA,SAAS,CACX,CACP,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/es5/extensions/react-flow/edges/getSmoothStepPath.js

@@ -0,0 +1,119 @@
+/**
+ * Copied from `react-flow` because we need to change there routing.
+ * We use the 10.2.0cversion minus commit 87d518f8b5540a91a3f9c163a2315c2de47abc31
+ * @see https://github.com/wbkd/react-flow/commit/87d518f8b5540a91a3f9c163a2315c2de47abc31
+ */
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { getEdgeCenter as getCenter, Position } from "react-flow-renderer";
+// These are some helper methods for drawing the round corners
+// The name indicates the direction of the path. "bottomLeftCorner" goes
+// from bottom to the left and "leftBottomCorner" goes from left to the bottom.
+// We have to consider the direction of the paths because of the animated lines.
+var bottomLeftCorner = function (x, y, size) {
+    return "L " + x + "," + (y - size) + "Q " + x + "," + y + " " + (x + size) + "," + y;
+};
+var leftBottomCorner = function (x, y, size) {
+    return "L " + (x + size) + "," + y + "Q " + x + "," + y + " " + x + "," + (y - size);
+};
+var bottomRightCorner = function (x, y, size) {
+    return "L " + x + "," + (y - size) + "Q " + x + "," + y + " " + (x - size) + "," + y;
+};
+var rightBottomCorner = function (x, y, size) {
+    return "L " + (x - size) + "," + y + "Q " + x + "," + y + " " + x + "," + (y - size);
+};
+var leftTopCorner = function (x, y, size) { return "L " + (x + size) + "," + y + "Q " + x + "," + y + " " + x + "," + (y + size); };
+var topLeftCorner = function (x, y, size) { return "L " + x + "," + (y + size) + "Q " + x + "," + y + " " + (x + size) + "," + y; };
+var topRightCorner = function (x, y, size) { return "L " + x + "," + (y + size) + "Q " + x + "," + y + " " + (x - size) + "," + y; };
+var rightTopCorner = function (x, y, size) { return "L " + (x - size) + "," + y + "Q " + x + "," + y + " " + x + "," + (y + size); };
+export function getSmoothStepPath(_a) {
+    var sourceX = _a.sourceX, sourceY = _a.sourceY, _b = _a.sourcePosition, sourcePosition = _b === void 0 ? Position.Bottom : _b, targetX = _a.targetX, targetY = _a.targetY, _c = _a.targetPosition, targetPosition = _c === void 0 ? Position.Top : _c, _d = _a.borderRadius, borderRadius = _d === void 0 ? 5 : _d, centerX = _a.centerX, centerY = _a.centerY;
+    var _e = __read(getCenter({ sourceX: sourceX, sourceY: sourceY, targetX: targetX, targetY: targetY }), 4), _centerX = _e[0], _centerY = _e[1], offsetX = _e[2], offsetY = _e[3];
+    var cornerWidth = Math.min(borderRadius, Math.abs(targetX - sourceX));
+    var cornerHeight = Math.min(borderRadius, Math.abs(targetY - sourceY));
+    var cornerSize = Math.min(cornerWidth, cornerHeight, offsetX, offsetY);
+    var cX = typeof centerX !== 'undefined' ? centerX : _centerX;
+    var cY = typeof centerY !== 'undefined' ? centerY : _centerY;
+    var firstCornerPath = "";
+    var secondCornerPath = "";
+    if (sourceX <= targetX) {
+        if (sourceY <= targetY) {
+            firstCornerPath = bottomLeftCorner(sourceX, cY, cornerSize);
+            secondCornerPath = rightTopCorner(targetX, cY, cornerSize);
+            if (sourcePosition === Position.Right) {
+                if (targetPosition === Position.Left) {
+                    firstCornerPath = rightTopCorner(cX, sourceY, cornerSize);
+                    secondCornerPath = bottomLeftCorner(cX, targetY, cornerSize);
+                }
+            }
+            else {
+                if (targetPosition === Position.Left) {
+                    // no change
+                }
+            }
+        }
+        else {
+            firstCornerPath = topLeftCorner(sourceX, cY, cornerSize);
+            secondCornerPath = rightBottomCorner(targetX, cY, cornerSize);
+            if (sourcePosition === Position.Right) {
+                if (targetPosition === Position.Left) {
+                    firstCornerPath = rightBottomCorner(cX, sourceY, cornerSize);
+                    secondCornerPath = topLeftCorner(cX, targetY, cornerSize);
+                }
+            }
+            else {
+                if (targetPosition === Position.Left) {
+                    // no change
+                }
+            }
+        }
+    }
+    else {
+        if (sourceY <= targetY) {
+            firstCornerPath = bottomRightCorner(sourceX, cY, cornerSize);
+            secondCornerPath = leftTopCorner(targetX, cY, cornerSize);
+            if (sourcePosition === Position.Left) {
+                if (targetPosition === Position.Right) {
+                    firstCornerPath = leftTopCorner(cX, sourceY, cornerSize);
+                    secondCornerPath = bottomRightCorner(cX, targetY, cornerSize);
+                }
+            }
+            else {
+                if (targetPosition === Position.Right) {
+                    // no change
+                }
+            }
+        }
+        else {
+            firstCornerPath = topRightCorner(sourceX, cY, cornerSize);
+            secondCornerPath = leftBottomCorner(targetX, cY, cornerSize);
+            if (sourcePosition === Position.Left) {
+                if (targetPosition === Position.Right) {
+                    firstCornerPath = leftBottomCorner(cX, sourceY, cornerSize);
+                    secondCornerPath = topRightCorner(cX, targetY, cornerSize);
+                }
+            }
+            else {
+                if (targetPosition === Position.Right) {
+                    // no change
+                }
+            }
+        }
+    }
+    return "M " + sourceX + "," + sourceY + firstCornerPath + secondCornerPath + "L " + targetX + "," + targetY;
+}
+//# sourceMappingURL=getSmoothStepPath.js.map

package/dist/es5/extensions/react-flow/edges/getSmoothStepPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmoothStepPath.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/getSmoothStepPath.ts"],"names":[],"mappings":"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"}

package/dist/es5/extensions/react-flow/edges/utils.js

@@ -1,18 +1,113 @@
-import { getSmoothStepPath } from "react-flow-renderer";
+import { Position } from "react-flow-renderer";
+import { getSmoothStepPath } from "./getSmoothStepPath";
+var posCorrectionEdge = function (_a) {
+    var sourceX = _a.sourceX, sourceY = _a.sourceY, sourcePosition = _a.sourcePosition, targetX = _a.targetX, targetY = _a.targetY, targetPosition = _a.targetPosition, _b = _a.correctionLength, correctionLength = _b === void 0 ? 7 : _b, _c = _a.correctionRadius, correctionRadius = _c === void 0 ? 7 : _c;
+    var newSourceX = sourceX;
+    var newSourceY = sourceY;
+    var newTargetX = targetX;
+    var newTargetY = targetY;
+    var startCommandCorrection = "M " + sourceX + "," + sourceY + " ";
+    var endCommandCorrection = "";
+    if (sourcePosition === Position.Left && sourceX < targetX) {
+        newSourceX = newSourceX - 2 * correctionLength;
+        if (sourceY < targetY) {
+            newSourceY = sourceY + correctionRadius;
+            startCommandCorrection = startCommandCorrection + (" L " + (newSourceX + correctionRadius) + "," + sourceY + " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 0 + " ");
+        }
+        else {
+            newSourceY = sourceY - correctionRadius;
+            startCommandCorrection = startCommandCorrection + (" L " + (newSourceX + correctionRadius) + "," + sourceY + " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 1 + " ");
+        }
+    }
+    if (sourcePosition === Position.Right && sourceX > targetX) {
+        newSourceX = targetPosition === Position.Right ? newSourceX + correctionLength + correctionRadius : newSourceX + correctionLength;
+        if (sourceY < targetY) {
+            newSourceY = sourceY + correctionRadius;
+            startCommandCorrection = startCommandCorrection + (" L " + (newSourceX - correctionRadius) + "," + sourceY + " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 1 + " ");
+        }
+        else {
+            newSourceY = sourceY - correctionRadius;
+            startCommandCorrection = startCommandCorrection + (" L " + (newSourceX - correctionRadius) + "," + sourceY + " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 0 + " ");
+        }
+    }
+    if (targetPosition === Position.Left && sourceX > targetX) {
+        newTargetX = newTargetX - 3 * correctionLength;
+        if (sourceY < targetY) {
+            newTargetY = targetY - correctionRadius;
+            endCommandCorrection = " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 0 + " " + (newTargetX + correctionRadius) + "," + targetY + " L " + targetX + "," + targetY;
+        }
+        else {
+            newTargetY = targetY + correctionRadius;
+            endCommandCorrection = " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 1 + " " + (newTargetX + correctionRadius) + "," + targetY + " L " + targetX + "," + targetY;
+        }
+    }
+    if (targetPosition === Position.Right && sourceX < targetX) {
+        newTargetX = newTargetX + 3 * correctionLength;
+        if (sourceY < targetY) {
+            newTargetY = targetY - correctionRadius;
+            endCommandCorrection = " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 1 + " " + (newTargetX - correctionRadius) + "," + targetY + " L " + targetX + "," + targetY;
+        }
+        else {
+            newTargetY = targetY + correctionRadius;
+            endCommandCorrection = " A " + correctionRadius + " " + correctionRadius + " " + 90 + " " + 0 + " " + 0 + " " + (newTargetX - correctionRadius) + "," + targetY + " L " + targetX + "," + targetY;
+        }
+    }
+    return {
+        newSourceX: newSourceX,
+        newSourceY: newSourceY,
+        newTargetX: newTargetX,
+        newTargetY: newTargetY,
+        startCommandCorrection: startCommandCorrection,
+        endCommandCorrection: endCommandCorrection,
+    };
+};
+var pathCommandCorrection = function (_a) {
+    var pathCommand = _a.pathCommand, startCorrection = _a.startCorrection, endCorrection = _a.endCorrection;
+    return startCorrection + pathCommand.substring(1) + endCorrection;
+};
 export var drawEdgeStraight = function (_a) {
-    var sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY;
-    return "M " + sourceX + "," + sourceY + "L " + targetX + "," + targetY;
+    var sourceX = _a.sourceX, sourceY = _a.sourceY, sourcePosition = _a.sourcePosition, targetX = _a.targetX, targetY = _a.targetY, targetPosition = _a.targetPosition;
+    var corrections = posCorrectionEdge({
+        sourceX: sourceX,
+        sourceY: sourceY,
+        sourcePosition: sourcePosition,
+        targetX: targetX,
+        targetY: targetY,
+        targetPosition: targetPosition,
+        correctionRadius: 0
+    });
+    var pathCommand = "M " + corrections.newSourceX + "," + corrections.newSourceY + "L " + corrections.newTargetX + "," + corrections.newTargetY;
+    return pathCommandCorrection({
+        pathCommand: pathCommand,
+        startCorrection: corrections.startCommandCorrection,
+        endCorrection: corrections.endCommandCorrection,
+    });
 };
 export var drawEdgeStep = function (_a) {
     var sourceX = _a.sourceX, sourceY = _a.sourceY, sourcePosition = _a.sourcePosition, targetX = _a.targetX, targetY = _a.targetY, targetPosition = _a.targetPosition, _b = _a.data, data = _b === void 0 ? {} : _b;
-    return getSmoothStepPath({
+    var corrections = posCorrectionEdge({
         sourceX: sourceX,
         sourceY: sourceY,
         sourcePosition: sourcePosition,
         targetX: targetX,
         targetY: targetY,
         targetPosition: targetPosition,
-        borderRadius: data.stepCornerRadius || 10
+        correctionLength: data.stepCornerRadius || 7,
+        correctionRadius: data.stepCornerRadius || 7,
+    });
+    var pathCommand = getSmoothStepPath({
+        sourceX: corrections.newSourceX,
+        sourceY: corrections.newSourceY,
+        sourcePosition: sourcePosition,
+        targetX: corrections.newTargetX,
+        targetY: corrections.newTargetY,
+        targetPosition: targetPosition,
+        borderRadius: data.stepCornerRadius || 7
+    });
+    return pathCommandCorrection({
+        pathCommand: pathCommand,
+        startCorrection: corrections.startCommandCorrection,
+        endCorrection: corrections.endCommandCorrection,
     });
 };
 //# sourceMappingURL=utils.js.map

package/dist/es5/extensions/react-flow/edges/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAKd;QAJf,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,OAAO,OAAK,OAAO,SAAI,OAAO,UAAK,OAAO,SAAI,OAAS,CAAC;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAQb;QAPZ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,iBAAiB,CAAC;QACrB,OAAO,SAAA;QACP,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,YAAY,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE;KAC5C,CAAC,CAAC;AACP,CAAC,CAAA"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/utils.ts"],"names":[],"mappings":"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"}

package/dist/es5/extensions/react-flow/index.js

@@ -1,4 +1,6 @@
 export { NodeDefault } from "./nodes/NodeDefault";
+export { NodeContent } from "./nodes/NodeContent";
+export { NodeContentExtension } from "./nodes/NodeContentExtension";
 export { NodeTools } from "./nodes/NodeTools";
 export { nodeTypes } from "./nodes/nodeTypes";
 export { EdgeDefault } from "./edges/EdgeDefault";

package/dist/es5/extensions/react-flow/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/react-flow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/react-flow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/es5/extensions/react-flow/minimap/utils.js

@@ -1,5 +1,5 @@
 import { CLASSPREFIX as eccgui } from "./../../../configuration/constants";
-import { gethighlightedStateClasses } from "./../nodes/NodeDefault";
+import { gethighlightedStateClasses } from "./../nodes/NodeContent";
 export var minimapNodeClassName = function (node) {
     var _a, _b, _c;
     var typeClass = eccgui + "-graphviz__minimap__node--" + node.type;

package/dist/es5/extensions/react-flow/nodes/NodeContent.js

@@ -0,0 +1,162 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import { Position } from "react-flow-renderer";
+import { Icon, Tooltip } from "../../../index";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+import { HandleDefault } from "./../handles/HandleDefault";
+var defaultHandles = [
+    { type: "target" },
+    { type: "source" },
+];
+var getDefaultMinimalTooltipData = function (node) {
+    var _a, _b, _c, _d;
+    return {
+        label: (_a = node.data) === null || _a === void 0 ? void 0 : _a.label,
+        content: (_b = node.data) === null || _b === void 0 ? void 0 : _b.content,
+        iconName: (_c = node.data) === null || _c === void 0 ? void 0 : _c.iconName,
+        depiction: (_d = node.data) === null || _d === void 0 ? void 0 : _d.depiction,
+    };
+};
+var addHandles = function (handles, position, posDirection, isConnectable, nodeStyle) {
+    return handles[position].map(function (handle, idx) {
+        var _a, _b;
+        var className = handle.className, _c = handle.style, style = _c === void 0 ? {} : _c, category = handle.category;
+        var styleAdditions = {
+            color: (_a = nodeStyle.borderColor) !== null && _a !== void 0 ? _a : undefined
+        };
+        styleAdditions[posDirection] = (100 / (handles[position].length + 1) * (idx + 1)) + "%";
+        var handleProperties = __assign(__assign({}, handle), {
+            position: (_b = handle.position) !== null && _b !== void 0 ? _b : position,
+            style: __assign(__assign({}, style), styleAdditions),
+            posdirection: posDirection,
+            isConnectable: typeof handle.isConnectable !== "undefined" ? handle.isConnectable : isConnectable,
+            className: !!category ? (className ? className + " " : "") + gethighlightedStateClasses(category, eccgui + "-graphviz__handle") : className,
+        });
+        return (React.createElement(MemoHandler, __assign({}, handleProperties, { key: "handle" + idx })));
+    });
+};
+var imgWithTooltip = function (imgEl, tooltipText) {
+    if (!!tooltipText) {
+        return React.createElement(Tooltip, { content: tooltipText },
+            React.createElement("span", null, imgEl));
+    }
+    return imgEl;
+};
+export var gethighlightedStateClasses = function (state, baseClassName) {
+    var hightlights = typeof state === "string" ? [state] : state;
+    //@ts-ignore
+    return hightlights.map(function (item) { return baseClassName + "--highlight-" + item; }).join(' ');
+};
+var MemoHandler = React.memo(function (props) { return React.createElement(HandleDefault, __assign({}, props)); }, function (prev, next) {
+    var styleHasChanged = prev.style[prev.posdirection] === next.style[next.posdirection];
+    return styleHasChanged;
+});
+/**
+ * The `NodeContent` element manages the main view of how a node is displaying which content.
+ * This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
+ */
+export function NodeContent(_a) {
+    var iconName = _a.iconName, depiction = _a.depiction, typeLabel = _a.typeLabel, label = _a.label, _b = _a.showExecutionButtons, showExecutionButtons = _b === void 0 ? true : _b, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, _c = _a.size, size = _c === void 0 ? "small" : _c, _d = _a.minimalShape, minimalShape = _d === void 0 ? "circular" : _d, highlightedState = _a.highlightedState, _e = _a.handles, handles = _e === void 0 ? defaultHandles : _e, adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _f = _a.adaptSizeIncrement, adaptSizeIncrement = _f === void 0 ? 15 : _f, _g = _a.getMinimalTooltipData, getMinimalTooltipData = _g === void 0 ? getDefaultMinimalTooltipData : _g, _h = _a.style, style = _h === void 0 ? {} : _h, _j = _a.showUnconnectableHandles, showUnconnectableHandles = _j === void 0 ? false : _j, _k = _a.animated, animated = _k === void 0 ? false : _k, 
+    // forwarded props
+    _l = _a.targetPosition, 
+    // forwarded props
+    targetPosition = _l === void 0 ? Position.Left : _l, _m = _a.sourcePosition, sourcePosition = _m === void 0 ? Position.Right : _m, _o = _a.isConnectable, isConnectable = _o === void 0 ? true : _o, selected = _a.selected, _p = _a.letPassWheelEvents, letPassWheelEvents = _p === void 0 ? false : _p, 
+    // businessData is just being ignored
+    businessData = _a.businessData, 
+    // other props for DOM element
+    otherProps = __rest(_a, ["iconName", "depiction", "typeLabel", "label", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "size", "minimalShape", "highlightedState", "handles", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "targetPosition", "sourcePosition", "isConnectable", "selected", "letPassWheelEvents", "businessData"]);
+    var _q = __read(React.useState({}), 2), adjustedContentProps = _q[0], setAdjustedContentProps = _q[1];
+    var handleStack = {};
+    handleStack[Position.Top] = [];
+    handleStack[Position.Right] = [];
+    handleStack[Position.Bottom] = [];
+    handleStack[Position.Left] = [];
+    if (handles.length > 0) {
+        handles.forEach(function (handle) {
+            if (!!handle.position) {
+                handleStack[handle.position].push(handle);
+            }
+            else if (handle.category === "configuration") {
+                handleStack[Position.Top].push(handle);
+            }
+            else {
+                if (handle.type === "target") {
+                    handleStack[targetPosition].push(handle);
+                }
+                if (handle.type === "source") {
+                    handleStack[sourcePosition].push(handle);
+                }
+            }
+        });
+    }
+    var styleExpandDimensions = {};
+    if (typeof adaptHeightForHandleMinCount !== "undefined" &&
+        (minimalShape === "none" || !!selected) &&
+        adaptSizeIncrement && (handleStack[Position.Left].length >= adaptHeightForHandleMinCount ||
+        handleStack[Position.Right].length >= adaptHeightForHandleMinCount)) {
+        var minHeightLeft = handleStack[Position.Left].length * adaptSizeIncrement;
+        var minHeightRight = handleStack[Position.Right].length * adaptSizeIncrement;
+        styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("section", __assign({}, otherProps, { style: __assign(__assign({}, style), styleExpandDimensions), className: eccgui + "-graphviz__node" +
+                (" " + eccgui + "-graphviz__node--" + size) +
+                (" " + eccgui + "-graphviz__node--minimal-" + minimalShape) +
+                (!!highlightedState ? " " + gethighlightedStateClasses(highlightedState, eccgui + "-graphviz__node") : "") +
+                (animated ? " " + eccgui + "-graphviz__node--animated" : "") +
+                (showUnconnectableHandles === false ? " " + eccgui + "-graphviz__node--hidehandles" : "") +
+                (letPassWheelEvents === false ? " nowheel" : "") }),
+            React.createElement("header", { className: eccgui + "-graphviz__node__header" },
+                (!!iconName || !!depiction) && (React.createElement("span", { className: eccgui + "-graphviz__node__header-depiction" },
+                    !!depiction && imgWithTooltip(React.createElement("img", { src: depiction, alt: "" }), (minimalShape === "none" || selected) ? typeLabel : undefined),
+                    (!!iconName && !depiction) && React.createElement(Icon, { name: iconName, tooltipText: (minimalShape === "none" || selected) ? typeLabel : undefined }))),
+                React.createElement("span", { className: eccgui + "-graphviz__node__header-label", title: label }, label),
+                (menuButtons || (showExecutionButtons && executionButtons)) && (React.createElement("span", { className: eccgui + "-graphviz__node__header-menu" },
+                    (showExecutionButtons && typeof executionButtons === "function") ? executionButtons(adjustedContentProps, setAdjustedContentProps) : null, menuButtons !== null && menuButtons !== void 0 ? menuButtons : null))),
+            content && (React.createElement("div", { className: eccgui + "-graphviz__node__content" }, typeof content === "function" ? content(adjustedContentProps) : content)),
+            React.createElement("div", { className: eccgui + "-graphviz__node__footer" }),
+            contentExtension),
+        !!handles && (React.createElement(React.Fragment, null,
+            addHandles(handleStack, Position.Top, "left", isConnectable, style),
+            addHandles(handleStack, Position.Right, "top", isConnectable, style),
+            addHandles(handleStack, Position.Bottom, "left", isConnectable, style),
+            addHandles(handleStack, Position.Left, "top", isConnectable, style)))));
+}
+//# sourceMappingURL=NodeContent.js.map

package/dist/es5/extensions/react-flow/nodes/NodeContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/nodes/NodeContent.tsx"],"names":[],"mappings":"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"}

package/dist/es5/extensions/react-flow/nodes/NodeContentExtension.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+import IconButton from "../../../components/Icon/IconButton";
+/**
+ * Displays an content area that can be attached to `NodeContent` elements.
+ */
+export var NodeContentExtension = function (_a) {
+    var children = _a.children, _b = _a.slideOutOfNode, slideOutOfNode = _b === void 0 ? false : _b, _c = _a.isExpanded, isExpanded = _c === void 0 ? false : _c, _d = _a.onToggle, onToggle = _d === void 0 ? undefined : _d, actionButtons = _a.actionButtons, _e = _a.tooltipExpand, tooltipExpand = _e === void 0 ? "Show more" : _e, _f = _a.tooltipReduce, tooltipReduce = _f === void 0 ? "Show less" : _f, 
+    // other props for DOM element
+    otherProps = __rest(_a, ["children", "slideOutOfNode", "isExpanded", "onToggle", "actionButtons", "tooltipExpand", "tooltipReduce"]);
+    // always expand element if there is no handler to manage it
+    var expanded = onToggle ? isExpanded : true;
+    return (React.createElement("div", __assign({}, otherProps, { className: eccgui + "-graphviz__node__extension" +
+            (slideOutOfNode ? " " + eccgui + "-graphviz__node__extension--slideout" : "") +
+            (expanded ? " " + eccgui + "-graphviz__node__extension--expanded" : "") }),
+        !expanded && onToggle && (React.createElement(IconButton, { className: eccgui + "-graphviz__node__extension-expandbutton", name: "item-vertmenu", text: tooltipExpand, onClick: function (e) { onToggle(e, expanded); } })),
+        expanded && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: eccgui + "-graphviz__node__extension-body" }, children),
+            (!!actionButtons || !!onToggle) && (React.createElement("div", { className: eccgui + "-graphviz__node__extension-actions" },
+                React.createElement(IconButton, { className: eccgui + "-graphviz__node__extension-reducebutton", name: "toggler-showless", text: tooltipReduce, onClick: onToggle ? function (e) { onToggle(e, expanded); } : undefined }),
+                actionButtons))))));
+};
+//# sourceMappingURL=NodeContentExtension.js.map

package/dist/es5/extensions/react-flow/nodes/NodeContentExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeContentExtension.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/nodes/NodeContentExtension.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAgC7D;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAUT;IATxB,IAAA,QAAQ,cAAA,EACR,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,aAAa,mBAAA,EACb,qBAA2B,EAA3B,aAAa,mBAAG,WAAW,KAAA,EAC3B,qBAA2B,EAA3B,aAAa,mBAAG,WAAW,KAAA;IAC3B,8BAA8B;IAC3B,UAAU,cAToB,2GAUpC,CADgB;IAGb,4DAA4D;IAC5D,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACH,wCACQ,UAAU,IACd,SAAS,EACF,MAAM,+BAA4B;YACrC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAI,MAAM,yCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAI,MAAM,yCAAsC,CAAC,CAAC,CAAC,EAAE,CAAC;QAIlE,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACrB,oBAAC,UAAU,IACP,SAAS,EAAK,MAAM,4CAAyC,EAC7D,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,UAAC,CAAC,IAAO,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC5C,CACL;QAGD,QAAQ,IAAI,CACR;YACI,6BAAK,SAAS,EAAK,MAAM,oCAAiC,IACrD,QAAQ,CACP;YACL,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAChC,6BAAK,SAAS,EAAK,MAAM,uCAAoC;gBACzD,oBAAC,UAAU,IACP,SAAS,EAAK,MAAM,4CAAyC,EAC7D,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAC,CAAC,IAAO,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GACnE;gBACD,aAAa,CACZ,CACT,CACF,CACN,CAEH,CACT,CAAC;AACN,CAAC,CAAA"}