@logicflow/core 1.2.27 → 2.0.0-beta.1

package/es/view/behavior/dnd.js

@@ -0,0 +1,110 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { get } from 'lodash-es';
+import { snapToGrid } from '../../util';
+import { EventType } from '../../constant';
+var Dnd = /** @class */ (function () {
+    function Dnd(params) {
+        var _this = this;
+        this.nodeConfig = null;
+        this.fakeNode = null;
+        this.stopDrag = function () {
+            _this.nodeConfig = null;
+            window.document.removeEventListener('mouseup', _this.stopDrag);
+        };
+        this.dragEnter = function (e) {
+            if (!_this.nodeConfig || _this.fakeNode)
+                return;
+            _this.fakeNode = _this.lf.createFakeNode(__assign(__assign({}, _this.nodeConfig), _this.clientToLocalPoint({
+                x: e.clientX,
+                y: e.clientY,
+            })));
+        };
+        this.onDragOver = function (e) {
+            e.preventDefault();
+            if (_this.fakeNode) {
+                var _a = _this.clientToLocalPoint({
+                    x: e.clientX,
+                    y: e.clientY,
+                }), x = _a.x, y = _a.y;
+                _this.fakeNode.moveTo(x, y);
+                var nodeData = _this.fakeNode.getData();
+                _this.lf.setNodeSnapLine(nodeData);
+                _this.lf.graphModel.eventCenter.emit(EventType.NODE_DND_DRAG, {
+                    data: nodeData,
+                });
+            }
+            return false;
+        };
+        this.onDragLeave = function () {
+            if (_this.fakeNode) {
+                _this.lf.removeNodeSnapLine();
+                _this.lf.graphModel.removeFakeNode();
+                _this.fakeNode = null;
+            }
+        };
+        this.onDrop = function (e) {
+            if (!_this.lf.graphModel || !e || !_this.nodeConfig) {
+                return;
+            }
+            _this.lf.addNode(__assign(__assign({}, _this.nodeConfig), _this.clientToLocalPoint({
+                x: e.clientX,
+                y: e.clientY,
+            })), EventType.NODE_DND_ADD, e);
+            e.preventDefault();
+            e.stopPropagation();
+            _this.nodeConfig = null;
+            _this.lf.removeNodeSnapLine();
+            _this.lf.graphModel.removeFakeNode();
+            _this.fakeNode = null;
+        };
+        var lf = params.lf;
+        this.lf = lf;
+    }
+    Dnd.prototype.clientToLocalPoint = function (_a) {
+        var x = _a.x, y = _a.y;
+        var gridSize = get(this.lf.options, ['grid', 'size']);
+        // 处理 container 的 offset 等
+        var position = this.lf.graphModel.getPointByClient({
+            x: x,
+            y: y,
+        });
+        // 处理缩放和偏移
+        var _b = position.canvasOverlayPosition, x1 = _b.x, y1 = _b.y;
+        // x, y 对齐到网格的 size
+        return {
+            x: snapToGrid(x1, gridSize),
+            y: snapToGrid(y1, gridSize),
+        };
+    };
+    Dnd.prototype.startDrag = function (nodeConfig) {
+        var editConfigModel = this.lf.graphModel.editConfigModel;
+        if (!(editConfigModel === null || editConfigModel === void 0 ? void 0 : editConfigModel.isSilentMode)) {
+            this.nodeConfig = nodeConfig;
+            window.document.addEventListener('mouseup', this.stopDrag);
+        }
+    };
+    Dnd.prototype.eventMap = function () {
+        return {
+            onMouseEnter: this.dragEnter,
+            onMouseOver: this.dragEnter, // IE11
+            onMouseMove: this.onDragOver,
+            onMouseLeave: this.onDragLeave,
+            // onMouseOut: this.onDragLeave, // IE11
+            onMouseUp: this.onDrop,
+        };
+    };
+    return Dnd;
+}());
+export { Dnd };
+export default Dnd;
+//# sourceMappingURL=dnd.js.map

package/es/view/behavior/dnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../../src/view/behavior/dnd.ts"],"names":[],"mappings":"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"}

package/es/view/edge/AdjustPoint.d.ts

@@ -0,0 +1,50 @@
+import { createElement as h, Component } from 'preact/compat';
+import LogicFlow from '../../LogicFlow';
+import { GraphModel, BaseNodeModel, BaseEdgeModel } from '../../model';
+import { IDragParams, StepDrag, NodeContaint } from '../../util';
+import Point = LogicFlow.Point;
+interface IProps {
+    x: number;
+    y: number;
+    type: AdjustType;
+    id?: string;
+    getAdjustPointShape: (x: number, y: number, model: BaseEdgeModel) => h.JSX.Element | null;
+    graphModel: GraphModel;
+    edgeModel: BaseEdgeModel;
+}
+interface IState {
+    dragging: boolean;
+    endX: number;
+    endY: number;
+}
+interface OldEdge {
+    startPoint: Point;
+    endPoint: Point;
+    pointsList: Point[];
+}
+export declare enum AdjustType {
+    SOURCE = "SOURCE",
+    TARGET = "TARGET"
+}
+export declare class AdjustPoint extends Component<IProps, IState> {
+    stepDragData: any;
+    stepDrag: StepDrag;
+    oldEdge?: OldEdge;
+    preTargetNode: any;
+    targetRuleResults: Map<any, any>;
+    sourceRuleResults: Map<any, any>;
+    constructor(props: IProps);
+    handleMouseDown: (ev: MouseEvent) => void;
+    onDragStart: () => void;
+    onDragging: ({ deltaX, deltaY }: IDragParams) => void;
+    onDragEnd: ({ event }: Partial<IDragParams>) => void;
+    recoveryEdge: () => void;
+    getAdjustPointStyle: () => LogicFlow.CommonTheme;
+    isAllowAdjust(info: NodeContaint): {
+        pass: boolean;
+        msg?: string;
+        newTargetNode: BaseNodeModel;
+    };
+    render(): h.JSX.Element;
+}
+export default AdjustPoint;

