@eclipse-glsp/client 2.3.0-next.322 → 2.3.0-next.366

package/lib/features/grid/grid-model.js

@@ -0,0 +1,73 @@
+"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);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowGridCommand = exports.ShowGridAction = void 0;
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ ********************************************************************************/
+const sprotty_1 = require("@eclipse-glsp/sprotty");
+const inversify_1 = require("inversify");
+const feedback_command_1 = require("../../base/feedback/feedback-command");
+const gmodel_util_1 = require("../../utils/gmodel-util");
+var ShowGridAction;
+(function (ShowGridAction) {
+    ShowGridAction.KIND = 'showGrid';
+    ShowGridAction.CSS_ROOT_CLASS = 'grid-background';
+    function is(object) {
+        return sprotty_1.Action.hasKind(object, ShowGridAction.KIND) && (0, sprotty_1.hasBooleanProp)(object, 'show');
+    }
+    ShowGridAction.is = is;
+    function create(options) {
+        return Object.assign({ kind: ShowGridCommand.KIND }, options);
+    }
+    ShowGridAction.create = create;
+})(ShowGridAction || (exports.ShowGridAction = ShowGridAction = {}));
+let ShowGridCommand = class ShowGridCommand extends feedback_command_1.FeedbackCommand {
+    constructor(action) {
+        super();
+        this.action = action;
+    }
+    execute(context) {
+        return this.setGrid(context.root, this.action.show);
+    }
+    setGrid(root, show) {
+        if (show) {
+            (0, gmodel_util_1.addCssClasses)(root, [ShowGridAction.CSS_ROOT_CLASS]);
+        }
+        else {
+            (0, gmodel_util_1.removeCssClasses)(root, [ShowGridAction.CSS_ROOT_CLASS]);
+        }
+        return root;
+    }
+};
+exports.ShowGridCommand = ShowGridCommand;
+ShowGridCommand.KIND = ShowGridAction.KIND;
+exports.ShowGridCommand = ShowGridCommand = __decorate([
+    (0, inversify_1.injectable)(),
+    __param(0, (0, inversify_1.inject)(sprotty_1.TYPES.Action)),
+    __metadata("design:paramtypes", [Object])
+], ShowGridCommand);
+//# sourceMappingURL=grid-model.js.map

package/lib/features/grid/grid-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-model.js","sourceRoot":"","sources":["../../../src/features/grid/grid-model.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,mDAA0H;AAC1H,yCAA+C;AAC/C,2EAAuE;AACvE,yDAA0E;AAO1E,IAAiB,cAAc,CAc9B;AAdD,WAAiB,cAAc;IACd,mBAAI,GAAG,UAAU,CAAC;IAClB,6BAAc,GAAG,iBAAiB,CAAC;IAEhD,SAAgB,EAAE,CAAC,MAAW;QAC1B,OAAO,gBAAM,CAAC,OAAO,CAAC,MAAM,EAAE,eAAA,IAAI,CAAC,IAAI,IAAA,wBAAc,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC;IAFe,iBAAE,KAEjB,CAAA;IAED,SAAgB,MAAM,CAAC,OAA0B;QAC7C,uBACI,IAAI,EAAE,eAAe,CAAC,IAAI,IACvB,OAAO,EACZ;IACN,CAAC;IALe,qBAAM,SAKrB,CAAA;AACL,CAAC,EAdgB,cAAc,8BAAd,cAAc,QAc9B;AAGM,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,kCAAe;IAGhD,YAAqD,MAAsB;QACvE,KAAK,EAAE,CAAC;QADyC,WAAM,GAAN,MAAM,CAAgB;IAE3E,CAAC;IAED,OAAO,CAAC,OAAgC;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAES,OAAO,CAAC,IAAgB,EAAE,IAAa;QAC7C,IAAI,IAAI,EAAE,CAAC;YACP,IAAA,2BAAa,EAAC,IAAI,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACJ,IAAA,8BAAgB,EAAC,IAAI,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;;AAlBQ,0CAAe;AACR,oBAAI,GAAG,cAAc,CAAC,IAAI,AAAtB,CAAuB;0BADlC,eAAe;IAD3B,IAAA,sBAAU,GAAE;IAII,WAAA,IAAA,kBAAM,EAAC,eAAK,CAAC,MAAM,CAAC,CAAA;;GAHxB,eAAe,CAmB3B"}

