@sunspirytus/xflow-core 1.0.52

package/es/command-contributions/constant.js

@@ -0,0 +1,272 @@
+/** 节点命令 */
+export var XFlowNodeCommands;
+(function (XFlowNodeCommands) {
+    const category = '节点操作';
+    /** 新增节点 */
+    XFlowNodeCommands.ADD_NODE = {
+        id: 'xflow:add-node',
+        label: '添加节点',
+        category,
+    };
+    /** 删除节点 */
+    XFlowNodeCommands.DEL_NODE = {
+        id: 'xflow:del-node',
+        label: '删除节点',
+        category,
+    };
+    /** 更新链接桩 */
+    XFlowNodeCommands.UPDATE_NODE_PORT = {
+        id: 'xflow:update-node-port',
+        label: '删除连接桩',
+        category,
+    };
+    /** 更新节点 */
+    XFlowNodeCommands.UPDATE_NODE = {
+        id: 'xflow:update-node',
+        label: '更新节点',
+        category,
+    };
+    /** 节点交互：高亮节点 */
+    XFlowNodeCommands.HIGHLIGHT_NODE = {
+        id: 'xflow:highlight-node',
+        label: '高亮节点',
+        category,
+    };
+    /** 节点交互：选中节点 */
+    XFlowNodeCommands.SELECT_NODE = {
+        id: 'xflow:select-node',
+        label: '选中节点',
+        category,
+    };
+    /** 移动节点 */
+    XFlowNodeCommands.MOVE_NODE = {
+        id: 'xflow:move-node',
+        label: 'Move Node',
+        category,
+    };
+    /** 节点居中 */
+    XFlowNodeCommands.CENTER_NODE = {
+        id: 'xflow:center-node',
+        label: '居中节点',
+        category,
+    };
+    /** 节点前置：调整zindex */
+    XFlowNodeCommands.FRONT_NODE = {
+        id: 'xflow:front-node',
+        label: '前置节点',
+        category,
+    };
+    /** 节点后置：调整zindex */
+    XFlowNodeCommands.BACK_NODE = {
+        id: 'xflow:back-node',
+        label: '后置节点',
+        category,
+    };
+})(XFlowNodeCommands || (XFlowNodeCommands = {}));
+/** 边命令 */
+export var XFlowEdgeCommands;
+(function (XFlowEdgeCommands) {
+    const category = '边操作';
+    /** 新增边 */
+    XFlowEdgeCommands.ADD_EDGE = {
+        id: 'xflow:add-edge',
+        label: '添加边',
+        category,
+    };
+    /** 删除边 */
+    XFlowEdgeCommands.DEL_EDGE = {
+        id: 'xflow:del-edge',
+        label: '删除边',
+        category,
+    };
+    /** 更新边 */
+    XFlowEdgeCommands.UPDATE_EDGE = {
+        id: 'xflow:update-edge',
+        label: '更新边',
+        category,
+    };
+    /** 高亮边 */
+    XFlowEdgeCommands.HIGHLIGHT_EDGE = {
+        id: 'xflow:highlight-edge',
+        label: '高亮边',
+        category,
+    };
+    /** 边前置：调整zindex */
+    XFlowEdgeCommands.FRONT_EDGE = {
+        id: 'xflow:front-edge',
+        label: '前置变',
+        category,
+    };
+    /** 边后置：调整zindex */
+    XFlowEdgeCommands.BACK_EDGE = {
+        id: 'xflow:back-edge',
+        label: '后置边',
+        category,
+    };
+})(XFlowEdgeCommands || (XFlowEdgeCommands = {}));
+/** 画布命令 */
+export var XFlowGraphCommands;
+(function (XFlowGraphCommands) {
+    const category = '画布操作';
+    /** LOAD 元数据操作 */
+    XFlowGraphCommands.LOAD_META = {
+        id: 'xflow:load-meta',
+        label: '获取元数据',
+        category,
+    };
+    /** LOAD DATA操作 */
+    XFlowGraphCommands.LOAD_DATA = {
+        id: 'xflow:load-data',
+        label: '获取图数据',
+        category,
+    };
+    /** SAVE GRAPH DATA操作 */
+    XFlowGraphCommands.SAVE_GRAPH_DATA = {
+        id: 'xflow:save-graph-data',
+        label: '保存',
+        category,
+    };
+    /** LAYOUT */
+    XFlowGraphCommands.GRAPH_LAYOUT = {
+        id: 'xflow:layout',
+        label: '计算布局',
+        category,
+    };
+    /** Graph Render */
+    XFlowGraphCommands.GRAPH_RENDER = {
+        id: 'xflow:graph-render',
+        label: '渲染画布',
+        category,
+    };
+    /** UNDO 操作 */
+    XFlowGraphCommands.UNDO_CMD = {
+        id: 'xflow:undo-cmd',
+        label: '撤销',
+        category,
+    };
+    /** REDO 操作 */
+    XFlowGraphCommands.REDO_CMD = {
+        id: 'xflow:redo-cmd',
+        label: '重做',
+        category,
+    };
+    /** Graph General Operations: XFlow命令不满足的可以用这个命令，直接使用Graph的api */
+    XFlowGraphCommands.GRAPH_INSTANCE_COMMAND = {
+        id: 'xflow:graph-instacne-cmd',
+        label: 'Graph通用Command',
+        category,
+    };
+    /** Graph Zoom */
+    XFlowGraphCommands.GRAPH_ZOOM = {
+        id: 'xflow:graph-zoom',
+        label: '缩放画布',
+        category,
+    };
+    /** Graph Fullscreen */
+    XFlowGraphCommands.GRAPH_FULLSCREEN = {
+        id: 'xflow:graph-fullscreen',
+        label: '全屏',
+        category,
+    };
+    /** Graph Resize */
+    XFlowGraphCommands.GRAPH_RESIZE = {
+        id: 'xflow:graph-resize',
+        label: '调整窗口大小',
+        category,
+    };
+    /** Graph Copy */
+    XFlowGraphCommands.GRAPH_COPY = {
+        id: 'xflow:graph-copy-selection',
+        label: '复制',
+        category,
+    };
+    /** Graph Paste */
+    XFlowGraphCommands.GRAPH_PASTE = {
+        id: 'xflow:graph-paste-selection',
+        label: '粘贴',
+        category,
+    };
+    /** Graph 开启框选 */
+    XFlowGraphCommands.GRAPH_TOGGLE_MULTI_SELECT = {
+        id: 'xflow:graph-toggle-multi-select',
+        label: '启用框选',
+        category,
+    };
+    /** 新增 Tool: https://x6.antv.vision/zh/docs/api/registry/edge-tool */
+    XFlowGraphCommands.GRAPH_ADD_TOOL = {
+        id: 'xflow:add-tool',
+        label: '添加工具',
+        category,
+    };
+    /** 删除 Tool: https://x6.antv.vision/zh/docs/api/registry/edge-tool */
+    XFlowGraphCommands.GRAPH_DEL_TOOL = {
+        id: 'xflow:del-tool',
+        label: '删除工具',
+        category,
+    };
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95 */
+    XFlowGraphCommands.GRAPH_HISTORY_UNDO = {
+        id: 'xflow:history-undo',
+        label: 'history undo',
+        category,
+    };
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    XFlowGraphCommands.GRAPH_HISTORY_REDO = {
+        id: 'xflow:history-redo',
+        label: 'history redo',
+        category,
+    };
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    XFlowGraphCommands.GRAPH_HISTORY_RESET = {
+        id: 'xflow:history-reset',
+        label: 'history reset',
+        category,
+    };
+    /** history: https://x6.antv.vision/zh/docs/api/graph/history#%E6%96%B9%E6%B3%95  */
+    XFlowGraphCommands.GRAPH_HISTORY_TOGGLE = {
+        id: 'xflow:history-toggle',
+        label: 'history toggle',
+        category,
+    };
+})(XFlowGraphCommands || (XFlowGraphCommands = {}));
+/** 全局状态 */
+export var XFlowModelCommands;
+(function (XFlowModelCommands) {
+    const category = '状态操作';
+    /** Update model 操作 */
+    XFlowModelCommands.UPDATE_MODEL = {
+        id: 'xflow:update-model',
+        label: '设置状态值',
+        category,
+    };
+})(XFlowModelCommands || (XFlowModelCommands = {}));
+/** 全局状态 */
+export var XFlowGroupCommands;
+(function (XFlowGroupCommands) {
+    const category = '群组操作';
+    /** 初始化群组操作 */
+    XFlowGroupCommands.INIT_GROUP = {
+        id: 'xflow:init-group',
+        label: '初始化群组',
+        category,
+    };
+    /** ADD GROUP 操作 */
+    XFlowGroupCommands.ADD_GROUP = {
+        id: 'xflow:add-group',
+        label: '新建群组',
+        category,
+    };
+    /** DELETE GROUP 操作 */
+    XFlowGroupCommands.DEL_GROUP = {
+        id: 'xflow:del-group',
+        label: '解散群组',
+        category,
+    };
+    /** 折叠操作 */
+    XFlowGroupCommands.COLLAPSE_GROUP = {
+        id: 'xflow:collapse-group',
+        label: '折叠群组',
+        category,
+    };
+})(XFlowGroupCommands || (XFlowGroupCommands = {}));
+//# sourceMappingURL=constant.js.map

