@eccenca/gui-elements 22.0.0-rc.6 → 22.1.0-rc.0

package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgeDefault = void 0;
+const react_1 = __importStar(require("react"));
+const react_flow_renderer_1 = require("react-flow-renderer");
+const utils_1 = require("./utils");
+exports.EdgeDefault = (0, react_1.memo)((edge) => {
+    var _a;
+    const { data = {}, drawSvgPath = utils_1.drawEdgeStraight } = edge, edgeOriginalProperties = __rest(edge, ["data", "drawSvgPath"]);
+    const { pathGlowWidth = 10, } = data;
+    const pathDisplay = drawSvgPath(Object.assign(Object.assign({}, edgeOriginalProperties), { data }));
+    const markerEnd = (0, react_flow_renderer_1.getMarkerEnd)(edgeOriginalProperties.arrowHeadType, edgeOriginalProperties.markerEndId);
+    const edgeCenter = (0, react_flow_renderer_1.getEdgeCenter)({
+        sourceX: edgeOriginalProperties.sourceX,
+        sourceY: edgeOriginalProperties.sourceY,
+        targetX: edgeOriginalProperties.targetX,
+        targetY: edgeOriginalProperties.targetY,
+    });
+    const edgeLabel = edgeOriginalProperties.label ? (react_1.default.createElement(react_flow_renderer_1.EdgeText, { x: edgeCenter[0], y: edgeCenter[1], label: edgeOriginalProperties.label, labelStyle: edgeOriginalProperties.labelStyle, labelShowBg: edgeOriginalProperties.labelShowBg, labelBgStyle: edgeOriginalProperties.labelBgStyle, labelBgPadding: edgeOriginalProperties.labelBgPadding || [5, 5], labelBgBorderRadius: edgeOriginalProperties.labelBgBorderRadius || 3 })) : null;
+    const edgeStyle = (_a = edgeOriginalProperties.style) !== null && _a !== void 0 ? _a : {};
+    return (react_1.default.createElement("g", { style: Object.assign(Object.assign({}, edgeStyle), { color: edgeStyle.color || edgeStyle.stroke }) },
+        pathGlowWidth && (react_1.default.createElement("path", { d: pathDisplay, className: "react-flow__edge-path-glow", strokeWidth: pathGlowWidth })),
+        react_1.default.createElement("path", { d: pathDisplay, className: "react-flow__edge-path", markerEnd: markerEnd }),
+        edgeLabel));
+});
+//# sourceMappingURL=EdgeDefault.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAIpC,6DAI6B;AAC7B,mCAA0C;AAW7B,QAAA,WAAW,GAAG,IAAA,YAAI,EAC3B,CAAC,IAAsB,EAAE,EAAE;;IACvB,MAAM,EACF,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,wBAAgB,KAE9B,IAAI,EADD,sBAAsB,UACzB,IAAI,EAJF,uBAIL,CAAO,CAAC;IACT,MAAM,EACF,aAAa,GAAG,EAAE,GACrB,GAAG,IAAI,CAAC;IAET,MAAM,WAAW,GAAG,WAAW,iCAAK,sBAAsB,KAAE,IAAI,IAAE,CAAC;IACnE,MAAM,SAAS,GAAG,IAAA,kCAAY,EAC1B,sBAAsB,CAAC,aAAa,EACpC,sBAAsB,CAAC,WAAW,CACrC,CAAC;IACF,MAAM,UAAU,GAAG,IAAA,mCAAa,EAAC;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,MAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7C,8BAAC,8BAAQ,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,MAAM,SAAS,GAAG,MAAA,sBAAsB,CAAC,KAAK,mCAAI,EAAE,CAAC;IACrD,OAAO,CACH,qCAAG,KAAK,kCAAM,SAAS,KAAE,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM;QAC7D,aAAa,IAAI,CACf,wCACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,4BAA4B,EACtC,WAAW,EAAE,aAAa,GAC5B,CACL;QACD,wCACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAC,uBAAuB,EAEjC,SAAS,EAAE,SAAS,GACtB;QACA,SAAS,CACX,CACP,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/cjs/extensions/react-flow/edges/EdgeStep.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgeStep = void 0;
+const react_1 = __importStar(require("react"));
+const EdgeDefault_1 = require("./EdgeDefault");
+const utils_1 = require("./utils");
+exports.EdgeStep = (0, react_1.memo)((edge) => {
+    return (react_1.default.createElement(EdgeDefault_1.EdgeDefault, Object.assign({}, edge, { drawSvgPath: utils_1.drawEdgeStep })));
+});
+//# sourceMappingURL=EdgeStep.js.map

