@kieler/klighd-core
Version:
Core KLighD diagram visualization with Sprotty
76 lines • 3.7 kB
JavaScript
"use strict";
/*
* KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
*
* http://rtsys.informatik.uni-kiel.de/kieler
*
* Copyright 2023 by
* + Kiel University
* + Department of Computer Science
* + Real-Time and Embedded Systems Group
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* SPDX-License-Identifier: EPL-2.0
*/
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.KlighdMouseTool = void 0;
const inversify_1 = require("inversify");
const sprotty_1 = require("sprotty");
const proxy_view_util_1 = require("./proxy-view/proxy-view-util");
/* global Element, MouseEvent */
let KlighdMouseTool = class KlighdMouseTool extends sprotty_1.MouseTool {
decorate(vnode, element) {
if (element instanceof sprotty_1.SModelRootImpl || (0, proxy_view_util_1.isProxy)(vnode)) {
(0, sprotty_1.on)(vnode, 'mouseover', this.mouseOver.bind(this, element));
(0, sprotty_1.on)(vnode, 'mouseout', this.mouseOut.bind(this, element));
(0, sprotty_1.on)(vnode, 'mouseenter', this.mouseEnter.bind(this, element));
(0, sprotty_1.on)(vnode, 'mouseleave', this.mouseLeave.bind(this, element));
(0, sprotty_1.on)(vnode, 'mousedown', this.mouseDown.bind(this, element));
(0, sprotty_1.on)(vnode, 'mouseup', this.mouseUp.bind(this, element));
(0, sprotty_1.on)(vnode, 'mousemove', this.mouseMove.bind(this, element));
(0, sprotty_1.on)(vnode, 'wheel', this.wheel.bind(this, element));
(0, sprotty_1.on)(vnode, 'contextmenu', this.contextMenu.bind(this, element));
(0, sprotty_1.on)(vnode, 'dblclick', this.doubleClick.bind(this, element));
}
vnode = this.mouseListeners.reduce((n, listener) => listener.decorate(n, element), vnode);
return vnode;
}
getTargetElement(model, event) {
let target = event.target;
const { index } = model;
while (target) {
if (target.id) {
let nodeId = this.domHelper.findSModelIdByDOMElement(target);
if (nodeId.endsWith(proxy_view_util_1.PROXY_SUFFIX)) {
nodeId = nodeId.substring(0, nodeId.length - proxy_view_util_1.PROXY_SUFFIX.length);
}
else {
nodeId = this.domHelper.findSModelIdByDOMElement(target);
}
const element = index.getById(nodeId);
if (element !== undefined)
return element;
}
target = target.parentNode;
}
return undefined;
}
};
exports.KlighdMouseTool = KlighdMouseTool;
exports.KlighdMouseTool = KlighdMouseTool = __decorate([
(0, inversify_1.injectable)()
/**
* This copies and extends the MouseTool class from Sprotty, but with the
* decorate method changed to also add mouse listeners to proxy nodes.
*/
], KlighdMouseTool);
//# sourceMappingURL=klighd-mouse-tool.js.map