package/es/command-contributions/constant.js.map

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

package/es/command-contributions/edge/edge-add.d.ts

@@ -0,0 +1,83 @@
+import type { NsGraph } from '../../interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import type { IHooks } from '../../hooks/interface';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { Edge as X6Edge, Model } from '@antv/x6';
+import { ICommandHandler } from '../../command/interface';
+export type ICommand = ICommandHandler<NsAddEdge.IArgs, NsAddEdge.IResult, NsAddEdge.ICmdHooks>;
+export declare namespace NsAddEdge {
+    interface IX6EdgePlainConfig {
+        sourceCell?: string;
+        sourcePort?: string;
+        targetCell?: string;
+        targetPort?: string;
+    }
+    interface IX6EdgeObjectConfig {
+        source: {
+            cell: string;
+            port: string;
+        };
+        target: {
+            cell: string;
+            port: string;
+        };
+    }
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "addEdge";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 边的元数据 */
+        edgeConfig: NsGraph.IEdgeConfig;
+        /** X6 Model Options：https://x6.antv.vision/zh/docs/api/graph/model/#addnode */
+        options?: Model.AddOptions;
+        /** cell的工厂方法 */
+        cellFactory?: IEdgeCellFactory;
+        /** 创建 edge id的方法（可选） */
+        createIdService?: ICreateEdgeIdService;
+        /** 创建 edgeCell 的方法 */
+        createEdgeService?: ICreateEdgeService;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+        /** err */
+        err?: string;
+        /** 元数据 */
+        edgeConfig?: NsGraph.IEdgeConfig;
+        /** edge的x6实例 */
+        edgeCell?: X6Edge;
+    }
+    interface ICreateEdgeService {
+        (args: IArgs): Promise<NsGraph.IEdgeConfig | boolean>;
+    }
+    interface ICreateEdgeIdService {
+        (edgeConfig: NsGraph.IEdgeConfig): Promise<string>;
+    }
+    interface IEdgeCellFactory {
+        (args: NsGraph.IEdgeConfig, self: AddEdgeCommand): Promise<X6Edge>;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        addEdge: HookHub<IArgs, IResult>;
+    }
+    /** edge id 类型 */
+    const createEdgeId: (edge: NsGraph.IEdgeConfig) => string;
+    function isX6EdgeConfig(edge: any): edge is IX6EdgeObjectConfig;
+    function isX6EdgePlainConfig(edge: any): edge is IX6EdgePlainConfig;
+}
+export declare class AddEdgeCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsAddEdge.IArgs, NsAddEdge.IResult, NsAddEdge.ICmdHooks>;
+    init(): void;
+    /** 处理edgeConfig的兜底逻辑 */
+    processEdgeConfig: (args: NsAddEdge.IArgs, edge: NsGraph.IEdgeConfig) => Promise<NsGraph.IEdgeConfig>;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}

