@eclipse-glsp/client 0.9.0-rc-01 → 0.10.0-next.bb1c2fd.157

package/src/utils/smodel-util.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 EclipseSource and others.
+ * Copyright (c) 2019-2021 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
@@ -13,6 +13,7 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
+import { ElementAndRoutingPoints } from '@eclipse-glsp/protocol';
 import {
     BoundsAware,
     ElementAndBounds,
@@ -28,20 +29,22 @@ import {
     SRoutingHandle
 } from 'sprotty';
 
-import { ElementAndRoutingPoints } from '../base/operations/operation';
-
 export function getIndex(element: SModelElement): SModelIndex<SModelElement> {
     return element.root.index;
 }
 
-export function forEachElement<T>(element: SModelElement, predicate: (element: SModelElement) => element is SModelElement & T,
-    runnable: (element: SModelElement & T) => void): void {
-    getIndex(element).all()
-        .filter(predicate)
-        .forEach(runnable);
+export function forEachElement<T>(
+    element: SModelElement,
+    predicate: (modelElement: SModelElement) => modelElement is SModelElement & T,
+    runnable: (modelElement: SModelElement & T) => void
+): void {
+    getIndex(element).all().filter(predicate).forEach(runnable);
 }
 
-export function getMatchingElements<T>(element: SModelElement, predicate: (element: SModelElement) => element is SModelElement & T): (SModelElement & T)[] {
+export function getMatchingElements<T>(
+    element: SModelElement,
+    predicate: (modelElement: SModelElement) => modelElement is SModelElement & T
+): (SModelElement & T)[] {
     const matching: (SModelElement & T)[] = [];
     forEachElement(element, predicate, item => matching.push(item));
     return matching;
@@ -53,9 +56,10 @@ export function hasSelectedElements(element: SModelElement): boolean {
 
 export function getSelectedElementCount(element: SModelElement): number {
     let selected = 0;
-    getIndex(element).all()
+    getIndex(element)
+        .all()
         .filter(isSelected)
-        .forEach(e => selected = selected + 1);
+        .forEach(e => (selected = selected + 1));
     return selected;
 }
 

package/src/utils/viewpoint-util.ts

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2019 EclipseSource and others.
+ * Copyright (c) 2019-2021 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
@@ -13,15 +13,14 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
+import { Bounds, Point } from '@eclipse-glsp/protocol';
 import {
-    Bounds,
     BoundsAware,
     Dimension,
     findParentByFeature,
     isAlignable,
     isViewport,
     ORIGIN_POINT,
-    Point,
     SModelElement,
     translateBounds,
     Viewport
@@ -41,7 +40,8 @@ import {
  *  A mouseEvent
  */
 export function getAbsolutePosition(target: SModelElement, mouseEvent: MouseEvent): Point {
-    let xPos = mouseEvent.pageX; let yPos = mouseEvent.pageY;
+    let xPos = mouseEvent.pageX;
+    let yPos = mouseEvent.pageY;
     const canvasBounds = target.root.canvasBounds;
     xPos -= canvasBounds.x;
     yPos -= canvasBounds.y;

package/src/views/base-view-module.ts

@@ -13,6 +13,7 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
+import { DefaultTypes } from '@eclipse-glsp/protocol';
 import { ContainerModule, interfaces } from 'inversify';
 import {
     CircularNode,
@@ -45,9 +46,7 @@ import {
     SvgViewportView,
     ViewportRootElement
 } from 'sprotty';
-
 import { GLSPGraph } from '../lib/model';
-import { DefaultTypes } from './default-types';
 import { GEdgeView } from './glsp-edge-view';
 import { GIssueMarkerView } from './issue-marker-view';
 import { RoundedCornerNodeView } from './rounded-corner-view';

package/src/{base/actions/edit-mode-action.ts → views/compartments.tsx}

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020 EclipseSource and others.
+ * Copyright (c) 2021 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
@@ -14,20 +14,24 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 import { injectable } from 'inversify';
-import { Action } from 'sprotty';
+import { VNode } from 'snabbdom';
+import { BoundsAware, RenderingContext, SChildElement, SCompartment, ShapeView, svg } from 'sprotty/lib';
 
-@injectable()
-export class SetEditModeAction implements Action {
-    static readonly KIND = 'setEditMode';
-    constructor(public readonly editMode: string = EditMode.EDITABLE, public readonly kind: string = SetEditModeAction.KIND) { }
-}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const JSX = { createElement: svg };
 
-export function isSetEditModeAction(action: Action): action is SetEditModeAction {
-    return action !== undefined && (action.kind === SetEditModeAction.KIND)
-        && 'editMode' in action && typeof action['editMode'] === 'string';
-}
+@injectable()
+export class StructureCompartmentView extends ShapeView {
+    render(model: Readonly<SCompartment & SChildElement & BoundsAware>, context: RenderingContext): VNode | undefined {
+        if (!this.isVisible(model, context)) {
+            return undefined;
+        }
 
-export namespace EditMode {
-    export const READONLY = 'readonly';
-    export const EDITABLE = 'editable';
+        return (
+            <g>
+                <rect class-sprotty-comp={true} class-debug={false} x='0' y='0' width={model.size.width} height={model.size.height}></rect>
+                {context.renderChildren(model)}
+            </g>
+        );
+    }
 }

package/src/views/glsp-edge-view.tsx

@@ -13,16 +13,14 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
+import { Point } from '@eclipse-glsp/protocol';
 import { injectable } from 'inversify';
-import * as snabbdom from 'snabbdom-jsx';
-import { Classes } from 'snabbdom/modules/class';
-import { VNode } from 'snabbdom/vnode';
-import { Point, PolylineEdgeView, RenderingContext, SEdge } from 'sprotty';
-
+import { Classes, VNode } from 'snabbdom';
+import { PolylineEdgeView, RenderingContext, SEdge, svg } from 'sprotty';
 import { EdgePadding } from '../utils/argument-utils';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const JSX = { createElement: snabbdom.svg };
+const JSX = { createElement: svg };
 
 @injectable()
 export class GEdgeView extends PolylineEdgeView {
@@ -33,11 +31,13 @@ export class GEdgeView extends PolylineEdgeView {
             return this.renderDanglingEdge('Cannot compute route', edge, context);
         }
 
-        return <g class-sprotty-edge={true} class-mouseover={edge.hoverFeedback} {...this.addtionalClasses(edge, context)}>
-            {this.renderLine(edge, route, context)}
-            {this.renderAdditionals(edge, route, context)}
-            {context.renderChildren(edge, { route })}
-        </g>;
+        return (
+            <g class-sprotty-edge={true} class-mouseover={edge.hoverFeedback} {...this.addtionalClasses(edge, context)}>
+                {this.renderLine(edge, route, context)}
+                {this.renderAdditionals(edge, route, context)}
+                {context.renderChildren(edge, { route })}
+            </g>
+        );
     }
 
     protected addtionalClasses(_edge: Readonly<SEdge>, _context: RenderingContext): Classes {
@@ -55,8 +55,16 @@ export class GEdgeView extends PolylineEdgeView {
     }
 
     protected renderMouseHandle(segments: Point[], padding: number): VNode {
-        return <path class-mouse-handle d={this.createPathForSegments(segments)}
-            style-stroke-width={padding * 2} style-stroke="transparent" style-stroke-dasharray="none" style-stroke-dashoffset="0" />;
+        return (
+            <path
+                class-mouse-handle
+                d={this.createPathForSegments(segments)}
+                style-stroke-width={padding * 2}
+                style-stroke='transparent'
+                style-stroke-dasharray='none'
+                style-stroke-dashoffset='0'
+            />
+        );
     }
 
     protected createPathForSegments(segments: Point[]): string {
@@ -68,5 +76,4 @@ export class GEdgeView extends PolylineEdgeView {
         }
         return path;
     }
-
 }

package/src/views/index.ts

@@ -14,7 +14,7 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 export * from './base-view-module';
-export * from './default-types';
+export * from './compartments';
 export * from './glsp-edge-view';
 export * from './issue-marker-view';
 export * from './rounded-corner';

package/src/views/issue-marker-view.tsx

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020 EclipseSource and others.
+ * Copyright (c) 2020-2021 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
@@ -15,42 +15,51 @@
  ********************************************************************************/
 /* eslint-disable max-len */
 import { injectable } from 'inversify';
-import * as snabbdom from 'snabbdom-jsx';
-import { VNode } from 'snabbdom/vnode';
-import { IssueMarkerView, RenderingContext, setClass, SIssueMarker, SIssueSeverity } from 'sprotty';
+import { VNode } from 'snabbdom';
+import { IssueMarkerView, RenderingContext, setClass, SIssueMarker, SIssueSeverity, svg } from 'sprotty';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const JSX = { createElement: snabbdom.svg };
+const JSX = { createElement: svg };
 
 @injectable()
 export class GIssueMarkerView extends IssueMarkerView {
-
     render(marker: SIssueMarker, _context: RenderingContext): VNode {
         const maxSeverity = super.getMaxSeverity(marker);
-        const group = <g class-sprotty-issue={true} >
-            <g>
-                <circle class-sprotty-issue-background={true} r={this.radius} cx={this.radius} cy={this.radius} />
-                <path d={this.getGlspIssueMarkerPath(maxSeverity)} />
+        const group = (
+            <g class-sprotty-issue={true}>
+                <g>
+                    {this.getGlspIssueMarkerBackground(maxSeverity)}
+                    <path d={this.getGlspIssueMarkerPath(maxSeverity)} />
+                </g>
             </g>
-        </g>;
+        );
         setClass(group, 'sprotty-' + maxSeverity, true);
         return group;
     }
 
+    protected getGlspIssueMarkerBackground(severity: SIssueSeverity): VNode {
+        switch (severity) {
+            case 'warning':
+                return <polygon class-sprotty-issue-background={true} points='8 2, 15.9 14.9, 0.2 14.9' />;
+            case 'error':
+            case 'info':
+                return <circle class-sprotty-issue-background={true} r={this.radius} cx={this.radius} cy={this.radius} />;
+        }
+    }
+
     protected get radius(): number {
         return 8; // var(--theia-icon-size)=16px => 16/2=8
     }
 
     protected getGlspIssueMarkerPath(severity: SIssueSeverity): string {
         switch (severity) {
-            // paths used here are svg versions of FontAwesome icons, resized to var(--theia-icon-size) 16px
-            case 'error': // 'fa-times-circle'
-                return 'M 8,0 C 3.5806452,0 0,3.58065 0,8 c 0,4.41935 3.5806452,8 8,8 4.419355,0 8,-3.58065 8,-8 C 16,3.58065 12.419355,0 8,0 Z m 3.922581,10.1 c 0.151613,0.15161 0.151613,0.39677 0,0.54839 l -1.27742,1.27419 c -0.151613,0.15161 -0.396774,0.15161 -0.548387,0 L 8,9.80645 5.9,11.92258 c -0.1516129,0.15161 -0.3967742,0.15161 -0.5483871,0 L 4.0774194,10.64516 c -0.1516129,-0.15161 -0.1516129,-0.39677 0,-0.54839 L 6.1935484,8 4.0774194,5.9 c -0.1516129,-0.15161 -0.1516129,-0.39677 0,-0.54839 L 5.3548387,4.07419 c 0.1516129,-0.15161 0.3967742,-0.15161 0.5483871,0 L 8,6.19355 10.1,4.07742 c 0.151613,-0.15161 0.396774,-0.15161 0.548387,0 l 1.277419,1.27742 c 0.151613,0.15161 0.151613,0.39677 0,0.54839 L 9.8064516,8 Z';
-            case 'warning': // 'fa-exclamation-circle'
-                return 'm 16,8 c 0,4.41926 -3.582032,8 -8,8 C 3.5820323,16 0,12.41926 0,8 0,3.58332 3.5820323,0 8,0 c 4.417968,0 8,3.58332 8,8 z M 8,9.6129 c -0.8195161,0 -1.483871,0.66436 -1.483871,1.48387 0,0.81952 0.6643549,1.48388 1.483871,1.48388 0.8195161,0 1.483871,-0.66436 1.483871,-1.48388 C 9.483871,10.27726 8.8195161,9.6129 8,9.6129 Z M 6.5911935,4.27916 6.8304839,8.66626 c 0.011194,0.20529 0.1809355,0.366 0.3865161,0.366 h 1.566 c 0.2055806,0 0.3753226,-0.16071 0.3865161,-0.366 L 9.4088065,4.27916 C 9.4209035,4.05742 9.2443548,3.87097 9.0222903,3.87097 H 6.9776774 c -0.2220645,0 -0.3985806,0.18645 -0.3864839,0.40819 z';
-            case 'info': // 'fa-info-circle information'
-                return 'M 8.0000004,0 C 3.5820324,0 0,3.58332 0,8 0,12.41926 3.5820324,16 8.0000004,16 12.417968,16 16,12.41926 16,8 16,3.58332 12.417968,0 8.0000004,0 Z m 0,3.54839 c 0.748258,0 1.354839,0.60658 1.354839,1.35484 0,0.74825 -0.606581,1.35483 -1.354839,1.35483 -0.748258,0 -1.354839,-0.60658 -1.354839,-1.35483 0,-0.74826 0.606581,-1.35484 1.354839,-1.35484 z m 1.806452,8.19355 c 0,0.21377 -0.173323,0.38709 -0.387097,0.38709 h -2.83871 c -0.213774,0 -0.387097,-0.17332 -0.387097,-0.38709 v -0.7742 c 0,-0.21377 0.173323,-0.38709 0.387097,-0.38709 h 0.387097 V 8.51613 h -0.387097 c -0.213774,0 -0.387097,-0.17332 -0.387097,-0.3871 V 7.35484 c 0,-0.21378 0.173323,-0.3871 0.387097,-0.3871 h 2.064516 c 0.213774,0 0.387097,0.17332 0.387097,0.3871 v 3.22581 h 0.387097 c 0.213774,0 0.387097,0.17332 0.387097,0.38709 z';
+            // paths used here are svg versions of codicons, resized to var(--theia-icon-size) 16px
+            case 'error': // 'codicon-error'
+                return 'm 8.8527788,0.00699568 c 1.8523692,0.115773 3.5889642,1.04195762 4.8624692,2.31546152 1.505048,1.620823 2.31546,3.5889653 2.31546,5.9044268 0,1.852369 -0.694637,3.588965 -1.852367,5.094015 -1.157733,1.389277 -2.778554,2.431235 -4.6309235,2.778554 C 7.6950478,16.446772 5.8426784,16.215226 4.2218552,15.289042 2.6010319,14.362857 1.3275281,12.97358 0.63288942,11.236984 -0.06174907,9.5003878 -0.17752216,7.5322456 0.4013433,5.7956494 0.98020876,3.9432802 2.0221665,2.4382302 3.6429898,1.3962725 5.14804,0.35431486 7.0004094,-0.10877742 8.8527788,0.00699568 Z M 9.4316445,14.941722 c 1.5050505,-0.347319 2.8943275,-1.15773 3.9362845,-2.431234 0.926185,-1.273504 1.50505,-2.778554 1.389277,-4.3993771 0,-1.8523692 -0.69464,-3.7047384 -1.968142,-4.9782422 C 11.631331,1.9751379 10.242054,1.2804995 8.6212324,1.1647264 7.1161824,1.0489533 5.4953592,1.3962725 4.2218552,2.3224572 2.9483511,3.2486418 2.0221665,4.5221456 1.5590742,6.1429686 c -0.4630923,1.50505 -0.4630923,3.1258731 0.2315462,4.6309234 0.6946384,1.50505 1.7365963,2.66278 3.1258734,3.473192 1.3892769,0.810411 3.0101002,1.041958 4.5151507,0.694638 z M 8.042367,7.5322456 10.82092,4.6379187 11.631331,5.4483302 8.8527788,8.3426571 11.631331,11.236984 10.82092,12.047395 8.042367,9.1530686 5.2638128,12.047395 4.4534013,11.236984 7.2319555,8.3426571 4.4534013,5.4483302 5.2638128,4.6379187 Z';
+            case 'warning': // 'codicon-warning'
+                return 'M 7.5587159,0.61312771 H 8.565869 L 16.050847,14.644601 15.54727,15.491525 H 0.55442396 L 0.05084746,14.644601 Z M 8.0622924,2.0780776 1.5157974,14.347033 H 14.585897 Z M 8.7776,13.202541 V 12.058049 H 7.3469848 v 1.144492 z M 7.3469848,10.913557 V 6.3355883 H 8.7776 v 4.5779687 z';
+            case 'info': // 'codicon-info'
+                return 'M 8.7624795,0.01729008 A 7.8878137,7.8878137 0 0 1 13.625085,2.3592747 8.1894066,8.1894066 0 0 1 14.158672,13.251418 7.9458123,7.9458123 0 0 1 4.2061071,15.26977 8.1198082,8.1198082 0 0 1 0.58699265,11.209866 8.259005,8.259005 0 0 1 0.32019895,5.7463948 8.1198082,8.1198082 0 0 1 3.533323,1.3500986 7.8878137,7.8878137 0 0 1 8.7624795,0.01729008 Z M 9.3099868,14.921778 A 6.8322386,6.8322386 0 0 0 13.265493,12.520635 7.0410337,7.0410337 0 0 0 12.801504,3.1712556 6.7510406,6.7510406 0 0 0 4.1829077,2.3128758 7.029434,7.029434 0 0 0 4.762894,14.248994 6.7394408,6.7394408 0 0 0 9.3099868,14.921778 Z M 7.3786322,5.7811939 H 8.8285979 V 4.6212213 H 7.3786322 Z M 8.8285979,6.9411665 V 11.581057 H 7.3786322 V 6.9411665 Z';
         }
     }
-
 }

package/src/views/rounded-corner-view.tsx

@@ -14,16 +14,14 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 import { injectable } from 'inversify';
-import * as snabbdom from 'snabbdom-jsx';
-import { Classes } from 'snabbdom/modules/class';
-import { VNode } from 'snabbdom/vnode';
-import { Hoverable, RectangularNodeView, RenderingContext, Selectable, SNode, SPort, SShapeElement } from 'sprotty/lib';
+import { Classes, VNode } from 'snabbdom';
+import { Hoverable, RectangularNodeView, RenderingContext, Selectable, SNode, SPort, SShapeElement, svg } from 'sprotty';
 
 import { CornerRadius } from '../utils/argument-utils';
 import { RoundedCornerWrapper } from './rounded-corner';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const JSX = { createElement: snabbdom.svg };
+const JSX = { createElement: svg };
 
 @injectable()
 export class RoundedCornerNodeView extends RectangularNodeView {
@@ -34,15 +32,17 @@ export class RoundedCornerNodeView extends RectangularNodeView {
         }
 
         const wrapper = new RoundedCornerWrapper(node, cornerRadius);
-        return <g class-node={true} >
-            <defs>
-                <clipPath id={toClipPathId(node)}>
-                    <path d={this.renderPath(wrapper, context, this.getClipPathInsets() || 0)}></path>
-                </clipPath>
-            </defs>
-            {this.renderPathNode(wrapper, context)}
-            {context.renderChildren(node)}
-        </g>;
+        return (
+            <g class-node={true}>
+                <defs>
+                    <clipPath id={toClipPathId(node)}>
+                        <path d={this.renderPath(wrapper, context, this.getClipPathInsets() || 0)}></path>
+                    </clipPath>
+                </defs>
+                {this.renderPathNode(wrapper, context)}
+                {context.renderChildren(node)}
+            </g>
+        );
     }
 
     protected renderWithoutRadius(node: Readonly<SShapeElement & Hoverable & Selectable>, context: RenderingContext): VNode | undefined {
@@ -54,12 +54,16 @@ export class RoundedCornerNodeView extends RectangularNodeView {
     }
 
     protected renderPathNode(wrapper: Readonly<RoundedCornerWrapper>, context: RenderingContext): VNode {
-        return <path d={this.renderPath(wrapper, context, 0)}
-            class-sprotty-node={wrapper.element instanceof SNode}
-            class-sprotty-port={wrapper.element instanceof SPort}
-            class-mouseover={wrapper.element.hoverFeedback}
-            class-selected={wrapper.element.selected}
-            {...this.additionalClasses(wrapper.element, context)} />;
+        return (
+            <path
+                d={this.renderPath(wrapper, context, 0)}
+                class-sprotty-node={wrapper.element instanceof SNode}
+                class-sprotty-port={wrapper.element instanceof SPort}
+                class-mouseover={wrapper.element.hoverFeedback}
+                class-selected={wrapper.element.selected}
+                {...this.additionalClasses(wrapper.element, context)}
+            />
+        );
     }
 
     protected additionalClasses(_node: Readonly<SShapeElement & Hoverable & Selectable>, _context: RenderingContext): Classes {
@@ -72,14 +76,23 @@ export class RoundedCornerNodeView extends RectangularNodeView {
         const rightLineLength = Math.max(0, wrapper.size.height - wrapper.cornerRadius.topRight - wrapper.cornerRadius.bottomRight);
         const bottomLineLength = Math.max(0, wrapper.size.width - wrapper.cornerRadius.bottomLeft - wrapper.cornerRadius.bottomRight);
 
-        const path = `M${0 + inset},${0 + wrapper.topLeftCorner.radiusY}` +
-            `q${0},${-(wrapper.topLeftCorner.radiusY - inset)} ${wrapper.topLeftCorner.radiusX - inset},${-(wrapper.topLeftCorner.radiusY - inset)}` +
+        const path =
+            `M${0 + inset},${0 + wrapper.topLeftCorner.radiusY}` +
+            `q${0},${-(wrapper.topLeftCorner.radiusY - inset)} ${wrapper.topLeftCorner.radiusX - inset},${-(
+                wrapper.topLeftCorner.radiusY - inset
+            )}` +
             `h${topLineLength}` +
-            `q${wrapper.topRightCorner.radiusX - inset},0 ${wrapper.topRightCorner.radiusX - inset},${wrapper.topRightCorner.radiusY - inset}` +
+            `q${wrapper.topRightCorner.radiusX - inset},0 ${wrapper.topRightCorner.radiusX - inset},${
+                wrapper.topRightCorner.radiusY - inset
+            }` +
             `v${rightLineLength}` +
-            `q0,${wrapper.bottomRightCorner.radiusY - inset} ${-(wrapper.bottomRightCorner.radiusX - inset)},${wrapper.bottomRightCorner.radiusY - inset}` +
+            `q0,${wrapper.bottomRightCorner.radiusY - inset} ${-(wrapper.bottomRightCorner.radiusX - inset)},${
+                wrapper.bottomRightCorner.radiusY - inset
+            }` +
             `h${-bottomLineLength}` +
-            `q${-(wrapper.bottomLeftCorner.radiusX - inset)},0 ${-(wrapper.bottomLeftCorner.radiusX - inset)},${-(wrapper.bottomLeftCorner.radiusY - inset)}` +
+            `q${-(wrapper.bottomLeftCorner.radiusX - inset)},0 ${-(wrapper.bottomLeftCorner.radiusX - inset)},${-(
+                wrapper.bottomLeftCorner.radiusY - inset
+            )}` +
             'z ';
         return path;
     }

package/src/views/rounded-corner.ts

@@ -13,8 +13,8 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-import { Dimension, Hoverable, Selectable, SShapeElement } from 'sprotty/lib';
-
+import { Dimension } from '@eclipse-glsp/protocol';
+import { Hoverable, Selectable, SShapeElement } from 'sprotty';
 import { CornerRadius } from '../utils/argument-utils';
 
 export interface RoundedCorner {
@@ -28,8 +28,7 @@ export class RoundedCornerWrapper {
     protected _bottomRightCorner: RoundedCorner;
     protected _bottomLeftCorner: RoundedCorner;
 
-    constructor(public readonly element: SShapeElement & Hoverable & Selectable, public readonly cornerRadius: CornerRadius) {
-    }
+    constructor(public readonly element: SShapeElement & Hoverable & Selectable, public readonly cornerRadius: CornerRadius) {}
 
     get size(): Dimension {
         return this.element.size;
@@ -77,8 +76,8 @@ export class RoundedCornerWrapper {
 }
 
 /*
-* Scales the radius if necessary. (Percentual downscaling if the radius is bigger then the maximal allowed length)
-*/
+ * Scales the radius if necessary. (Percentual downscaling if the radius is bigger then the maximal allowed length)
+ */
 export function scaledRadius(radius: number, maximalLength: number): number {
     if (radius <= maximalLength) {
         return radius;

package/lib/base/actions/context-actions.d.ts

@@ -1,36 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2019 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
- ********************************************************************************/
-import { Action, LabeledAction, RequestAction, ResponseAction } from 'sprotty';
-import { Args } from '../args';
-import { EditorContext } from '../editor-context';
-export declare class RequestContextActions implements RequestAction<SetContextActions> {
-    readonly contextId: string;
-    readonly editorContext: EditorContext;
-    readonly requestId: string;
-    readonly kind: string;
-    static readonly KIND = "requestContextActions";
-    constructor(contextId: string, editorContext: EditorContext, requestId?: string, kind?: string);
-}
-export declare class SetContextActions implements ResponseAction {
-    readonly actions: LabeledAction[];
-    readonly responseId: string;
-    readonly args?: Args | undefined;
-    readonly kind: string;
-    static readonly KIND = "setContextActions";
-    constructor(actions: LabeledAction[], responseId?: string, args?: Args | undefined, kind?: string);
-}
-export declare function isSetContextActionsAction(action: Action): action is SetContextActions;
-//# sourceMappingURL=context-actions.d.ts.map

package/lib/base/actions/context-actions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-actions.d.ts","sourceRoot":"","sources":["../../../src/base/actions/context-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAClF,OAAO,EAAE,MAAM,EAAqB,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAElG,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,qBAAa,qBAAsB,YAAW,aAAa,CAAC,iBAAiB,CAAC;aAGtD,SAAS,EAAE,MAAM;aACjB,aAAa,EAAE,aAAa;aAC5B,SAAS,EAAE,MAAM;aACjB,IAAI,EAAE,MAAM;IALhC,MAAM,CAAC,QAAQ,CAAC,IAAI,2BAA2B;gBAE3B,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,aAAa,EAC5B,SAAS,GAAE,MAA4B,EACvC,IAAI,GAAE,MAAmC;CAChE;AAED,qBAAa,iBAAkB,YAAW,cAAc;aAGhC,OAAO,EAAE,aAAa,EAAE;aACxB,UAAU,EAAE,MAAM;aAClB,IAAI,CAAC;aACL,IAAI,EAAE,MAAM;IALhC,MAAM,CAAC,QAAQ,CAAC,IAAI,uBAAuB;gBAEvB,OAAO,EAAE,aAAa,EAAE,EACxB,UAAU,GAAE,MAAW,EACvB,IAAI,CAAC,kBAAM,EACX,IAAI,GAAE,MAA+B;CAE5D;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,iBAAiB,CAGrF"}

package/lib/base/actions/context-actions.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSetContextActionsAction = exports.SetContextActions = exports.RequestContextActions = void 0;
-/********************************************************************************
- * Copyright (c) 2019 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
- ********************************************************************************/
-var sprotty_1 = require("sprotty");
-var RequestContextActions = /** @class */ (function () {
-    function RequestContextActions(contextId, editorContext, requestId, kind) {
-        if (requestId === void 0) { requestId = sprotty_1.generateRequestId(); }
-        if (kind === void 0) { kind = RequestContextActions.KIND; }
-        this.contextId = contextId;
-        this.editorContext = editorContext;
-        this.requestId = requestId;
-        this.kind = kind;
-    }
-    RequestContextActions.KIND = 'requestContextActions';
-    return RequestContextActions;
-}());
-exports.RequestContextActions = RequestContextActions;
-var SetContextActions = /** @class */ (function () {
-    function SetContextActions(actions, responseId, args, kind) {
-        if (responseId === void 0) { responseId = ''; }
-        if (kind === void 0) { kind = SetContextActions.KIND; }
-        this.actions = actions;
-        this.responseId = responseId;
-        this.args = args;
-        this.kind = kind;
-    }
-    SetContextActions.KIND = 'setContextActions';
-    return SetContextActions;
-}());
-exports.SetContextActions = SetContextActions;
-function isSetContextActionsAction(action) {
-    return action !== undefined && (action.kind === SetContextActions.KIND)
-        && action.actions !== undefined;
-}
-exports.isSetContextActionsAction = isSetContextActionsAction;
-//# sourceMappingURL=context-actions.js.map

package/lib/base/actions/context-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-actions.js","sourceRoot":"","sources":["../../../src/base/actions/context-actions.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,mCAAkG;AAKlG;IAEI,+BACoB,SAAiB,EACjB,aAA4B,EAC5B,SAAuC,EACvC,IAAyC;QADzC,0BAAA,EAAA,YAAoB,2BAAiB,EAAE;QACvC,qBAAA,EAAA,OAAe,qBAAqB,CAAC,IAAI;QAHzC,cAAS,GAAT,SAAS,CAAQ;QACjB,kBAAa,GAAb,aAAa,CAAe;QAC5B,cAAS,GAAT,SAAS,CAA8B;QACvC,SAAI,GAAJ,IAAI,CAAqC;IAAI,CAAC;IALlD,0BAAI,GAAG,uBAAuB,CAAC;IAMnD,4BAAC;CAAA,AAPD,IAOC;AAPY,sDAAqB;AASlC;IAEI,2BACoB,OAAwB,EACxB,UAAuB,EACvB,IAAW,EACX,IAAqC;QAFrC,2BAAA,EAAA,eAAuB;QAEvB,qBAAA,EAAA,OAAe,iBAAiB,CAAC,IAAI;QAHrC,YAAO,GAAP,OAAO,CAAiB;QACxB,eAAU,GAAV,UAAU,CAAa;QACvB,SAAI,GAAJ,IAAI,CAAO;QACX,SAAI,GAAJ,IAAI,CAAiC;IACzD,CAAC;IANe,sBAAI,GAAG,mBAAmB,CAAC;IAO/C,wBAAC;CAAA,AARD,IAQC;AARY,8CAAiB;AAU9B,SAAgB,yBAAyB,CAAC,MAAc;IACpD,OAAO,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,IAAI,CAAC;WAC/D,MAA4B,CAAC,OAAO,KAAK,SAAS,CAAC;AAC/D,CAAC;AAHD,8DAGC"}

package/lib/base/actions/edit-mode-action.d.ts

@@ -1,13 +0,0 @@
-import { Action } from 'sprotty';
-export declare class SetEditModeAction implements Action {
-    readonly editMode: string;
-    readonly kind: string;
-    static readonly KIND = "setEditMode";
-    constructor(editMode?: string, kind?: string);
-}
-export declare function isSetEditModeAction(action: Action): action is SetEditModeAction;
-export declare namespace EditMode {
-    const READONLY = "readonly";
-    const EDITABLE = "editable";
-}
-//# sourceMappingURL=edit-mode-action.d.ts.map

package/lib/base/actions/edit-mode-action.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-mode-action.d.ts","sourceRoot":"","sources":["../../../src/base/actions/edit-mode-action.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,qBACa,iBAAkB,YAAW,MAAM;aAEhB,QAAQ,EAAE,MAAM;aAAsC,IAAI,EAAE,MAAM;IAD9F,MAAM,CAAC,QAAQ,CAAC,IAAI,iBAAiB;gBACT,QAAQ,GAAE,MAA0B,EAAkB,IAAI,GAAE,MAA+B;CAC1H;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,iBAAiB,CAG/E;AAED,yBAAiB,QAAQ,CAAC;IACf,MAAM,QAAQ,aAAa,CAAC;IAC5B,MAAM,QAAQ,aAAa,CAAC;CACtC"}

package/lib/base/actions/edit-mode-action.js

@@ -1,56 +0,0 @@
-"use strict";
-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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditMode = exports.isSetEditModeAction = exports.SetEditModeAction = void 0;
-/********************************************************************************
- * Copyright (c) 2020 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
- ********************************************************************************/
-var inversify_1 = require("inversify");
-var SetEditModeAction = /** @class */ (function () {
-    function SetEditModeAction(editMode, kind) {
-        if (editMode === void 0) { editMode = EditMode.EDITABLE; }
-        if (kind === void 0) { kind = SetEditModeAction_1.KIND; }
-        this.editMode = editMode;
-        this.kind = kind;
-    }
-    SetEditModeAction_1 = SetEditModeAction;
-    var SetEditModeAction_1;
-    SetEditModeAction.KIND = 'setEditMode';
-    SetEditModeAction = SetEditModeAction_1 = __decorate([
-        inversify_1.injectable(),
-        __metadata("design:paramtypes", [String, String])
-    ], SetEditModeAction);
-    return SetEditModeAction;
-}());
-exports.SetEditModeAction = SetEditModeAction;
-function isSetEditModeAction(action) {
-    return action !== undefined && (action.kind === SetEditModeAction.KIND)
-        && 'editMode' in action && typeof action['editMode'] === 'string';
-}
-exports.isSetEditModeAction = isSetEditModeAction;
-var EditMode;
-(function (EditMode) {
-    EditMode.READONLY = 'readonly';
-    EditMode.EDITABLE = 'editable';
-})(EditMode = exports.EditMode || (exports.EditMode = {}));
-//# sourceMappingURL=edit-mode-action.js.map

package/lib/base/actions/edit-mode-action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-mode-action.js","sourceRoot":"","sources":["../../../src/base/actions/edit-mode-action.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,uCAAuC;AAIvC;IAEI,2BAA4B,QAAoC,EAAkB,IAAqC;QAA3F,yBAAA,EAAA,WAAmB,QAAQ,CAAC,QAAQ;QAAkB,qBAAA,EAAA,OAAe,mBAAiB,CAAC,IAAI;QAA3F,aAAQ,GAAR,QAAQ,CAA4B;QAAkB,SAAI,GAAJ,IAAI,CAAiC;IAAI,CAAC;0BAFnH,iBAAiB;;IACV,sBAAI,GAAG,aAAa,CAAC;IAD5B,iBAAiB;QAD7B,sBAAU,EAAE;;OACA,iBAAiB,CAG7B;IAAD,wBAAC;CAAA,AAHD,IAGC;AAHY,8CAAiB;AAK9B,SAAgB,mBAAmB,CAAC,MAAc;IAC9C,OAAO,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,IAAI,CAAC;WAChE,UAAU,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,QAAQ,CAAC;AAC1E,CAAC;AAHD,kDAGC;AAED,IAAiB,QAAQ,CAGxB;AAHD,WAAiB,QAAQ;IACR,iBAAQ,GAAG,UAAU,CAAC;IACtB,iBAAQ,GAAG,UAAU,CAAC;AACvC,CAAC,EAHgB,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAGxB"}