@logicflow/core 1.2.27 → 2.0.0-beta.0

package/lib/history/index.js

@@ -0,0 +1,114 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.History = void 0;
+var lodash_es_1 = require("lodash-es");
+var mobx_utils_1 = require("mobx-utils");
+var constant_1 = require("../constant");
+var History = /** @class */ (function () {
+    function History(eventCenter) {
+        this.undos = [];
+        this.redos = [];
+        this.callbacks = [];
+        this.stopWatch = null;
+        this.curData = null;
+        this.maxSize = 50;
+        // 发生数据变化后，最多再等500ms，把距离上次的数据变更存储起来。
+        // 所以waitTime值越小，History对数据变化越敏感，存的undos就越细。
+        this.waitTime = 100;
+        this.eventCenter = eventCenter;
+    }
+    History.prototype.add = function (data) {
+        if ((0, lodash_es_1.isEqual)((0, lodash_es_1.last)(this.undos), data))
+            return;
+        this.undos.push(data);
+        // 因为undo的时候，会触发add.
+        // 所以需要区分这个add是undo触发的，还是用户正常操作触发的。
+        // 如果是用户正常操作触发的，需要清空redos
+        if (!(0, lodash_es_1.isEqual)(this.curData, data)) {
+            this.redos = [];
+        }
+        this.eventCenter.emit(constant_1.EventType.HISTORY_CHANGE, {
+            data: {
+                undos: this.undos,
+                redos: this.redos,
+                undoAble: this.undoAble(),
+                redoAble: this.redoAble(),
+            },
+        });
+        if (this.undos.length > this.maxSize) {
+            this.undos.shift();
+        }
+    };
+    History.prototype.undoAble = function () {
+        // undos栈顶就是当前图渲染出来的数据。
+        return this.undos.length > 1;
+    };
+    // 1) undo方法触发
+    // 2) graphModel重新渲染nodes和edges
+    // 3) graphModel发生变化，触发watch
+    // 4) watch触发add
+    History.prototype.undo = function () {
+        if (!this.undoAble())
+            return;
+        var preData = this.undos.pop();
+        this.redos.push(preData);
+        var curData = this.undos.pop();
+        this.curData = (0, lodash_es_1.cloneDeep)(curData);
+        return curData;
+    };
+    History.prototype.redoAble = function () {
+        return this.redos.length > 0;
+    };
+    History.prototype.redo = function () {
+        if (!this.redoAble())
+            return;
+        var curData = this.redos.pop();
+        this.curData = (0, lodash_es_1.cloneDeep)(curData);
+        return curData;
+    };
+    History.prototype.watch = function (model) {
+        var _this = this;
+        this.stopWatch && this.stopWatch();
+        // 把当前watch的model转换一下数据存起来，无需清空redos。
+        this.undos.push(model.modelToGraphData());
+        this.stopWatch = (0, mobx_utils_1.deepObserve)(
+        // TODO：避免用户触发「The same observable object cannot appear twice in the same tree」 错误
+        // 例如：在自定义节点的 setAttributes 方法中，将 nodeModel 属性赋值给另一个 observable 属性
+        // eg:
+        // setAttributes() {
+        //   this.width = 120
+        //   this.height = 50
+        //
+        //   if (this.text) {
+        //     this.properties.text = this.text;
+        //     this.text.value = '';
+        //   }
+        // }
+        // 解决方案：使用 cloneDeep 方法，将 observable 对象克隆一份。需要测试下面操作是否会造成其它问题
+        // https://stackoverflow.com/questions/55328504/a-node-cannot-exists-twice-in-the-state-tree-mobx-state-tree
+        // cloneDeep(model),
+        model, (0, lodash_es_1.debounce)(function () {
+            // 数据变更后，把最新的当前model数据存起来，并清空 redos。
+            // 因为这个回调函数的触发，一般是用户交互而引起的，所以按正常逻辑需要清空 redos。
+            var data = model.modelToHistoryData();
+            if (data) {
+                _this.add(__assign({}, data));
+            }
+        }, this.waitTime));
+    };
+    return History;
+}());
+exports.History = History;
+exports.default = History;
+//# sourceMappingURL=index.js.map

package/lib/history/index.js.map

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

package/lib/index.css

