@hitachivantara/uikit-react-lab 5.19.0 → 5.19.2

package/dist/esm/components/Flow/base.js

@@ -1,6 +1,411 @@
 import { css } from "@emotion/react";
 import { theme } from "@hitachivantara/uikit-react-core";
-const flowStyles = /* @__PURE__ */ css(".react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0;}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab;}.react-flow__pane.selection{cursor:pointer;}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing;}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none;}.react-flow__renderer{z-index:4;}.react-flow__selection{z-index:6;}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none;}.react-flow .react-flow__edges{pointer-events:none;overflow:visible;}.react-flow__edge-path,.react-flow__connection-path{stroke:", theme.colors.secondary, ";stroke-width:1;fill:none;}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer;}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw 0.5s linear infinite;animation:dashdraw 0.5s linear infinite;}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none;}.react-flow__edge.inactive{pointer-events:none;}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none;}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555;}.react-flow__edge-textwrapper{pointer-events:all;}.react-flow__edge-textbg{fill:white;}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.react-flow__connection{pointer-events:none;}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw 0.5s linear infinite;animation:dashdraw 0.5s linear infinite;}.react-flow__connectionline{z-index:1001;}.react-flow__nodes{pointer-events:none;transform-origin:0 0;}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing;}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none;}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab;}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%;}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair;}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%, 0);}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%, 0);}.react-flow__handle-left{top:50%;left:-4px;transform:translate(0, -50%);}.react-flow__handle-right{right:-4px;top:50%;transform:translate(0, -50%);}.react-flow__edgeupdater{cursor:move;pointer-events:all;}.react-flow__panel{position:absolute;z-index:5;margin:15px;}.react-flow__panel.top{top:0;}.react-flow__panel.bottom{bottom:0;}.react-flow__panel.left{left:0;}.react-flow__panel.right{right:0;}.react-flow__panel.center{left:50%;transform:translateX(-50%);}.react-flow__attribution{font-size:10px;background:rgba(255, 255, 255, 0.5);padding:2px 3px;margin:0;}.react-flow__attribution a{text-decoration:none;color:#999;}@-webkit-keyframes dashdraw{from{stroke-dashoffset:10;}}@keyframes dashdraw{from{stroke-dashoffset:10;}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.react-flow__edge.updating .react-flow__edge-path{stroke:#777;}.react-flow__edge-text{font-size:10px;}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none;}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:", theme.space.sm, ";border-radius:", theme.radii.round, ";width:150px;color:", theme.colors.secondary, ";text-align:center;border:1px solid ", theme.colors.negative, ";background-color:", theme.colors.negative_20, ';}.react-flow__node-default::before{content:"Unknown node type";display:block;}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px rgba(0, 0, 0, 0.08);}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 0.5px #1a192b;}.react-flow__node-group{background-color:rgba(240, 240, 240, 0.25);}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0, 89, 220, 0.08);border:1px dotted rgba(0, 89, 220, 0.8);}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none;}.react-flow__controls{box-shadow:', theme.colors.shadow, ";}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px;}.react-flow__controls-button:hover{background:#f4f4f4;}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;}.react-flow__controls-button:disabled{pointer-events:none;}.react-flow__controls-button:disabled svg{fill-opacity:0.4;}.react-flow__minimap{background-color:#fff;}.react-flow__resize-control{position:absolute;}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize;}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize;}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize;}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize;}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:", theme.colors.primary, ";transform:translate(-50%, -50%);}.react-flow__resize-control.handle.left{left:0;top:50%;}.react-flow__resize-control.handle.right{left:100%;top:50%;}.react-flow__resize-control.handle.top{left:50%;top:0;}.react-flow__resize-control.handle.bottom{left:50%;top:100%;}.react-flow__resize-control.handle.top.left{left:0;}.react-flow__resize-control.handle.bottom.left{left:0;}.react-flow__resize-control.handle.top.right{left:100%;}.react-flow__resize-control.handle.bottom.right{left:100%;}.react-flow__resize-control.line{border-color:", theme.colors.primary, ";border-width:0;border-style:solid;}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%, 0);top:0;height:100%;}.react-flow__resize-control.line.left{left:0;border-left-width:1px;}.react-flow__resize-control.line.right{left:100%;border-right-width:1px;}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translate(0, -50%);left:0;width:100%;}.react-flow__resize-control.line.top{top:0;border-top-width:1px;}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:flowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9GbG93L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9GbG93L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmV4cG9ydCBjb25zdCBmbG93U3R5bGVzID0gY3NzYFxuICAvKiB0aGlzIGdldHMgZXhwb3J0ZWQgYXMgc3R5bGUuY3NzIGFuZCBjYW4gYmUgdXNlZCBmb3IgdGhlIGRlZmF1bHQgdGhlbWluZyAqL1xuICAvKiB0aGVzZSBhcmUgdGhlIG5lY2Vzc2FyeSBzdHlsZXMgZm9yIFJlYWN0IEZsb3csIHRoZXkgZ2V0IHVzZWQgYnkgYmFzZS5jc3MgYW5kIHN0eWxlLmNzcyAqL1xuICAucmVhY3QtZmxvd19fY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19wYW5lIHtcbiAgICB6LWluZGV4OiAxO1xuICAgIGN1cnNvcjogLXdlYmtpdC1ncmFiO1xuICAgIGN1cnNvcjogZ3JhYjtcbiAgfVxuICAucmVhY3QtZmxvd19fcGFuZS5zZWxlY3Rpb24ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuICAucmVhY3QtZmxvd19fcGFuZS5kcmFnZ2luZyB7XG4gICAgY3Vyc29yOiAtd2Via2l0LWdyYWJiaW5nO1xuICAgIGN1cnNvcjogZ3JhYmJpbmc7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3ZpZXdwb3J0IHtcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiAwIDA7XG4gICAgei1pbmRleDogMjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVuZGVyZXIge1xuICAgIHotaW5kZXg6IDQ7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3NlbGVjdGlvbiB7XG4gICAgei1pbmRleDogNjtcbiAgfVxuICAucmVhY3QtZmxvd19fbm9kZXNzZWxlY3Rpb24tcmVjdDpmb2N1cyxcbiAgLnJlYWN0LWZsb3dfX25vZGVzc2VsZWN0aW9uLXJlY3Q6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAucmVhY3QtZmxvdyAucmVhY3QtZmxvd19fZWRnZXMge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLXBhdGgsXG4gIC5yZWFjdC1mbG93X19jb25uZWN0aW9uLXBhdGgge1xuICAgIHN0cm9rZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fTtcbiAgICBzdHJva2Utd2lkdGg6IDE7XG4gICAgZmlsbDogbm9uZTtcbiAgfVxuICAucmVhY3QtZmxvd19fZWRnZSB7XG4gICAgcG9pbnRlci1ldmVudHM6IHZpc2libGVTdHJva2U7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLmFuaW1hdGVkIHBhdGgge1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDU7XG4gICAgLXdlYmtpdC1hbmltYXRpb246IGRhc2hkcmF3IDAuNXMgbGluZWFyIGluZmluaXRlO1xuICAgIGFuaW1hdGlvbjogZGFzaGRyYXcgMC41cyBsaW5lYXIgaW5maW5pdGU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2VkZ2UuYW5pbWF0ZWQgcGF0aC5yZWFjdC1mbG93X19lZGdlLWludGVyYWN0aW9uIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiBub25lO1xuICAgIC13ZWJraXQtYW5pbWF0aW9uOiBub25lO1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuICAucmVhY3QtZmxvd19fZWRnZS5pbmFjdGl2ZSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2VkZ2Uuc2VsZWN0ZWQsXG4gIC5yZWFjdC1mbG93X19lZGdlOmZvY3VzLFxuICAucmVhY3QtZmxvd19fZWRnZTpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLnNlbGVjdGVkIC5yZWFjdC1mbG93X19lZGdlLXBhdGgsXG4gIC5yZWFjdC1mbG93X19lZGdlOmZvY3VzIC5yZWFjdC1mbG93X19lZGdlLXBhdGgsXG4gIC5yZWFjdC1mbG93X19lZGdlOmZvY3VzLXZpc2libGUgLnJlYWN0LWZsb3dfX2VkZ2UtcGF0aCB7XG4gICAgc3Ryb2tlOiAjNTU1O1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLXRleHR3cmFwcGVyIHtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLXRleHRiZyB7XG4gICAgZmlsbDogd2hpdGU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2VkZ2UgLnJlYWN0LWZsb3dfX2VkZ2UtdGV4dCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG4gIC5yZWFjdC1mbG93X19jb25uZWN0aW9uIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuICAucmVhY3QtZmxvd19fY29ubmVjdGlvbiAuYW5pbWF0ZWQge1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDU7XG4gICAgLXdlYmtpdC1hbmltYXRpb246IGRhc2hkcmF3IDAuNXMgbGluZWFyIGluZmluaXRlO1xuICAgIGFuaW1hdGlvbjogZGFzaGRyYXcgMC41cyBsaW5lYXIgaW5maW5pdGU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2Nvbm5lY3Rpb25saW5lIHtcbiAgICB6LWluZGV4OiAxMDAxO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2RlcyB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2RlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY3Vyc29yOiAtd2Via2l0LWdyYWI7XG4gICAgY3Vyc29yOiBncmFiO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2RlLmRyYWdnaW5nIHtcbiAgICBjdXJzb3I6IC13ZWJraXQtZ3JhYmJpbmc7XG4gICAgY3Vyc29yOiBncmFiYmluZztcbiAgfVxuICAucmVhY3QtZmxvd19fbm9kZXNzZWxlY3Rpb24ge1xuICAgIHotaW5kZXg6IDM7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX25vZGVzc2VsZWN0aW9uLXJlY3Qge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgIGN1cnNvcjogLXdlYmtpdC1ncmFiO1xuICAgIGN1cnNvcjogZ3JhYjtcbiAgfVxuICAucmVhY3QtZmxvd19faGFuZGxlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgbWluLXdpZHRoOiA1cHg7XG4gICAgbWluLWhlaWdodDogNXB4O1xuICAgIHdpZHRoOiA2cHg7XG4gICAgaGVpZ2h0OiA2cHg7XG4gICAgYmFja2dyb3VuZDogIzFhMTkyYjtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB3aGl0ZTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB9XG4gIC5yZWFjdC1mbG93X19oYW5kbGUuY29ubmVjdGlvbmluZGljYXRvciB7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgICBjdXJzb3I6IGNyb3NzaGFpcjtcbiAgfVxuICAucmVhY3QtZmxvd19faGFuZGxlLWJvdHRvbSB7XG4gICAgdG9wOiBhdXRvO1xuICAgIGxlZnQ6IDUwJTtcbiAgICBib3R0b206IC00cHg7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2hhbmRsZS10b3Age1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0b3A6IC00cHg7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2hhbmRsZS1sZWZ0IHtcbiAgICB0b3A6IDUwJTtcbiAgICBsZWZ0OiAtNHB4O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpO1xuICB9XG4gIC5yZWFjdC1mbG93X19oYW5kbGUtcmlnaHQge1xuICAgIHJpZ2h0OiAtNHB4O1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdldXBkYXRlciB7XG4gICAgY3Vyc29yOiBtb3ZlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3BhbmVsIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogNTtcbiAgICBtYXJnaW46IDE1cHg7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3BhbmVsLnRvcCB7XG4gICAgdG9wOiAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19wYW5lbC5ib3R0b20ge1xuICAgIGJvdHRvbTogMDtcbiAgfVxuICAucmVhY3QtZmxvd19fcGFuZWwubGVmdCB7XG4gICAgbGVmdDogMDtcbiAgfVxuICAucmVhY3QtZmxvd19fcGFuZWwucmlnaHQge1xuICAgIHJpZ2h0OiAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19wYW5lbC5jZW50ZXIge1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2F0dHJpYnV0aW9uIHtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpO1xuICAgIHBhZGRpbmc6IDJweCAzcHg7XG4gICAgbWFyZ2luOiAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19hdHRyaWJ1dGlvbiBhIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY29sb3I6ICM5OTk7XG4gIH1cbiAgQC13ZWJraXQta2V5ZnJhbWVzIGRhc2hkcmF3IHtcbiAgICBmcm9tIHtcbiAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAxMDtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBkYXNoZHJhdyB7XG4gICAgZnJvbSB7XG4gICAgICBzdHJva2UtZGFzaG9mZnNldDogMTA7XG4gICAgfVxuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlbGFiZWwtcmVuZGVyZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG4gIC5yZWFjdC1mbG93X19lZGdlLnVwZGF0aW5nIC5yZWFjdC1mbG93X19lZGdlLXBhdGgge1xuICAgIHN0cm9rZTogIzc3NztcbiAgfVxuICAucmVhY3QtZmxvd19fZWRnZS10ZXh0IHtcbiAgICBmb250LXNpemU6IDEwcHg7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX25vZGUuc2VsZWN0YWJsZTpmb2N1cyxcbiAgLnJlYWN0LWZsb3dfX25vZGUuc2VsZWN0YWJsZTpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2RlLWRlZmF1bHQsXG4gIC5yZWFjdC1mbG93X19ub2RlLWlucHV0LFxuICAucmVhY3QtZmxvd19fbm9kZS1vdXRwdXQsXG4gIC5yZWFjdC1mbG93X19ub2RlLWdyb3VwIHtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlLnNtfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLnJvdW5kfTtcbiAgICB3aWR0aDogMTUwcHg7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMH07XG4gIH1cbiAgLnJlYWN0LWZsb3dfX25vZGUtZGVmYXVsdDo6YmVmb3JlIHtcbiAgICBjb250ZW50OiBcIlVua25vd24gbm9kZSB0eXBlXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX25vZGUtZGVmYXVsdC5zZWxlY3RhYmxlOmhvdmVyLFxuICAucmVhY3QtZmxvd19fbm9kZS1pbnB1dC5zZWxlY3RhYmxlOmhvdmVyLFxuICAucmVhY3QtZmxvd19fbm9kZS1vdXRwdXQuc2VsZWN0YWJsZTpob3ZlcixcbiAgLnJlYWN0LWZsb3dfX25vZGUtZ3JvdXAuc2VsZWN0YWJsZTpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAxcHggNHB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2RlLWRlZmF1bHQuc2VsZWN0YWJsZS5zZWxlY3RlZCxcbiAgLnJlYWN0LWZsb3dfX25vZGUtZGVmYXVsdC5zZWxlY3RhYmxlOmZvY3VzLFxuICAucmVhY3QtZmxvd19fbm9kZS1kZWZhdWx0LnNlbGVjdGFibGU6Zm9jdXMtdmlzaWJsZSxcbiAgLnJlYWN0LWZsb3dfX25vZGUtaW5wdXQuc2VsZWN0YWJsZS5zZWxlY3RlZCxcbiAgLnJlYWN0LWZsb3dfX25vZGUtaW5wdXQuc2VsZWN0YWJsZTpmb2N1cyxcbiAgLnJlYWN0LWZsb3dfX25vZGUtaW5wdXQuc2VsZWN0YWJsZTpmb2N1cy12aXNpYmxlLFxuICAucmVhY3QtZmxvd19fbm9kZS1vdXRwdXQuc2VsZWN0YWJsZS5zZWxlY3RlZCxcbiAgLnJlYWN0LWZsb3dfX25vZGUtb3V0cHV0LnNlbGVjdGFibGU6Zm9jdXMsXG4gIC5yZWFjdC1mbG93X19ub2RlLW91dHB1dC5zZWxlY3RhYmxlOmZvY3VzLXZpc2libGUsXG4gIC5yZWFjdC1mbG93X19ub2RlLWdyb3VwLnNlbGVjdGFibGUuc2VsZWN0ZWQsXG4gIC5yZWFjdC1mbG93X19ub2RlLWdyb3VwLnNlbGVjdGFibGU6Zm9jdXMsXG4gIC5yZWFjdC1mbG93X19ub2RlLWdyb3VwLnNlbGVjdGFibGU6Zm9jdXMtdmlzaWJsZSB7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMC41cHggIzFhMTkyYjtcbiAgfVxuICAucmVhY3QtZmxvd19fbm9kZS1ncm91cCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNDAsIDI0MCwgMjQwLCAwLjI1KTtcbiAgfVxuICAucmVhY3QtZmxvd19fbm9kZXNzZWxlY3Rpb24tcmVjdCxcbiAgLnJlYWN0LWZsb3dfX3NlbGVjdGlvbiB7XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCA4OSwgMjIwLCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCA4OSwgMjIwLCAwLjgpO1xuICB9XG4gIC5yZWFjdC1mbG93X19ub2Rlc3NlbGVjdGlvbi1yZWN0OmZvY3VzLFxuICAucmVhY3QtZmxvd19fbm9kZXNzZWxlY3Rpb24tcmVjdDpmb2N1cy12aXNpYmxlLFxuICAucmVhY3QtZmxvd19fc2VsZWN0aW9uOmZvY3VzLFxuICAucmVhY3QtZmxvd19fc2VsZWN0aW9uOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2NvbnRyb2xzIHtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmNvbG9ycy5zaGFkb3d9O1xuICB9XG4gIC5yZWFjdC1mbG93X19jb250cm9scy1idXR0b24ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiAjZmVmZWZlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWVlO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBwYWRkaW5nOiA1cHg7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2NvbnRyb2xzLWJ1dHRvbjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogI2Y0ZjRmNDtcbiAgfVxuICAucmVhY3QtZmxvd19fY29udHJvbHMtYnV0dG9uIHN2ZyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMnB4O1xuICAgIG1heC1oZWlnaHQ6IDEycHg7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2NvbnRyb2xzLWJ1dHRvbjpkaXNhYmxlZCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX2NvbnRyb2xzLWJ1dHRvbjpkaXNhYmxlZCBzdmcge1xuICAgIGZpbGwtb3BhY2l0eTogMC40O1xuICB9XG4gIC5yZWFjdC1mbG93X19taW5pbWFwIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5sZWZ0LFxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wucmlnaHQge1xuICAgIGN1cnNvcjogZXctcmVzaXplO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC50b3AsXG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5ib3R0b20ge1xuICAgIGN1cnNvcjogbnMtcmVzaXplO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC50b3AubGVmdCxcbiAgLnJlYWN0LWZsb3dfX3Jlc2l6ZS1jb250cm9sLmJvdHRvbS5yaWdodCB7XG4gICAgY3Vyc29yOiBud3NlLXJlc2l6ZTtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wuYm90dG9tLmxlZnQsXG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC50b3AucmlnaHQge1xuICAgIGN1cnNvcjogbmVzdy1yZXNpemU7XG4gIH1cbiAgLyogaGFuZGxlIHN0eWxlcyAqL1xuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wuaGFuZGxlIHtcbiAgICB3aWR0aDogNHB4O1xuICAgIGhlaWdodDogNHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNmZmY7XG4gICAgYm9yZGVyLXJhZGl1czogMXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5oYW5kbGUubGVmdCB7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IDUwJTtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wuaGFuZGxlLnJpZ2h0IHtcbiAgICBsZWZ0OiAxMDAlO1xuICAgIHRvcDogNTAlO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5oYW5kbGUudG9wIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgdG9wOiAwO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5oYW5kbGUuYm90dG9tIHtcbiAgICBsZWZ0OiA1MCU7XG4gICAgdG9wOiAxMDAlO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5oYW5kbGUudG9wLmxlZnQge1xuICAgIGxlZnQ6IDA7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3Jlc2l6ZS1jb250cm9sLmhhbmRsZS5ib3R0b20ubGVmdCB7XG4gICAgbGVmdDogMDtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wuaGFuZGxlLnRvcC5yaWdodCB7XG4gICAgbGVmdDogMTAwJTtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wuaGFuZGxlLmJvdHRvbS5yaWdodCB7XG4gICAgbGVmdDogMTAwJTtcbiAgfVxuICAvKiBsaW5lIHN0eWxlcyAqL1xuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZSB7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICBib3JkZXItd2lkdGg6IDA7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZS5sZWZ0LFxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZS5yaWdodCB7XG4gICAgd2lkdGg6IDFweDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwKTtcbiAgICB0b3A6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5saW5lLmxlZnQge1xuICAgIGxlZnQ6IDA7XG4gICAgYm9yZGVyLWxlZnQtd2lkdGg6IDFweDtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZS5yaWdodCB7XG4gICAgbGVmdDogMTAwJTtcbiAgICBib3JkZXItcmlnaHQtd2lkdGg6IDFweDtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZS50b3AsXG4gIC5yZWFjdC1mbG93X19yZXNpemUtY29udHJvbC5saW5lLmJvdHRvbSB7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAucmVhY3QtZmxvd19fcmVzaXplLWNvbnRyb2wubGluZS50b3Age1xuICAgIHRvcDogMDtcbiAgICBib3JkZXItdG9wLXdpZHRoOiAxcHg7XG4gIH1cbiAgLnJlYWN0LWZsb3dfX3Jlc2l6ZS1jb250cm9sLmxpbmUuYm90dG9tIHtcbiAgICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gICAgdG9wOiAxMDAlO1xuICB9XG5gO1xuIl19 */");
+const flowStyles = css`
+  /* this gets exported as style.css and can be used for the default theming */
+  /* these are the necessary styles for React Flow, they get used by base.css and style.css */
+  .react-flow__container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+  }
+  .react-flow__pane {
+    z-index: 1;
+    cursor: -webkit-grab;
+    cursor: grab;
+  }
+  .react-flow__pane.selection {
+    cursor: pointer;
+  }
+  .react-flow__pane.dragging {
+    cursor: -webkit-grabbing;
+    cursor: grabbing;
+  }
+  .react-flow__viewport {
+    transform-origin: 0 0;
+    z-index: 2;
+    pointer-events: none;
+  }
+  .react-flow__renderer {
+    z-index: 4;
+  }
+  .react-flow__selection {
+    z-index: 6;
+  }
+  .react-flow__nodesselection-rect:focus,
+  .react-flow__nodesselection-rect:focus-visible {
+    outline: none;
+  }
+  .react-flow .react-flow__edges {
+    pointer-events: none;
+    overflow: visible;
+  }
+  .react-flow__edge-path,
+  .react-flow__connection-path {
+    stroke: ${theme.colors.secondary};
+    stroke-width: 1;
+    fill: none;
+  }
+  .react-flow__edge {
+    pointer-events: visibleStroke;
+    cursor: pointer;
+  }
+  .react-flow__edge.animated path {
+    stroke-dasharray: 5;
+    -webkit-animation: dashdraw 0.5s linear infinite;
+    animation: dashdraw 0.5s linear infinite;
+  }
+  .react-flow__edge.animated path.react-flow__edge-interaction {
+    stroke-dasharray: none;
+    -webkit-animation: none;
+    animation: none;
+  }
+  .react-flow__edge.inactive {
+    pointer-events: none;
+  }
+  .react-flow__edge.selected,
+  .react-flow__edge:focus,
+  .react-flow__edge:focus-visible {
+    outline: none;
+  }
+  .react-flow__edge.selected .react-flow__edge-path,
+  .react-flow__edge:focus .react-flow__edge-path,
+  .react-flow__edge:focus-visible .react-flow__edge-path {
+    stroke: #555;
+  }
+  .react-flow__edge-textwrapper {
+    pointer-events: all;
+  }
+  .react-flow__edge-textbg {
+    fill: white;
+  }
+  .react-flow__edge .react-flow__edge-text {
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+  .react-flow__connection {
+    pointer-events: none;
+  }
+  .react-flow__connection .animated {
+    stroke-dasharray: 5;
+    -webkit-animation: dashdraw 0.5s linear infinite;
+    animation: dashdraw 0.5s linear infinite;
+  }
+  .react-flow__connectionline {
+    z-index: 1001;
+  }
+  .react-flow__nodes {
+    pointer-events: none;
+    transform-origin: 0 0;
+  }
+  .react-flow__node {
+    position: absolute;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    pointer-events: all;
+    transform-origin: 0 0;
+    box-sizing: border-box;
+    cursor: -webkit-grab;
+    cursor: grab;
+  }
+  .react-flow__node.dragging {
+    cursor: -webkit-grabbing;
+    cursor: grabbing;
+  }
+  .react-flow__nodesselection {
+    z-index: 3;
+    transform-origin: left top;
+    pointer-events: none;
+  }
+  .react-flow__nodesselection-rect {
+    position: absolute;
+    pointer-events: all;
+    cursor: -webkit-grab;
+    cursor: grab;
+  }
+  .react-flow__handle {
+    position: absolute;
+    pointer-events: none;
+    min-width: 5px;
+    min-height: 5px;
+    width: 6px;
+    height: 6px;
+    background: #1a192b;
+    border: 1px solid white;
+    border-radius: 100%;
+  }
+  .react-flow__handle.connectionindicator {
+    pointer-events: all;
+    cursor: crosshair;
+  }
+  .react-flow__handle-bottom {
+    top: auto;
+    left: 50%;
+    bottom: -4px;
+    transform: translate(-50%, 0);
+  }
+  .react-flow__handle-top {
+    left: 50%;
+    top: -4px;
+    transform: translate(-50%, 0);
+  }
+  .react-flow__handle-left {
+    top: 50%;
+    left: -4px;
+    transform: translate(0, -50%);
+  }
+  .react-flow__handle-right {
+    right: -4px;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+  .react-flow__edgeupdater {
+    cursor: move;
+    pointer-events: all;
+  }
+  .react-flow__panel {
+    position: absolute;
+    z-index: 5;
+    margin: 15px;
+  }
+  .react-flow__panel.top {
+    top: 0;
+  }
+  .react-flow__panel.bottom {
+    bottom: 0;
+  }
+  .react-flow__panel.left {
+    left: 0;
+  }
+  .react-flow__panel.right {
+    right: 0;
+  }
+  .react-flow__panel.center {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+  .react-flow__attribution {
+    font-size: 10px;
+    background: rgba(255, 255, 255, 0.5);
+    padding: 2px 3px;
+    margin: 0;
+  }
+  .react-flow__attribution a {
+    text-decoration: none;
+    color: #999;
+  }
+  @-webkit-keyframes dashdraw {
+    from {
+      stroke-dashoffset: 10;
+    }
+  }
+  @keyframes dashdraw {
+    from {
+      stroke-dashoffset: 10;
+    }
+  }
+  .react-flow__edgelabel-renderer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+  .react-flow__edge.updating .react-flow__edge-path {
+    stroke: #777;
+  }
+  .react-flow__edge-text {
+    font-size: 10px;
+  }
+  .react-flow__node.selectable:focus,
+  .react-flow__node.selectable:focus-visible {
+    outline: none;
+  }
+  .react-flow__node-default,
+  .react-flow__node-input,
+  .react-flow__node-output,
+  .react-flow__node-group {
+    padding: ${theme.space.sm};
+    border-radius: ${theme.radii.round};
+    width: 150px;
+    color: ${theme.colors.secondary};
+    text-align: center;
+    border: 1px solid ${theme.colors.negative};
+    background-color: ${theme.colors.negative_20};
+  }
+  .react-flow__node-default::before {
+    content: "Unknown node type";
+    display: block;
+  }
+  .react-flow__node-default.selectable:hover,
+  .react-flow__node-input.selectable:hover,
+  .react-flow__node-output.selectable:hover,
+  .react-flow__node-group.selectable:hover {
+    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
+  }
+  .react-flow__node-default.selectable.selected,
+  .react-flow__node-default.selectable:focus,
+  .react-flow__node-default.selectable:focus-visible,
+  .react-flow__node-input.selectable.selected,
+  .react-flow__node-input.selectable:focus,
+  .react-flow__node-input.selectable:focus-visible,
+  .react-flow__node-output.selectable.selected,
+  .react-flow__node-output.selectable:focus,
+  .react-flow__node-output.selectable:focus-visible,
+  .react-flow__node-group.selectable.selected,
+  .react-flow__node-group.selectable:focus,
+  .react-flow__node-group.selectable:focus-visible {
+    box-shadow: 0 0 0 0.5px #1a192b;
+  }
+  .react-flow__node-group {
+    background-color: rgba(240, 240, 240, 0.25);
+  }
+  .react-flow__nodesselection-rect,
+  .react-flow__selection {
+    background: rgba(0, 89, 220, 0.08);
+    border: 1px dotted rgba(0, 89, 220, 0.8);
+  }
+  .react-flow__nodesselection-rect:focus,
+  .react-flow__nodesselection-rect:focus-visible,
+  .react-flow__selection:focus,
+  .react-flow__selection:focus-visible {
+    outline: none;
+  }
+  .react-flow__controls {
+    box-shadow: ${theme.colors.shadow};
+  }
+  .react-flow__controls-button {
+    border: none;
+    background: #fefefe;
+    border-bottom: 1px solid #eee;
+    box-sizing: content-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    padding: 5px;
+  }
+  .react-flow__controls-button:hover {
+    background: #f4f4f4;
+  }
+  .react-flow__controls-button svg {
+    width: 100%;
+    max-width: 12px;
+    max-height: 12px;
+  }
+  .react-flow__controls-button:disabled {
+    pointer-events: none;
+  }
+  .react-flow__controls-button:disabled svg {
+    fill-opacity: 0.4;
+  }
+  .react-flow__minimap {
+    background-color: #fff;
+  }
+  .react-flow__resize-control {
+    position: absolute;
+  }
+  .react-flow__resize-control.left,
+  .react-flow__resize-control.right {
+    cursor: ew-resize;
+  }
+  .react-flow__resize-control.top,
+  .react-flow__resize-control.bottom {
+    cursor: ns-resize;
+  }
+  .react-flow__resize-control.top.left,
+  .react-flow__resize-control.bottom.right {
+    cursor: nwse-resize;
+  }
+  .react-flow__resize-control.bottom.left,
+  .react-flow__resize-control.top.right {
+    cursor: nesw-resize;
+  }
+  /* handle styles */
+  .react-flow__resize-control.handle {
+    width: 4px;
+    height: 4px;
+    border: 1px solid #fff;
+    border-radius: 1px;
+    background-color: ${theme.colors.primary};
+    transform: translate(-50%, -50%);
+  }
+  .react-flow__resize-control.handle.left {
+    left: 0;
+    top: 50%;
+  }
+  .react-flow__resize-control.handle.right {
+    left: 100%;
+    top: 50%;
+  }
+  .react-flow__resize-control.handle.top {
+    left: 50%;
+    top: 0;
+  }
+  .react-flow__resize-control.handle.bottom {
+    left: 50%;
+    top: 100%;
+  }
+  .react-flow__resize-control.handle.top.left {
+    left: 0;
+  }
+  .react-flow__resize-control.handle.bottom.left {
+    left: 0;
+  }
+  .react-flow__resize-control.handle.top.right {
+    left: 100%;
+  }
+  .react-flow__resize-control.handle.bottom.right {
+    left: 100%;
+  }
+  /* line styles */
+  .react-flow__resize-control.line {
+    border-color: ${theme.colors.primary};
+    border-width: 0;
+    border-style: solid;
+  }
+  .react-flow__resize-control.line.left,
+  .react-flow__resize-control.line.right {
+    width: 1px;
+    transform: translate(-50%, 0);
+    top: 0;
+    height: 100%;
+  }
+  .react-flow__resize-control.line.left {
+    left: 0;
+    border-left-width: 1px;
+  }
+  .react-flow__resize-control.line.right {
+    left: 100%;
+    border-right-width: 1px;
+  }
+  .react-flow__resize-control.line.top,
+  .react-flow__resize-control.line.bottom {
+    height: 1px;
+    transform: translate(0, -50%);
+    left: 0;
+    width: 100%;
+  }
+  .react-flow__resize-control.line.top {
+    top: 0;
+    border-top-width: 1px;
+  }
+  .react-flow__resize-control.line.bottom {
+    border-bottom-width: 1px;
+    top: 100%;
+  }
+`;
 export {
   flowStyles
 };