package/es/view/edge/AdjustPoint.js

@@ -0,0 +1,368 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Component } from 'preact/compat';
+import { StepDrag, formateAnchorConnectValidateData, targetNodeInfo, } from '../../util';
+import { ElementState, EventType, ModelType } from '../../constant';
+export var AdjustType;
+(function (AdjustType) {
+    AdjustType["SOURCE"] = "SOURCE";
+    AdjustType["TARGET"] = "TARGET";
+})(AdjustType || (AdjustType = {}));
+var AdjustPoint = /** @class */ (function (_super) {
+    __extends(AdjustPoint, _super);
+    function AdjustPoint(props) {
+        var _this = _super.call(this) || this;
+        _this.handleMouseDown = function (ev) {
+            if (_this.stepDrag) {
+                _this.stepDrag.handleMouseDown(ev);
+            }
+        };
+        _this.onDragStart = function () {
+            var _a = _this.props, x = _a.x, y = _a.y, edgeModel = _a.edgeModel;
+            var startPoint = edgeModel.startPoint, endPoint = edgeModel.endPoint, pointsList = edgeModel.pointsList;
+            // 记录下原始路径信息，在调整中，如果放弃调整，进行路径还原
+            _this.oldEdge = {
+                startPoint: startPoint,
+                endPoint: endPoint,
+                pointsList: pointsList,
+            };
+            _this.setState({
+                endX: x,
+                endY: y,
+                dragging: true,
+            });
+            // 拖拽AdjustPoint时不修改edgeModel.isHitable，避免偶尔会出现边不能点击问题(https://github.com/didi/LogicFlow/issues/974)
+            // edgeModel.isHitable = false;
+        };
+        _this.onDragging = function (_a) {
+            var deltaX = _a.deltaX, deltaY = _a.deltaY;
+            var _b = _this.state, endX = _b.endX, endY = _b.endY;
+            var _c = _this.props, graphModel = _c.graphModel, type = _c.type;
+            var transformModel = graphModel.transformModel, editConfigModel = graphModel.editConfigModel;
+            var _d = __read(transformModel.moveCanvasPointByHtml([endX, endY], deltaX, deltaY), 2), x = _d[0], y = _d[1];
+            _this.setState({
+                endX: x,
+                endY: y,
+                dragging: true,
+            });
+            // 调整过程中实时更新路径
+            var edgeModel = _this.props.edgeModel;
+            var info = targetNodeInfo({
+                x: endX,
+                y: endY,
+            }, graphModel);
+            // 如果一定的坐标能够找到目标节点，预结算当前节点与目标节点的路径进行展示
+            if (info && info.node && _this.isAllowAdjust(info).pass) {
+                var params = void 0;
+                var startPoint = edgeModel.startPoint, endPoint = edgeModel.endPoint, sourceNode = edgeModel.sourceNode, targetNode = edgeModel.targetNode;
+                if (type === AdjustType.SOURCE) {
+                    params = {
+                        startPoint: {
+                            x: info.anchor.x,
+                            y: info.anchor.y,
+                        },
+                        endPoint: {
+                            x: endPoint.x,
+                            y: endPoint.y,
+                        },
+                        sourceNode: info.node,
+                        targetNode: targetNode,
+                    };
+                }
+                else if (type === AdjustType.TARGET) {
+                    params = {
+                        startPoint: {
+                            x: startPoint.x,
+                            y: startPoint.y,
+                        },
+                        endPoint: {
+                            x: info.anchor.x,
+                            y: info.anchor.y,
+                        },
+                        sourceNode: sourceNode,
+                        targetNode: info.node,
+                    };
+                }
+                edgeModel.updateAfterAdjustStartAndEnd(params);
+            }
+            else if (type === AdjustType.SOURCE) {
+                // 如果没有找到目标节点，更显起终点为当前坐标
+                edgeModel.updateStartPoint({
+                    x: x,
+                    y: y,
+                });
+            }
+            else if (type === AdjustType.TARGET) {
+                edgeModel.updateEndPoint({
+                    x: x,
+                    y: y,
+                });
+            }
+            if (edgeModel.text.value && editConfigModel.adjustEdge) {
+                edgeModel.setText(Object.assign({}, edgeModel.text, edgeModel.textPosition));
+            }
+        };
+        _this.onDragEnd = function (_a) {
+            var _b, _c, _d;
+            var event = _a.event;
+            try {
+                // 将状态置为非拖拽状态
+                _this.setState({
+                    dragging: false,
+                });
+                var _e = _this.props, graphModel = _e.graphModel, edgeModel = _e.edgeModel, type = _e.type;
+                // 拖拽AdjustPoint时不修改edgeModel.isHitable，避免偶尔会出现边不能点击问题(https://github.com/didi/LogicFlow/issues/974)
+                // edgeModel.isHitable = true;
+                var _f = _this.state, endX = _f.endX, endY = _f.endY, dragging = _f.dragging;
+                var info = targetNodeInfo({
+                    x: endX,
+                    y: endY,
+                }, graphModel);
+                // 没有dragging就结束边
+                if (!dragging)
+                    return;
+                // 如果找到目标节点，删除老边，创建新边
+                var needRecoveryEdge = false;
+                var createEdgeInfo = void 0;
+                if (info && info.node) {
+                    var _g = _this.isAllowAdjust(info), pass = _g.pass, msg = _g.msg, newTargetNode = _g.newTargetNode;
+                    if (pass) {
+                        var _h = edgeModel.getData(), text = _h.text, _j = _h.sourceAnchorId, sourceAnchorId = _j === void 0 ? '' : _j, _k = _h.targetAnchorId, targetAnchorId = _k === void 0 ? '' : _k, rest = __rest(_h, ["text", "sourceAnchorId", "targetAnchorId"]);
+                        createEdgeInfo = __assign(__assign({ sourceAnchorId: sourceAnchorId, targetAnchorId: targetAnchorId }, rest), { text: (text === null || text === void 0 ? void 0 : text.value) || '' });
+                        // 根据调整点是边的起点或重点，计算创建边需要的参数
+                        if (type === AdjustType.SOURCE) {
+                            var sourceNode = graphModel.getNodeModelById(info.node.id);
+                            var targetNode = graphModel.getNodeModelById(edgeModel.targetNodeId);
+                            var edgeInfo = (_b = graphModel.edgeGenerator) === null || _b === void 0 ? void 0 : _b.call(graphModel, sourceNode === null || sourceNode === void 0 ? void 0 : sourceNode.getData(), targetNode === null || targetNode === void 0 ? void 0 : targetNode.getData(), createEdgeInfo);
+                            createEdgeInfo = __assign(__assign({}, edgeInfo), { sourceNodeId: info.node.id, sourceAnchorId: info.anchor.id, startPoint: {
+                                    x: info.anchor.x,
+                                    y: info.anchor.y,
+                                }, targetNodeId: edgeModel.targetNodeId, endPoint: __assign({}, edgeModel.endPoint) });
+                            // 找到的是原有的源节点上的原锚点时，还原边
+                            if (edgeModel.sourceNodeId === info.node.id &&
+                                edgeModel.sourceAnchorId === info.anchor.id) {
+                                needRecoveryEdge = true;
+                            }
+                        }
+                        else if (type === AdjustType.TARGET) {
+                            var sourceNode = graphModel.getNodeModelById(edgeModel.sourceNodeId);
+                            var targetNode = graphModel.getNodeModelById(info.node.id);
+                            var edgeInfo = (_c = graphModel.edgeGenerator) === null || _c === void 0 ? void 0 : _c.call(graphModel, sourceNode === null || sourceNode === void 0 ? void 0 : sourceNode.getData(), targetNode === null || targetNode === void 0 ? void 0 : targetNode.getData(), createEdgeInfo);
+                            createEdgeInfo = __assign(__assign({}, edgeInfo), { sourceNodeId: edgeModel.sourceNodeId, startPoint: __assign({}, edgeModel.startPoint), targetNodeId: info.node.id, targetAnchorId: info.anchor.id, endPoint: {
+                                    x: info.anchor.x,
+                                    y: info.anchor.y,
+                                } });
+                            // 找到的是原有的目标节点上的原锚点时，还原边
+                            if (edgeModel.targetNodeId === info.node.id &&
+                                edgeModel.targetAnchorId === info.anchor.id) {
+                                needRecoveryEdge = true;
+                            }
+                        }
+                    }
+                    else {
+                        // 如果没有通过校验，还原边并抛出CONNECTION_NOT_ALLOWED事件
+                        needRecoveryEdge = true;
+                        var nodeData = newTargetNode.getData();
+                        graphModel.eventCenter.emit(EventType.CONNECTION_NOT_ALLOWED, {
+                            data: nodeData,
+                            msg: msg,
+                        });
+                    }
+                }
+                else {
+                    // 如果没有找到目标节点，还原边
+                    needRecoveryEdge = true;
+                }
+                if (!needRecoveryEdge) {
+                    // 为了保证id不变必须要先删除老边，再创建新边，创建新边是会判断是否有重复的id
+                    // 删除老边
+                    var oldEdgeData = edgeModel.getData();
+                    graphModel.deleteEdgeById(edgeModel.id);
+                    // 创建新边
+                    var edge = graphModel.addEdge(__assign({}, createEdgeInfo));
+                    // 向外抛出事件
+                    graphModel.eventCenter.emit(EventType.EDGE_EXCHANGE_NODE, {
+                        data: {
+                            newEdge: edge.getData(),
+                            oldEdge: oldEdgeData,
+                        },
+                    });
+                }
+                else {
+                    // 如果没有找到目标节点或者没有通过校验，还原边
+                    _this.recoveryEdge();
+                }
+                (_d = _this.preTargetNode) === null || _d === void 0 ? void 0 : _d.setElementState(ElementState.DEFAULT);
+            }
+            finally {
+                var graphModel = _this.props.graphModel;
+                graphModel.eventCenter.emit(EventType.ADJUST_POINT_DRAGEND, {
+                    e: event,
+                    data: _this.stepDragData,
+                });
+            }
+        };
+        // 还原边
+        _this.recoveryEdge = function () {
+            var edgeModel = _this.props.edgeModel;
+            var _a = _this.oldEdge, startPoint = _a.startPoint, endPoint = _a.endPoint, pointsList = _a.pointsList;
+            edgeModel.updateStartPoint(startPoint);
+            edgeModel.updateEndPoint(endPoint);
+            // 折线和曲线还需要更新其pointsList
+            if (edgeModel.modelType !== ModelType.LINE_EDGE) {
+                edgeModel.pointsList = pointsList !== null && pointsList !== void 0 ? pointsList : [];
+                edgeModel.initPoints();
+            }
+        };
+        // 调整点的样式默认从主题中读取， 可以复写此方法进行更加个性化的自定义
+        // 目前仅支持圆形图标进行标识，可以从圆形的r和颜色上进行调整
+        _this.getAdjustPointStyle = function () {
+            var theme = _this.props.graphModel.theme;
+            var edgeAdjust = theme.edgeAdjust;
+            return edgeAdjust;
+        };
+        _this.state = {
+            dragging: false,
+            endX: 0,
+            endY: 0,
+        };
+        _this.targetRuleResults = new Map();
+        _this.sourceRuleResults = new Map();
+        var type = props.type, edgeModel = props.edgeModel, graphModel = props.graphModel;
+        var eventCenter = graphModel.eventCenter;
+        _this.stepDragData = {
+            type: type,
+            edgeData: edgeModel.getData(),
+        };
+        _this.stepDrag = new StepDrag({
+            onDragStart: _this.onDragStart,
+            onDragging: _this.onDragging,
+            onDragEnd: _this.onDragEnd,
+            eventType: 'ADJUST_POINT',
+            isStopPropagation: false,
+            eventCenter: eventCenter,
+            data: _this.stepDragData,
+        });
+        return _this;
+    }
+    AdjustPoint.prototype.isAllowAdjust = function (info) {
+        var _a = this.props, _b = _a.edgeModel, id = _b.id, sourceNode = _b.sourceNode, targetNode = _b.targetNode, sourceAnchorId = _b.sourceAnchorId, targetAnchorId = _b.targetAnchorId, type = _a.type;
+        // const newTargetNode = info.node;
+        var newSourceNode;
+        var newTargetNode;
+        var newSourceAnchor;
+        var newTargetAnchor;
+        // 如果调整的是连线起点
+        if (type === AdjustType.SOURCE) {
+            newSourceNode = info.node;
+            newTargetNode = targetNode;
+            newSourceAnchor = info.anchor;
+            newTargetAnchor = targetNode.getAnchorInfo(targetAnchorId);
+        }
+        else {
+            newSourceNode = sourceNode;
+            newTargetNode = info.node;
+            newTargetAnchor = info.anchor;
+            newSourceAnchor = sourceNode.getAnchorInfo(sourceAnchorId);
+        }
+        // 如果前一个接触的节点和此时接触的节点不相等，则将前一个节点状态重新设置为默认状态。
+        if (this.preTargetNode && this.preTargetNode !== info.node) {
+            this.preTargetNode.setElementState(ElementState.DEFAULT);
+        }
+        this.preTargetNode = info.node;
+        // #500 不允许锚点自己连自己, 在锚点一开始连接的时候, 不触发自己连接自己的校验。
+        if (newTargetAnchor.id === newSourceAnchor.id) {
+            return {
+                pass: false,
+                msg: '',
+                newTargetNode: newTargetNode,
+            };
+        }
+        var targetInfoId = "".concat(newSourceNode.id, "_").concat(newTargetNode.id, "_").concat(newSourceAnchor.id, "_").concat(newTargetAnchor.id);
+        // 查看鼠标是否进入过target，若有检验结果，表示进入过, 就不重复计算了。
+        if (!this.targetRuleResults.has(targetInfoId)) {
+            var sourceRuleResult = newSourceNode.isAllowConnectedAsSource(newTargetNode, newSourceAnchor, newTargetAnchor, id);
+            var targetRuleResult = newTargetNode.isAllowConnectedAsTarget(newSourceNode, newSourceAnchor, newTargetAnchor, id);
+            this.sourceRuleResults.set(targetInfoId, formateAnchorConnectValidateData(sourceRuleResult));
+            this.targetRuleResults.set(targetInfoId, formateAnchorConnectValidateData(targetRuleResult));
+        }
+        var _c = this.sourceRuleResults.get(targetInfoId), isSourcePass = _c.isAllPass, sourceMsg = _c.msg;
+        var _d = this.targetRuleResults.get(targetInfoId), isTargetPass = _d.isAllPass, targetMsg = _d.msg;
+        // 实时提示出即将连接的节点是否允许连接
+        var state = isSourcePass && isTargetPass
+            ? ElementState.ALLOW_CONNECT
+            : ElementState.NOT_ALLOW_CONNECT;
+        if (type === AdjustType.SOURCE) {
+            newSourceNode.setElementState(state);
+        }
+        else {
+            newTargetNode.setElementState(state);
+        }
+        return {
+            pass: isSourcePass && isTargetPass,
+            msg: targetMsg || sourceMsg,
+            newTargetNode: newTargetNode,
+        };
+    };
+    AdjustPoint.prototype.render = function () {
+        var _a = this.props, x = _a.x, y = _a.y, getAdjustPointShape = _a.getAdjustPointShape, edgeModel = _a.edgeModel;
+        var dragging = this.state.dragging;
+        return (_jsx("g", { pointerEvents: dragging ? 'none' : '', onMouseDown: this.handleMouseDown, children: !dragging ? getAdjustPointShape(x, y, edgeModel) : '' }));
+    };
+    return AdjustPoint;
+}(Component));
+export { AdjustPoint };
+export default AdjustPoint;
+//# sourceMappingURL=AdjustPoint.js.map