@@ -0,0 +1,210 @@
+.lf-graph {
+  position: relative;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  user-select: none;
+}
+.lf-element-text {
+  cursor: text;
+}
+.lf-text-disabled {
+  pointer-events: none;
+}
+.lf-text-draggable {
+  cursor: move;
+}
+.lf-node-anchor {
+  cursor: crosshair;
+}
+.lf-node-anchor-hover {
+  visibility: hidden;
+}
+.lf-anchor:hover .lf-node-anchor-hover {
+  visibility: visible;
+}
+.lf-edge.pointer-none {
+  pointer-events: none;
+}
+.lf-edge-append {
+  cursor: pointer;
+}
+.lf-edge-animation {
+  stroke-dashoffset: 100%;
+  animation: lf_animate_dash 5s linear infinite;
+}
+@keyframes lf_animate_dash {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+/* node */
+.lf-node-not-allow {
+  cursor: not-allowed;
+}
+.lf-polyline-append-ns-resize {
+  cursor: ns-resize;
+}
+.lf-polyline-append-ew-resize {
+  cursor: ew-resize;
+}
+.lf-dragging {
+  cursor: move;
+}
+.lf-dragging .lf-element-text {
+  cursor: move;
+}
+.lf-draggable {
+  cursor: default;
+}
+.lf-bezier-adjust-anchor {
+  cursor: pointer;
+}
+/* background */
+.lf-background,
+.lf-grid {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+}
+.lf-background-area {
+  width: 100%;
+  height: 100%;
+}
+/* html-overlay */
+.lf-html-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  overflow: hidden;
+  user-select: none;
+  pointer-events: none;
+}
+.lf-html-overlay__transform > * {
+  pointer-events: all;
+}
+.lf-text-editable {
+  pointer-events: all;
+}
+.lf-text-input {
+  position: absolute;
+  box-sizing: border-box;
+  min-width: 100px;
+  min-height: 20px;
+  padding: 5px;
+  line-height: 1.2;
+  white-space: pre;
+  text-align: center;
+  background: #fff;
+  border: 1px solid #edefed;
+  border-radius: 3px;
+  outline: none;
+  transform: translate(-50%, -50%);
+  resize: none;
+}
+.lf-get-text-height {
+  display: inline-block;
+  box-sizing: border-box;
+  word-break: break-all;
+  /* 为了跟输入效果保持一致，设置透明边框占位 */
+  border: 1px solid transparent;
+}
+.lf-node-text-auto-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  /* border: 1px solid transparent; */
+}
+.lf-node-text-auto-wrap-content {
+  width: 100%;
+  line-height: 1.2;
+  text-align: center;
+  word-break: break-all;
+  background: transparent;
+}
+.lf-node-text-ellipsis-content {
+  width: 100%;
+  line-height: 1.2;
+  white-space: nowrap;
+  text-align: center;
+  background: transparent;
+  /* overflow: hidden;
+  text-overflow: ellipsis; */
+}
+.lf-node-text-ellipsis-content > div {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/* tool-overlay */
+.lf-tool-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  overflow: hidden;
+  pointer-events: none;
+}
+.lf-tool-overlay > * {
+  pointer-events: all;
+}
+/* modification-overlay */
+.modification-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  overflow: hidden;
+  pointer-events: none;
+}
+.modification-overlay > * {
+  pointer-events: all;
+}
+.lf-outline,
+.lf-snapline {
+  pointer-events: none;
+}
+.lf-keyboard-tips {
+  float: right;
+}
+.lf-node-select-decorate {
+  position: absolute;
+  border: 1px dashed #343435;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+.lf-multiple-select {
+  position: absolute;
+  border: 2px dashed #187dffcc;
+  box-shadow: 0 0 3px 0 #187dff80;
+  cursor: move;
+}
+.lf-edge-adjust-point {
+  cursor: move;
+}
+.lf-rotate-control {
+  cursor: grabbing;
+}
+.lf-resize-control-nw {
+  cursor: nw-resize;
+}
+.lf-resize-control-n {
+  cursor: n-resize;
+}
+.lf-resize-control-ne {
+  cursor: ne-resize;
+}
+.lf-resize-control-e {
+  cursor: e-resize;
+}
+.lf-resize-control-se {
+  cursor: se-resize;
+}
+.lf-resize-control-s {
+  cursor: s-resize;
+}
+.lf-resize-control-sw {
+  cursor: sw-resize;
+}
+.lf-resize-control-w {
+  cursor: w-resize;
+}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+import { createElement as h, createRef, Component } from 'preact/compat';
+import LogicFlow from './LogicFlow';
+import * as LogicFlowUtil from './util';
+export declare function observer<P>(props: P): any;
+export { LogicFlow, h, createRef, Component, LogicFlowUtil };
+export * from './view';
+export * from './model';
+export * from './options';
+export * from './keyboard';
+export { ElementState, ModelType, ElementType, EventType } from './constant';
+export { formateAnchorConnectValidateData } from './util/node';
+export default LogicFlow;