package/dist/esm/components/Flow/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/components/Flow/base.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const flowStyles = css`\n  /* this gets exported as style.css and can be used for the default theming */\n  /* these are the necessary styles for React Flow, they get used by base.css and style.css */\n  .react-flow__container {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n  .react-flow__pane {\n    z-index: 1;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__pane.selection {\n    cursor: pointer;\n  }\n  .react-flow__pane.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n  .react-flow__viewport {\n    transform-origin: 0 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .react-flow__renderer {\n    z-index: 4;\n  }\n  .react-flow__selection {\n    z-index: 6;\n  }\n  .react-flow__nodesselection-rect:focus,\n  .react-flow__nodesselection-rect:focus-visible {\n    outline: none;\n  }\n  .react-flow .react-flow__edges {\n    pointer-events: none;\n    overflow: visible;\n  }\n  .react-flow__edge-path,\n  .react-flow__connection-path {\n    stroke: ${theme.colors.secondary};\n    stroke-width: 1;\n    fill: none;\n  }\n  .react-flow__edge {\n    pointer-events: visibleStroke;\n    cursor: pointer;\n  }\n  .react-flow__edge.animated path {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n    animation: dashdraw 0.5s linear infinite;\n  }\n  .react-flow__edge.animated path.react-flow__edge-interaction {\n    stroke-dasharray: none;\n    -webkit-animation: none;\n    animation: none;\n  }\n  .react-flow__edge.inactive {\n    pointer-events: none;\n  }\n  .react-flow__edge.selected,\n  .react-flow__edge:focus,\n  .react-flow__edge:focus-visible {\n    outline: none;\n  }\n  .react-flow__edge.selected .react-flow__edge-path,\n  .react-flow__edge:focus .react-flow__edge-path,\n  .react-flow__edge:focus-visible .react-flow__edge-path {\n    stroke: #555;\n  }\n  .react-flow__edge-textwrapper {\n    pointer-events: all;\n  }\n  .react-flow__edge-textbg {\n    fill: white;\n  }\n  .react-flow__edge .react-flow__edge-text {\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  .react-flow__connection {\n    pointer-events: none;\n  }\n  .react-flow__connection .animated {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n    animation: dashdraw 0.5s linear infinite;\n  }\n  .react-flow__connectionline {\n    z-index: 1001;\n  }\n  .react-flow__nodes {\n    pointer-events: none;\n    transform-origin: 0 0;\n  }\n  .react-flow__node {\n    position: absolute;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    pointer-events: all;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__node.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n  .react-flow__nodesselection {\n    z-index: 3;\n    transform-origin: left top;\n    pointer-events: none;\n  }\n  .react-flow__nodesselection-rect {\n    position: absolute;\n    pointer-events: all;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__handle {\n    position: absolute;\n    pointer-events: none;\n    min-width: 5px;\n    min-height: 5px;\n    width: 6px;\n    height: 6px;\n    background: #1a192b;\n    border: 1px solid white;\n    border-radius: 100%;\n  }\n  .react-flow__handle.connectionindicator {\n    pointer-events: all;\n    cursor: crosshair;\n  }\n  .react-flow__handle-bottom {\n    top: auto;\n    left: 50%;\n    bottom: -4px;\n    transform: translate(-50%, 0);\n  }\n  .react-flow__handle-top {\n    left: 50%;\n    top: -4px;\n    transform: translate(-50%, 0);\n  }\n  .react-flow__handle-left {\n    top: 50%;\n    left: -4px;\n    transform: translate(0, -50%);\n  }\n  .react-flow__handle-right {\n    right: -4px;\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n  .react-flow__edgeupdater {\n    cursor: move;\n    pointer-events: all;\n  }\n  .react-flow__panel {\n    position: absolute;\n    z-index: 5;\n    margin: 15px;\n  }\n  .react-flow__panel.top {\n    top: 0;\n  }\n  .react-flow__panel.bottom {\n    bottom: 0;\n  }\n  .react-flow__panel.left {\n    left: 0;\n  }\n  .react-flow__panel.right {\n    right: 0;\n  }\n  .react-flow__panel.center {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  .react-flow__attribution {\n    font-size: 10px;\n    background: rgba(255, 255, 255, 0.5);\n    padding: 2px 3px;\n    margin: 0;\n  }\n  .react-flow__attribution a {\n    text-decoration: none;\n    color: #999;\n  }\n  @-webkit-keyframes dashdraw {\n    from {\n      stroke-dashoffset: 10;\n    }\n  }\n  @keyframes dashdraw {\n    from {\n      stroke-dashoffset: 10;\n    }\n  }\n  .react-flow__edgelabel-renderer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  .react-flow__edge.updating .react-flow__edge-path {\n    stroke: #777;\n  }\n  .react-flow__edge-text {\n    font-size: 10px;\n  }\n  .react-flow__node.selectable:focus,\n  .react-flow__node.selectable:focus-visible {\n    outline: none;\n  }\n  .react-flow__node-default,\n  .react-flow__node-input,\n  .react-flow__node-output,\n  .react-flow__node-group {\n    padding: ${theme.space.sm};\n    border-radius: ${theme.radii.round};\n    width: 150px;\n    color: ${theme.colors.secondary};\n    text-align: center;\n    border: 1px solid ${theme.colors.negative};\n    background-color: ${theme.colors.negative_20};\n  }\n  .react-flow__node-default::before {\n    content: \"Unknown node type\";\n    display: block;\n  }\n  .react-flow__node-default.selectable:hover,\n  .react-flow__node-input.selectable:hover,\n  .react-flow__node-output.selectable:hover,\n  .react-flow__node-group.selectable:hover {\n    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n  }\n  .react-flow__node-default.selectable.selected,\n  .react-flow__node-default.selectable:focus,\n  .react-flow__node-default.selectable:focus-visible,\n  .react-flow__node-input.selectable.selected,\n  .react-flow__node-input.selectable:focus,\n  .react-flow__node-input.selectable:focus-visible,\n  .react-flow__node-output.selectable.selected,\n  .react-flow__node-output.selectable:focus,\n  .react-flow__node-output.selectable:focus-visible,\n  .react-flow__node-group.selectable.selected,\n  .react-flow__node-group.selectable:focus,\n  .react-flow__node-group.selectable:focus-visible {\n    box-shadow: 0 0 0 0.5px #1a192b;\n  }\n  .react-flow__node-group {\n    background-color: rgba(240, 240, 240, 0.25);\n  }\n  .react-flow__nodesselection-rect,\n  .react-flow__selection {\n    background: rgba(0, 89, 220, 0.08);\n    border: 1px dotted rgba(0, 89, 220, 0.8);\n  }\n  .react-flow__nodesselection-rect:focus,\n  .react-flow__nodesselection-rect:focus-visible,\n  .react-flow__selection:focus,\n  .react-flow__selection:focus-visible {\n    outline: none;\n  }\n  .react-flow__controls {\n    box-shadow: ${theme.colors.shadow};\n  }\n  .react-flow__controls-button {\n    border: none;\n    background: #fefefe;\n    border-bottom: 1px solid #eee;\n    box-sizing: content-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    padding: 5px;\n  }\n  .react-flow__controls-button:hover {\n    background: #f4f4f4;\n  }\n  .react-flow__controls-button svg {\n    width: 100%;\n    max-width: 12px;\n    max-height: 12px;\n  }\n  .react-flow__controls-button:disabled {\n    pointer-events: none;\n  }\n  .react-flow__controls-button:disabled svg {\n    fill-opacity: 0.4;\n  }\n  .react-flow__minimap {\n    background-color: #fff;\n  }\n  .react-flow__resize-control {\n    position: absolute;\n  }\n  .react-flow__resize-control.left,\n  .react-flow__resize-control.right {\n    cursor: ew-resize;\n  }\n  .react-flow__resize-control.top,\n  .react-flow__resize-control.bottom {\n    cursor: ns-resize;\n  }\n  .react-flow__resize-control.top.left,\n  .react-flow__resize-control.bottom.right {\n    cursor: nwse-resize;\n  }\n  .react-flow__resize-control.bottom.left,\n  .react-flow__resize-control.top.right {\n    cursor: nesw-resize;\n  }\n  /* handle styles */\n  .react-flow__resize-control.handle {\n    width: 4px;\n    height: 4px;\n    border: 1px solid #fff;\n    border-radius: 1px;\n    background-color: ${theme.colors.primary};\n    transform: translate(-50%, -50%);\n  }\n  .react-flow__resize-control.handle.left {\n    left: 0;\n    top: 50%;\n  }\n  .react-flow__resize-control.handle.right {\n    left: 100%;\n    top: 50%;\n  }\n  .react-flow__resize-control.handle.top {\n    left: 50%;\n    top: 0;\n  }\n  .react-flow__resize-control.handle.bottom {\n    left: 50%;\n    top: 100%;\n  }\n  .react-flow__resize-control.handle.top.left {\n    left: 0;\n  }\n  .react-flow__resize-control.handle.bottom.left {\n    left: 0;\n  }\n  .react-flow__resize-control.handle.top.right {\n    left: 100%;\n  }\n  .react-flow__resize-control.handle.bottom.right {\n    left: 100%;\n  }\n  /* line styles */\n  .react-flow__resize-control.line {\n    border-color: ${theme.colors.primary};\n    border-width: 0;\n    border-style: solid;\n  }\n  .react-flow__resize-control.line.left,\n  .react-flow__resize-control.line.right {\n    width: 1px;\n    transform: translate(-50%, 0);\n    top: 0;\n    height: 100%;\n  }\n  .react-flow__resize-control.line.left {\n    left: 0;\n    border-left-width: 1px;\n  }\n  .react-flow__resize-control.line.right {\n    left: 100%;\n    border-right-width: 1px;\n  }\n  .react-flow__resize-control.line.top,\n  .react-flow__resize-control.line.bottom {\n    height: 1px;\n    transform: translate(0, -50%);\n    left: 0;\n    width: 100%;\n  }\n  .react-flow__resize-control.line.top {\n    top: 0;\n    border-top-width: 1px;\n  }\n  .react-flow__resize-control.line.bottom {\n    border-bottom-width: 1px;\n    top: 100%;\n  }\n`;\n"],"names":["flowStyles","theme","colors","secondary","space","sm","radii","round","negative","negative_20","shadow","primary","process","env","NODE_ENV"],"mappings":";;AAGaA,MAAAA,ipBA2CCC,MAAMC,OAAOC,WAAS,2oGA4LrBF,MAAMG,MAAMC,IACNJ,mBAAAA,MAAMK,MAAMC,8BAEpBN,MAAMC,OAAOC,WAEFF,wCAAAA,MAAMC,OAAOM,UAAQ,sBACrBP,MAAMC,OAAOO,aAAW,uvCAyC9BR,MAAMC,OAAOQ,QA4DPT,olCAAAA,MAAMC,OAAOS,SAAO,0hBAiCxBV,MAAMC,OAAOS,SAAO,ilBAAAC,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAkCvC,eAAA,KAAA,yxbAAA;"}
+{"version":3,"file":"base.js","sources":["../../../../src/components/Flow/base.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const flowStyles = css`\n  /* this gets exported as style.css and can be used for the default theming */\n  /* these are the necessary styles for React Flow, they get used by base.css and style.css */\n  .react-flow__container {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n  }\n  .react-flow__pane {\n    z-index: 1;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__pane.selection {\n    cursor: pointer;\n  }\n  .react-flow__pane.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n  .react-flow__viewport {\n    transform-origin: 0 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .react-flow__renderer {\n    z-index: 4;\n  }\n  .react-flow__selection {\n    z-index: 6;\n  }\n  .react-flow__nodesselection-rect:focus,\n  .react-flow__nodesselection-rect:focus-visible {\n    outline: none;\n  }\n  .react-flow .react-flow__edges {\n    pointer-events: none;\n    overflow: visible;\n  }\n  .react-flow__edge-path,\n  .react-flow__connection-path {\n    stroke: ${theme.colors.secondary};\n    stroke-width: 1;\n    fill: none;\n  }\n  .react-flow__edge {\n    pointer-events: visibleStroke;\n    cursor: pointer;\n  }\n  .react-flow__edge.animated path {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n    animation: dashdraw 0.5s linear infinite;\n  }\n  .react-flow__edge.animated path.react-flow__edge-interaction {\n    stroke-dasharray: none;\n    -webkit-animation: none;\n    animation: none;\n  }\n  .react-flow__edge.inactive {\n    pointer-events: none;\n  }\n  .react-flow__edge.selected,\n  .react-flow__edge:focus,\n  .react-flow__edge:focus-visible {\n    outline: none;\n  }\n  .react-flow__edge.selected .react-flow__edge-path,\n  .react-flow__edge:focus .react-flow__edge-path,\n  .react-flow__edge:focus-visible .react-flow__edge-path {\n    stroke: #555;\n  }\n  .react-flow__edge-textwrapper {\n    pointer-events: all;\n  }\n  .react-flow__edge-textbg {\n    fill: white;\n  }\n  .react-flow__edge .react-flow__edge-text {\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  .react-flow__connection {\n    pointer-events: none;\n  }\n  .react-flow__connection .animated {\n    stroke-dasharray: 5;\n    -webkit-animation: dashdraw 0.5s linear infinite;\n    animation: dashdraw 0.5s linear infinite;\n  }\n  .react-flow__connectionline {\n    z-index: 1001;\n  }\n  .react-flow__nodes {\n    pointer-events: none;\n    transform-origin: 0 0;\n  }\n  .react-flow__node {\n    position: absolute;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    pointer-events: all;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__node.dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n  .react-flow__nodesselection {\n    z-index: 3;\n    transform-origin: left top;\n    pointer-events: none;\n  }\n  .react-flow__nodesselection-rect {\n    position: absolute;\n    pointer-events: all;\n    cursor: -webkit-grab;\n    cursor: grab;\n  }\n  .react-flow__handle {\n    position: absolute;\n    pointer-events: none;\n    min-width: 5px;\n    min-height: 5px;\n    width: 6px;\n    height: 6px;\n    background: #1a192b;\n    border: 1px solid white;\n    border-radius: 100%;\n  }\n  .react-flow__handle.connectionindicator {\n    pointer-events: all;\n    cursor: crosshair;\n  }\n  .react-flow__handle-bottom {\n    top: auto;\n    left: 50%;\n    bottom: -4px;\n    transform: translate(-50%, 0);\n  }\n  .react-flow__handle-top {\n    left: 50%;\n    top: -4px;\n    transform: translate(-50%, 0);\n  }\n  .react-flow__handle-left {\n    top: 50%;\n    left: -4px;\n    transform: translate(0, -50%);\n  }\n  .react-flow__handle-right {\n    right: -4px;\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n  .react-flow__edgeupdater {\n    cursor: move;\n    pointer-events: all;\n  }\n  .react-flow__panel {\n    position: absolute;\n    z-index: 5;\n    margin: 15px;\n  }\n  .react-flow__panel.top {\n    top: 0;\n  }\n  .react-flow__panel.bottom {\n    bottom: 0;\n  }\n  .react-flow__panel.left {\n    left: 0;\n  }\n  .react-flow__panel.right {\n    right: 0;\n  }\n  .react-flow__panel.center {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  .react-flow__attribution {\n    font-size: 10px;\n    background: rgba(255, 255, 255, 0.5);\n    padding: 2px 3px;\n    margin: 0;\n  }\n  .react-flow__attribution a {\n    text-decoration: none;\n    color: #999;\n  }\n  @-webkit-keyframes dashdraw {\n    from {\n      stroke-dashoffset: 10;\n    }\n  }\n  @keyframes dashdraw {\n    from {\n      stroke-dashoffset: 10;\n    }\n  }\n  .react-flow__edgelabel-renderer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n  }\n  .react-flow__edge.updating .react-flow__edge-path {\n    stroke: #777;\n  }\n  .react-flow__edge-text {\n    font-size: 10px;\n  }\n  .react-flow__node.selectable:focus,\n  .react-flow__node.selectable:focus-visible {\n    outline: none;\n  }\n  .react-flow__node-default,\n  .react-flow__node-input,\n  .react-flow__node-output,\n  .react-flow__node-group {\n    padding: ${theme.space.sm};\n    border-radius: ${theme.radii.round};\n    width: 150px;\n    color: ${theme.colors.secondary};\n    text-align: center;\n    border: 1px solid ${theme.colors.negative};\n    background-color: ${theme.colors.negative_20};\n  }\n  .react-flow__node-default::before {\n    content: \"Unknown node type\";\n    display: block;\n  }\n  .react-flow__node-default.selectable:hover,\n  .react-flow__node-input.selectable:hover,\n  .react-flow__node-output.selectable:hover,\n  .react-flow__node-group.selectable:hover {\n    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n  }\n  .react-flow__node-default.selectable.selected,\n  .react-flow__node-default.selectable:focus,\n  .react-flow__node-default.selectable:focus-visible,\n  .react-flow__node-input.selectable.selected,\n  .react-flow__node-input.selectable:focus,\n  .react-flow__node-input.selectable:focus-visible,\n  .react-flow__node-output.selectable.selected,\n  .react-flow__node-output.selectable:focus,\n  .react-flow__node-output.selectable:focus-visible,\n  .react-flow__node-group.selectable.selected,\n  .react-flow__node-group.selectable:focus,\n  .react-flow__node-group.selectable:focus-visible {\n    box-shadow: 0 0 0 0.5px #1a192b;\n  }\n  .react-flow__node-group {\n    background-color: rgba(240, 240, 240, 0.25);\n  }\n  .react-flow__nodesselection-rect,\n  .react-flow__selection {\n    background: rgba(0, 89, 220, 0.08);\n    border: 1px dotted rgba(0, 89, 220, 0.8);\n  }\n  .react-flow__nodesselection-rect:focus,\n  .react-flow__nodesselection-rect:focus-visible,\n  .react-flow__selection:focus,\n  .react-flow__selection:focus-visible {\n    outline: none;\n  }\n  .react-flow__controls {\n    box-shadow: ${theme.colors.shadow};\n  }\n  .react-flow__controls-button {\n    border: none;\n    background: #fefefe;\n    border-bottom: 1px solid #eee;\n    box-sizing: content-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    padding: 5px;\n  }\n  .react-flow__controls-button:hover {\n    background: #f4f4f4;\n  }\n  .react-flow__controls-button svg {\n    width: 100%;\n    max-width: 12px;\n    max-height: 12px;\n  }\n  .react-flow__controls-button:disabled {\n    pointer-events: none;\n  }\n  .react-flow__controls-button:disabled svg {\n    fill-opacity: 0.4;\n  }\n  .react-flow__minimap {\n    background-color: #fff;\n  }\n  .react-flow__resize-control {\n    position: absolute;\n  }\n  .react-flow__resize-control.left,\n  .react-flow__resize-control.right {\n    cursor: ew-resize;\n  }\n  .react-flow__resize-control.top,\n  .react-flow__resize-control.bottom {\n    cursor: ns-resize;\n  }\n  .react-flow__resize-control.top.left,\n  .react-flow__resize-control.bottom.right {\n    cursor: nwse-resize;\n  }\n  .react-flow__resize-control.bottom.left,\n  .react-flow__resize-control.top.right {\n    cursor: nesw-resize;\n  }\n  /* handle styles */\n  .react-flow__resize-control.handle {\n    width: 4px;\n    height: 4px;\n    border: 1px solid #fff;\n    border-radius: 1px;\n    background-color: ${theme.colors.primary};\n    transform: translate(-50%, -50%);\n  }\n  .react-flow__resize-control.handle.left {\n    left: 0;\n    top: 50%;\n  }\n  .react-flow__resize-control.handle.right {\n    left: 100%;\n    top: 50%;\n  }\n  .react-flow__resize-control.handle.top {\n    left: 50%;\n    top: 0;\n  }\n  .react-flow__resize-control.handle.bottom {\n    left: 50%;\n    top: 100%;\n  }\n  .react-flow__resize-control.handle.top.left {\n    left: 0;\n  }\n  .react-flow__resize-control.handle.bottom.left {\n    left: 0;\n  }\n  .react-flow__resize-control.handle.top.right {\n    left: 100%;\n  }\n  .react-flow__resize-control.handle.bottom.right {\n    left: 100%;\n  }\n  /* line styles */\n  .react-flow__resize-control.line {\n    border-color: ${theme.colors.primary};\n    border-width: 0;\n    border-style: solid;\n  }\n  .react-flow__resize-control.line.left,\n  .react-flow__resize-control.line.right {\n    width: 1px;\n    transform: translate(-50%, 0);\n    top: 0;\n    height: 100%;\n  }\n  .react-flow__resize-control.line.left {\n    left: 0;\n    border-left-width: 1px;\n  }\n  .react-flow__resize-control.line.right {\n    left: 100%;\n    border-right-width: 1px;\n  }\n  .react-flow__resize-control.line.top,\n  .react-flow__resize-control.line.bottom {\n    height: 1px;\n    transform: translate(0, -50%);\n    left: 0;\n    width: 100%;\n  }\n  .react-flow__resize-control.line.top {\n    top: 0;\n    border-top-width: 1px;\n  }\n  .react-flow__resize-control.line.bottom {\n    border-bottom-width: 1px;\n    top: 100%;\n  }\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cA2CZ,MAAM,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA4LrB,MAAM,MAAM,EAAE;AAAA,qBACR,MAAM,MAAM,KAAK;AAAA;AAAA,aAEzB,MAAM,OAAO,SAAS;AAAA;AAAA,wBAEX,MAAM,OAAO,QAAQ;AAAA,wBACrB,MAAM,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAyC9B,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBA4Db,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAiCxB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/Flow/hooks/useFlowContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlowContext.js","sources":["../../../../../src/components/Flow/hooks/useFlowContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvFlowContext } from \"../FlowContext\";\n\nexport const useFlowContext = () => useContext(HvFlowContext);\n"],"names":["useFlowContext","useContext","HvFlowContext"],"mappings":";;AAIaA,MAAAA,iBAAiBA,MAAMC,WAAWC,aAAa;"}
+{"version":3,"file":"useFlowContext.js","sources":["../../../../../src/components/Flow/hooks/useFlowContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvFlowContext } from \"../FlowContext\";\n\nexport const useFlowContext = () => useContext(HvFlowContext);\n"],"names":[],"mappings":";;AAIa,MAAA,iBAAiB,MAAM,WAAW,aAAa;"}

package/dist/esm/components/Flow/hooks/useFlowNode.js

@@ -1,26 +1,41 @@
 import { useCallback, useMemo } from "react";
 import { useStore, useNodes, useEdges } from "reactflow";
 function useFlowNode(id) {
-  const nodeSelector = useCallback((state) => state.getNodes().find((n) => n.id === id), [id]);
+  const nodeSelector = useCallback(
+    (state) => state.getNodes().find((n) => n.id === id),
+    [id]
+  );
   return useStore(nodeSelector);
 }
 function useFlowNodeInputEdges(id) {
-  const inputEdgesSelector = useCallback((state) => state.edges.filter((e) => e.target === id), [id]);
+  const inputEdgesSelector = useCallback(
+    (state) => state.edges.filter((e) => e.target === id),
+    [id]
+  );
   return useStore(inputEdgesSelector);
 }
 function useFlowNodeOutputEdges(id) {
-  const outputEdgesSelector = useCallback((state) => state.edges.filter((e) => e.source === id), [id]);
+  const outputEdgesSelector = useCallback(
+    (state) => state.edges.filter((e) => e.source === id),
+    [id]
+  );
   return useStore(outputEdgesSelector);
 }
 function useFlowNodeEdges(id) {
-  const edgesSelector = useCallback((state) => state.edges.filter((e) => e.source === id || e.target === id), [id]);
+  const edgesSelector = useCallback(
+    (state) => state.edges.filter((e) => e.source === id || e.target === id),
+    [id]
+  );
   return useStore(edgesSelector);
 }
 function useFlowNodeParents(id) {
   const inputEdges = useFlowNodeInputEdges(id);
-  const parentNodesSelector = useCallback((state) => {
-    return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
-  }, [inputEdges]);
+  const parentNodesSelector = useCallback(
+    (state) => {
+      return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
+    },
+    [inputEdges]
+  );
   return useStore(parentNodesSelector);
 }
 function useFlowInputNodes(id) {

package/dist/esm/components/Flow/hooks/useFlowNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlowNode.js","sources":["../../../../../src/components/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  Node,\n  Edge,\n  ReactFlowState,\n  useStore,\n  useNodes,\n  useEdges,\n} from \"reactflow\";\n\nexport function useFlowNode<T extends Node = Node>(id: string) {\n  const nodeSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.getNodes().find((n: Node): n is T => n.id === id),\n    [id]\n  );\n  return useStore<T | undefined>(nodeSelector);\n}\n\nexport function useFlowNodeInputEdges(id: string) {\n  const inputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.target === id),\n    [id]\n  );\n  return useStore(inputEdgesSelector);\n}\n\nexport function useFlowNodeOutputEdges(id: string) {\n  const outputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.source === id),\n    [id]\n  );\n  return useStore(outputEdgesSelector);\n}\n\nexport function useFlowNodeEdges(id: string) {\n  const edgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter((e: Edge) => e.source === id || e.target === id),\n    [id]\n  );\n  return useStore(edgesSelector);\n}\n\nexport function useFlowNodeParents(id: string) {\n  const inputEdges = useFlowNodeInputEdges(id);\n  const parentNodesSelector = useCallback(\n    (state: ReactFlowState) => {\n      return inputEdges\n        .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n        .filter((n): n is Node => n !== null);\n    },\n    [inputEdges]\n  );\n  return useStore(parentNodesSelector);\n}\n\nexport function useFlowInputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.target === id)\n      .map((e) => nodes.find((n) => n.id === e.source))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n\nexport function useFlowOutputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.source === id)\n      .map((e) => nodes.find((n) => n.id === e.target))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n"],"names":["useFlowNode","id","nodeSelector","useCallback","state","getNodes","find","n","useStore","useFlowNodeInputEdges","inputEdgesSelector","edges","filter","e","target","useFlowNodeOutputEdges","outputEdgesSelector","source","useFlowNodeEdges","edgesSelector","useFlowNodeParents","inputEdges","parentNodesSelector","map","useFlowInputNodes","nodes","useNodes","useEdges","useMemo","useFlowOutputNodes"],"mappings":";;AAUO,SAASA,YAAmCC,IAAY;AAC7D,QAAMC,eAAeC,YACnB,CAACC,UACCA,MAAMC,WAAWC,KAAK,CAACC,MAAoBA,EAAEN,OAAOA,EAAE,GACxD,CAACA,EAAE,CACL;AACA,SAAOO,SAAwBN,YAAY;AAC7C;AAEO,SAASO,sBAAsBR,IAAY;AAChD,QAAMS,qBAAqBP,YACzB,CAACC,UAA0BA,MAAMO,MAAMC,OAAO,CAACC,MAAYA,EAAEC,WAAWb,EAAE,GAC1E,CAACA,EAAE,CACL;AACA,SAAOO,SAASE,kBAAkB;AACpC;AAEO,SAASK,uBAAuBd,IAAY;AACjD,QAAMe,sBAAsBb,YAC1B,CAACC,UAA0BA,MAAMO,MAAMC,OAAO,CAACC,MAAYA,EAAEI,WAAWhB,EAAE,GAC1E,CAACA,EAAE,CACL;AACA,SAAOO,SAASQ,mBAAmB;AACrC;AAEO,SAASE,iBAAiBjB,IAAY;AAC3C,QAAMkB,gBAAgBhB,YACpB,CAACC,UACCA,MAAMO,MAAMC,OAAO,CAACC,MAAYA,EAAEI,WAAWhB,MAAMY,EAAEC,WAAWb,EAAE,GACpE,CAACA,EAAE,CACL;AACA,SAAOO,SAASW,aAAa;AAC/B;AAEO,SAASC,mBAAmBnB,IAAY;AACvCoB,QAAAA,aAAaZ,sBAAsBR,EAAE;AACrCqB,QAAAA,sBAAsBnB,YAC1B,CAACC,UAA0B;AACzB,WAAOiB,WACJE,IAAKV,CAAAA,MAAMT,MAAMC,SAAS,EAAEC,KAAK,CAACC,MAAYA,EAAEN,OAAOY,EAAEI,MAAM,CAAC,EAChEL,OAAO,CAACL,MAAiBA,MAAM,IAAI;AAAA,EAAA,GAExC,CAACc,UAAU,CACb;AACA,SAAOb,SAASc,mBAAmB;AACrC;AAEO,SAASE,kBAA2BvB,IAAY;AACrD,QAAMwB,QAAQC;AACd,QAAMf,QAAQgB;AAEd,SAAOC,QAAQ,MAAM;AACZjB,WAAAA,MACJC,OAAQC,CAAMA,MAAAA,EAAEC,WAAWb,EAAE,EAC7BsB,IAAKV,CAAAA,MAAMY,MAAMnB,KAAMC,OAAMA,EAAEN,OAAOY,EAAEI,MAAM,CAAC,EAC/CL,OAAO,CAACL,MAAoBA,MAAM,IAAI;AAAA,EACxC,GAAA,CAACI,OAAOV,IAAIwB,KAAK,CAAC;AACvB;AAEO,SAASI,mBAA4B5B,IAAY;AACtD,QAAMwB,QAAQC;AACd,QAAMf,QAAQgB;AAEd,SAAOC,QAAQ,MAAM;AACZjB,WAAAA,MACJC,OAAQC,CAAMA,MAAAA,EAAEI,WAAWhB,EAAE,EAC7BsB,IAAKV,CAAAA,MAAMY,MAAMnB,KAAMC,OAAMA,EAAEN,OAAOY,EAAEC,MAAM,CAAC,EAC/CF,OAAO,CAACL,MAAoBA,MAAM,IAAI;AAAA,EACxC,GAAA,CAACI,OAAOV,IAAIwB,KAAK,CAAC;AACvB;"}
+{"version":3,"file":"useFlowNode.js","sources":["../../../../../src/components/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  Node,\n  Edge,\n  ReactFlowState,\n  useStore,\n  useNodes,\n  useEdges,\n} from \"reactflow\";\n\nexport function useFlowNode<T extends Node = Node>(id: string) {\n  const nodeSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.getNodes().find((n: Node): n is T => n.id === id),\n    [id]\n  );\n  return useStore<T | undefined>(nodeSelector);\n}\n\nexport function useFlowNodeInputEdges(id: string) {\n  const inputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.target === id),\n    [id]\n  );\n  return useStore(inputEdgesSelector);\n}\n\nexport function useFlowNodeOutputEdges(id: string) {\n  const outputEdgesSelector = useCallback(\n    (state: ReactFlowState) => state.edges.filter((e: Edge) => e.source === id),\n    [id]\n  );\n  return useStore(outputEdgesSelector);\n}\n\nexport function useFlowNodeEdges(id: string) {\n  const edgesSelector = useCallback(\n    (state: ReactFlowState) =>\n      state.edges.filter((e: Edge) => e.source === id || e.target === id),\n    [id]\n  );\n  return useStore(edgesSelector);\n}\n\nexport function useFlowNodeParents(id: string) {\n  const inputEdges = useFlowNodeInputEdges(id);\n  const parentNodesSelector = useCallback(\n    (state: ReactFlowState) => {\n      return inputEdges\n        .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n        .filter((n): n is Node => n !== null);\n    },\n    [inputEdges]\n  );\n  return useStore(parentNodesSelector);\n}\n\nexport function useFlowInputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.target === id)\n      .map((e) => nodes.find((n) => n.id === e.source))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n\nexport function useFlowOutputNodes<T = any>(id: string) {\n  const nodes = useNodes();\n  const edges = useEdges();\n\n  return useMemo(() => {\n    return edges\n      .filter((e) => e.source === id)\n      .map((e) => nodes.find((n) => n.id === e.target))\n      .filter((n): n is Node<T> => n !== null);\n  }, [edges, id, nodes]);\n}\n"],"names":[],"mappings":";;AAUO,SAAS,YAAmC,IAAY;AAC7D,QAAM,eAAe;AAAA,IACnB,CAAC,UACC,MAAM,WAAW,KAAK,CAAC,MAAoB,EAAE,OAAO,EAAE;AAAA,IACxD,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAwB,YAAY;AAC7C;AAEO,SAAS,sBAAsB,IAAY;AAChD,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,kBAAkB;AACpC;AAEO,SAAS,uBAAuB,IAAY;AACjD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,mBAAmB;AACrC;AAEO,SAAS,iBAAiB,IAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,CAAC,UACC,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,MAAM,EAAE,WAAW,EAAE;AAAA,IACpE,CAAC,EAAE;AAAA,EAAA;AAEL,SAAO,SAAS,aAAa;AAC/B;AAEO,SAAS,mBAAmB,IAAY;AACvC,QAAA,aAAa,sBAAsB,EAAE;AAC3C,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0B;AAClB,aAAA,WACJ,IAAI,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,CAAC,MAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAChE,OAAO,CAAC,MAAiB,MAAM,IAAI;AAAA,IACxC;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAEb,SAAO,SAAS,mBAAmB;AACrC;AAEO,SAAS,kBAA2B,IAAY;AACrD,QAAM,QAAQ;AACd,QAAM,QAAQ;AAEd,SAAO,QAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;AAEO,SAAS,mBAA4B,IAAY;AACtD,QAAM,QAAQ;AACd,QAAM,QAAQ;AAEd,SAAO,QAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;"}