package/es/command-contributions/edge/edge-add.js

@@ -0,0 +1,134 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { inject, injectable, postConstruct } from 'mana-syringe';
+import { StringExt } from '@antv/x6';
+import { ICommandHandler, ICommandContextProvider } from '../../command/interface';
+import { XFlowEdgeCommands } from '../constant';
+import { Disposable } from '../../common/disposable';
+export var NsAddEdge;
+(function (NsAddEdge) {
+    /** Command: 用于注册named factory */
+    NsAddEdge.command = XFlowEdgeCommands.ADD_EDGE;
+    /** hookName */
+    NsAddEdge.hookKey = 'addEdge';
+    /** edge id 类型 */
+    NsAddEdge.createEdgeId = (edge) => {
+        if (StringExt.isString(edge.source)) {
+            return `${edge.source}:${edge.sourcePortId}-${edge.target}:${edge.targetPortId}`;
+        }
+        if (isX6EdgeConfig(edge)) {
+            const x6EdgeConfig = edge;
+            return `${x6EdgeConfig.source.cell}:${x6EdgeConfig.source.port}-${x6EdgeConfig.target.cell}:${x6EdgeConfig.target.port}`;
+        }
+        if (isX6EdgePlainConfig(edge)) {
+            const x6EdgeConfig = edge;
+            return `${x6EdgeConfig.sourceCell}:${x6EdgeConfig.sourcePort}-${x6EdgeConfig.targetCell}:${x6EdgeConfig.targetPort}`;
+        }
+    };
+    function isX6EdgeConfig(edge) {
+        return edge.source && edge.source.cell && StringExt.isString(edge.source.cell);
+    }
+    NsAddEdge.isX6EdgeConfig = isX6EdgeConfig;
+    function isX6EdgePlainConfig(edge) {
+        return edge.sourceCell && StringExt.isString(edge.sourceCell);
+    }
+    NsAddEdge.isX6EdgePlainConfig = isX6EdgePlainConfig;
+})(NsAddEdge || (NsAddEdge = {}));
+let AddEdgeCommand = class AddEdgeCommand {
+    constructor() {
+        /** 处理edgeConfig的兜底逻辑 */
+        this.processEdgeConfig = (args, edge) => __awaiter(this, void 0, void 0, function* () {
+            /** 处理edgeConfig没有返回id的问题 */
+            if (!edge.id) {
+                const { createIdService = NsAddEdge.createEdgeId } = args;
+                edge.id = yield createIdService(edge);
+            }
+            /** 处理xflow edge 和x6 edge的字段差异  */
+            if (edge.sourcePortId && !edge.sourcePort) {
+                edge.sourcePort = edge.sourcePortId;
+                edge.targetPort = edge.targetPortId;
+            }
+            return edge;
+        });
+        /** 执行Cmd */
+        this.execute = () => __awaiter(this, void 0, void 0, function* () {
+            const { args, hooks: runtimeHook } = this.ctx.getArgs();
+            const hooks = this.ctx.getHooks();
+            const result = yield hooks.addEdge.call(
+            /** 执行 hooks pipeline处理args */
+            args, 
+            /** 执行 callback */
+            (handlerArgs) => __awaiter(this, void 0, void 0, function* () {
+                const { cellFactory, createEdgeService, commandService, options } = handlerArgs;
+                const graph = yield this.ctx.getX6Graph();
+                let rawEdge = handlerArgs.edgeConfig;
+                // 通过createEdgeService来获取 id/是否可以添加的信息，如果返回的nodeid为空则不添加到画布
+                if (createEdgeService) {
+                    const res = yield createEdgeService(handlerArgs);
+                    if (typeof res === 'boolean') {
+                        return { err: 'createEdgeService rejected' };
+                    }
+                    rawEdge = res;
+                }
+                const edgeConfig = yield this.processEdgeConfig(handlerArgs, rawEdge);
+                let edgeCell;
+                const eventOptions = Object.assign(Object.assign({}, options), { isCommand: true });
+                if (cellFactory) {
+                    const cell = yield cellFactory(edgeConfig, this);
+                    edgeCell = graph.addEdge(cell, eventOptions);
+                }
+                else {
+                    edgeCell = graph.addEdge(Object.assign(Object.assign({}, edgeConfig), { 
+                        /** 由于X6的实现是React节点挂在label上的, 所以必须要给label设置值 */
+                        label: (edgeConfig === null || edgeConfig === void 0 ? void 0 : edgeConfig.label) || edgeConfig, data: Object.assign({}, edgeConfig) }), eventOptions);
+                }
+                /** 创建 undo */
+                const undo = Disposable.create(() => {
+                    commandService.executeCommand(XFlowEdgeCommands.DEL_EDGE.id, {
+                        x6Edge: edgeCell,
+                    });
+                });
+                /** add undo */
+                this.ctx.addUndo(undo);
+                return { edgeConfig: edgeConfig, edgeCell };
+            }), runtimeHook);
+            this.ctx.setResult(result);
+            return this;
+        });
+        /** undo cmd */
+        this.undo = () => __awaiter(this, void 0, void 0, function* () {
+            this.ctx.undo();
+            return this;
+        });
+        /** redo cmd */
+        this.redo = () => __awaiter(this, void 0, void 0, function* () {
+            if (!this.isUndoable) {
+                yield this.execute();
+            }
+            return this;
+        });
+    }
+    init() {
+        this.ctx = this.contextProvider();
+    }
+    isUndoable() {
+        return this.ctx.isUndoable();
+    }
+};
+__decorate([
+    inject(ICommandContextProvider),
+    __metadata("design:type", Object)
+], AddEdgeCommand.prototype, "contextProvider", void 0);
+__decorate([
+    postConstruct(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], AddEdgeCommand.prototype, "init", null);
+AddEdgeCommand = __decorate([
+    injectable({
+        token: { token: ICommandHandler, named: NsAddEdge.command.id },
+    })
+    /** 创建节点命令 */
+], AddEdgeCommand);
+export { AddEdgeCommand };
+//# sourceMappingURL=edge-add.js.map

package/es/command-contributions/edge/edge-add.js.map

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

package/es/command-contributions/edge/edge-back.d.ts

@@ -0,0 +1,27 @@
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsBackEdge.IArgs, NsBackEdge.IResult, NsBackEdge.ICmdHooks>;
+export declare namespace NsBackEdge {
+    const command: import("../../command/interface").IGraphCommand;
+    const hookKey = "frontEdge";
+    interface IArgs extends IArgsBase {
+        edgeId: string;
+    }
+    interface IResult {
+    }
+    interface ICmdHooks extends IHooks {
+        frontEdge: HookHub<IArgs, IResult>;
+    }
+}
+export declare class BackEdgeCommand implements ICommand {
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsBackEdge.IArgs, NsBackEdge.IResult, NsBackEdge.ICmdHooks>;
+    init(): void;
+    execute: () => Promise<this>;
+    undo: () => Promise<this>;
+    redo: () => Promise<this>;
+    isUndoable(): boolean;
+}
+export {};

package/es/command-contributions/edge/edge-back.js

@@ -0,0 +1,72 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { inject, injectable, postConstruct } from 'mana-syringe';
+import { ICommandHandler, ICommandContextProvider } from '../../command/interface';
+import { XFlowEdgeCommands } from '../constant';
+import { Disposable } from '../../common/disposable';
+export var NsBackEdge;
+(function (NsBackEdge) {
+    NsBackEdge.command = XFlowEdgeCommands.BACK_EDGE;
+    NsBackEdge.hookKey = 'frontEdge';
+})(NsBackEdge || (NsBackEdge = {}));
+let BackEdgeCommand = class BackEdgeCommand {
+    constructor() {
+        this.execute = () => __awaiter(this, void 0, void 0, function* () {
+            const { args, hooks: runtimeHook } = this.ctx.getArgs();
+            const hooks = this.ctx.getHooks();
+            const result = yield hooks.frontEdge.call(args, (handlerArgs) => __awaiter(this, void 0, void 0, function* () {
+                const x6Graph = yield this.ctx.getX6Graph();
+                const { edgeId } = handlerArgs;
+                const x6Edge = x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.getCellById(edgeId);
+                if (!x6Edge) {
+                    console.error(edgeId, 'this edgeId is not exist');
+                }
+                else {
+                    x6Edge.toBack();
+                    /** frontEdge undo */
+                    this.ctx.addUndo(Disposable.create(() => __awaiter(this, void 0, void 0, function* () {
+                        handlerArgs.commandService.executeCommand(XFlowEdgeCommands.FRONT_EDGE.id, {
+                            edgeId,
+                        });
+                    })));
+                }
+                return {};
+            }), runtimeHook);
+            this.ctx.setResult(result);
+            return this;
+        });
+        this.undo = () => __awaiter(this, void 0, void 0, function* () {
+            this.ctx.undo();
+            return this;
+        });
+        this.redo = () => __awaiter(this, void 0, void 0, function* () {
+            if (!this.ctx.isUndoable) {
+                yield this.execute();
+            }
+            return this;
+        });
+    }
+    init() {
+        this.ctx = this.contextProvider();
+    }
+    isUndoable() {
+        return this.ctx.isUndoable();
+    }
+};
+__decorate([
+    inject(ICommandContextProvider),
+    __metadata("design:type", Object)
+], BackEdgeCommand.prototype, "contextProvider", void 0);
+__decorate([
+    postConstruct(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], BackEdgeCommand.prototype, "init", null);
+BackEdgeCommand = __decorate([
+    injectable({
+        token: { token: ICommandHandler, named: NsBackEdge.command.id },
+    })
+    /** 边后置命令(始终在画布最后方) */
+], BackEdgeCommand);
+export { BackEdgeCommand };
+//# sourceMappingURL=edge-back.js.map

package/es/command-contributions/edge/edge-back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-back.js","sourceRoot":"","sources":["../../../src/command-contributions/edge/edge-back.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAKhE,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAKpD,MAAM,KAAW,UAAU,CAW1B;AAXD,WAAiB,UAAU;IACZ,kBAAO,GAAG,iBAAiB,CAAC,SAAS,CAAA;IACrC,kBAAO,GAAG,WAAW,CAAA;AASpC,CAAC,EAXgB,UAAU,KAAV,UAAU,QAW1B;AAMM,IAAM,eAAe,GAArB,MAAM,eAAe;IAArB;QAUL,YAAO,GAAG,GAAS,EAAE;YACnB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAA;YACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAEjC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,IAAI,CACvC,IAAI,EACJ,CAAM,WAAW,EAAC,EAAE;gBAClB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;gBAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,CAAA;gBAC9B,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,MAAM,CAAW,CAAA;gBACrD,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAA;iBAClD;qBAAM;oBACL,MAAM,CAAC,MAAM,EAAE,CAAA;oBACf,qBAAqB;oBACrB,IAAI,CAAC,GAAG,CAAC,OAAO,CACd,UAAU,CAAC,MAAM,CAAC,GAAS,EAAE;wBAC3B,WAAW,CAAC,cAAc,CAAC,cAAc,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,EAAE;4BACzE,MAAM;yBACsB,CAAC,CAAA;oBACjC,CAAC,CAAA,CAAC,CACH,CAAA;iBACF;gBACD,OAAO,EAAE,CAAA;YACX,CAAC,CAAA,EACD,WAAW,CACZ,CAAA;YACD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YAC1B,OAAO,IAAI,CAAA;QACb,CAAC,CAAA,CAAA;QAED,SAAI,GAAG,GAAS,EAAE;YAChB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;YACf,OAAO,IAAI,CAAA;QACb,CAAC,CAAA,CAAA;QAED,SAAI,GAAG,GAAS,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;gBACxB,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA;aACrB;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAA,CAAA;IAKH,CAAC;IAlDC,IAAI;QACF,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IACnC,CAAC;IA6CD,UAAU;QACR,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;CACF,CAAA;AAvDC;IAAC,MAAM,CAAC,uBAAuB,CAAC;;wDAA6C;AAI7E;IAAC,aAAa,EAAE;;;;2CAGf;AARU,eAAe;IAJ3B,UAAU,CAAC;QACV,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE;KAChE,CAAC;IACF,sBAAsB;GACT,eAAe,CAwD3B;SAxDY,eAAe"}