package/dist/cjs/extensions/react-flow/edges/EdgeStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeStep.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeStep.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,+CAAmF;AACnF,mCAAuC;AAU1B,QAAA,QAAQ,GAAG,IAAA,YAAI,EACxB,CAAC,IAAmB,EAAE,EAAE;IACpB,OAAO,CACH,8BAAC,yBAAW,oBAAK,IAAI,IAAE,WAAW,EAAE,oBAAY,IAAI,CACvD,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/cjs/extensions/react-flow/edges/EdgeTools.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgeTools = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../../index");
+const constants_1 = require("../../../configuration/constants");
+const core_1 = require("@blueprintjs/core");
+exports.EdgeTools = (0, react_1.memo)((_a) => {
+    var { posOffset, children } = _a, otherProps = __rest(_a, ["posOffset", "children"]);
+    return (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__edgetools-target`, style: Object.assign({}, posOffset) },
+        react_1.default.createElement(index_1.ContextOverlay, Object.assign({}, otherProps, { defaultIsOpen: true, autoFocus: true, interactionKind: core_1.PopoverInteractionKind.HOVER, content: react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__edgetools-content` }, children), target: react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__edgetools-target`, style: Object.assign({}, posOffset) }), popoverClassName: `${constants_1.CLASSPREFIX}-graphviz__edgetools-overlay` }))));
+});
+//# sourceMappingURL=EdgeTools.js.map

package/dist/cjs/extensions/react-flow/edges/EdgeTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdgeTools.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeTools.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkC;AAClC,0CAA8C;AAC9C,gEAAuE;AACvE,4CAG2B;AAYd,QAAA,SAAS,GAAG,IAAA,YAAI,EACzB,CAAC,EAIgB,EAAE,EAAE;QAJpB,EACG,SAAS,EACT,QAAQ,OAEK,EADV,UAAU,cAHhB,yBAIA,CADgB;IAEb,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG,uBAAM,6BAA6B,EAAE,KAAK,oBAAO,SAAS;QACzE,8BAAC,sBAAc,oBACP,UAAU,IACd,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,IAAI,EACf,eAAe,EAAE,6BAA+B,CAAC,KAAK,EACtD,OAAO,EAAE,uCAAK,SAAS,EAAE,GAAG,uBAAM,8BAA8B,IAAG,QAAQ,CAAO,EAClF,MAAM,EAAE,uCAAK,SAAS,EAAE,GAAG,uBAAM,6BAA6B,EAAE,KAAK,oBAAO,SAAS,IAAM,EAC3F,gBAAgB,EAAE,GAAG,uBAAM,8BAA8B,IAC3D,CACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/cjs/extensions/react-flow/edges/edgeTypes.js

@@ -0,0 +1,26 @@
+"use strict";
+/*
+    We need to replicate some elements from react flow because they
+
+    1. do not export all sub elements, e.g. edges
+    2. we need to add additional features for better usage
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./EdgeDefault");
+const EdgeStep_1 = require("./EdgeStep");
+exports.edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    straight: EdgeDefault_1.EdgeDefault,
+    step: EdgeStep_1.EdgeStep,
+    smoothstep: EdgeStep_1.EdgeStep,
+    implicitEdge: EdgeDefault_1.EdgeDefault,
+    importEdge: EdgeDefault_1.EdgeDefault,
+    subclassEdge: EdgeDefault_1.EdgeDefault,
+    subpropertyEdge: EdgeDefault_1.EdgeDefault,
+    rdftypeEdge: EdgeDefault_1.EdgeDefault,
+    successStep: EdgeStep_1.EdgeStep,
+    warningStep: EdgeStep_1.EdgeStep,
+    dangerStep: EdgeStep_1.EdgeStep,
+};
+//# sourceMappingURL=edgeTypes.js.map

package/dist/cjs/extensions/react-flow/edges/edgeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeTypes.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/edgeTypes.ts"],"names":[],"mappings":";AAAA;;;;;EAKE;;;AAEF,+CAA4C;AAC5C,yCAAsC;AAEzB,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;IACrB,IAAI,EAAE,mBAAQ;IACd,UAAU,EAAE,mBAAQ;IACpB,YAAY,EAAE,yBAAW;IACzB,UAAU,EAAE,yBAAW;IACvB,YAAY,EAAE,yBAAW;IACzB,eAAe,EAAE,yBAAW;IAC5B,WAAW,EAAE,yBAAW;IACxB,WAAW,EAAE,mBAAQ;IACrB,WAAW,EAAE,mBAAQ;IACrB,UAAU,EAAE,mBAAQ;CACvB,CAAC"}

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

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawEdgeStep = exports.drawEdgeStraight = void 0;
+const react_flow_renderer_1 = require("react-flow-renderer");
+const posCorrectionEdge = ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, correctionLength = 7, correctionRadius = 7 }) => {
+    let newSourceX = sourceX;
+    let newSourceY = sourceY;
+    let newTargetX = targetX;
+    let newTargetY = targetY;
+    let startCommandCorrection = `M ${sourceX},${sourceY} `;
+    let endCommandCorrection = ``;
+    if (sourcePosition === react_flow_renderer_1.Position.Left && sourceX < targetX) {
+        newSourceX = newSourceX - correctionLength;
+        if (sourceY < targetY) {
+            newSourceY = sourceY + 2 * correctionRadius;
+            startCommandCorrection = startCommandCorrection + ` L ${newSourceX},${sourceY} A ${correctionRadius} ${correctionRadius} ${180} ${1} ${0} `;
+        }
+        else {
+            newSourceY = sourceY - 2 * correctionRadius;
+            startCommandCorrection = startCommandCorrection + ` L ${newSourceX},${sourceY} A ${correctionRadius} ${correctionRadius} ${180} ${1} ${1} `;
+        }
+    }
+    if (sourcePosition === react_flow_renderer_1.Position.Right && sourceX > targetX) {
+        newSourceX = targetPosition === react_flow_renderer_1.Position.Right ? newSourceX + correctionLength + correctionRadius : newSourceX + correctionLength;
+        if (sourceY < targetY) {
+            newSourceY = targetPosition === react_flow_renderer_1.Position.Right ? sourceY + 1 * correctionRadius : sourceY + 2 * correctionRadius;
+            startCommandCorrection = targetPosition === react_flow_renderer_1.Position.Right ? (startCommandCorrection + ` L ${newSourceX - correctionRadius},${sourceY} A ${correctionRadius} ${correctionRadius} ${90} ${0} ${1} `) : (startCommandCorrection + ` L ${newSourceX},${sourceY} A ${correctionRadius} ${correctionRadius} ${180} ${1} ${1} `);
+        }
+        else {
+            newSourceY = targetPosition === react_flow_renderer_1.Position.Right ? sourceY - 1 * correctionRadius : sourceY - 2 * correctionRadius;
+            startCommandCorrection = targetPosition === react_flow_renderer_1.Position.Right ? (startCommandCorrection + ` L ${newSourceX - correctionRadius},${sourceY} A ${correctionRadius} ${correctionRadius} ${90} ${0} ${0} `) : (startCommandCorrection + ` L ${newSourceX},${sourceY} A ${correctionRadius} ${correctionRadius} ${180} ${1} ${0} `);
+        }
+    }
+    if (targetPosition === react_flow_renderer_1.Position.Left && sourceX > targetX) {
+        newTargetX = newTargetX - correctionLength;
+        if (sourceY < targetY) {
+            newTargetY = targetY - 2 * correctionRadius;
+            endCommandCorrection = ` A ${correctionRadius} ${correctionRadius} ${180} ${1} ${0} ${newTargetX},${targetY} L ${targetX},${targetY}`;
+        }
+        else {
+            newTargetY = targetY + 2 * correctionRadius;
+            endCommandCorrection = ` A ${correctionRadius} ${correctionRadius} ${180} ${1} ${1} ${newTargetX},${targetY} L ${targetX},${targetY}`;
+        }
+    }
+    if (targetPosition === react_flow_renderer_1.Position.Right && sourceX < targetX) {
+        newTargetX = newTargetX + correctionLength;
+        if (sourceY < targetY) {
+            newTargetY = targetY - 2 * correctionRadius;
+            endCommandCorrection = ` A ${correctionRadius} ${correctionRadius} ${180} ${1} ${1} ${newTargetX},${targetY} L ${targetX},${targetY}`;
+        }
+        else {
+            newTargetY = targetY + 2 * correctionRadius;
+            endCommandCorrection = ` A ${correctionRadius} ${correctionRadius} ${180} ${1} ${0} ${newTargetX},${targetY} L ${targetX},${targetY}`;
+        }
+    }
+    return {
+        newSourceX,
+        newSourceY,
+        newTargetX,
+        newTargetY,
+        startCommandCorrection,
+        endCommandCorrection,
+    };
+};
+const pathCommandCorrection = ({ pathCommand, startCorrection, endCorrection, }) => {
+    return startCorrection + pathCommand.substring(1) + endCorrection;
+};
+const drawEdgeStraight = ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, }) => {
+    const corrections = posCorrectionEdge({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        correctionRadius: 0
+    });
+    const pathCommand = `M ${corrections.newSourceX},${corrections.newSourceY}L ${corrections.newTargetX},${corrections.newTargetY}`;
+    return pathCommandCorrection({
+        pathCommand,
+        startCorrection: corrections.startCommandCorrection,
+        endCorrection: corrections.endCommandCorrection,
+    });
+};
+exports.drawEdgeStraight = drawEdgeStraight;
+const drawEdgeStep = ({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, data = {}, }) => {
+    const corrections = posCorrectionEdge({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        correctionLength: data.stepCornerRadius || 7,
+        correctionRadius: data.stepCornerRadius || 7,
+    });
+    const pathCommand = (0, react_flow_renderer_1.getSmoothStepPath)({
+        sourceX: corrections.newSourceX,
+        sourceY: corrections.newSourceY,
+        sourcePosition,
+        targetX: corrections.newTargetX,
+        targetY: corrections.newTargetY,
+        targetPosition,
+        borderRadius: data.stepCornerRadius || 7
+    });
+    return pathCommandCorrection({
+        pathCommand,
+        startCorrection: corrections.startCommandCorrection,
+        endCorrection: corrections.endCommandCorrection,
+    });
+};
+exports.drawEdgeStep = drawEdgeStep;
+//# sourceMappingURL=utils.js.map

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

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

package/dist/cjs/extensions/react-flow/handles/HandleContent.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HandleContent = void 0;
+const react_1 = __importStar(require("react"));
+const constants_1 = require("../../../configuration/constants");
+const index_1 = require("../../../index");
+exports.HandleContent = (0, react_1.memo)(({ children, extendedTooltip }) => {
+    const handleContent = !!children ? (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__handle__content` }, children)) : !!extendedTooltip ? (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__handle__content` })) : (react_1.default.createElement(react_1.default.Fragment, null));
+    if (!!extendedTooltip) {
+        return (react_1.default.createElement(index_1.Tooltip, { content: extendedTooltip, wrapperTagName: "div", autoFocus: false, enforceFocus: false, openOnTargetFocus: false }, handleContent));
+    }
+    return handleContent;
+});
+//# sourceMappingURL=HandleContent.js.map

package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkC;AAClC,gEAAyE;AACzE,0CAAyC;AAO5B,QAAA,aAAa,GAAG,IAAA,YAAI,EAAC,CAAC,EAC/B,QAAQ,EACR,eAAe,EACE,EAAE,EAAE;IACrB,MAAM,aAAa,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC/B,uCAAK,SAAS,EAAE,GAAG,uBAAM,4BAA4B,IAC/C,QAAQ,CACR,CACT,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,uCAAK,SAAS,EAAE,GAAG,uBAAM,4BAA4B,GAAI,CAC5D,CAAC,CAAC,CAAC,CACA,6DAAK,CACR,CAAC;IAEF,IAAI,CAAC,CAAC,eAAe,EAAE;QACnB,OAAO,CACH,8BAAC,eAAO,IACJ,OAAO,EAAE,eAAe,EACxB,cAAc,EAAC,KAAK,EACpB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,KAAK,IAEtB,aAAa,CACT,CACb,CAAC;KACL;IAED,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC,CAAC"}

package/dist/cjs/extensions/react-flow/handles/HandleDefault.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HandleDefault = void 0;
+const react_1 = __importStar(require("react"));
+const react_flow_renderer_1 = require("react-flow-renderer");
+const HandleContent_1 = require("./HandleContent");
+exports.HandleDefault = (0, react_1.memo)((_a) => {
+    var { data, tooltip, children } = _a, handleProps = __rest(_a, ["data", "tooltip", "children"]);
+    const tooltipTitle = !!tooltip ? { title: tooltip } : {};
+    return (react_1.default.createElement(react_flow_renderer_1.Handle, Object.assign({}, handleProps, tooltipTitle),
+        react_1.default.createElement(HandleContent_1.HandleContent, Object.assign({}, data), children)));
+});
+//# sourceMappingURL=HandleDefault.js.map

package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkC;AAClC,6DAG6B;AAC7B,mDAAoE;AAQvD,QAAA,aAAa,GAAG,IAAA,YAAI,EAAC,CAAC,EAKrB,EAAE,EAAE;QALiB,EAC/B,IAAI,EACJ,OAAO,EACP,QAAQ,OAEE,EADP,WAAW,cAJiB,+BAKlC,CADiB;IAEd,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,OAAO,CACH,8BAAC,4BAAM,oBAAK,WAAW,EAAM,YAAY;QACrC,8BAAC,6BAAa,oBAAK,IAAI,GACjB,QAAQ,CACE,CACX,CACZ,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.minimapNodeColor = exports.minimapNodeClassName = exports.MiniMap = exports.edgeTypes = exports.EdgeTools = exports.EdgeStep = exports.EdgeDefault = exports.nodeTypes = exports.NodeTools = exports.NodeContentExtension = exports.NodeContent = exports.NodeDefault = void 0;
+var NodeDefault_1 = require("./nodes/NodeDefault");
+Object.defineProperty(exports, "NodeDefault", { enumerable: true, get: function () { return NodeDefault_1.NodeDefault; } });
+var NodeContent_1 = require("./nodes/NodeContent");
+Object.defineProperty(exports, "NodeContent", { enumerable: true, get: function () { return NodeContent_1.NodeContent; } });
+var NodeContentExtension_1 = require("./nodes/NodeContentExtension");
+Object.defineProperty(exports, "NodeContentExtension", { enumerable: true, get: function () { return NodeContentExtension_1.NodeContentExtension; } });
+var NodeTools_1 = require("./nodes/NodeTools");
+Object.defineProperty(exports, "NodeTools", { enumerable: true, get: function () { return NodeTools_1.NodeTools; } });
+var nodeTypes_1 = require("./nodes/nodeTypes");
+Object.defineProperty(exports, "nodeTypes", { enumerable: true, get: function () { return nodeTypes_1.nodeTypes; } });
+var EdgeDefault_1 = require("./edges/EdgeDefault");
+Object.defineProperty(exports, "EdgeDefault", { enumerable: true, get: function () { return EdgeDefault_1.EdgeDefault; } });
+var EdgeStep_1 = require("./edges/EdgeStep");
+Object.defineProperty(exports, "EdgeStep", { enumerable: true, get: function () { return EdgeStep_1.EdgeStep; } });
+var EdgeTools_1 = require("./edges/EdgeTools");
+Object.defineProperty(exports, "EdgeTools", { enumerable: true, get: function () { return EdgeTools_1.EdgeTools; } });
+var edgeTypes_1 = require("./edges/edgeTypes");
+Object.defineProperty(exports, "edgeTypes", { enumerable: true, get: function () { return edgeTypes_1.edgeTypes; } });
+var MiniMap_1 = require("./minimap/MiniMap");
+Object.defineProperty(exports, "MiniMap", { enumerable: true, get: function () { return MiniMap_1.MiniMap; } });
+var utils_1 = require("./minimap/utils");
+Object.defineProperty(exports, "minimapNodeClassName", { enumerable: true, get: function () { return utils_1.minimapNodeClassName; } });
+Object.defineProperty(exports, "minimapNodeColor", { enumerable: true, get: function () { return utils_1.minimapNodeColor; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/react-flow/index.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,qEAAoE;AAA3D,4HAAA,oBAAoB,OAAA;AAC7B,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAyE;AAAhE,6GAAA,oBAAoB,OAAA;AAAE,yGAAA,gBAAgB,OAAA"}

package/dist/cjs/extensions/react-flow/minimap/MiniMap.js

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniMap = void 0;
+const react_1 = __importStar(require("react"));
+const react_flow_renderer_1 = require("react-flow-renderer");
+let minimapCalcConf = {
+    navigationOn: false,
+    minimapElement: null,
+    flowElement: null
+};
+/** An improved mini-map for react-flow that supports navigation via the mini-map. */
+exports.MiniMap = (0, react_1.memo)((_a) => {
+    var { flowInstance, enableNavigation = false, maskColor = "#ddddddbb" } = _a, minimapProps = __rest(_a, ["flowInstance", "enableNavigation", "maskColor"]);
+    const minimapWrapper = react_1.default.useRef(null);
+    (0, react_1.useEffect)(() => {
+        const minimapDiv = minimapWrapper.current;
+        if (enableNavigation && flowInstance && minimapDiv) {
+            minimapCalcConf = {
+                navigationOn: false,
+                minimapElement: minimapDiv.querySelector(".react-flow__minimap"),
+                flowElement: minimapDiv.closest(".react-flow"),
+            };
+        }
+    }, [flowInstance, enableNavigation]);
+    // sets the visible area of the canvas based on mouse movement on the mini-map
+    const handleMiniMapMouseMove = (event) => {
+        var _a, _b;
+        const minimapConfig = (_b = (_a = minimapCalcConf.minimapElement) === null || _a === void 0 ? void 0 : _a.getAttribute("viewBox")) === null || _b === void 0 ? void 0 : _b.split(" ");
+        if (minimapCalcConf.navigationOn && minimapCalcConf.minimapElement && minimapCalcConf.flowElement && flowInstance && minimapConfig) {
+            const minimapBounds = minimapCalcConf.minimapElement.getBoundingClientRect();
+            const canvasBounds = minimapCalcConf.flowElement.getBoundingClientRect();
+            const instanceState = flowInstance.toObject();
+            const minimapCoordinates = {
+                x0: parseInt(minimapConfig[0]),
+                y0: parseInt(minimapConfig[1]),
+                x1: parseInt(minimapConfig[2]) + parseInt(minimapConfig[0]),
+                y1: parseInt(minimapConfig[3]) + parseInt(minimapConfig[1]),
+            };
+            const minimapClick = {
+                x: event.clientX - minimapBounds.left,
+                y: event.clientY - minimapBounds.top,
+            };
+            const canvasPosition = {
+                x: ((minimapCoordinates.x1 - minimapCoordinates.x0) / minimapBounds.width) * minimapClick.x * -1 -
+                    minimapCoordinates.x0,
+                y: ((minimapCoordinates.y1 - minimapCoordinates.y0) / minimapBounds.height) * minimapClick.y * -1 -
+                    minimapCoordinates.y0,
+            };
+            const canvasNewState = {
+                zoom: instanceState.zoom,
+                x: canvasPosition.x * instanceState.zoom + canvasBounds.width / 2,
+                y: canvasPosition.y * instanceState.zoom + canvasBounds.height / 2,
+            };
+            flowInstance.setTransform(canvasNewState);
+        }
+    };
+    /**
+        sets the view for the user when clicked and finish navigation
+     **/
+    const handleMiniMapMouseUp = (event) => {
+        handleMiniMapMouseMove(event);
+        minimapCalcConf.navigationOn = false;
+    };
+    /**
+        enables the mini-map fake drag effect see "handleMiniMapMouseMove" above.
+     **/
+    const handleMiniMapMouseDown = (event) => {
+        if (enableNavigation && flowInstance) {
+            minimapCalcConf.navigationOn = true;
+        }
+    };
+    return (react_1.default.createElement("div", { ref: minimapWrapper, onMouseDown: handleMiniMapMouseDown, onMouseUp: handleMiniMapMouseUp, onMouseMove: handleMiniMapMouseMove, onMouseLeave: handleMiniMapMouseUp, style: flowInstance ? { cursor: "grab" } : {} },
+        react_1.default.createElement(react_flow_renderer_1.MiniMap, Object.assign({ maskColor: maskColor }, minimapProps))));
+});
+//# sourceMappingURL=MiniMap.js.map

package/dist/cjs/extensions/react-flow/minimap/MiniMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,6DAI6B;AAiB7B,IAAI,eAAe,GAAkB;IACjC,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,IAAI;IACpB,WAAW,EAAE,IAAI;CACpB,CAAC;AAEF,qFAAqF;AACxE,QAAA,OAAO,GAAG,IAAA,YAAI,EAAC,CAAC,EAKd,EAAE,EAAE;QALU,EACzB,YAAY,EACZ,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,WAAW,OAEZ,EADR,YAAY,cAJU,iDAK5B,CADkB;IAEf,MAAM,cAAc,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAA0B,cAAc,CAAC,OAAO,CAAA;QAChE,IAAI,gBAAgB,IAAI,YAAY,IAAI,UAAU,EAAE;YAChD,eAAe,GAAG;gBACd,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC;gBAChE,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC;aACjD,CAAA;SACJ;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEpC,8EAA8E;IAC9E,MAAM,sBAAsB,GAAG,CAAC,KAAU,EAAE,EAAE;;QAC1C,MAAM,aAAa,GAAG,MAAA,MAAA,eAAe,CAAC,cAAc,0CAAE,YAAY,CAAC,SAAS,CAAC,0CAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1F,IAAI,eAAe,CAAC,YAAY,IAAI,eAAe,CAAC,cAAc,IAAI,eAAe,CAAC,WAAW,IAAI,YAAY,IAAI,aAAa,EAAE;YAChI,MAAM,aAAa,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC;YAC7E,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACzE,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;YAC9C,MAAM,kBAAkB,GAAG;gBACvB,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAC9B,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAC9B,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAC3D,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;aAC9D,CAAC;YACF,MAAM,YAAY,GAAG;gBACjB,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI;gBACrC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG;aACvC,CAAC;YACF,MAAM,cAAc,GAAG;gBACnB,CAAC,EACG,CAAC,CAAC,kBAAkB,CAAC,EAAE,GAAG,kBAAkB,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC7F,kBAAkB,CAAC,EAAE;gBACzB,CAAC,EACG,CAAC,CAAC,kBAAkB,CAAC,EAAE,GAAG,kBAAkB,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC9F,kBAAkB,CAAC,EAAE;aAC5B,CAAC;YACF,MAAM,cAAc,GAAkB;gBAClC,IAAI,EAAE,aAAa,CAAC,IAAI;gBACxB,CAAC,EAAE,cAAc,CAAC,CAAC,GAAG,aAAa,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC;gBACjE,CAAC,EAAE,cAAc,CAAC,CAAC,GAAG,aAAa,CAAC,IAAI,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC;aACrE,CAAC;YACF,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;SAC7C;IACL,CAAC,CAAC;IAEF;;QAEI;IACJ,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,EAAE;QACxC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,eAAe,CAAC,YAAY,GAAG,KAAK,CAAC;IACzC,CAAC,CAAC;IAEF;;QAEI;IACJ,MAAM,sBAAsB,GAAG,CAAC,KAAU,EAAE,EAAE;QAC1C,IAAI,gBAAgB,IAAI,YAAY,EAAE;YAAE,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC;SAAE;IAClF,CAAC,CAAC;IAEF,OAAO,CACH,uCACI,GAAG,EAAE,cAAc,EACnB,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,oBAAoB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,YAAY,EAAE,oBAAoB,EAClC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QAE7C,8BAAC,6BAAgB,kBAAC,SAAS,EAAE,SAAS,IAAM,YAAY,EAAI,CAC1D,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.minimapNodeColor = exports.minimapNodeClassName = void 0;
+const constants_1 = require("./../../../configuration/constants");
+const NodeContent_1 = require("./../nodes/NodeContent");
+const minimapNodeClassName = (node) => {
+    var _a, _b, _c;
+    const typeClass = `${constants_1.CLASSPREFIX}-graphviz__minimap__node--` + node.type;
+    const stateClass = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.highlightedState) ? (0, NodeContent_1.gethighlightedStateClasses)(node.data.highlightedState, `${constants_1.CLASSPREFIX}-graphviz__minimap__node`) : "";
+    const customColor = ((_c = (_b = node.data) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.borderColor) ? `${constants_1.CLASSPREFIX}-graphviz__minimap__node--customcolor` : "";
+    return typeClass + (stateClass ? " " + stateClass : "") + (customColor ? " " + customColor : "");
+};
+exports.minimapNodeClassName = minimapNodeClassName;
+const minimapNodeColor = (node) => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = node.data) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.borderColor) !== null && _c !== void 0 ? _c : "";
+};
+exports.minimapNodeColor = minimapNodeColor;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/extensions/react-flow/minimap/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/utils.ts"],"names":[],"mappings":";;;AAAA,kEAA2E;AAC3E,wDAAoE;AAE7D,MAAM,oBAAoB,GAAG,CAAC,IAAS,EAAE,EAAE;;IAC9C,MAAM,SAAS,GAAG,GAAG,uBAAM,4BAA4B,GAAG,IAAI,CAAC,IAAI,CAAC;IACpE,MAAM,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,EAAC,CAAC,CAAC,IAAA,wCAA0B,EAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAG,uBAAM,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,0CAAE,WAAW,EAAC,CAAC,CAAC,GAAG,uBAAM,uCAAuC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1G,OAAO,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACrG,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEK,MAAM,gBAAgB,GAAG,CAAC,IAAS,EAAE,EAAE;;IAC1C,OAAO,MAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,0CAAE,WAAW,mCAAI,EAAE,CAAC;AAC/C,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B"}