package/lib/features/grid/grid-module.d.ts

@@ -0,0 +1,19 @@
+/********************************************************************************
+ * Copyright (c) 2023-2024 Axon Ivy AG 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 { FeatureModule } from '@eclipse-glsp/sprotty';
+import '../../../css/grid.css';
+export declare const gridModule: FeatureModule;
+//# sourceMappingURL=grid-module.d.ts.map

package/lib/features/grid/grid-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-module.d.ts","sourceRoot":"","sources":["../../../src/features/grid/grid-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,aAAa,EAAmD,MAAM,uBAAuB,CAAC;AACvG,OAAO,uBAAuB,CAAC;AAK/B,eAAO,MAAM,UAAU,eActB,CAAC"}

package/lib/features/grid/grid-module.js

@@ -0,0 +1,32 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 2023-2024 Axon Ivy AG 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
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gridModule = void 0;
+const sprotty_1 = require("@eclipse-glsp/sprotty");
+require("../../../css/grid.css");
+const grid_manager_1 = require("./grid-manager");
+const grid_model_1 = require("./grid-model");
+const grid_snapper_1 = require("./grid-snapper");
+exports.gridModule = new sprotty_1.FeatureModule((bind, unbind, isBound, rebind) => {
+    const context = { bind, unbind, isBound, rebind };
+    bind(sprotty_1.TYPES.Grid).toConstantValue({ x: 10, y: 10 });
+    (0, sprotty_1.configureCommand)(context, grid_model_1.ShowGridCommand);
+    bind(grid_manager_1.GridManager).toSelf().inSingletonScope();
+    (0, sprotty_1.configureActionHandler)(context, grid_model_1.ShowGridAction.KIND, grid_manager_1.GridManager);
+    bind(sprotty_1.TYPES.ISnapper).to(grid_snapper_1.GridSnapper);
+}, { featureId: Symbol('grid') });
+//# sourceMappingURL=grid-module.js.map

package/lib/features/grid/grid-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-module.js","sourceRoot":"","sources":["../../../src/features/grid/grid-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,mDAAuG;AACvG,iCAA+B;AAC/B,iDAA6C;AAC7C,6CAA+D;AAC/D,iDAA6C;AAEhC,QAAA,UAAU,GAAG,IAAI,uBAAa,CACvC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IAC9B,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAElD,IAAI,CAAC,eAAK,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,IAAA,0BAAgB,EAAC,OAAO,EAAE,4BAAe,CAAC,CAAC;IAE3C,IAAI,CAAC,0BAAW,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC9C,IAAA,gCAAsB,EAAC,OAAO,EAAE,2BAAc,CAAC,IAAI,EAAE,0BAAW,CAAC,CAAC;IAElE,IAAI,CAAC,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,0BAAW,CAAC,CAAC;AACzC,CAAC,EACD,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAChC,CAAC"}

package/lib/features/grid/grid-snapper.d.ts

@@ -0,0 +1,45 @@
+/********************************************************************************
+ * Copyright (c) 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
+ ********************************************************************************/
+import { CenterGridSnapper, GModelElement, ISnapper, Point } from '@eclipse-glsp/sprotty';
+import { Grid } from './grid';
+/**
+ * A {@link ISnapper} implementation that snaps all elements onto a fixed gride size.
+ * The default grid size is 10x10 pixel.
+ * To configure a custom grid size  bind the `TYPES.ISnapper` service identifier
+ * to constant value, e.g:
+ *
+ * ```ts
+ * bind(TYPES.ISnapper).toConstantValue(new GridSnapper({ x: 25, y: 25 }));
+ * ```
+ *
+ * or use the `Grid` to define the grid size more generically:
+ * ```ts
+ * bind(TYPES.Grid).toConstantValue({ x: 25, y: 25 });
+ * bind(TYPES.ISnapper).to(GridSnapper);
+ * ```
+ */
+export declare class GridSnapper implements ISnapper {
+    readonly grid: Grid;
+    constructor(grid?: Grid);
+    snap(position: Point, element: GModelElement): Point;
+}
+export declare class GLSPCenterGridSnapper extends CenterGridSnapper {
+    readonly grid: Grid;
+    constructor(grid?: Grid);
+    get gridX(): number;
+    get gridY(): number;
+}
+//# sourceMappingURL=grid-snapper.d.ts.map