package/dist/esm/components/Flow/hooks/useFlowNodeMeta.js

@@ -1,8 +1,6 @@
 import { useNodeMetaRegistry } from "../FlowContext/NodeMetaContext.js";
 function useFlowNodeMeta(id) {
-  const {
-    registry
-  } = useNodeMetaRegistry();
+  const { registry } = useNodeMetaRegistry();
   return registry[id];
 }
 export {

package/dist/esm/components/Flow/hooks/useFlowNodeMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlowNodeMeta.js","sources":["../../../../../src/components/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\n\nexport function useFlowNodeMeta(id: string) {\n  const { registry } = useNodeMetaRegistry();\n\n  return registry[id];\n}\n"],"names":["useFlowNodeMeta","id","registry","useNodeMetaRegistry"],"mappings":";AAEO,SAASA,gBAAgBC,IAAY;AACpC,QAAA;AAAA,IAAEC;AAAAA,MAAaC,oBAAoB;AAEzC,SAAOD,SAASD,EAAE;AACpB;"}
+{"version":3,"file":"useFlowNodeMeta.js","sources":["../../../../../src/components/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\n\nexport function useFlowNodeMeta(id: string) {\n  const { registry } = useNodeMetaRegistry();\n\n  return registry[id];\n}\n"],"names":[],"mappings":";AAEO,SAAS,gBAAgB,IAAY;AACpC,QAAA,EAAE,aAAa;AAErB,SAAO,SAAS,EAAE;AACpB;"}