package/lib/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formateAnchorConnectValidateData = exports.EventType = exports.ElementType = exports.ModelType = exports.ElementState = exports.LogicFlowUtil = exports.Component = exports.createRef = exports.h = exports.LogicFlow = exports.observer = void 0;
+var mobx_preact_1 = require("mobx-preact");
+var compat_1 = require("preact/compat");
+Object.defineProperty(exports, "h", { enumerable: true, get: function () { return compat_1.createElement; } });
+Object.defineProperty(exports, "createRef", { enumerable: true, get: function () { return compat_1.createRef; } });
+Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return compat_1.Component; } });
+var LogicFlow_1 = __importDefault(require("./LogicFlow"));
+exports.LogicFlow = LogicFlow_1.default;
+var LogicFlowUtil = __importStar(require("./util"));
+exports.LogicFlowUtil = LogicFlowUtil;
+function observer(props) {
+    return (0, mobx_preact_1.observer)(props);
+}
+exports.observer = observer;
+__exportStar(require("./view"), exports);
+__exportStar(require("./model"), exports);
+__exportStar(require("./options"), exports);
+__exportStar(require("./keyboard"), exports);
+var constant_1 = require("./constant");
+Object.defineProperty(exports, "ElementState", { enumerable: true, get: function () { return constant_1.ElementState; } });
+Object.defineProperty(exports, "ModelType", { enumerable: true, get: function () { return constant_1.ModelType; } });
+Object.defineProperty(exports, "ElementType", { enumerable: true, get: function () { return constant_1.ElementType; } });
+Object.defineProperty(exports, "EventType", { enumerable: true, get: function () { return constant_1.EventType; } });
+var node_1 = require("./util/node");
+Object.defineProperty(exports, "formateAnchorConnectValidateData", { enumerable: true, get: function () { return node_1.formateAnchorConnectValidateData; } });
+exports.default = LogicFlow_1.default;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAsD;AACtD,wCAAwE;AASpD,kFATM,sBAAC,OASN;AAAE,0FATM,kBAAS,OASN;AAAE,0FATM,kBAAS,OASN;AAR3C,0DAAmC;AAQ1B,oBARF,mBAAS,CAQE;AANlB,oDAAuC;AAMM,sCAAa;AAJ1D,SAAgB,QAAQ,CAAI,KAAQ;IAClC,OAAO,IAAA,sBAAY,EAAC,KAAY,CAAC,CAAA;AACnC,CAAC;AAFD,4BAEC;AAID,yCAAsB;AACtB,0CAAuB;AACvB,4CAAyB;AACzB,6CAA0B;AAC1B,uCAA4E;AAAnE,wGAAA,YAAY,OAAA;AAAE,qGAAA,SAAS,OAAA;AAAE,uGAAA,WAAW,OAAA;AAAE,qGAAA,SAAS,OAAA;AAExD,oCAA8D;AAArD,wHAAA,gCAAgC,OAAA;AAEzC,kBAAe,mBAAS,CAAA"}

package/lib/index.less

@@ -0,0 +1 @@
+@import url('./style/index');

package/lib/keyboard/index.d.ts

@@ -0,0 +1,31 @@
+import { MousetrapInstance } from 'mousetrap';
+import LogicFlow from '../LogicFlow';
+export type Action = 'keypress' | 'keydown' | 'keyup';
+export type Handler = (e: KeyboardEvent) => void;
+export interface KeyboardDef {
+    enabled: boolean;
+    shortcuts?: Array<{
+        keys: string | string[];
+        callback: Handler;
+        action?: Action;
+    }>;
+}
+export interface KeyboardOptions {
+    lf: LogicFlow;
+    keyboard?: KeyboardDef;
+}
+export declare class Keyboard {
+    readonly mousetrap: MousetrapInstance;
+    options: KeyboardOptions;
+    private readonly target;
+    constructor(options: KeyboardOptions);
+    initShortcuts(): void;
+    on(keys: string | string[], callback: Handler, action?: Action): void;
+    get disabled(): boolean;
+    off(keys: string | string[], action?: Action): void;
+    enable(force: boolean): void;
+    disable(): void;
+    private getKeys;
+    protected formatKey(key: string): string;
+}
+export default Keyboard;