package/lib/features/grid/grid-snapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-snapper.d.ts","sourceRoot":"","sources":["../../../src/features/grid/grid-snapper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAS,MAAM,uBAAuB,CAAC;AAEjG,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B;;;;;;;;;;;;;;;GAeG;AACH,qBACa,WAAY,YAAW,QAAQ;aACoB,IAAI,EAAE,IAAI;gBAAV,IAAI,GAAE,IAAuB;IAEzF,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,GAAG,KAAK;CAGvD;AAED,qBACa,qBAAsB,SAAQ,iBAAiB;aACI,IAAI,EAAE,IAAI;gBAAV,IAAI,GAAE,IAAuB;IAIzF,IAAa,KAAK,IAAI,MAAM,CAE3B;IAED,IAAa,KAAK,IAAI,MAAM,CAE3B;CACJ"}

package/lib/features/grid/grid-snapper.js

@@ -0,0 +1,83 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 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
+ ********************************************************************************/
+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);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GLSPCenterGridSnapper = exports.GridSnapper = void 0;
+const sprotty_1 = require("@eclipse-glsp/sprotty");
+const inversify_1 = require("inversify");
+/**
+ * A {@link ISnapper} implementation that snaps all elements onto a fixed gride size.
+ * The default grid size is 10x10 pixel.
+ * To configure a custom grid size  bind the `TYPES.ISnapper` service identifier
+ * to constant value, e.g:
+ *
+ * ```ts
+ * bind(TYPES.ISnapper).toConstantValue(new GridSnapper({ x: 25, y: 25 }));
+ * ```
+ *
+ * or use the `Grid` to define the grid size more generically:
+ * ```ts
+ * bind(TYPES.Grid).toConstantValue({ x: 25, y: 25 });
+ * bind(TYPES.ISnapper).to(GridSnapper);
+ * ```
+ */
+let GridSnapper = class GridSnapper {
+    constructor(grid = { x: 10, y: 10 }) {
+        this.grid = grid;
+    }
+    snap(position, element) {
+        return sprotty_1.Point.snapToGrid(position, this.grid);
+    }
+};
+exports.GridSnapper = GridSnapper;
+exports.GridSnapper = GridSnapper = __decorate([
+    (0, inversify_1.injectable)(),
+    __param(0, (0, inversify_1.optional)()),
+    __param(0, (0, inversify_1.inject)(sprotty_1.TYPES.Grid)),
+    __metadata("design:paramtypes", [Object])
+], GridSnapper);
+let GLSPCenterGridSnapper = class GLSPCenterGridSnapper extends sprotty_1.CenterGridSnapper {
+    constructor(grid = { x: 10, y: 10 }) {
+        super();
+        this.grid = grid;
+    }
+    get gridX() {
+        return this.grid.x;
+    }
+    get gridY() {
+        return this.grid.y;
+    }
+};
+exports.GLSPCenterGridSnapper = GLSPCenterGridSnapper;
+exports.GLSPCenterGridSnapper = GLSPCenterGridSnapper = __decorate([
+    (0, inversify_1.injectable)(),
+    __param(0, (0, inversify_1.optional)()),
+    __param(0, (0, inversify_1.inject)(sprotty_1.TYPES.Grid)),
+    __metadata("design:paramtypes", [Object])
+], GLSPCenterGridSnapper);
+//# sourceMappingURL=grid-snapper.js.map

