@eclipse-glsp/client
Version:
A sprotty-based client for GLSP
69 lines • 3.61 kB
JavaScript
;
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.GEdgeView = void 0;
/********************************************************************************
* Copyright (c) 2021-2024 EclipseSource and others.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* This Source Code may also be made available under the following Secondary
* Licenses when the conditions for such availability set forth in the Eclipse
* Public License v. 2.0 are satisfied: GNU General Public License, version 2
* with the GNU Classpath Exception which is available at
* https://www.gnu.org/software/classpath/license.html.
*
* SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
********************************************************************************/
/** @jsx svg */
const sprotty_1 = require("@eclipse-glsp/sprotty");
const inversify_1 = require("inversify");
const argument_utils_1 = require("../utils/argument-utils");
let GEdgeView = class GEdgeView extends sprotty_1.PolylineEdgeView {
render(edge, context) {
const router = this.edgeRouterRegistry.get(edge.routerKind);
const route = router.route(edge);
if (route.length === 0) {
return this.renderDanglingEdge('Cannot compute route', edge, context);
}
return ((0, sprotty_1.svg)("g", { "class-sprotty-edge": true, "class-mouseover": edge.hoverFeedback, ...this.additionalClasses(edge, context) },
this.renderLine(edge, route, context),
this.renderAdditionals(edge, route, context),
context.renderChildren(edge, { route })));
}
additionalClasses(_edge, _context) {
return {};
}
renderLine(_edge, segments, _context) {
return (0, sprotty_1.svg)("path", { d: this.createPathForSegments(segments) });
}
renderAdditionals(edge, segments, _context) {
// for additional padding we draw another transparent path with larger stroke width
const edgePadding = argument_utils_1.EdgePadding.from(edge);
return edgePadding ? [this.renderMouseHandle(segments, edgePadding)] : [];
}
renderMouseHandle(segments, padding) {
return ((0, sprotty_1.svg)("path", { "class-mouse-handle": true, d: this.createPathForSegments(segments), "style-stroke-width": padding * 2, "style-stroke": 'transparent', "style-stroke-dasharray": 'none', "style-stroke-dashoffset": '0' }));
}
createPathForSegments(segments) {
const firstPoint = segments[0];
let path = `M ${firstPoint.x},${firstPoint.y}`;
for (let i = 1; i < segments.length; i++) {
const p = segments[i];
path += ` L ${p.x},${p.y}`;
}
return path;
}
};
exports.GEdgeView = GEdgeView;
exports.GEdgeView = GEdgeView = __decorate([
(0, inversify_1.injectable)()
], GEdgeView);
//# sourceMappingURL=gedge-view.js.map