package/es/view/edge/AdjustPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustPoint.js","sourceRoot":"","sources":["../../../src/view/edge/AdjustPoint.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,eAAe,CAAA;AAG7D,OAAO,EAEL,QAAQ,EACR,gCAAgC,EAChC,cAAc,GAEf,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AA+BnE,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;AACnB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED;IAAiC,+BAAyB;IAQxD,qBAAY,KAAa;QACvB,YAAA,MAAK,WAAE,SAAA;QAyBT,qBAAe,GAAG,UAAC,EAAc;YAC/B,IAAI,KAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAA;QACD,iBAAW,GAAG;YACN,IAAA,KAAsB,KAAI,CAAC,KAAK,EAA9B,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,SAAS,eAAe,CAAA;YAC9B,IAAA,UAAU,GAA2B,SAAS,WAApC,EAAE,QAAQ,GAAiB,SAAS,SAA1B,EAAE,UAAU,GAAK,SAAS,WAAd,CAAc;YACtD,+BAA+B;YAC/B,KAAI,CAAC,OAAO,GAAG;gBACb,UAAU,YAAA;gBACV,QAAQ,UAAA;gBACR,UAAU,YAAA;aACX,CAAA;YACD,KAAI,CAAC,QAAQ,CAAC;gBACZ,IAAI,EAAE,CAAC;gBACP,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,IAAI;aACf,CAAC,CAAA;YACF,oGAAoG;YACpG,+BAA+B;QACjC,CAAC,CAAA;QACD,gBAAU,GAAG,UAAC,EAA+B;gBAA7B,MAAM,YAAA,EAAE,MAAM,YAAA;YACtB,IAAA,KAAiB,KAAI,CAAC,KAAK,EAAzB,IAAI,UAAA,EAAE,IAAI,UAAe,CAAA;YAC3B,IAAA,KAAuB,KAAI,CAAC,KAAK,EAA/B,UAAU,gBAAA,EAAE,IAAI,UAAe,CAAA;YAC/B,IAAA,cAAc,GAAsB,UAAU,eAAhC,EAAE,eAAe,GAAK,UAAU,gBAAf,CAAe;YAChD,IAAA,KAAA,OAAS,cAAc,CAAC,qBAAqB,CACjD,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,MAAM,EACN,MAAM,CACP,IAAA,EAJM,CAAC,QAAA,EAAE,CAAC,QAIV,CAAA;YACD,KAAI,CAAC,QAAQ,CAAC;gBACZ,IAAI,EAAE,CAAC;gBACP,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,IAAI;aACf,CAAC,CAAA;YACF,cAAc;YACN,IAAA,SAAS,GAAK,KAAI,CAAC,KAAK,UAAf,CAAe;YAChC,IAAM,IAAI,GAAG,cAAc,CACzB;gBACE,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,IAAI;aACR,EACD,UAAU,CACX,CAAA;YACD,sCAAsC;YACtC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;gBACvD,IAAI,MAAM,SAKT,CAAA;gBACO,IAAA,UAAU,GAAuC,SAAS,WAAhD,EAAE,QAAQ,GAA6B,SAAS,SAAtC,EAAE,UAAU,GAAiB,SAAS,WAA1B,EAAE,UAAU,GAAK,SAAS,WAAd,CAAc;gBAClE,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;oBAC/B,MAAM,GAAG;wBACP,UAAU,EAAE;4BACV,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;4BAChB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;yBACjB;wBACD,QAAQ,EAAE;4BACR,CAAC,EAAE,QAAQ,CAAC,CAAC;4BACb,CAAC,EAAE,QAAQ,CAAC,CAAC;yBACd;wBACD,UAAU,EAAE,IAAI,CAAC,IAAI;wBACrB,UAAU,YAAA;qBACX,CAAA;gBACH,CAAC;qBAAM,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;oBACtC,MAAM,GAAG;wBACP,UAAU,EAAE;4BACV,CAAC,EAAE,UAAU,CAAC,CAAC;4BACf,CAAC,EAAE,UAAU,CAAC,CAAC;yBAChB;wBACD,QAAQ,EAAE;4BACR,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;4BAChB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;yBACjB;wBACD,UAAU,YAAA;wBACV,UAAU,EAAE,IAAI,CAAC,IAAI;qBACtB,CAAA;gBACH,CAAC;gBACD,SAAS,CAAC,4BAA4B,CAAC,MAAO,CAAC,CAAA;YACjD,CAAC;iBAAM,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBACtC,wBAAwB;gBACxB,SAAS,CAAC,gBAAgB,CAAC;oBACzB,CAAC,GAAA;oBACD,CAAC,GAAA;iBACF,CAAC,CAAA;YACJ,CAAC;iBAAM,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBACtC,SAAS,CAAC,cAAc,CAAC;oBACvB,CAAC,GAAA;oBACD,CAAC,GAAA;iBACF,CAAC,CAAA;YACJ,CAAC;YAED,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,UAAU,EAAE,CAAC;gBACvD,SAAS,CAAC,OAAO,CACf,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAC1D,CAAA;YACH,CAAC;QACH,CAAC,CAAA;QACD,eAAS,GAAG,UAAC,EAA+B;;gBAA7B,KAAK,WAAA;YAClB,IAAI,CAAC;gBACH,aAAa;gBACb,KAAI,CAAC,QAAQ,CAAC;oBACZ,QAAQ,EAAE,KAAK;iBAChB,CAAC,CAAA;gBACI,IAAA,KAAkC,KAAI,CAAC,KAAK,EAA1C,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAe,CAAA;gBAClD,oGAAoG;gBACpG,8BAA8B;gBACxB,IAAA,KAA2B,KAAI,CAAC,KAAK,EAAnC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAe,CAAA;gBAC3C,IAAM,IAAI,GAAG,cAAc,CACzB;oBACE,CAAC,EAAE,IAAI;oBACP,CAAC,EAAE,IAAI;iBACR,EACD,UAAU,CACX,CAAA;gBACD,iBAAiB;gBACjB,IAAI,CAAC,QAAQ;oBAAE,OAAM;gBACrB,qBAAqB;gBACrB,IAAI,gBAAgB,GAAG,KAAK,CAAA;gBAC5B,IAAI,cAAc,SAAsB,CAAA;gBACxC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;oBAChB,IAAA,KAA+B,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAArD,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAa,mBAA6B,CAAA;oBAC7D,IAAI,IAAI,EAAE,CAAC;wBACT,IAAM,KAKF,SAAS,CAAC,OAAO,EAAE,EAJrB,IAAI,UAAA,EACJ,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAChB,IAAI,cAJH,4CAKL,CAAsB,CAAA;wBACvB,cAAc,uBACZ,cAAc,gBAAA,EACd,cAAc,gBAAA,IACX,IAAI,KACP,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,EAAE,GACxB,CAAA;wBACD,2BAA2B;wBAC3B,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;4BAC/B,IAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;4BAC5D,IAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAC5C,SAAS,CAAC,YAAY,CACvB,CAAA;4BACD,IAAM,QAAQ,GAAG,MAAA,UAAU,CAAC,aAAa,2DACvC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAc,EACjC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAc,EACjC,cAAc,CACf,CAAA;4BACD,cAAc,yBACT,QAAQ,KACX,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAC1B,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAC9B,UAAU,EAAE;oCACV,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;oCAChB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;iCACjB,EACD,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,QAAQ,eAAO,SAAS,CAAC,QAAQ,IAClC,CAAA;4BACD,uBAAuB;4BACvB,IACE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE;gCACvC,SAAS,CAAC,cAAc,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,EAC3C,CAAC;gCACD,gBAAgB,GAAG,IAAI,CAAA;4BACzB,CAAC;wBACH,CAAC;6BAAM,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;4BACtC,IAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAC5C,SAAS,CAAC,YAAY,CACvB,CAAA;4BACD,IAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;4BAC5D,IAAM,QAAQ,GAAG,MAAA,UAAU,CAAC,aAAa,2DACvC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAc,EACjC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAc,EACjC,cAAc,CACf,CAAA;4BACD,cAAc,yBACT,QAAQ,KACX,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,UAAU,eAAO,SAAS,CAAC,UAAU,GACrC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAC1B,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAC9B,QAAQ,EAAE;oCACR,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;oCAChB,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;iCACjB,GACF,CAAA;4BACD,wBAAwB;4BACxB,IACE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE;gCACvC,SAAS,CAAC,cAAc,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,EAC3C,CAAC;gCACD,gBAAgB,GAAG,IAAI,CAAA;4BACzB,CAAC;wBACH,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,0CAA0C;wBAC1C,gBAAgB,GAAG,IAAI,CAAA;wBACvB,IAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,EAAE,CAAA;wBACxC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE;4BAC5D,IAAI,EAAE,QAAQ;4BACd,GAAG,KAAA;yBACJ,CAAC,CAAA;oBACJ,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,iBAAiB;oBACjB,gBAAgB,GAAG,IAAI,CAAA;gBACzB,CAAC;gBACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBACtB,0CAA0C;oBAC1C,OAAO;oBACP,IAAM,WAAW,GAAG,SAAS,CAAC,OAAO,EAAE,CAAA;oBACvC,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;oBACvC,OAAO;oBACP,IAAM,IAAI,GAAG,UAAU,CAAC,OAAO,cAAM,cAAe,EAAG,CAAA;oBACvD,SAAS;oBACT,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;wBACxD,IAAI,EAAE;4BACJ,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;4BACvB,OAAO,EAAE,WAAW;yBACrB;qBACF,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,yBAAyB;oBACzB,KAAI,CAAC,YAAY,EAAE,CAAA;gBACrB,CAAC;gBACD,MAAA,KAAI,CAAC,aAAa,0CAAE,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YAC3D,CAAC;oBAAS,CAAC;gBACD,IAAA,UAAU,GAAK,KAAI,CAAC,KAAK,WAAf,CAAe;gBACjC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,oBAAoB,EAAE;oBAC1D,CAAC,EAAE,KAAK;oBACR,IAAI,EAAE,KAAI,CAAC,YAAY;iBACxB,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QACD,MAAM;QACN,kBAAY,GAAG;YACL,IAAA,SAAS,GAAK,KAAI,CAAC,KAAK,UAAf,CAAe;YAC1B,IAAA,KAAuC,KAAI,CAAC,OAAQ,EAAlD,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAkB,CAAA;YAC1D,SAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAA;YACtC,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;YAClC,wBAAwB;YACxB,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;gBAChD,SAAS,CAAC,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAA;gBACvC,SAAS,CAAC,UAAU,EAAE,CAAA;YACxB,CAAC;QACH,CAAC,CAAA;QACD,qCAAqC;QACrC,gCAAgC;QAChC,yBAAmB,GAAG;YAEJ,IAAA,KAAK,GACjB,KAAI,CAAC,KAAK,iBADO,CACP;YACN,IAAA,UAAU,GAAK,KAAK,WAAV,CAAU;YAE5B,OAAO,UAAU,CAAA;QACnB,CAAC,CAAA;QAzRC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,CAAC;SACR,CAAA;QACD,KAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,EAAE,CAAA;QAClC,KAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,EAAE,CAAA;QAC1B,IAAA,IAAI,GAA4B,KAAK,KAAjC,EAAE,SAAS,GAAiB,KAAK,UAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAU;QACrC,IAAA,WAAW,GAAK,UAAU,YAAf,CAAe;QAClC,KAAI,CAAC,YAAY,GAAG;YAClB,IAAI,MAAA;YACJ,QAAQ,EAAE,SAAS,CAAC,OAAO,EAAE;SAC9B,CAAA;QACD,KAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC;YAC3B,WAAW,EAAE,KAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,KAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,KAAI,CAAC,SAAS;YACzB,SAAS,EAAE,cAAc;YACzB,iBAAiB,EAAE,KAAK;YACxB,WAAW,aAAA;YACX,IAAI,EAAE,KAAI,CAAC,YAAY;SACxB,CAAC,CAAA;;IACJ,CAAC;IAqQD,mCAAa,GAAb,UAAc,IAAkB;QAKxB,IAAA,KAGF,IAAI,CAAC,KAAK,EAFZ,iBAAyE,EAA5D,EAAE,QAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EACvE,IAAI,UACQ,CAAA;QACd,mCAAmC;QACnC,IAAI,aAA4B,CAAA;QAChC,IAAI,aAA4B,CAAA;QAChC,IAAI,eAA6B,CAAA;QACjC,IAAI,eAA6B,CAAA;QAEjC,aAAa;QACb,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC/B,aAAa,GAAG,IAAI,CAAC,IAAI,CAAA;YACzB,aAAa,GAAG,UAAU,CAAA;YAC1B,eAAe,GAAG,IAAI,CAAC,MAAM,CAAA;YAC7B,eAAe,GAAG,UAAU,CAAC,aAAa,CAAC,cAAc,CAAE,CAAA;QAC7D,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,UAAU,CAAA;YAC1B,aAAa,GAAG,IAAI,CAAC,IAAI,CAAA;YACzB,eAAe,GAAG,IAAI,CAAC,MAAM,CAAA;YAC7B,eAAe,GAAG,UAAU,CAAC,aAAa,CAAC,cAAc,CAAE,CAAA;QAC7D,CAAC;QACD,4CAA4C;QAC5C,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YAC3D,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QAC1D,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAA;QAC9B,8CAA8C;QAC9C,IAAI,eAAe,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,EAAE,CAAC;YAC9C,OAAO;gBACL,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,EAAE;gBACP,aAAa,eAAA;aACd,CAAA;QACH,CAAC;QACD,IAAM,YAAY,GAAG,UAAG,aAAa,CAAC,EAAE,cAAI,aAAa,CAAC,EAAE,cAAI,eAAe,CAAC,EAAE,cAAI,eAAe,CAAC,EAAE,CAAE,CAAA;QAC1G,yCAAyC;QACzC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YAC9C,IAAM,gBAAgB,GAAG,aAAa,CAAC,wBAAwB,CAC7D,aAAa,EACb,eAAe,EACf,eAAe,EACf,EAAE,CACH,CAAA;YACD,IAAM,gBAAgB,GAAG,aAAa,CAAC,wBAAwB,CAC7D,aAAa,EACb,eAAe,EACf,eAAe,EACf,EAAE,CACH,CAAA;YACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CACxB,YAAY,EACZ,gCAAgC,CAAC,gBAAgB,CAAC,CACnD,CAAA;YACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CACxB,YAAY,EACZ,gCAAgC,CAAC,gBAAgB,CAAC,CACnD,CAAA;QACH,CAAC;QACK,IAAA,KACJ,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EADvB,YAAY,eAAA,EAAO,SAAS,SACL,CAAA;QACpC,IAAA,KACJ,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EADvB,YAAY,eAAA,EAAO,SAAS,SACL,CAAA;QAC1C,qBAAqB;QACrB,IAAM,KAAK,GACT,YAAY,IAAI,YAAY;YAC1B,CAAC,CAAC,YAAY,CAAC,aAAa;YAC5B,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAA;QACpC,IAAI,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC/B,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACtC,CAAC;QACD,OAAO;YACL,IAAI,EAAE,YAAY,IAAI,YAAY;YAClC,GAAG,EAAE,SAAS,IAAI,SAAS;YAC3B,aAAa,eAAA;SACd,CAAA;IACH,CAAC;IAED,4BAAM,GAAN;QACQ,IAAA,KAA2C,IAAI,CAAC,KAAK,EAAnD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,mBAAmB,yBAAA,EAAE,SAAS,eAAe,CAAA;QACnD,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAe;QAC/B,OAAO,CACL,YACE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACrC,WAAW,EAAE,IAAI,CAAC,eAAe,YAEhC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GACpD,CACL,CAAA;IACH,CAAC;IACH,kBAAC;AAAD,CAAC,AAtYD,CAAiC,SAAS,GAsYzC;;AAED,eAAe,WAAW,CAAA"}