package/lib/features/grid/grid-snapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-snapper.js","sourceRoot":"","sources":["../../../src/features/grid/grid-snapper.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;;;;;;;;;;;;;AAElF,mDAAiG;AACjG,yCAAyD;AAGzD;;;;;;;;;;;;;;;GAeG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAW;IACpB,YAA4D,OAAa,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;QAA7B,SAAI,GAAJ,IAAI,CAAyB;IAAG,CAAC;IAE7F,IAAI,CAAC,QAAe,EAAE,OAAsB;QACxC,OAAO,eAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;CACJ,CAAA;AANY,kCAAW;sBAAX,WAAW;IADvB,IAAA,sBAAU,GAAE;IAEI,WAAA,IAAA,oBAAQ,GAAE,CAAA;IAAE,WAAA,IAAA,kBAAM,EAAC,eAAK,CAAC,IAAI,CAAC,CAAA;;GADlC,WAAW,CAMvB;AAGM,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,2BAAiB;IACxD,YAA4D,OAAa,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;QACrF,KAAK,EAAE,CAAC;QADgD,SAAI,GAAJ,IAAI,CAAyB;IAEzF,CAAC;IAED,IAAa,KAAK;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAa,KAAK;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvB,CAAC;CACJ,CAAA;AAZY,sDAAqB;gCAArB,qBAAqB;IADjC,IAAA,sBAAU,GAAE;IAEI,WAAA,IAAA,oBAAQ,GAAE,CAAA;IAAE,WAAA,IAAA,kBAAM,EAAC,eAAK,CAAC,IAAI,CAAC,CAAA;;GADlC,qBAAqB,CAYjC"}

package/lib/{base/feedback/index.d.ts → features/grid/grid-style.d.ts}

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2023-2024 EclipseSource and others.
+ * Copyright (c) 2024 Axon Ivy AG 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,9 +13,12 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-export * from './css-feedback';
-export * from './feedback-action-dispatcher';
-export * from './feedback-command';
-export * from './set-model-command';
-export * from './update-model-command';
-//# sourceMappingURL=index.d.ts.map
+export declare namespace GridProperty {
+    const GRID_BACKGROUND_X = "--grid-background-x";
+    const GRID_BACKGROUND_Y = "--grid-background-y";
+    const GRID_BACKGROUND_WIDTH = "--grid-background-width";
+    const GRID_BACKGROUND_HEIGHT = "--grid-background-height";
+    const GRID_BACKGROUND_ZOOM = "--grid-background-zoom";
+    const GRID_COLOR = "--grid-color";
+}
+//# sourceMappingURL=grid-style.d.ts.map

package/lib/features/grid/grid-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-style.d.ts","sourceRoot":"","sources":["../../../src/features/grid/grid-style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,yBAAiB,YAAY,CAAC;IACnB,MAAM,iBAAiB,wBAAwB,CAAC;IAChD,MAAM,iBAAiB,wBAAwB,CAAC;IAChD,MAAM,qBAAqB,4BAA4B,CAAC;IACxD,MAAM,sBAAsB,6BAA6B,CAAC;IAC1D,MAAM,oBAAoB,2BAA2B,CAAC;IACtD,MAAM,UAAU,iBAAiB,CAAC;CAC5C"}

package/lib/features/grid/grid-style.js

@@ -0,0 +1,28 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 2024 Axon Ivy AG 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
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridProperty = void 0;
+var GridProperty;
+(function (GridProperty) {
+    GridProperty.GRID_BACKGROUND_X = '--grid-background-x';
+    GridProperty.GRID_BACKGROUND_Y = '--grid-background-y';
+    GridProperty.GRID_BACKGROUND_WIDTH = '--grid-background-width';
+    GridProperty.GRID_BACKGROUND_HEIGHT = '--grid-background-height';
+    GridProperty.GRID_BACKGROUND_ZOOM = '--grid-background-zoom';
+    GridProperty.GRID_COLOR = '--grid-color';
+})(GridProperty || (exports.GridProperty = GridProperty = {}));
+//# sourceMappingURL=grid-style.js.map

package/lib/features/grid/grid-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-style.js","sourceRoot":"","sources":["../../../src/features/grid/grid-style.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,IAAiB,YAAY,CAO5B;AAPD,WAAiB,YAAY;IACZ,8BAAiB,GAAG,qBAAqB,CAAC;IAC1C,8BAAiB,GAAG,qBAAqB,CAAC;IAC1C,kCAAqB,GAAG,yBAAyB,CAAC;IAClD,mCAAsB,GAAG,0BAA0B,CAAC;IACpD,iCAAoB,GAAG,wBAAwB,CAAC;IAChD,uBAAU,GAAG,cAAc,CAAC;AAC7C,CAAC,EAPgB,YAAY,4BAAZ,YAAY,QAO5B"}