package/lib/keyboard/index.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Keyboard = void 0;
+var lodash_es_1 = require("lodash-es");
+var mousetrap_1 = __importDefault(require("mousetrap"));
+var Keyboard = /** @class */ (function () {
+    function Keyboard(options) {
+        if (!options.keyboard) {
+            options.keyboard = { enabled: false };
+        }
+        this.options = options;
+        var lf = options.lf;
+        this.target = lf.container;
+        this.mousetrap = new mousetrap_1.default(this.target);
+        // 默认开启快捷键，且不是静默模式时enable
+        if (options.keyboard.enabled && !lf.options.isSilentMode) {
+            this.enable(true);
+        }
+    }
+    Keyboard.prototype.initShortcuts = function () {
+        var _this = this;
+        var _a;
+        var shortcuts = ((_a = this.options.keyboard) !== null && _a !== void 0 ? _a : {}).shortcuts;
+        if (shortcuts) {
+            if ((0, lodash_es_1.isArray)(shortcuts)) {
+                shortcuts.forEach(function (_a) {
+                    var keys = _a.keys, callback = _a.callback, action = _a.action;
+                    return _this.on(keys, callback, action);
+                });
+            }
+            else {
+                var keys = shortcuts.keys, callback = shortcuts.callback, action = shortcuts.action;
+                this.on(keys, callback, action);
+            }
+        }
+    };
+    Keyboard.prototype.on = function (keys, callback, action) {
+        this.mousetrap.bind(this.getKeys(keys), callback, action);
+    };
+    Object.defineProperty(Keyboard.prototype, "disabled", {
+        get: function () {
+            var _a, _b;
+            return ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.keyboard) === null || _b === void 0 ? void 0 : _b.enabled) !== true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Keyboard.prototype.off = function (keys, action) {
+        this.mousetrap.unbind(this.getKeys(keys), action);
+    };
+    Keyboard.prototype.enable = function (force) {
+        if (this.disabled || force) {
+            if (this.options.keyboard) {
+                this.options.keyboard.enabled = true;
+            }
+            if (this.target instanceof HTMLElement) {
+                this.target.setAttribute('tabindex', '-1');
+                // 去掉节点被选中时container出现的边框
+                this.target.style.outline = 'none';
+            }
+        }
+    };
+    Keyboard.prototype.disable = function () {
+        if (!this.disabled) {
+            if (this.options.keyboard) {
+                this.options.keyboard.enabled = false;
+            }
+            if (this.target instanceof HTMLElement) {
+                this.target.removeAttribute('tabindex');
+            }
+        }
+    };
+    Keyboard.prototype.getKeys = function (keys) {
+        var _this = this;
+        return (Array.isArray(keys) ? keys : [keys]).map(function (key) {
+            return _this.formatKey(key);
+        });
+    };
+    Keyboard.prototype.formatKey = function (key) {
+        return key
+            .toLowerCase()
+            .replace(/\s/g, '')
+            .replace('delete', 'del')
+            .replace('cmd', 'command');
+    };
+    return Keyboard;
+}());
+exports.Keyboard = Keyboard;
+exports.default = Keyboard;
+//# sourceMappingURL=index.js.map

package/lib/keyboard/index.js.map

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

package/lib/keyboard/shortcut.d.ts

@@ -0,0 +1,3 @@
+import LogicFlow from '../LogicFlow';
+import GraphModel from '../model/GraphModel';
+export declare function initDefaultShortcut(lf: LogicFlow, graph: GraphModel): void;

package/lib/keyboard/shortcut.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initDefaultShortcut = void 0;
+var selected = null;
+function translationNodeData(nodeData, distance) {
+    nodeData.x += distance;
+    nodeData.y += distance;
+    if (nodeData.text) {
+        nodeData.text.x += distance;
+        nodeData.text.y += distance;
+    }
+    return nodeData;
+}
+function translationEdgeData(edgeData, distance) {
+    if (edgeData.startPoint) {
+        edgeData.startPoint.x += distance;
+        edgeData.startPoint.y += distance;
+    }
+    if (edgeData.endPoint) {
+        edgeData.endPoint.x += distance;
+        edgeData.endPoint.y += distance;
+    }
+    if (edgeData.pointsList && edgeData.pointsList.length > 0) {
+        edgeData.pointsList.forEach(function (point) {
+            point.x += distance;
+            point.y += distance;
+        });
+    }
+    if (edgeData.text) {
+        edgeData.text.x += distance;
+        edgeData.text.y += distance;
+    }
+    return edgeData;
+}
+var TRANSLATION_DISTANCE = 40;
+var CHILDREN_TRANSLATION_DISTANCE = 40;
+function initDefaultShortcut(lf, graph) {
+    var keyboard = lf.keyboard;
+    var keyboardOptions = keyboard.options.keyboard;
+    // 复制
+    keyboard.on(['cmd + c', 'ctrl + c'], function () {
+        CHILDREN_TRANSLATION_DISTANCE = TRANSLATION_DISTANCE;
+        if (!(keyboardOptions === null || keyboardOptions === void 0 ? void 0 : keyboardOptions.enabled))
+            return true;
+        if (graph.textEditElement)
+            return true;
+        var guards = lf.options.guards;
+        var elements = graph.getSelectElements(false);
+        var enabledClone = guards && guards.beforeClone ? guards.beforeClone(elements) : true;
+        if (!enabledClone ||
+            (elements.nodes.length === 0 && elements.edges.length === 0)) {
+            selected = null;
+            return true;
+        }
+        selected = elements;
+        selected.nodes.forEach(function (node) {
+            return translationNodeData(node, TRANSLATION_DISTANCE);
+        });
+        selected.edges.forEach(function (edge) {
+            return translationEdgeData(edge, TRANSLATION_DISTANCE);
+        });
+        return false;
+    });
+    // 粘贴
+    keyboard.on(['cmd + v', 'ctrl + v'], function () {
+        if (!(keyboardOptions === null || keyboardOptions === void 0 ? void 0 : keyboardOptions.enabled))
+            return true;
+        if (graph.textEditElement)
+            return true;
+        if (selected && (selected.nodes || selected.edges)) {
+            lf.clearSelectElements();
+            var addElements = lf.addElements(selected, CHILDREN_TRANSLATION_DISTANCE);
+            if (!addElements)
+                return true;
+            addElements.nodes.forEach(function (node) { return lf.selectElementById(node.id, true); });
+            addElements.edges.forEach(function (edge) { return lf.selectElementById(edge.id, true); });
+            selected.nodes.forEach(function (node) {
+                return translationNodeData(node, TRANSLATION_DISTANCE);
+            });
+            selected.edges.forEach(function (edge) {
+                return translationEdgeData(edge, TRANSLATION_DISTANCE);
+            });
+            CHILDREN_TRANSLATION_DISTANCE =
+                CHILDREN_TRANSLATION_DISTANCE + TRANSLATION_DISTANCE;
+        }
+        return false;
+    });
+    // undo
+    keyboard.on(['cmd + z', 'ctrl + z'], function () {
+        if (!(keyboardOptions === null || keyboardOptions === void 0 ? void 0 : keyboardOptions.enabled))
+            return true;
+        if (graph.textEditElement)
+            return true;
+        lf.undo();
+        return false;
+    });
+    // redo
+    keyboard.on(['cmd + y', 'ctrl + y'], function () {
+        if (!(keyboardOptions === null || keyboardOptions === void 0 ? void 0 : keyboardOptions.enabled))
+            return true;
+        if (graph.textEditElement)
+            return true;
+        lf.redo();
+        return false;
+    });
+    // delete
+    keyboard.on(['backspace'], function () {
+        if (!(keyboardOptions === null || keyboardOptions === void 0 ? void 0 : keyboardOptions.enabled))
+            return true;
+        if (graph.textEditElement)
+            return true;
+        var elements = graph.getSelectElements(true);
+        lf.clearSelectElements();
+        elements.edges.forEach(function (edge) { return edge.id && lf.deleteEdge(edge.id); });
+        elements.nodes.forEach(function (node) { return node.id && lf.deleteNode(node.id); });
+        return false;
+    });
+}
+exports.initDefaultShortcut = initDefaultShortcut;
+//# sourceMappingURL=shortcut.js.map

package/lib/keyboard/shortcut.js.map

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