package/es/view/edge/Arrow.d.ts

@@ -0,0 +1,25 @@
+import { Component } from 'preact/compat';
+import LogicFlow from '../../LogicFlow';
+import ArrowInfo = LogicFlow.ArrowInfo;
+export type ArrowStyle = {
+    stroke?: string;
+    fill?: string;
+    strokeWidth?: number;
+    offset: number;
+    refX?: number;
+    refY?: number;
+    verticalLength: number;
+};
+type ArrowAttributesType = {
+    d: string;
+} & ArrowStyle;
+type IProps = {
+    arrowInfo: ArrowInfo;
+    style: ArrowStyle;
+};
+export declare class Arrow extends Component<IProps> {
+    getArrowAttributes(): ArrowAttributesType;
+    getShape(): import("preact/compat").JSX.Element;
+    render(): import("preact/compat").JSX.Element;
+}
+export default Arrow;

package/es/view/edge/Arrow.js

@@ -0,0 +1,60 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Component } from 'preact/compat';
+import { Path } from '../shape';
+import { getVerticalPointOfLine } from '../../algorithm';
+var Arrow = /** @class */ (function (_super) {
+    __extends(Arrow, _super);
+    function Arrow() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Arrow.prototype.getArrowAttributes = function () {
+        var _a = this.props, arrowInfo = _a.arrowInfo, style = _a.style;
+        var start = arrowInfo.start, end = arrowInfo.end;
+        var config = {
+            start: start,
+            end: end,
+            offset: style.offset,
+            verticalLength: style.verticalLength,
+            type: 'end',
+        };
+        var _b = getVerticalPointOfLine(config), leftX = _b.leftX, leftY = _b.leftY, rightX = _b.rightX, rightY = _b.rightY;
+        return __assign({ d: "M".concat(leftX, " ").concat(leftY, " L").concat(end.x, " ").concat(end.y, " L").concat(rightX, " ").concat(rightY, " z") }, style);
+    };
+    Arrow.prototype.getShape = function () {
+        var _a = this.getArrowAttributes(), d = _a.d, strokeWidth = _a.strokeWidth, stroke = _a.stroke, fill = _a.fill;
+        return _jsx(Path, { d: d, fill: fill, strokeWidth: strokeWidth, stroke: stroke });
+    };
+    Arrow.prototype.render = function () {
+        return _jsx("g", { className: "lf-arrow", children: this.getShape() });
+    };
+    return Arrow;
+}(Component));
+export { Arrow };
+export default Arrow;
+//# sourceMappingURL=Arrow.js.map