package/lib/{base/tool-manager/index.d.ts → features/grid/grid.d.ts}

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2023 EclipseSource and others.
+ * Copyright (c) 2024 Axon Ivy AG 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,6 @@
  *
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
-export * from './tool-manager';
-export * from './tool';
-//# sourceMappingURL=index.d.ts.map
+import { Point } from '@eclipse-glsp/sprotty';
+export type Grid = Point;
+//# sourceMappingURL=grid.d.ts.map

package/lib/features/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/features/grid/grid.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC"}

package/lib/features/grid/grid.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=grid.js.map

package/lib/features/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/features/grid/grid.ts"],"names":[],"mappings":""}

package/lib/features/helper-lines/helper-line-feedback.d.ts

@@ -30,9 +30,9 @@ export interface DrawHelperLinesFeedbackAction extends Action {
     alignmentElementFilter?: AlignmentElementFilter;
     debug?: boolean;
 }
-export declare const ALL_ELEMENT_LINE_TYPES: ("left" | "right" | "center" | "top" | "bottom" | "middle" | "left-right" | "right-left" | "bottom-top" | "top-bottom")[];
+export declare const ALL_ELEMENT_LINE_TYPES: ("top" | "right" | "bottom" | "left" | "center" | "middle" | "left-right" | "right-left" | "bottom-top" | "top-bottom")[];
 export declare const ALL_VIEWPORT_LINE_TYPES: ("center" | "middle")[];
-export declare const DEFAULT_ELEMENT_LINES: ("left" | "right" | "center" | "top" | "bottom" | "middle" | "left-right" | "right-left" | "bottom-top" | "top-bottom")[];
+export declare const DEFAULT_ELEMENT_LINES: ("top" | "right" | "bottom" | "left" | "center" | "middle" | "left-right" | "right-left" | "bottom-top" | "top-bottom")[];
 export declare const DEFAULT_VIEWPORT_LINES: ("center" | "middle")[];
 export declare const DEFAULT_EPSILON = 1;
 export declare const DEFAULT_ALIGNABLE_ELEMENT_FILTER: (element: BoundsAwareModelElement) => boolean;

package/lib/features/helper-lines/helper-line-feedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper-line-feedback.d.ts","sourceRoot":"","sources":["../../../src/features/helper-lines/helper-line-feedback.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helper-line-feedback.d.ts","sourceRoot":"","sources":["../../../src/features/helper-lines/helper-line-feedback.ts"],"names":[],"mappings":"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"}

package/lib/features/helper-lines/helper-line-feedback.js

@@ -33,10 +33,9 @@ const inversify_1 = require("inversify");
 const lodash_1 = require("lodash");
 require("../../../css/helper-lines.css");
 const feedback_command_1 = require("../../base/feedback/feedback-command");
-const geometry_util_1 = require("../../utils/geometry-util");
 const gmodel_util_1 = require("../../utils/gmodel-util");
 const viewpoint_util_1 = require("../../utils/viewpoint-util");
-const tools_1 = require("../tools");
+const dangling_edge_feedback_1 = require("../tools/edge-creation/dangling-edge-feedback");
 const model_1 = require("./model");
 const isTopLevelBoundsAwareElement = element => (0, gmodel_util_1.findTopLevelElementByFeature)(element, sprotty_1.isBoundsAware, sprotty_1.isViewport) === element;
 exports.isTopLevelBoundsAwareElement = isTopLevelBoundsAwareElement;
@@ -48,8 +47,8 @@ exports.DEFAULT_EPSILON = 1;
 const DEFAULT_ALIGNABLE_ELEMENT_FILTER = (element) => (0, gmodel_util_1.isVisibleOnCanvas)(element) &&
     !(0, gmodel_util_1.isRoutable)(element) &&
     !(element instanceof sprotty_1.GLabel) &&
-    !(element.id === (0, tools_1.feedbackEdgeId)(element.root)) &&
-    !(element.id === (0, tools_1.feedbackEdgeEndId)(element.root)) &&
+    !(element.id === (0, dangling_edge_feedback_1.feedbackEdgeId)(element.root)) &&
+    !(element.id === (0, dangling_edge_feedback_1.feedbackEdgeEndId)(element.root)) &&
     !(0, sprotty_1.isDecoration)(element);
 exports.DEFAULT_ALIGNABLE_ELEMENT_FILTER = DEFAULT_ALIGNABLE_ELEMENT_FILTER;
 exports.DEFAULT_DEBUG = false;
