@eccenca/gui-elements 23.1.0-easynav.1 → 23.1.0-easynav.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/dist/cjs/components/Depiction/Depiction.js +13 -13
- package/dist/cjs/components/Depiction/Depiction.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js +20 -5
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js +17 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js +10 -9
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js.map +1 -1
- package/dist/cjs/extensions/react-flow/index.js +2 -3
- package/dist/cjs/extensions/react-flow/index.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +54 -6
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/components/Depiction/Depiction.js +15 -14
- package/dist/esm/components/Depiction/Depiction.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js +20 -4
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js +17 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js +10 -9
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js.map +1 -1
- package/dist/esm/extensions/react-flow/index.js +1 -1
- package/dist/esm/extensions/react-flow/index.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +54 -5
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/types/extensions/react-flow/edges/EdgeDefault.d.ts +16 -1
- package/dist/types/extensions/react-flow/edges/EdgeLabel.d.ts +12 -0
- package/dist/types/extensions/react-flow/edges/edgeTypes.d.ts +10 -9
- package/dist/types/extensions/react-flow/index.d.ts +1 -2
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +26 -3
- package/package.json +1 -1
- package/src/cmem/react-flow/ReactFlow/ReactFlow.stories.tsx +2 -2
- package/src/cmem/react-flow/_edges.scss +3 -2
- package/src/components/Depiction/Depiction.tsx +11 -10
- package/src/extensions/react-flow/_config.scss +7 -4
- package/src/extensions/react-flow/edges/EdgeDefault.tsx +60 -5
- package/src/extensions/react-flow/edges/EdgeLabel.tsx +45 -1
- package/src/extensions/react-flow/edges/_edges.scss +131 -33
- package/src/extensions/react-flow/edges/edgeTypes.ts +13 -9
- package/src/extensions/react-flow/edges/stories/EdgeDefault.stories.tsx +34 -13
- package/src/extensions/react-flow/index.ts +2 -2
- package/src/extensions/react-flow/nodes/NodeContent.tsx +93 -7
- package/src/extensions/react-flow/nodes/_nodes.scss +177 -50
- package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +30 -0
package/CHANGELOG.md
CHANGED
|
@@ -19,12 +19,16 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
19
19
|
* `<WhiteSpaceContainer />`: property `linebreakForced` to insert line breaks within an otherwise unbreakable string to prevent text from overflowing the container.
|
|
20
20
|
* `<TextField />` and `<TextArea />`:
|
|
21
21
|
* `invisibleCharacterWarning`: callback to warn of invisible, hard to spot characters in the input text.
|
|
22
|
+
* `<NodeContent />`:
|
|
23
|
+
* it's possible to overwrite border styling by setting `border` property
|
|
24
|
+
* provides now `intent` and `highlightColor` properties, replacing `highlightedState`
|
|
22
25
|
|
|
23
26
|
### Changed
|
|
24
27
|
|
|
25
28
|
* upgrade to Carbon icons v11
|
|
26
29
|
* switch from `carbon-components` to `@carbon/styles`
|
|
27
30
|
* `<GridRow />` property `dontWrapColumns=true` only works for grids on medium sized and larger viewports
|
|
31
|
+
* `<NodeContent />` animation is now displayed on the border, not by a pulsing shadow anymore
|
|
28
32
|
|
|
29
33
|
### Fixed
|
|
30
34
|
|
|
@@ -33,6 +37,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
33
37
|
### Deprecated
|
|
34
38
|
|
|
35
39
|
* `<Grid />` property `fullWidth` is now deprecated as grids are always used for the full viewport width
|
|
40
|
+
* `<NodeContent />` property `highlightedState` is replaced by `intent` and `highlightColor` and should not be used anymore
|
|
36
41
|
|
|
37
42
|
### Fixed
|
|
38
43
|
|
|
@@ -46,19 +46,19 @@ const constants_1 = require("../../configuration/constants");
|
|
|
46
46
|
function Depiction(_a) {
|
|
47
47
|
var { className = "", image, forceInlineSvg = false, size = "medium", resizing = "cover", ratio = "source", caption, captionPosition = "none", backgroundColor, border, rounded, padding = "none", badge, tooltipProps } = _a, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
|
|
48
48
|
const containerRef = (0, react_1.useRef)(null);
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
49
|
+
let styleDepictionColors = {};
|
|
50
|
+
if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
|
|
51
|
+
try {
|
|
52
|
+
const color = (0, color_1.default)(backgroundColor);
|
|
53
|
+
styleDepictionColors = {
|
|
54
|
+
[`--${constants_1.CLASSPREFIX}-depiction-background`]: color.rgb().toString(),
|
|
55
|
+
[`--${constants_1.CLASSPREFIX}-depiction-color`]: (0, colorDecideContrastvalue_1.default)({ testColor: color })
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
catch (ex) {
|
|
59
|
+
console.warn("Received invalid background color for depiction: " + backgroundColor);
|
|
60
60
|
}
|
|
61
|
-
}
|
|
61
|
+
}
|
|
62
62
|
const updateSvgResizing = react_1.default.useCallback((el) => {
|
|
63
63
|
let preserveAspectRatio = "";
|
|
64
64
|
switch (resizing) {
|
|
@@ -99,7 +99,7 @@ function Depiction(_a) {
|
|
|
99
99
|
(!!backgroundColor ? ` ${constants_1.CLASSPREFIX}-depiction__image--color-config` : '') +
|
|
100
100
|
(border ? ` ${constants_1.CLASSPREFIX}-depiction__image--hasborder` : '') +
|
|
101
101
|
(rounded ? ` ${constants_1.CLASSPREFIX}-depiction__image--roundedborder` : '') +
|
|
102
|
-
(padding && padding !== "none" ? ` ${constants_1.CLASSPREFIX}-depiction__image--padding-${padding}` : '') }, depiction));
|
|
102
|
+
(padding && padding !== "none" ? ` ${constants_1.CLASSPREFIX}-depiction__image--padding-${padding}` : ''), style: styleDepictionColors }, depiction));
|
|
103
103
|
return (react_1.default.createElement("figure", Object.assign({ className: `${constants_1.CLASSPREFIX}-depiction` +
|
|
104
104
|
(className ? ` ${className}` : '') }, otherFigureProps),
|
|
105
105
|
captionPosition === "tooltip" && !!caption ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,kDAA0B;AAC1B,sEAAkC;AAIlC,iEAA2D;AAC3D,6GAAqF;AACrF,6DAAoE;AAgEpE;;GAEG;AACH,SAAgB,SAAS,CAAC,EAgBT;QAhBS,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,IAAI,GAAC,QAAQ,EACb,QAAQ,GAAC,OAAO,EAChB,KAAK,GAAC,QAAQ,EACd,OAAO,EACP,eAAe,GAAC,MAAM,EACtB,eAAe,EACf,MAAM,EACN,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,YAAY,OAEC,EADV,gBAAgB,cAfG,+KAgBzB,CADsB;IAEnB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,
|
|
1
|
+
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,14 +30,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
30
|
return t;
|
|
31
31
|
};
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.EdgeDefault = void 0;
|
|
33
|
+
exports.createEdgeDefaultClassName = exports.EdgeDefault = void 0;
|
|
34
34
|
const react_1 = __importStar(require("react"));
|
|
35
35
|
const react_flow_renderer_1 = require("react-flow-renderer");
|
|
36
|
+
const constants_1 = require("../../../configuration/constants");
|
|
37
|
+
const Intent_1 = require("../../../common/Intent");
|
|
38
|
+
const NodeContent_1 = require("./../nodes/NodeContent");
|
|
36
39
|
const utils_1 = require("./utils");
|
|
37
40
|
exports.EdgeDefault = (0, react_1.memo)((edge) => {
|
|
38
41
|
var _a, _b, _c;
|
|
39
42
|
const { data = {}, drawSvgPath = utils_1.drawEdgeStraight } = edge, edgeOriginalProperties = __rest(edge, ["data", "drawSvgPath"]);
|
|
40
|
-
const { pathGlowWidth = 10, markerStart } = data;
|
|
43
|
+
const { pathGlowWidth = 10, markerStart, strokeType, intent, highlightColor, } = data;
|
|
41
44
|
const pathDisplay = drawSvgPath(Object.assign(Object.assign({}, edgeOriginalProperties), { data }));
|
|
42
45
|
const markerEnd = (0, react_flow_renderer_1.getMarkerEnd)(edgeOriginalProperties.arrowHeadType, edgeOriginalProperties.markerEndId);
|
|
43
46
|
const edgeCenter = (0, react_flow_renderer_1.getEdgeCenter)({
|
|
@@ -48,9 +51,21 @@ exports.EdgeDefault = (0, react_1.memo)((edge) => {
|
|
|
48
51
|
});
|
|
49
52
|
const edgeLabel = (_b = (_a = data.renderLabel) === null || _a === void 0 ? void 0 : _a.call(data, edgeCenter)) !== null && _b !== void 0 ? _b : (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);
|
|
50
53
|
const edgeStyle = (_c = edgeOriginalProperties.style) !== null && _c !== void 0 ? _c : {};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
react_1.default.createElement("path", { d: pathDisplay, className: "react-flow__edge-path",
|
|
54
|
+
const { highlightCustomPropertySettings } = (0, NodeContent_1.evaluateHighlightColors)("--edge-highlight", highlightColor);
|
|
55
|
+
return (react_1.default.createElement("g", { className: (0, exports.createEdgeDefaultClassName)({ intent }, ""), style: Object.assign(Object.assign({}, edgeStyle), { color: edgeStyle.color || edgeStyle.stroke }) },
|
|
56
|
+
highlightColor && (react_1.default.createElement("path", { d: pathDisplay, className: (0, exports.createEdgeDefaultClassName)({ highlightColor }, "react-flow__edge-path-highlight"), strokeWidth: pathGlowWidth, style: Object.assign({}, highlightCustomPropertySettings) })),
|
|
57
|
+
pathGlowWidth && (react_1.default.createElement("path", { d: pathDisplay, className: (0, exports.createEdgeDefaultClassName)({}, "react-flow__edge-path-glow"), strokeWidth: pathGlowWidth })),
|
|
58
|
+
react_1.default.createElement("path", { d: pathDisplay, className: (0, exports.createEdgeDefaultClassName)({ strokeType }), markerStart: markerStart, markerEnd: markerEnd }),
|
|
54
59
|
edgeLabel));
|
|
55
60
|
});
|
|
61
|
+
const createEdgeDefaultClassName = ({ strokeType, intent, highlightColor, }, baseClass = "react-flow__edge-path") => {
|
|
62
|
+
const { highlightClassNameSuffix, } = (0, NodeContent_1.evaluateHighlightColors)("--edge-highlight", highlightColor);
|
|
63
|
+
return baseClass +
|
|
64
|
+
(strokeType ? ` ${baseClass}--stroke-${strokeType}` : "") +
|
|
65
|
+
(intent ? ` ${(0, Intent_1.intentClassName)(intent)}` : "") +
|
|
66
|
+
(highlightClassNameSuffix.length > 0
|
|
67
|
+
? highlightClassNameSuffix.map(highlight => ` ${constants_1.CLASSPREFIX}-graphviz__edge--highlight-${highlight}`).join("")
|
|
68
|
+
: "");
|
|
69
|
+
};
|
|
70
|
+
exports.createEdgeDefaultClassName = createEdgeDefaultClassName;
|
|
56
71
|
//# sourceMappingURL=EdgeDefault.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAIpC,6DAI6B;AAC7B,mCAA0C;
|
|
1
|
+
{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAIpC,6DAI6B;AAC7B,gEAAyE;AACzE,mDAAsE;AACtE,wDAAqF;AACrF,mCAA0C;AA6C7B,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,EAClB,WAAW,EACX,UAAU,EACV,MAAM,EACN,cAAc,GACjB,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,MAAA,MAAA,IAAI,CAAC,WAAW,+CAAhB,IAAI,EAAe,UAAU,CAAC,mCAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAChF,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,CAAC;IAEV,MAAM,SAAS,GAAG,MAAA,sBAAsB,CAAC,KAAK,mCAAI,EAAE,CAAC;IACrD,MAAM,EACF,+BAA+B,EAClC,GAAG,IAAA,qCAAuB,EAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAEhE,OAAO,CACH,qCACI,SAAS,EAAE,IAAA,kCAA0B,EAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EACnD,KAAK,kCACE,SAAS,KACZ,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM;QAG5C,cAAc,IAAI,CAChB,wCACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAE,IAAA,kCAA0B,EAAC,EAAC,cAAc,EAAC,EAAE,iCAAiC,CAAC,EAC1F,WAAW,EAAE,aAAa,EAC1B,KAAK,oBACE,+BAA+B,IAExC,CACL;QACC,aAAa,IAAI,CACf,wCACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAE,IAAA,kCAA0B,EAAC,EAAE,EAAE,4BAA4B,CAAC,EACvE,WAAW,EAAE,aAAa,GAC5B,CACL;QACD,wCACI,CAAC,EAAE,WAAW,EACd,SAAS,EAAE,IAAA,kCAA0B,EAAC,EAAC,UAAU,EAAC,CAAC,EACnD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB;QACA,SAAS,CACX,CACP,CAAC;AACN,CAAC,CACJ,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,EACvC,UAAU,EACV,MAAM,EACN,cAAc,GACK,EAAE,YAAoB,uBAAuB,EAAE,EAAE;IACpE,MAAM,EACF,wBAAwB,GAC3B,GAAG,IAAA,qCAAuB,EAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAChE,OAAO,SAAS;QAChB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,SAAS,YAAY,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAA,wBAAe,EAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC;YAChC,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,uBAAM,8BAA8B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACzG,CAAC,CAAC,EAAE,CACP,CAAC;AACN,CAAC,CAAA;AAfY,QAAA,0BAA0B,8BAetC"}
|
|
@@ -30,7 +30,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
30
|
return t;
|
|
31
31
|
};
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.EdgeLabel = void 0;
|
|
33
|
+
exports.EdgeLabelObject = exports.EdgeLabel = void 0;
|
|
34
34
|
const react_1 = __importStar(require("react"));
|
|
35
35
|
const index_1 = require("../../../index");
|
|
36
36
|
const constants_1 = require("../../../configuration/constants");
|
|
@@ -55,4 +55,20 @@ exports.EdgeLabel = (0, react_1.memo)((_a) => {
|
|
|
55
55
|
react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__edge-label__text` }, typeof text === "string" ? react_1.default.createElement(index_1.OverflowText, null, text) : text),
|
|
56
56
|
!!actions && (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__edge-label__aux` }, actions))));
|
|
57
57
|
});
|
|
58
|
+
exports.EdgeLabelObject = (0, react_1.memo)((_a) => {
|
|
59
|
+
var { children, edgeCenter } = _a, otherForeignObjectProps = __rest(_a, ["children", "edgeCenter"]);
|
|
60
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
61
|
+
(0, react_1.useEffect)(() => {
|
|
62
|
+
const labelElement = containerRef.current.getElementsByClassName(`${constants_1.CLASSPREFIX}-graphviz__edge-label`);
|
|
63
|
+
if (labelElement.length > 0) {
|
|
64
|
+
const width = labelElement[0].offsetWidth;
|
|
65
|
+
const height = labelElement[0].offsetHeight;
|
|
66
|
+
containerRef.current.setAttribute("width", width.toString());
|
|
67
|
+
containerRef.current.setAttribute("height", height.toString());
|
|
68
|
+
containerRef.current.setAttribute("x", (edgeCenter[0] - width / 2).toString());
|
|
69
|
+
containerRef.current.setAttribute("y", (edgeCenter[1] - height / 2).toString());
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
return (react_1.default.createElement("foreignObject", Object.assign({ ref: containerRef, className: `${constants_1.CLASSPREFIX}-graphviz__edge-labelobject`, width: "1", height: "1" }, otherForeignObjectProps, { requiredExtensions: "http://www.w3.org/1999/xhtml" }), children));
|
|
73
|
+
});
|
|
58
74
|
//# sourceMappingURL=EdgeLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeLabel.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"EdgeLabel.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,14 +13,15 @@ exports.edgeTypes = {
|
|
|
13
13
|
default: EdgeDefault_1.EdgeDefault,
|
|
14
14
|
straight: EdgeDefault_1.EdgeDefault,
|
|
15
15
|
step: EdgeStep_1.EdgeStep,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
success: EdgeDefault_1.EdgeDefault,
|
|
17
|
+
warning: EdgeDefault_1.EdgeDefault,
|
|
18
|
+
danger: EdgeDefault_1.EdgeDefault,
|
|
19
|
+
implicit: EdgeDefault_1.EdgeDefault,
|
|
20
|
+
import: EdgeDefault_1.EdgeDefault,
|
|
21
|
+
subclass: EdgeDefault_1.EdgeDefault,
|
|
22
|
+
subproperty: EdgeDefault_1.EdgeDefault,
|
|
23
|
+
rdftype: EdgeDefault_1.EdgeDefault,
|
|
24
|
+
value: EdgeStep_1.EdgeStep,
|
|
25
|
+
score: EdgeStep_1.EdgeStep,
|
|
25
26
|
};
|
|
26
27
|
//# sourceMappingURL=edgeTypes.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;IAEd,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,MAAM,EAAE,yBAAW;IAEnB,QAAQ,EAAE,yBAAW;IACrB,MAAM,EAAE,yBAAW;IACnB,QAAQ,EAAE,yBAAW;IACrB,WAAW,EAAE,yBAAW;IACxB,OAAO,EAAE,yBAAW;IAEpB,KAAK,EAAE,mBAAQ;IACf,KAAK,EAAE,mBAAQ;CAClB,CAAC"}
|
|
@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
13
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
14
|
};
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.nodeUtils = exports.minimapNodeColor = exports.minimapNodeClassName = exports.MiniMap = exports.ReactFlowMarkers = exports.MarkerArrowClosedInverse = exports.edgeTypes = exports.EdgeTools = exports.EdgeStep = exports.
|
|
16
|
+
exports.nodeUtils = exports.minimapNodeColor = exports.minimapNodeClassName = exports.MiniMap = exports.ReactFlowMarkers = exports.MarkerArrowClosedInverse = exports.edgeTypes = exports.EdgeTools = exports.EdgeStep = exports.nodeTypes = exports.NodeTools = exports.NodeContentExtension = exports.NodeContent = exports.NodeDefault = void 0;
|
|
17
17
|
var NodeDefault_1 = require("./nodes/NodeDefault");
|
|
18
18
|
Object.defineProperty(exports, "NodeDefault", { enumerable: true, get: function () { return NodeDefault_1.NodeDefault; } });
|
|
19
19
|
var NodeContent_1 = require("./nodes/NodeContent");
|
|
@@ -24,8 +24,6 @@ var NodeTools_1 = require("./nodes/NodeTools");
|
|
|
24
24
|
Object.defineProperty(exports, "NodeTools", { enumerable: true, get: function () { return NodeTools_1.NodeTools; } });
|
|
25
25
|
var nodeTypes_1 = require("./nodes/nodeTypes");
|
|
26
26
|
Object.defineProperty(exports, "nodeTypes", { enumerable: true, get: function () { return nodeTypes_1.nodeTypes; } });
|
|
27
|
-
var EdgeDefault_1 = require("./edges/EdgeDefault");
|
|
28
|
-
Object.defineProperty(exports, "EdgeDefault", { enumerable: true, get: function () { return EdgeDefault_1.EdgeDefault; } });
|
|
29
27
|
var EdgeStep_1 = require("./edges/EdgeStep");
|
|
30
28
|
Object.defineProperty(exports, "EdgeStep", { enumerable: true, get: function () { return EdgeStep_1.EdgeStep; } });
|
|
31
29
|
var EdgeTools_1 = require("./edges/EdgeTools");
|
|
@@ -44,4 +42,5 @@ Object.defineProperty(exports, "minimapNodeClassName", { enumerable: true, get:
|
|
|
44
42
|
Object.defineProperty(exports, "minimapNodeColor", { enumerable: true, get: function () { return utils_1.minimapNodeColor; } });
|
|
45
43
|
var nodeUtils_1 = require("./nodes/nodeUtils");
|
|
46
44
|
Object.defineProperty(exports, "nodeUtils", { enumerable: true, get: function () { return __importDefault(nodeUtils_1).default; } });
|
|
45
|
+
__exportStar(require("./edges/EdgeDefault"), exports);
|
|
47
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,oDAAkC;AAClC,+EAA8E;AAArE,oIAAA,wBAAwB,OAAA;AACjC,+DAA8D;AAArD,oHAAA,gBAAgB,OAAA;AACzB,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAyE;AAAhE,6GAAA,oBAAoB,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAC/C,+CAAyD;AAAhD,uHAAA,OAAO,OAAa;AAS7B,sDAAoC"}
|
|
@@ -14,12 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.NodeContent = exports.gethighlightedStateClasses = void 0;
|
|
17
|
+
exports.evaluateHighlightColors = exports.NodeContent = exports.gethighlightedStateClasses = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const color_1 = __importDefault(require("color"));
|
|
19
20
|
const react_flow_renderer_1 = require("react-flow-renderer");
|
|
20
21
|
const react_flow_renderer_lts_1 = require("react-flow-renderer-lts");
|
|
21
22
|
const index_1 = require("../../../index");
|
|
22
23
|
const constants_1 = require("../../../configuration/constants");
|
|
24
|
+
const Intent_1 = require("../../../common/Intent");
|
|
23
25
|
const versionsupport_1 = require("../versionsupport");
|
|
24
26
|
const HandleDefault_1 = require("./../handles/HandleDefault");
|
|
25
27
|
const re_resizable_1 = require("re-resizable");
|
|
@@ -66,7 +68,6 @@ const addHandles = (handles, position, posDirection, isConnectable, nodeStyle, f
|
|
|
66
68
|
};
|
|
67
69
|
const gethighlightedStateClasses = (state, baseClassName) => {
|
|
68
70
|
let hightlights = typeof state === "string" ? [state] : state;
|
|
69
|
-
//@ts-ignore
|
|
70
71
|
return hightlights.map((item) => `${baseClassName}--highlight-${item}`).join(" ");
|
|
71
72
|
};
|
|
72
73
|
exports.gethighlightedStateClasses = gethighlightedStateClasses;
|
|
@@ -80,13 +81,13 @@ const MemoHandler = react_1.default.memo((props) => react_1.default.createElemen
|
|
|
80
81
|
*/
|
|
81
82
|
function NodeContent(_a) {
|
|
82
83
|
var _b, _c;
|
|
83
|
-
var { flowVersion = (0, versionsupport_1.useReactFlowVersion)(), iconName, depiction, leftElement, typeLabel, label, labelSubline,
|
|
84
|
+
var { flowVersion = (0, versionsupport_1.useReactFlowVersion)(), iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons = true, executionButtons, menuButtons, content, contentExtension, footerContent, size = "small", minimalShape = "circular", highlightedState, intent, border, highlightColor, handles = defaultHandles(), adaptHeightForHandleMinCount, adaptSizeIncrement = 15, getMinimalTooltipData = getDefaultMinimalTooltipData, style = {}, showUnconnectableHandles = false, animated = false, onNodeResize, nodeDimensions,
|
|
84
85
|
// forwarded props
|
|
85
86
|
targetPosition = react_flow_renderer_1.Position.Left, sourcePosition = react_flow_renderer_1.Position.Right, isConnectable = true, selected, letPassWheelEvents = false,
|
|
86
87
|
// businessData is just being ignored
|
|
87
88
|
businessData } = _a,
|
|
88
89
|
// other props for DOM element
|
|
89
|
-
otherProps = __rest(_a, ["flowVersion", "iconName", "depiction", "leftElement", "typeLabel", "label", "labelSubline", "
|
|
90
|
+
otherProps = __rest(_a, ["flowVersion", "iconName", "depiction", "leftElement", "typeLabel", "label", "labelSubline", "enlargeHeader", "fullWidth", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "footerContent", "size", "minimalShape", "highlightedState", "intent", "border", "highlightColor", "handles", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "onNodeResize", "nodeDimensions", "targetPosition", "sourcePosition", "isConnectable", "selected", "letPassWheelEvents", "businessData"]);
|
|
90
91
|
const isResizeable = (!!onNodeResize && minimalShape === "none");
|
|
91
92
|
const [width, setWidth] = react_1.default.useState((_b = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) !== null && _b !== void 0 ? _b : 0);
|
|
92
93
|
const [height, setHeight] = react_1.default.useState((_c = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) !== null && _c !== void 0 ? _c : 0);
|
|
@@ -154,12 +155,18 @@ function NodeContent(_a) {
|
|
|
154
155
|
const minHeightRight = handleStack[react_flow_renderer_1.Position.Right].length * adaptSizeIncrement;
|
|
155
156
|
styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
|
|
156
157
|
}
|
|
158
|
+
const { highlightClassNameSuffix, highlightCustomPropertySettings } = (0, exports.evaluateHighlightColors)("--node-highlight", highlightColor);
|
|
157
159
|
const resizableStyles = (!!onNodeResize === true && minimalShape === "none" && (width + height > 0)) ? { width, height } : {};
|
|
158
160
|
const nodeContent = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
159
|
-
react_1.default.createElement("section", Object.assign({ ref: nodeContentRef }, otherProps, { style: Object.assign(Object.assign(Object.assign({}, style), styleExpandDimensions), resizableStyles), className: `${constants_1.CLASSPREFIX}-graphviz__node` +
|
|
161
|
+
react_1.default.createElement("section", Object.assign({ ref: nodeContentRef }, otherProps, { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), highlightCustomPropertySettings), styleExpandDimensions), resizableStyles), className: `${constants_1.CLASSPREFIX}-graphviz__node` +
|
|
160
162
|
` ${constants_1.CLASSPREFIX}-graphviz__node--${size}` +
|
|
161
163
|
` ${constants_1.CLASSPREFIX}-graphviz__node--minimal-${minimalShape}` +
|
|
162
164
|
(fullWidth ? ` ${constants_1.CLASSPREFIX}-graphviz__node--fullwidth` : "") +
|
|
165
|
+
(border ? ` ${constants_1.CLASSPREFIX}-graphviz__node--border-${border}` : "") +
|
|
166
|
+
(intent ? ` ${(0, Intent_1.intentClassName)(intent)}` : "") +
|
|
167
|
+
(highlightClassNameSuffix.length > 0
|
|
168
|
+
? highlightClassNameSuffix.map(highlight => ` ${constants_1.CLASSPREFIX}-graphviz__node--highlight-${highlight}`).join("")
|
|
169
|
+
: "") +
|
|
163
170
|
(!!highlightedState
|
|
164
171
|
? " " + (0, exports.gethighlightedStateClasses)(highlightedState, `${constants_1.CLASSPREFIX}-graphviz__node`)
|
|
165
172
|
: "") +
|
|
@@ -167,7 +174,7 @@ function NodeContent(_a) {
|
|
|
167
174
|
(showUnconnectableHandles === false ? ` ${constants_1.CLASSPREFIX}-graphviz__node--hidehandles` : "") +
|
|
168
175
|
(letPassWheelEvents === false ? ` nowheel` : "") }),
|
|
169
176
|
react_1.default.createElement("header", { className: `${constants_1.CLASSPREFIX}-graphviz__node__header` +
|
|
170
|
-
((
|
|
177
|
+
((enlargeHeader && minimalShape === "none") ? ` ${constants_1.CLASSPREFIX}-graphviz__node__header--large` : "") },
|
|
171
178
|
(!!iconName || !!depiction || !!leftElement) && (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-graphviz__node__header-depiction` },
|
|
172
179
|
leftElement,
|
|
173
180
|
!!depiction && !leftElement && typeof depiction === "string" && (react_1.default.createElement(index_1.Depiction, { image: react_1.default.createElement("img", { src: depiction, alt: "" }), caption: minimalShape === "none" || selected ? typeLabel : undefined, captionPosition: "tooltip", padding: "tiny", ratio: "1:1", resizing: "contain", forceInlineSvg: true })),
|
|
@@ -214,4 +221,45 @@ function NodeContent(_a) {
|
|
|
214
221
|
return (isResizeable) ? resizableNode() : nodeContent;
|
|
215
222
|
}
|
|
216
223
|
exports.NodeContent = NodeContent;
|
|
224
|
+
const evaluateHighlightColors = (baseCustomProperty, highlightColor) => {
|
|
225
|
+
let styleHighlightColors = {
|
|
226
|
+
[`${baseCustomProperty}-default-color`]: undefined,
|
|
227
|
+
[`${baseCustomProperty}-alternate-color`]: undefined,
|
|
228
|
+
};
|
|
229
|
+
const classesHightlightColors = [];
|
|
230
|
+
if (!!highlightColor) {
|
|
231
|
+
const highlightingColors = (typeof highlightColor === "string") ? [highlightColor] : highlightColor;
|
|
232
|
+
highlightingColors.map((color, idx) => {
|
|
233
|
+
switch (color) {
|
|
234
|
+
case "default":
|
|
235
|
+
classesHightlightColors.push("default");
|
|
236
|
+
break;
|
|
237
|
+
case "alternate":
|
|
238
|
+
classesHightlightColors.push("alternate");
|
|
239
|
+
break;
|
|
240
|
+
default:
|
|
241
|
+
classesHightlightColors.push("custom");
|
|
242
|
+
let customColor = (0, color_1.default)("#ffffff");
|
|
243
|
+
try {
|
|
244
|
+
customColor = (0, color_1.default)(color);
|
|
245
|
+
}
|
|
246
|
+
catch (ex) {
|
|
247
|
+
console.warn("Received invalid color for highlight: " + color);
|
|
248
|
+
}
|
|
249
|
+
if (idx === 0) {
|
|
250
|
+
styleHighlightColors = Object.assign(Object.assign({}, styleHighlightColors), { [`${baseCustomProperty}-default-color`]: customColor.rgb().toString() });
|
|
251
|
+
}
|
|
252
|
+
else {
|
|
253
|
+
styleHighlightColors = Object.assign(Object.assign({}, styleHighlightColors), { [`${baseCustomProperty}-alternate-color`]: customColor.rgb().toString() });
|
|
254
|
+
}
|
|
255
|
+
break;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
258
|
+
}
|
|
259
|
+
return {
|
|
260
|
+
highlightClassNameSuffix: classesHightlightColors,
|
|
261
|
+
highlightCustomPropertySettings: styleHighlightColors,
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
exports.evaluateHighlightColors = evaluateHighlightColors;
|
|
217
265
|
//# sourceMappingURL=NodeContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/nodes/NodeContent.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NodeContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/nodes/NodeContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,kDAA0B;AAC1B,6DAAyF;AACzF,qEAA4E;AAC5E,0CAA+D;AAC/D,gEAAyE;AAGzE,mDAAsE;AACtE,sDAAqF;AACrF,8DAAyF;AAGzF,+CAAyC;AA2MzC,MAAM,cAAc,GAAG,GAAG,EAAE;IACxB,MAAM,WAAW,GAAG,IAAA,oCAAmB,GAAE,CAAC;IAC1C,QAAQ,WAAW,EAAE;QACjB,KAAK,QAAQ;YACT,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAmB,CAAC;QACtE,KAAK,MAAM;YACP,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAiC,CAAC;QACpF;YACI,OAAO,EAAE,CAAC;KACjB;AACL,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,IAAS,EAAE,EAAE;;IAC/C,OAAO;QACH,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK;QACvB,OAAO,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO;QAC3B,QAAQ,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ;QAC7B,SAAS,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS;KAClC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAY,EAAE,QAAa,EAAE,YAAiB,EAAE,aAAkB,EAAE,SAAc,EAAE,cAAmB,QAAQ,EAAE,EAAE;IACnI,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAQ,EAAE,EAAE;;QACnD,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QACnD,MAAM,cAAc,GAA8B;YAC9C,KAAK,EAAE,MAAA,SAAS,CAAC,WAAW,mCAAI,SAAS;SAC5C,CAAC;QACF,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QACxF,MAAM,gBAAgB,mCACf,MAAM,GACN;YACC,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,mCAAI,QAAQ;YACrC,KAAK,kCAAO,KAAK,GAAK,cAAc,CAAE;YACtC,YAAY,EAAE,YAAY;YAC1B,aAAa,EAAE,OAAO,MAAM,CAAC,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;YACjG,SAAS,EAAE,CAAC,CAAC,QAAQ;gBACjB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;oBAClC,IAAA,kCAA0B,EAAC,QAAQ,EAAE,GAAG,uBAAM,mBAAmB,CAAC;gBACpE,CAAC,CAAC,SAAS;SAClB,CACJ,CAAC;QACF,OAAO,8BAAC,WAAW,kBAAC,WAAW,EAAE,WAAW,IAAM,gBAAgB,IAAE,GAAG,EAAE,QAAQ,GAAG,GAAG,IAAI,CAAC;IAChG,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEK,MAAM,0BAA0B,GAAG,CACtC,KAA8C,EAC9C,aAAqB,EACvB,EAAE;IACA,IAAI,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9D,OAAO,WAAW,CAAC,GAAG,CAClB,CAAC,IAAwB,EAAE,EAAE,CAAC,GAAG,aAAa,eAAe,IAAI,EAAE,CACtE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,IAAI,CAC1B,CAAC,KAAuB,EAAE,EAAE,CAAC,8BAAC,6BAAa,oBAAK,KAAK,EAAI,EACzD,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACX,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACxF,OAAO,eAAe,CAAC;AAC3B,CAAC,CACJ,CAAC;AAEF;;;GAGG;AACH,SAAgB,WAAW,CAAsB,EAyCzB;;QAzCyB,EAC7C,WAAW,GAAG,IAAA,oCAAmB,GAAE,EACnC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,oBAAoB,GAAG,IAAI,EAC3B,gBAAgB,EAChB,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,UAAU,EACzB,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,cAAc,EACd,OAAO,GAAG,cAAc,EAAE,EAC1B,4BAA4B,EAC5B,kBAAkB,GAAG,EAAE,EACvB,qBAAqB,GAAG,4BAA4B,EACpD,KAAK,GAAG,EAAE,EACV,wBAAwB,GAAG,KAAK,EAChC,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,cAAc;IACd,kBAAkB;IAClB,cAAc,GAAG,8BAAQ,CAAC,IAAI,EAC9B,cAAc,GAAG,8BAAQ,CAAC,KAAK,EAC/B,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,kBAAkB,GAAG,KAAK;IAC1B,qCAAqC;IACrC,YAAY,OAGQ;IAFpB,8BAA8B;IAC3B,UAAU,cAxCgC,4kBAyChD,CADgB;IAEb,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,KAAK,MAAM,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,mCAAI,CAAC,CAAC,CAAC;IAChF,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,YAAY;QAAE,IAAI;YAClB,CAAC,EAAE,AAAD,EAAG,IAAI,CAAC,GAAG,WAAW,KAAK,QAAQ;gBACjC,CAAC,CAAC,IAAA,mCAAuB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;gBACrD,CAAC,CAAC,IAAA,kCAAqB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC3D;QAAC,WAAM,GAAE;IACV,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAyB,EAAE,CAAC,CAAC;IACnG,MAAM,cAAc,GAAG,eAAK,CAAC,MAAM,EAAO,CAAC;IAC3C,MAAM,WAAW,GAAG,WAAW,KAAG,QAAQ,CAAC,CAAC,CAAC,EAAuC,CAAC,CAAC,CAAC,EAAqD,CAAC;IAC7I,WAAW,CAAC,8BAAQ,CAAC,GAAG,CAAC,GAAG,WAAW,KAAG,QAAQ,CAAC,CAAC,CAAC,EAAoB,CAAC,CAAC,CAAC,EAAkC,CAAC;IAC/G,WAAW,CAAC,8BAAQ,CAAC,KAAK,CAAC,GAAG,WAAW,KAAG,QAAQ,CAAC,CAAC,CAAC,EAAoB,CAAC,CAAC,CAAC,EAAkC,CAAC;IACjH,WAAW,CAAC,8BAAQ,CAAC,MAAM,CAAC,GAAG,WAAW,KAAG,QAAQ,CAAC,CAAC,CAAC,EAAoB,CAAC,CAAC,CAAC,EAAkC,CAAC;IAClH,WAAW,CAAC,8BAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,KAAG,QAAQ,CAAC,CAAC,CAAC,EAAoB,CAAC,CAAC,CAAC,EAAkC,CAAC;IAEhH,kCAAkC;IAClC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,CAAC,YAAY,IAAI,YAAY,KAAK,MAAM,EAAE;YAC3C,IAAI,CAAC,cAAc,EAAE;gBACjB,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBAC7C,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBAC/C,YAAY,CAAC;oBACT,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,YAAY;oBAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,WAAW;iBAC5C,CAAC,CAAC;aACN;YACD,cAAc,CAAC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;SAC1F;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjE,qCAAqC;IACrC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,cAAc,EAAE;YAChB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC/B,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;SACpC;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACpB,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE;gBACnB,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC7C;iBAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,eAAe,EAAE;gBAC5C,WAAW,CAAC,8BAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC1C;iBAAM;gBACH,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;oBAC1B,WAAW,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC5C;gBACD,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;oBAC1B,WAAW,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC5C;aACJ;QACL,CAAC,CAAC,CAAC;KACN;IACD,MAAM,qBAAqB,GAAuC,EAAE,CAAC;IACrE,IACI,OAAO,4BAA4B,KAAK,WAAW;QACnD,CAAC,YAAY,KAAK,MAAM,IAAI,CAAC,CAAC,QAAQ,CAAC;QACvC,kBAAkB;QAClB,CAAC,WAAW,CAAC,8BAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,4BAA4B;YAC9D,WAAW,CAAC,8BAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,4BAA4B,CAAC,EACzE;QACE,MAAM,aAAa,GAAG,WAAW,CAAC,8BAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAC7E,MAAM,cAAc,GAAG,WAAW,CAAC,8BAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAC/E,qBAAqB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;KAChF;IAED,MAAM,EACF,wBAAwB,EACxB,+BAA+B,EAClC,GAAG,IAAA,+BAAuB,EAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAEhE,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9H,MAAM,WAAW,GAAG,CAChB;QACI,yDACI,GAAG,EAAE,cAAc,IACf,UAAU,IACd,KAAK,8DAAO,KAAK,GAAK,+BAA+B,GAAK,qBAAqB,GAAK,eAAe,GACnG,SAAS,EACL,GAAG,uBAAM,iBAAiB;gBAC1B,IAAI,uBAAM,oBAAoB,IAAI,EAAE;gBACpC,IAAI,uBAAM,4BAA4B,YAAY,EAAE;gBACpD,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,uBAAM,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;gBACzD,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,uBAAM,2BAA2B,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7D,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAA,wBAAe,EAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7C,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC;oBAChC,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,uBAAM,8BAA8B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;oBACzG,CAAC,CAAC,EAAE,CACP;gBACD,CAAC,CAAC,CAAC,gBAAgB;oBACf,CAAC,CAAC,GAAG,GAAG,IAAA,kCAA0B,EAAC,gBAAgB,EAAE,GAAG,uBAAM,iBAAiB,CAAC;oBAChF,CAAC,CAAC,EAAE,CAAC;gBACT,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAC;gBACvD,CAAC,wBAAwB,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,uBAAM,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpF,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;YAGpD,0CAAQ,SAAS,EACb,GAAG,uBAAM,yBAAyB;oBAClC,CAAC,CAAC,aAAa,IAAI,YAAY,KAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,uBAAM,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAE3F,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAC7C,uCAAK,SAAS,EAAE,GAAG,uBAAM,mCAAmC;oBACtD,WAAW;oBACZ,CAAC,CAAC,SAAS,IAAI,CAAC,WAAW,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,CAC7D,8BAAC,iBAAS,IACN,KAAK,EAAE,uCAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,EACrC,OAAO,EAAE,YAAY,KAAK,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpE,eAAe,EAAC,SAAS,EACzB,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,KAAK,EACX,QAAQ,EAAC,SAAS,EAClB,cAAc,SAChB,CACL;oBACA,CAAC,CAAC,SAAS,IAAI,CAAC,WAAW,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,CAC7D,eAAK,CAAC,YAAY,CAAC,SAAS,EAAE;wBAC1B,OAAO,EAAE,YAAY,KAAK,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBACpE,eAAe,EAAE,SAAS;wBAC1B,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,KAAK;wBACZ,QAAQ,EAAE,SAAS;wBACnB,cAAc,EAAE,IAAI;qBACvB,CAAC,CACL;oBACA,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,IAAI,CACzC,8BAAC,iBAAS,IACN,KAAK,EAAE,8BAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,EAC/B,OAAO,EAAE,YAAY,KAAK,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpE,eAAe,EAAC,SAAS,EACzB,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,KAAK,EACX,QAAQ,EAAC,SAAS,EAClB,cAAc,SAChB,CACL,CACC,CACT;gBACD,uCAAK,SAAS,EAAE,GAAG,uBAAM,+BAA+B,EAAE,KAAK,EAAE,OAAO,KAAK,KAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;oBAEpG,OAAO,KAAK,KAAK,QAAQ;wBACrB,CAAC,CAAC,8BAAC,oBAAY,IAAC,SAAS,EAAE,GAAG,uBAAM,yCAAyC,IAAG,KAAK,CAAgB;wBACrG,CAAC,CAAC,uCAAK,SAAS,EAAE,GAAG,uBAAM,yCAAyC,IAAG,KAAK,CAAO;oBAE1F,CAAC,CAAC,YAAY,IAAI,CACf,uCAAK,SAAS,EAAE,GAAG,uBAAM,wCAAwC,IAC3D,YAAY,CACZ,CACT,CACC;gBACL,CAAC,WAAW,IAAI,CAAC,oBAAoB,IAAI,gBAAgB,CAAC,CAAC,IAAI,CAC5D,uCAAK,SAAS,EAAE,GAAG,uBAAM,8BAA8B;oBAClD,oBAAoB,IAAI,OAAO,gBAAgB,KAAK,UAAU;wBAC3D,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,uBAAuB,CAAC;wBACjE,CAAC,CAAC,IAAI,EACT,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI,CAClB,CACT,CACI;YACR,OAAO,IAAI,CACR,uCAAK,SAAS,EAAE,GAAG,uBAAM,0BAA0B,IAC9C,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,OAAO,CACtE,CACT;YACA,gBAAgB;YACf,aAAa,IAAI,CACd,0CAAQ,SAAS,EAAE,GAAG,uBAAM,yBAAyB,IAChD,aAAa,CACT,CACZ,CACI;QACT,CAAC,CAAC,OAAO,IAAI,CACV;YACK,UAAU,CAAC,WAAW,EAAE,8BAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC;YAChF,UAAU,CAAC,WAAW,EAAE,8BAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC;YACjF,UAAU,CAAC,WAAW,EAAE,8BAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC;YACnF,UAAU,CAAC,WAAW,EAAE,8BAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC,CAClF,CACN,CACF,CACN,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,8BAAC,wBAAS,IACN,SAAS,EAAE,GAAG,uBAAM,0BAA0B,EAC9C,kBAAkB,EAAE,GAAG,uBAAM,gDAAgD,EAC7E,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EACvB,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAC7B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;YACxB,IAAI,cAAc,CAAC,OAAO,EAAE;gBACxB,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC5D,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC;aAClE;QACL,CAAC,EACD,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;YAC5B,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;YAC1B,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;YAC7B,YAAY;gBACR,YAAY,CAAC;oBACT,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM;oBACzB,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK;iBACzB,CAAC,CAAC;QACX,CAAC,IAEA,WAAW,CACJ,CACf,CAAC;IAEF,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;AAC1D,CAAC;AA/PD,kCA+PC;AAEM,MAAM,uBAAuB,GAAG,CACnC,kBAA0B,EAC1B,cAA0D,EAC5D,EAAE;IACA,IAAI,oBAAoB,GAAG;QACvB,CAAC,GAAG,kBAAkB,gBAAgB,CAAC,EAAE,SAAS;QAClD,CAAC,GAAG,kBAAkB,kBAAkB,CAAC,EAAE,SAAS;KAChC,CAAC;IACzB,MAAM,uBAAuB,GAAG,EAAc,CAAC;IAC/C,IAAI,CAAC,CAAC,cAAc,EAAE;QAClB,MAAM,kBAAkB,GAAG,CAAC,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QACnG,kBAAoC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACrD,QAAQ,KAAK,EAAE;gBACX,KAAK,SAAS;oBACV,uBAAuB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;oBACxC,MAAM;gBACV,KAAK,WAAW;oBACZ,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC1C,MAAM;gBACV;oBACI,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACvC,IAAI,WAAW,GAAG,IAAA,eAAK,EAAC,SAAS,CAAC,CAAA;oBAClC,IAAI;wBACA,WAAW,GAAG,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC;qBAC9B;oBAAC,OAAM,EAAE,EAAE;wBACR,OAAO,CAAC,IAAI,CAAC,wCAAwC,GAAG,KAAK,CAAC,CAAA;qBACjE;oBACD,IAAI,GAAG,KAAK,CAAC,EAAE;wBACX,oBAAoB,GAAG,gCAChB,oBAAoB,KACvB,CAAC,GAAG,kBAAkB,gBAAgB,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,GACjD,CAAA;qBAC3B;yBAAM;wBACH,oBAAoB,GAAG,gCAChB,oBAAoB,KACvB,CAAC,GAAG,kBAAkB,kBAAkB,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,GACnD,CAAA;qBAC3B;oBACD,MAAM;aACb;QACL,CAAC,CAAC,CAAC;KACN;IAED,OAAO;QACH,wBAAwB,EAAE,uBAAuB;QACjD,+BAA+B,EAAE,oBAAoB;KACxD,CAAA;AACL,CAAC,CAAA;AA/CY,QAAA,uBAAuB,2BA+CnC"}
|
|
@@ -30,21 +30,22 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
|
30
30
|
* Display a graphical representation and attache a caption or a badge to it.
|
|
31
31
|
*/
|
|
32
32
|
export function Depiction(_a) {
|
|
33
|
-
var _b
|
|
33
|
+
var _b;
|
|
34
|
+
var _c = _a.className, className = _c === void 0 ? "" : _c, image = _a.image, _d = _a.forceInlineSvg, forceInlineSvg = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "medium" : _e, _f = _a.resizing, resizing = _f === void 0 ? "cover" : _f, _g = _a.ratio, ratio = _g === void 0 ? "source" : _g, caption = _a.caption, _h = _a.captionPosition, captionPosition = _h === void 0 ? "none" : _h, backgroundColor = _a.backgroundColor, border = _a.border, rounded = _a.rounded, _j = _a.padding, padding = _j === void 0 ? "none" : _j, badge = _a.badge, tooltipProps = _a.tooltipProps, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
|
|
34
35
|
var containerRef = useRef(null);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
var styleDepictionColors = {};
|
|
37
|
+
if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
|
|
38
|
+
try {
|
|
39
|
+
var color = Color(backgroundColor);
|
|
40
|
+
styleDepictionColors = (_b = {},
|
|
41
|
+
_b["--" + eccgui + "-depiction-background"] = color.rgb().toString(),
|
|
42
|
+
_b["--" + eccgui + "-depiction-color"] = decideContrastColorValue({ testColor: color }),
|
|
43
|
+
_b);
|
|
44
|
+
}
|
|
45
|
+
catch (ex) {
|
|
46
|
+
console.warn("Received invalid background color for depiction: " + backgroundColor);
|
|
46
47
|
}
|
|
47
|
-
}
|
|
48
|
+
}
|
|
48
49
|
var updateSvgResizing = React.useCallback(function (el) {
|
|
49
50
|
var preserveAspectRatio = "";
|
|
50
51
|
switch (resizing) {
|
|
@@ -85,7 +86,7 @@ export function Depiction(_a) {
|
|
|
85
86
|
(!!backgroundColor ? " " + eccgui + "-depiction__image--color-config" : '') +
|
|
86
87
|
(border ? " " + eccgui + "-depiction__image--hasborder" : '') +
|
|
87
88
|
(rounded ? " " + eccgui + "-depiction__image--roundedborder" : '') +
|
|
88
|
-
(padding && padding !== "none" ? " " + eccgui + "-depiction__image--padding-" + padding : '') }, depiction));
|
|
89
|
+
(padding && padding !== "none" ? " " + eccgui + "-depiction__image--padding-" + padding : ''), style: styleDepictionColors }, depiction));
|
|
89
90
|
return (React.createElement("figure", __assign({ className: eccgui + "-depiction" +
|
|
90
91
|
(className ? " " + className : '') }, otherFigureProps),
|
|
91
92
|
captionPosition === "tooltip" && !!caption ? (React.createElement(Tooltip, __assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,iBAAiB,CAAC;AAIlC,OAAO,OAAyB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,wBAAwB,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AAgEpE;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAgBT
|
|
1
|
+
{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,iBAAiB,CAAC;AAIlC,OAAO,OAAyB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,wBAAwB,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AAgEpE;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAgBT;;IAfb,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,YAAa,EAAb,IAAI,mBAAC,QAAQ,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAC,OAAO,KAAA,EAChB,aAAc,EAAd,KAAK,mBAAC,QAAQ,KAAA,EACd,OAAO,aAAA,EACP,uBAAsB,EAAtB,eAAe,mBAAC,MAAM,KAAA,EACtB,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,OAAO,aAAA,EACP,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,KAAK,WAAA,EACL,YAAY,kBAAA,EACT,gBAAgB,cAfG,+KAgBzB,CADsB;IAEnB,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAI,oBAAoB,GAAG,EAAE,CAAC;IAC9B,IAAI,CAAC,CAAC,eAAe,IAAI,eAAe,KAAK,OAAO,IAAI,eAAe,KAAK,MAAM,EAAE;QAChF,IAAI;YACA,IAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;YACrC,oBAAoB;gBAChB,GAAC,OAAK,MAAM,0BAAuB,IAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;gBAC5D,GAAC,OAAK,MAAM,qBAAkB,IAAG,wBAAwB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;mBAChF,CAAA;SACJ;QAAC,OAAM,EAAE,EAAE;YACR,OAAO,CAAC,IAAI,CAAC,mDAAmD,GAAG,eAAe,CAAC,CAAA;SACtF;KACJ;IAED,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAc;QACvD,IAAI,mBAAmB,GAAG,EAAE,CAAC;QAC7B,QAAQ,QAAQ,EAAE;YACd,KAAK,OAAO;gBACR,mBAAmB,GAAG,gBAAgB,CAAC;gBACvC,MAAM;YACV,KAAK,SAAS;gBACV,mBAAmB,GAAG,MAAM,CAAC;gBAC7B,MAAM;SACb;QACD,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,aAAa,GAAG,WAAW,CAAC,UAAC,UAAsB;QACrD,IAAG,UAAU,EAAE;YACX,iBAAiB,CAAC,UAAU,CAAC,CAAA;SAChC;IACL,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC;QACN,oCAAoC;QACpC,IAAM,UAAU,GAAG,YAAY,CAAC,OAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACrE,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;SACpC;IACL,CAAC,CAAC,CAAA;IAEF,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IACI,cAAc;QACd,KAAK,CAAC,IAAI,KAAK,KAAK;QACpB,KAAK,IAAI,KAAK,CAAC,KAAK;QACpB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;QACjB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAClD;QACE,SAAS,GAAG,CACR,oBAAC,GAAG,IACA,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EACpB,QAAQ,EAAE,aAAa,IAEtB,KAAK,CACJ,CACT,CAAA;KACJ;IAED,IAAM,kBAAkB,GAAG,CACvB,6BACI,GAAG,EAAE,YAAY,EACjB,SAAS,EACF,MAAM,sBAAmB;aAC5B,MAAI,MAAM,2BAAsB,IAAM,CAAA;aACtC,MAAI,MAAM,2BAAsB,QAAQ,YAAS,CAAA;aACjD,MAAI,MAAM,iCAA4B,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAG,CAAA;YAChE,CAAC,eAAe,KAAK,OAAO,IAAI,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,iCAA4B,eAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1H,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,oCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,iCAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,OAAO,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,mCAA8B,OAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAE5F,KAAK,EAAE,oBAA2C,IAEjD,SAAS,CACR,CACT,CAAC;IAEF,OAAO,CACH,yCACI,SAAS,EACF,MAAM,eAAY;YACrB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,gBAAgB;QAElB,eAAe,KAAK,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3C,oBAAC,OAAO,aAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,IAAK,YAAY,GAAG,kBAAkB,CAAW,CAC5F,CAAC,CAAC,CAAC,CACA,kBAAkB,CACrB;QACA,CAAC,CAAC,OAAO,IAAI,CACV,oCACI,SAAS,EACF,MAAM,wBAAqB;iBAC9B,MAAI,MAAM,6BAAwB,eAAiB,CAAA,IAGtD,OAAO,CACC,CAChB;QACA,KAAK,CACD,CACZ,CAAC;AACN,CAAC"}
|
|
@@ -22,11 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React, { memo } from 'react';
|
|
24
24
|
import { getMarkerEnd, getEdgeCenter, EdgeText, } from "react-flow-renderer";
|
|
25
|
+
import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
26
|
+
import { intentClassName } from "../../../common/Intent/index.js";
|
|
27
|
+
import { evaluateHighlightColors } from "./../nodes/NodeContent.js";
|
|
25
28
|
import { drawEdgeStraight } from "./utils.js";
|
|
26
29
|
export var EdgeDefault = memo(function (edge) {
|
|
27
30
|
var _a, _b, _c;
|
|
28
31
|
var _d = edge.data, data = _d === void 0 ? {} : _d, _e = edge.drawSvgPath, drawSvgPath = _e === void 0 ? drawEdgeStraight : _e, edgeOriginalProperties = __rest(edge, ["data", "drawSvgPath"]);
|
|
29
|
-
var _f = data.pathGlowWidth, pathGlowWidth = _f === void 0 ? 10 : _f, markerStart = data.markerStart;
|
|
32
|
+
var _f = data.pathGlowWidth, pathGlowWidth = _f === void 0 ? 10 : _f, markerStart = data.markerStart, strokeType = data.strokeType, intent = data.intent, highlightColor = data.highlightColor;
|
|
30
33
|
var pathDisplay = drawSvgPath(__assign(__assign({}, edgeOriginalProperties), { data: data }));
|
|
31
34
|
var markerEnd = getMarkerEnd(edgeOriginalProperties.arrowHeadType, edgeOriginalProperties.markerEndId);
|
|
32
35
|
var edgeCenter = getEdgeCenter({
|
|
@@ -37,9 +40,22 @@ export var EdgeDefault = memo(function (edge) {
|
|
|
37
40
|
});
|
|
38
41
|
var edgeLabel = (_b = (_a = data.renderLabel) === null || _a === void 0 ? void 0 : _a.call(data, edgeCenter)) !== null && _b !== void 0 ? _b : (edgeOriginalProperties.label ? (React.createElement(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);
|
|
39
42
|
var edgeStyle = (_c = edgeOriginalProperties.style) !== null && _c !== void 0 ? _c : {};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
React.createElement("path", { d: pathDisplay, className: "react-flow__edge-path",
|
|
43
|
+
var highlightCustomPropertySettings = evaluateHighlightColors("--edge-highlight", highlightColor).highlightCustomPropertySettings;
|
|
44
|
+
return (React.createElement("g", { className: createEdgeDefaultClassName({ intent: intent }, ""), style: __assign(__assign({}, edgeStyle), { color: edgeStyle.color || edgeStyle.stroke }) },
|
|
45
|
+
highlightColor && (React.createElement("path", { d: pathDisplay, className: createEdgeDefaultClassName({ highlightColor: highlightColor }, "react-flow__edge-path-highlight"), strokeWidth: pathGlowWidth, style: __assign({}, highlightCustomPropertySettings) })),
|
|
46
|
+
pathGlowWidth && (React.createElement("path", { d: pathDisplay, className: createEdgeDefaultClassName({}, "react-flow__edge-path-glow"), strokeWidth: pathGlowWidth })),
|
|
47
|
+
React.createElement("path", { d: pathDisplay, className: createEdgeDefaultClassName({ strokeType: strokeType }), markerStart: markerStart, markerEnd: markerEnd }),
|
|
43
48
|
edgeLabel));
|
|
44
49
|
});
|
|
50
|
+
export var createEdgeDefaultClassName = function (_a, baseClass) {
|
|
51
|
+
var strokeType = _a.strokeType, intent = _a.intent, highlightColor = _a.highlightColor;
|
|
52
|
+
if (baseClass === void 0) { baseClass = "react-flow__edge-path"; }
|
|
53
|
+
var highlightClassNameSuffix = evaluateHighlightColors("--edge-highlight", highlightColor).highlightClassNameSuffix;
|
|
54
|
+
return baseClass +
|
|
55
|
+
(strokeType ? " " + baseClass + "--stroke-" + strokeType : "") +
|
|
56
|
+
(intent ? " " + intentClassName(intent) : "") +
|
|
57
|
+
(highlightClassNameSuffix.length > 0
|
|
58
|
+
? highlightClassNameSuffix.map(function (highlight) { return " " + eccgui + "-graphviz__edge--highlight-" + highlight; }).join("")
|
|
59
|
+
: "");
|
|
60
|
+
};
|
|
45
61
|
//# sourceMappingURL=EdgeDefault.js.map
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"EdgeDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/EdgeDefault.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React, { memo } from "react";
|
|
23
|
+
import React, { memo, useEffect, useRef } from "react";
|
|
24
24
|
import { Icon, Depiction, OverflowText } from "../../../index.js";
|
|
25
25
|
import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
26
26
|
import { intentClassName } from "../../../common/Intent/index.js";
|
|
@@ -44,4 +44,20 @@ export var EdgeLabel = memo(function (_a) {
|
|
|
44
44
|
React.createElement("div", { className: eccgui + "-graphviz__edge-label__text" }, typeof text === "string" ? React.createElement(OverflowText, null, text) : text),
|
|
45
45
|
!!actions && (React.createElement("div", { className: eccgui + "-graphviz__edge-label__aux" }, actions))));
|
|
46
46
|
});
|
|
47
|
+
export var EdgeLabelObject = memo(function (_a) {
|
|
48
|
+
var children = _a.children, edgeCenter = _a.edgeCenter, otherForeignObjectProps = __rest(_a, ["children", "edgeCenter"]);
|
|
49
|
+
var containerRef = useRef(null);
|
|
50
|
+
useEffect(function () {
|
|
51
|
+
var labelElement = containerRef.current.getElementsByClassName(eccgui + "-graphviz__edge-label");
|
|
52
|
+
if (labelElement.length > 0) {
|
|
53
|
+
var width = labelElement[0].offsetWidth;
|
|
54
|
+
var height = labelElement[0].offsetHeight;
|
|
55
|
+
containerRef.current.setAttribute("width", width.toString());
|
|
56
|
+
containerRef.current.setAttribute("height", height.toString());
|
|
57
|
+
containerRef.current.setAttribute("x", (edgeCenter[0] - width / 2).toString());
|
|
58
|
+
containerRef.current.setAttribute("y", (edgeCenter[1] - height / 2).toString());
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
return (React.createElement("foreignObject", __assign({ ref: containerRef, className: eccgui + "-graphviz__edge-labelobject", width: "1", height: "1" }, otherForeignObjectProps, { requiredExtensions: "http://www.w3.org/1999/xhtml" }), children));
|
|
62
|
+
});
|
|
47
63
|
//# sourceMappingURL=EdgeLabel.js.map
|