package/es/view/edge/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/view/edge/Arrow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAsBxD;IAA2B,yBAAiB;IAA5C;;IA0BA,CAAC;IAzBC,kCAAkB,GAAlB;QACQ,IAAA,KAAuB,IAAI,CAAC,KAAK,EAA/B,SAAS,eAAA,EAAE,KAAK,WAAe,CAAA;QAC/B,IAAA,KAAK,GAAU,SAAS,MAAnB,EAAE,GAAG,GAAK,SAAS,IAAd,CAAc;QAChC,IAAM,MAAM,GAAG;YACb,KAAK,OAAA;YACL,GAAG,KAAA;YACH,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,IAAI,EAAE,KAAK;SACZ,CAAA;QACK,IAAA,KAAmC,sBAAsB,CAAC,MAAM,CAAC,EAA/D,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAmC,CAAA;QACvE,kBACE,CAAC,EAAE,WAAI,KAAK,cAAI,KAAK,eAAK,GAAG,CAAC,CAAC,cAAI,GAAG,CAAC,CAAC,eAAK,MAAM,cAAI,MAAM,OAAI,IAC9D,KAAK,EACT;IACH,CAAC;IAED,wBAAQ,GAAR;QACQ,IAAA,KAAmC,IAAI,CAAC,kBAAkB,EAAE,EAA1D,CAAC,OAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAA8B,CAAA;QAClE,OAAO,KAAC,IAAI,IAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;IAC7E,CAAC;IAED,sBAAM,GAAN;QACE,OAAO,YAAG,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,QAAQ,EAAE,GAAK,CAAA;IACtD,CAAC;IACH,YAAC;AAAD,CAAC,AA1BD,CAA2B,SAAS,GA0BnC;;AAED,eAAe,KAAK,CAAA"}