@@ -125,12 +124,12 @@ let DrawHelperLinesFeedbackCommand = class DrawHelperLinesFeedbackCommand extend
         const helperLines = [];
         this.log('Find helperlines for viewport:', root);
         const viewportBounds = (0, viewpoint_util_1.getViewportBounds)(root, root.canvasBounds);
-        if (lineTypes.includes(model_1.HelperLineType.Center) && this.isAligned(geometry_util_1.center, viewportBounds, bounds, 2)) {
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.topCenter)(viewportBounds), (0, geometry_util_1.bottomCenter)(viewportBounds), model_1.HelperLineType.Center));
+        if (lineTypes.includes(model_1.HelperLineType.Center) && this.isAligned(sprotty_1.Bounds.centerX, viewportBounds, bounds, 2)) {
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topCenter(viewportBounds), sprotty_1.Bounds.bottomCenter(viewportBounds), model_1.HelperLineType.Center));
             this.log('- Reference bounds center align with viewport.', viewportBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Middle) && this.isAligned(geometry_util_1.middle, viewportBounds, bounds, 2)) {
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.middleLeft)(viewportBounds), (0, geometry_util_1.middleRight)(viewportBounds), model_1.HelperLineType.Middle));
+        if (lineTypes.includes(model_1.HelperLineType.Middle) && this.isAligned(sprotty_1.Bounds.middle, viewportBounds, bounds, 2)) {
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.middleLeft(viewportBounds), sprotty_1.Bounds.middleRight(viewportBounds), model_1.HelperLineType.Middle));
             this.log('- Reference bounds middle align with viewport.', viewportBounds);
         }
         if (helperLines.length > 0) {
@@ -144,73 +143,77 @@ let DrawHelperLinesFeedbackCommand = class DrawHelperLinesFeedbackCommand extend
     }
     calcHelperLinesForBounds(elementBounds, bounds, lineTypes) {
         const helperLines = [];
-        if (lineTypes.includes(model_1.HelperLineType.Left) && this.isAligned(geometry_util_1.left, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [above, below] = (0, geometry_util_1.sortBy)(geometry_util_1.top, elementBounds, bounds); // higher top-value ==> lower
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomLeft)(below), (0, geometry_util_1.topLeft)(above), model_1.HelperLineType.Left));
+        if (lineTypes.includes(model_1.HelperLineType.Left) && this.isAligned(sprotty_1.Bounds.left, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [above, below] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.top, elementBounds, bounds); // higher top-value ==> lower
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomLeft(below), sprotty_1.Bounds.topLeft(above), model_1.HelperLineType.Left));
             this.log('- Reference bounds left align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Center) && this.isAligned(geometry_util_1.center, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [above, below] = (0, geometry_util_1.sortBy)(geometry_util_1.top, elementBounds, bounds); // higher top-value ==> lower
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.topCenter)(above), (0, geometry_util_1.bottomCenter)(below), model_1.HelperLineType.Center));
+        if (lineTypes.includes(model_1.HelperLineType.Center) && this.isAligned(sprotty_1.Bounds.centerX, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [above, below] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.top, elementBounds, bounds); // higher top-value ==> lower
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topCenter(above), sprotty_1.Bounds.bottomCenter(below), model_1.HelperLineType.Center));
             this.log('- Reference bounds center align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Right) && this.isAligned(geometry_util_1.right, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [above, below] = (0, geometry_util_1.sortBy)(geometry_util_1.top, elementBounds, bounds); // higher top-value ==> lower
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomRight)(below), (0, geometry_util_1.topRight)(above), model_1.HelperLineType.Right));
+        if (lineTypes.includes(model_1.HelperLineType.Right) && this.isAligned(sprotty_1.Bounds.right, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [above, below] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.top, elementBounds, bounds); // higher top-value ==> lower
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomRight(below), sprotty_1.Bounds.topRight(above), model_1.HelperLineType.Right));
             this.log('- Reference bounds right align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Bottom) && this.isAligned(geometry_util_1.bottom, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [before, after] = (0, geometry_util_1.sortBy)(geometry_util_1.left, elementBounds, bounds); // higher left-value ==> more to the right
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomLeft)(before), (0, geometry_util_1.bottomRight)(after), model_1.HelperLineType.Bottom));
+        if (lineTypes.includes(model_1.HelperLineType.Bottom) && this.isAligned(sprotty_1.Bounds.bottom, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [before, after] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.left, elementBounds, bounds); // higher left-value ==> more to the right
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomLeft(before), sprotty_1.Bounds.bottomRight(after), model_1.HelperLineType.Bottom));
             this.log('- Reference bounds bottom align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Middle) && this.isAligned(geometry_util_1.middle, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [before, after] = (0, geometry_util_1.sortBy)(geometry_util_1.left, elementBounds, bounds); // higher left-value ==> more to the right
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.middleLeft)(before), (0, geometry_util_1.middleRight)(after), model_1.HelperLineType.Middle));
+        if (lineTypes.includes(model_1.HelperLineType.Middle) && this.isAligned(sprotty_1.Bounds.centerY, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [before, after] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.left, elementBounds, bounds); // higher left-value ==> more to the right
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.middleLeft(before), sprotty_1.Bounds.middleRight(after), model_1.HelperLineType.Middle));
             this.log('- Reference bounds middle align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.Top) && this.isAligned(geometry_util_1.top, elementBounds, bounds, this.alignmentEpsilon)) {
-            const [before, after] = (0, geometry_util_1.sortBy)(geometry_util_1.left, elementBounds, bounds); // higher left-value ==> more to the right
-            helperLines.push(new model_1.HelperLine((0, geometry_util_1.topLeft)(before), (0, geometry_util_1.topRight)(after), model_1.HelperLineType.Top));
+        if (lineTypes.includes(model_1.HelperLineType.Top) && this.isAligned(sprotty_1.Bounds.top, elementBounds, bounds, this.alignmentEpsilon)) {
+            const [before, after] = sprotty_1.Bounds.sortBy(sprotty_1.Bounds.left, elementBounds, bounds); // higher left-value ==> more to the right
+            helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topLeft(before), sprotty_1.Bounds.topRight(after), model_1.HelperLineType.Top));
             this.log('- Reference bounds top align with element', elementBounds);
         }
-        if (lineTypes.includes(model_1.HelperLineType.LeftRight) && this.isMatch((0, geometry_util_1.left)(elementBounds), (0, geometry_util_1.right)(bounds), this.alignmentEpsilon)) {
-            if ((0, geometry_util_1.isAbove)(bounds, elementBounds)) {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomLeft)(elementBounds), (0, geometry_util_1.topRight)(bounds), model_1.HelperLineType.RightLeft));
+        if (lineTypes.includes(model_1.HelperLineType.LeftRight) &&
+            this.isMatch(sprotty_1.Bounds.left(elementBounds), sprotty_1.Bounds.right(bounds), this.alignmentEpsilon)) {
+            if (sprotty_1.Bounds.isAbove(bounds, elementBounds)) {
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomLeft(elementBounds), sprotty_1.Bounds.topRight(bounds), model_1.HelperLineType.RightLeft));
                 this.log('- Reference bounds right aligns with element left', elementBounds);
             }
             else {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.topLeft)(elementBounds), (0, geometry_util_1.bottomRight)(bounds), model_1.HelperLineType.RightLeft));
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topLeft(elementBounds), sprotty_1.Bounds.bottomRight(bounds), model_1.HelperLineType.RightLeft));
                 this.log('- Reference bounds right aligns with element left', elementBounds);
             }
         }
-        if (lineTypes.includes(model_1.HelperLineType.LeftRight) && this.isMatch((0, geometry_util_1.right)(elementBounds), (0, geometry_util_1.left)(bounds), this.alignmentEpsilon)) {
-            if ((0, geometry_util_1.isAbove)(bounds, elementBounds)) {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomRight)(elementBounds), (0, geometry_util_1.topLeft)(bounds), model_1.HelperLineType.LeftRight));
+        if (lineTypes.includes(model_1.HelperLineType.LeftRight) &&
+            this.isMatch(sprotty_1.Bounds.right(elementBounds), sprotty_1.Bounds.left(bounds), this.alignmentEpsilon)) {
+            if (sprotty_1.Bounds.isAbove(bounds, elementBounds)) {
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomRight(elementBounds), sprotty_1.Bounds.topLeft(bounds), model_1.HelperLineType.LeftRight));
                 this.log('- Reference bounds left aligns with element right', elementBounds);
             }
             else {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.topRight)(elementBounds), (0, geometry_util_1.bottomLeft)(bounds), model_1.HelperLineType.LeftRight));
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topRight(elementBounds), sprotty_1.Bounds.bottomLeft(bounds), model_1.HelperLineType.LeftRight));
                 this.log('- Reference bounds left aligns with element right', elementBounds);
             }
         }
-        if (lineTypes.includes(model_1.HelperLineType.TopBottom) && this.isMatch((0, geometry_util_1.top)(elementBounds), (0, geometry_util_1.bottom)(bounds), this.alignmentEpsilon)) {
-            if ((0, geometry_util_1.isBefore)(bounds, elementBounds)) {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.topRight)(elementBounds), (0, geometry_util_1.bottomLeft)(bounds), model_1.HelperLineType.BottomTop));
+        if (lineTypes.includes(model_1.HelperLineType.TopBottom) &&
+            this.isMatch(sprotty_1.Bounds.top(elementBounds), sprotty_1.Bounds.bottom(bounds), this.alignmentEpsilon)) {
+            if (sprotty_1.Bounds.isBefore(bounds, elementBounds)) {
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topRight(elementBounds), sprotty_1.Bounds.bottomLeft(bounds), model_1.HelperLineType.BottomTop));
                 this.log('- Reference bounds bottom aligns with element top', elementBounds);
             }
             else {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.topLeft)(elementBounds), (0, geometry_util_1.bottomRight)(bounds), model_1.HelperLineType.BottomTop));
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.topLeft(elementBounds), sprotty_1.Bounds.bottomRight(bounds), model_1.HelperLineType.BottomTop));
                 this.log('- Reference bounds bottom aligns with element top', elementBounds);
             }
         }
-        if (lineTypes.includes(model_1.HelperLineType.TopBottom) && this.isMatch((0, geometry_util_1.bottom)(elementBounds), (0, geometry_util_1.top)(bounds), this.alignmentEpsilon)) {
-            if ((0, geometry_util_1.isBefore)(bounds, elementBounds)) {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomRight)(elementBounds), (0, geometry_util_1.topLeft)(bounds), model_1.HelperLineType.TopBottom));
+        if (lineTypes.includes(model_1.HelperLineType.TopBottom) &&
+            this.isMatch(sprotty_1.Bounds.bottom(elementBounds), sprotty_1.Bounds.top(bounds), this.alignmentEpsilon)) {
+            if (sprotty_1.Bounds.isBefore(bounds, elementBounds)) {
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomRight(elementBounds), sprotty_1.Bounds.topLeft(bounds), model_1.HelperLineType.TopBottom));
                 this.log('- Reference bounds top aligns with element bottom', elementBounds);
             }
             else {
-                helperLines.push(new model_1.HelperLine((0, geometry_util_1.bottomLeft)(elementBounds), (0, geometry_util_1.topRight)(bounds), model_1.HelperLineType.TopBottom));
+                helperLines.push(new model_1.HelperLine(sprotty_1.Bounds.bottomLeft(elementBounds), sprotty_1.Bounds.topRight(bounds), model_1.HelperLineType.TopBottom));
                 this.log('- Reference bounds top aligns with element bottom', elementBounds);
             }
         }
@@ -223,7 +226,7 @@ let DrawHelperLinesFeedbackCommand = class DrawHelperLinesFeedbackCommand extend
         return this.isMatch(coordinate(leftBounds), coordinate(rightBounds), epsilon);
     }
     isMatch(leftCoordinate, rightCoordinate, epsilon) {
-        return Math.abs(leftCoordinate - rightCoordinate) <= epsilon;
+        return (0, sprotty_1.equalUpTo)(leftCoordinate, rightCoordinate, epsilon);
     }
     log(message, ...params) {
         if (this.debug) {