@eclipse-glsp/client 2.2.0-next.329 → 2.2.0-next.330

package/lib/features/tools/change-bounds/change-bounds-tool.d.ts

@@ -1,8 +1,10 @@
-import { Action, Bounds, BoundsAware, Dimension, Disposable, EdgeRouterRegistry, ElementAndBounds, GModelElement, GModelRoot, GParentElement, MouseListener, Operation, Point } from '@eclipse-glsp/sprotty';
+import { Action, BoundsAware, Dimension, Disposable, EdgeRouterRegistry, ElementAndBounds, GModelElement, GModelRoot, GParentElement, MouseListener, Operation, Point } from '@eclipse-glsp/sprotty';
 import { DragAwareMouseListener } from '../../../base/drag-aware-mouse-listener';
+import { FeedbackEmitter } from '../../../base/feedback/feeback-emitter';
 import { ISelectionListener, SelectionService } from '../../../base/selection-service';
-import { PointPositionUpdater } from '../../../features/change-bounds/point-position-updater';
-import { Resizable, SResizeHandle } from '../../change-bounds/model';
+import { BoundsAwareModelElement, ResizableModelElement } from '../../../utils/gmodel-util';
+import { PointPositionUpdater } from '../../change-bounds';
+import { SResizeHandle } from '../../change-bounds/model';
 import { IMovementRestrictor } from '../../change-bounds/movement-restrictor';
 import { PositionSnapper } from '../../change-bounds/position-snapper';
 import { BaseEditTool } from '../base-tools';
@@ -30,40 +32,48 @@ export declare class ChangeBoundsTool extends BaseEditTool {
     protected createMoveMouseListener(): MouseListener;
     protected createChangeBoundsListener(): MouseListener & ISelectionListener;
 }
+export interface ValidatedElementAndBounds extends ElementAndBounds {
+    valid: boolean;
+}
+export declare namespace ValidatedElementAndBounds {
+    function isValid(move: ElementAndBounds): boolean;
+}
 export declare class ChangeBoundsListener extends DragAwareMouseListener implements ISelectionListener, Disposable {
     protected tool: ChangeBoundsTool;
     static readonly CSS_CLASS_ACTIVE = "active";
-    protected initialBounds: Bounds | undefined;
-    protected pointPositionUpdater: PointPositionUpdater;
-    protected activeResizeElement?: GModelElement;
+    protected initialBounds: ElementAndBounds | undefined;
+    protected positionUpdater: PointPositionUpdater;
+    protected activeResizeElement?: ResizableModelElement;
     protected activeResizeHandle?: SResizeHandle;
+    protected handleFeedback: FeedbackEmitter;
+    protected resizeFeedback: FeedbackEmitter;
     constructor(tool: ChangeBoundsTool);
     mouseDown(target: GModelElement, event: MouseEvent): Action[];
-    mouseMove(target: GModelElement, event: MouseEvent): Action[];
+    protected updateResizeElement(target: GModelElement, event?: MouseEvent): boolean;
+    protected findResizeElement(target: GModelElement): ResizableModelElement | undefined;
+    protected draggingMouseMove(target: GModelElement, event: MouseEvent): Action[];
+    protected filterResizeOnClient(resize: ValidatedElementAndBounds, positionUpdate: Point): boolean;
+    protected addResizeFeedback(resizeActions: ValidatedElementAndBounds[], handle: SResizeHandle, target: GModelElement, event: MouseEvent): void;
+    protected resetBoundsAction(): Action[];
     draggingMouseUp(target: GModelElement, _event: MouseEvent): Action[];
+    nonDraggingMouseUp(element: GModelElement, event: MouseEvent): Action[];
     protected handleMoveOnServer(target: GModelElement): Action[];
     protected handleMoveElementsOnServer(target: GModelElement): Operation[];
+    protected isValidElement(element: BoundsAwareModelElement, selectedElements?: Set<BoundsAwareModelElement>): boolean;
     protected isChildOfSelected(selectedElements: Set<GModelElement>, element: GModelElement): boolean;
     protected handleMoveRoutingPointsOnServer(target: GModelElement): Operation[];
-    protected handleResize(activeResizeHandle: SResizeHandle): Action[];
+    protected handleResizeOnServer(activeResizeHandle: SResizeHandle): Action[];
     selectionChanged(root: GModelRoot, selectedElements: string[]): void;
-    protected setActiveResizeElement(target: GModelElement): boolean;
     protected isActiveResizeElement(element?: GModelElement): element is GParentElement & BoundsAware;
-    protected initPosition(event: MouseEvent): void;
+    protected handleResizeOnClient(positionUpdate: Point): ValidatedElementAndBounds[];
+    protected handleTopLeftResize(resizeElement: ResizableModelElement, positionUpdate: Point): ValidatedElementAndBounds[];
+    protected handleTopRightResize(resizeElement: ResizableModelElement, positionUpdate: Point): ValidatedElementAndBounds[];
+    protected handleBottomLeftResize(resizeElement: ResizableModelElement, positionUpdate: Point): ValidatedElementAndBounds[];
+    protected handleBottomRightResize(resizeElement: ResizableModelElement, positionUpdate: Point): ValidatedElementAndBounds[];
+    protected createSetBoundsAction(element: BoundsAwareModelElement, newPosition: Point, newSize: Dimension): ValidatedElementAndBounds[];
+    protected isValidSize(element: BoundsAwareModelElement, size: Dimension): boolean;
+    protected isValidMove(element: BoundsAwareModelElement, newPosition: Point): boolean;
+    protected disposeAllButHandles(): void;
     dispose(): void;
-    protected reset(resetBounds?: boolean): void;
-    protected resetFeedback(resetBounds?: boolean): void;
-    protected resetPosition(): void;
-    protected handleResizeOnClient(positionUpdate: Point): Action[];
-    protected handleTopLeftResize(resizeElement: GParentElement & Resizable, positionUpdate: Point): Action[];
-    protected handleTopRightResize(resizeElement: GParentElement & Resizable, positionUpdate: Point): Action[];
-    protected handleBottomLeftResize(resizeElement: GParentElement & Resizable, positionUpdate: Point): Action[];
-    protected handleBottomRightResize(resizeElement: GParentElement & Resizable, positionUpdate: Point): Action[];
-    protected createChangeBoundsAction(element: GModelElement & BoundsAware): Action[];
-    protected createElementAndBounds(element: GModelElement & BoundsAware): ElementAndBounds[];
-    protected createSetBoundsAction(element: GModelElement & BoundsAware, x: number, y: number, width: number, height: number): Action[];
-    protected isValidBoundChange(element: GModelElement & BoundsAware, newPosition: Point, newSize: Dimension): boolean;
-    protected isValidSize(element: GModelElement & BoundsAware, size: Dimension): boolean;
-    protected isValidMove(element: GModelElement & BoundsAware, newPosition: Point): boolean;
 }
 //# sourceMappingURL=change-bounds-tool.d.ts.map

package/lib/features/tools/change-bounds/change-bounds-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"change-bounds-tool.d.ts","sourceRoot":"","sources":["../../../../src/features/tools/change-bounds/change-bounds-tool.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"change-bounds-tool.d.ts","sourceRoot":"","sources":["../../../../src/features/tools/change-bounds/change-bounds-tool.ts"],"names":[],"mappings":"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"}

package/lib/features/tools/change-bounds/change-bounds-tool.js

@@ -10,7 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 var ChangeBoundsTool_1;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChangeBoundsListener = exports.ChangeBoundsTool = void 0;
+exports.ChangeBoundsListener = exports.ValidatedElementAndBounds = exports.ChangeBoundsTool = void 0;
 /********************************************************************************
  * Copyright (c) 2019-2023 EclipseSource and others.
  *
@@ -31,16 +31,17 @@ const sprotty_1 = require("@eclipse-glsp/sprotty");
 const drag_aware_mouse_listener_1 = require("../../../base/drag-aware-mouse-listener");
 const css_feedback_1 = require("../../../base/feedback/css-feedback");
 const selection_service_1 = require("../../../base/selection-service");
-const point_position_updater_1 = require("../../../features/change-bounds/point-position-updater");
+const utils_1 = require("../../../utils");
 const gmodel_util_1 = require("../../../utils/gmodel-util");
-const layout_utils_1 = require("../../../utils/layout-utils");
-const set_bounds_feedback_command_1 = require("../../bounds/set-bounds-feedback-command");
+const bounds_1 = require("../../bounds");
+const change_bounds_1 = require("../../change-bounds");
 const model_1 = require("../../change-bounds/model");
 const movement_restrictor_1 = require("../../change-bounds/movement-restrictor");
 const position_snapper_1 = require("../../change-bounds/position-snapper");
-const model_2 = require("../../helper-lines/model");
+const helper_lines_1 = require("../../helper-lines");
 const base_tools_1 = require("../base-tools");
 const change_bounds_tool_feedback_1 = require("./change-bounds-tool-feedback");
+const change_bounds_tool_move_feedback_1 = require("./change-bounds-tool-move-feedback");
 /**
  * The change bounds tool has the license to move multiple elements or resize a single element by implementing the ChangeBounds operation.
  * In contrast to Sprotty's implementation this tool only sends a `ChangeBoundsOperationAction` when an operation has finished and does not
@@ -69,10 +70,10 @@ let ChangeBoundsTool = ChangeBoundsTool_1 = class ChangeBoundsTool extends base_
         if (sprotty_1.Disposable.is(changeBoundsListener)) {
             this.toDisposeOnDisable.push(changeBoundsListener);
         }
-        this.toDisposeOnDisable.push(this.mouseTool.registerListener(feedbackMoveMouseListener), this.mouseTool.registerListener(changeBoundsListener), sprotty_1.Disposable.create(() => this.deregisterFeedback(feedbackMoveMouseListener)), sprotty_1.Disposable.create(() => this.deregisterFeedback(changeBoundsListener, [change_bounds_tool_feedback_1.HideChangeBoundsToolResizeFeedbackAction.create()])), this.selectionService.onSelectionChanged(change => changeBoundsListener.selectionChanged(change.root, change.selectedElements)));
+        this.toDisposeOnDisable.push(this.mouseTool.registerListener(feedbackMoveMouseListener), this.mouseTool.registerListener(changeBoundsListener), this.selectionService.onSelectionChanged(change => changeBoundsListener.selectionChanged(change.root, change.selectedElements)));
     }
     createMoveMouseListener() {
-        return new change_bounds_tool_feedback_1.FeedbackMoveMouseListener(this);
+        return new change_bounds_tool_move_feedback_1.FeedbackMoveMouseListener(this);
     }
     createChangeBoundsListener() {
         return new ChangeBoundsListener(this);
@@ -101,11 +102,21 @@ __decorate([
 exports.ChangeBoundsTool = ChangeBoundsTool = ChangeBoundsTool_1 = __decorate([
     (0, inversify_1.injectable)()
 ], ChangeBoundsTool);
+var ValidatedElementAndBounds;
+(function (ValidatedElementAndBounds) {
+    function isValid(move) {
+        var _a;
+        return (_a = move.valid) !== null && _a !== void 0 ? _a : true;
+    }
+    ValidatedElementAndBounds.isValid = isValid;
+})(ValidatedElementAndBounds || (exports.ValidatedElementAndBounds = ValidatedElementAndBounds = {}));
 class ChangeBoundsListener extends drag_aware_mouse_listener_1.DragAwareMouseListener {
     constructor(tool) {
         super();
         this.tool = tool;
-        this.pointPositionUpdater = new point_position_updater_1.PointPositionUpdater(tool.positionSnapper);
+        this.positionUpdater = new change_bounds_1.PointPositionUpdater(tool.positionSnapper);
+        this.handleFeedback = tool.createFeedbackEmitter();
+        this.resizeFeedback = tool.createFeedbackEmitter();
     }
     mouseDown(target, event) {
         super.mouseDown(target, event);
@@ -115,83 +126,132 @@ class ChangeBoundsListener extends drag_aware_mouse_listener_1.DragAwareMouseLis
             return [];
         }
         // check if we have a resize handle (only single-selection)
-        if (this.activeResizeElement && target instanceof model_1.SResizeHandle) {
-            this.activeResizeHandle = target;
-        }
-        else {
-            this.setActiveResizeElement(target);
-        }
+        this.updateResizeElement(target, event);
+        return [];
+    }
+    updateResizeElement(target, event) {
+        var _a, _b;
+        this.activeResizeHandle = target instanceof model_1.SResizeHandle ? target : undefined;
+        this.activeResizeElement = (_b = (_a = this.activeResizeHandle) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : this.findResizeElement(target);
         if (this.activeResizeElement) {
-            this.initPosition(event);
+            if (event) {
+                this.positionUpdater.updateLastDragPosition(event);
+            }
+            this.initialBounds = {
+                newSize: this.activeResizeElement.bounds,
+                newPosition: this.activeResizeElement.bounds,
+                elementId: this.activeResizeElement.id
+            };
+            this.handleFeedback.add(change_bounds_tool_feedback_1.ShowChangeBoundsToolResizeFeedbackAction.create(this.activeResizeElement.id), change_bounds_tool_feedback_1.HideChangeBoundsToolResizeFeedbackAction.create());
+            this.handleFeedback.submit();
+            return true;
         }
         else {
-            this.reset();
+            this.positionUpdater.resetPosition();
+            this.handleFeedback.dispose();
+            return false;
         }
-        return [];
     }
-    mouseMove(target, event) {
-        super.mouseMove(target, event);
-        if (this.isMouseDrag && this.activeResizeHandle) {
-            // rely on the FeedbackMoveMouseListener to update the element bounds of selected elements
-            // consider resize handles ourselves
-            const actions = [
-                (0, css_feedback_1.cursorFeedbackAction)(this.activeResizeHandle.isNwSeResize() ? css_feedback_1.CursorCSS.RESIZE_NWSE : css_feedback_1.CursorCSS.RESIZE_NESW),
-                (0, css_feedback_1.applyCssClasses)(this.activeResizeHandle, ChangeBoundsListener.CSS_CLASS_ACTIVE)
-            ];
-            const positionUpdate = this.pointPositionUpdater.updatePosition(target, event, (0, model_2.getDirectionFrom)(this.activeResizeHandle.location));
+    findResizeElement(target) {
+        // check if we have a selected, moveable element (multi-selection allowed)
+        // but only allow one element to have the element resize handles
+        return (0, sprotty_1.findParentByFeature)(target, model_1.isResizable);
+    }
+    draggingMouseMove(target, event) {
+        // rely on the FeedbackMoveMouseListener to update the element bounds of selected elements
+        // consider resize handles ourselves
+        if (this.activeResizeHandle && !this.positionUpdater.isLastDragPositionUndefined()) {
+            if (!this.initialBounds) {
+                const element = this.activeResizeHandle.parent;
+                this.initialBounds = { elementId: element.id, newSize: element.bounds, newPosition: element.bounds };
+            }
+            const positionUpdate = this.positionUpdater.updatePosition(target, event, (0, helper_lines_1.getDirectionFrom)(this.activeResizeHandle.location));
             if (positionUpdate) {
-                const resizeActions = this.handleResizeOnClient(positionUpdate);
-                actions.push(...resizeActions);
+                const resizeActions = this.handleResizeOnClient(positionUpdate).filter(action => action);
+                if (resizeActions.length > 0) {
+                    this.resizeFeedback.add(bounds_1.SetBoundsFeedbackAction.create(resizeActions), () => this.resetBoundsAction());
+                    this.addResizeFeedback(resizeActions, this.activeResizeHandle, target, event);
+                    this.resizeFeedback.submit();
+                }
             }
-            this.tool.registerFeedback(actions, this);
         }
-        return [];
+        return super.draggingMouseMove(target, event);
+    }
+    filterResizeOnClient(resize, positionUpdate) {
+        return true;
+    }
+    addResizeFeedback(resizeActions, handle, target, event) {
+        // handle feedback
+        this.resizeFeedback.add((0, css_feedback_1.applyCssClasses)(handle, ChangeBoundsListener.CSS_CLASS_ACTIVE), (0, css_feedback_1.deleteCssClasses)(handle, ChangeBoundsListener.CSS_CLASS_ACTIVE));
+        // cursor feedback
+        const cursorClass = handle.isNeResize()
+            ? css_feedback_1.CursorCSS.RESIZE_NE
+            : handle.isNwResize()
+                ? css_feedback_1.CursorCSS.RESIZE_NW
+                : handle.isSeResize()
+                    ? css_feedback_1.CursorCSS.RESIZE_SE
+                    : css_feedback_1.CursorCSS.RESIZE_SW;
+        this.resizeFeedback.add((0, css_feedback_1.cursorFeedbackAction)(cursorClass), (0, css_feedback_1.cursorFeedbackAction)(css_feedback_1.CursorCSS.DEFAULT));
+        // restriction feedback
+        resizeActions.forEach(elementResize => {
+            const element = handle.root.index.getById(elementResize.elementId);
+            if (element && this.tool.movementRestrictor) {
+                if (!elementResize.valid) {
+                    this.resizeFeedback.add((0, movement_restrictor_1.createMovementRestrictionFeedback)(element, this.tool.movementRestrictor), () => (0, movement_restrictor_1.removeMovementRestrictionFeedback)(element, this.tool.movementRestrictor));
+                }
+                else {
+                    this.resizeFeedback.add((0, movement_restrictor_1.removeMovementRestrictionFeedback)(element, this.tool.movementRestrictor));
+                }
+            }
+        });
+    }
+    resetBoundsAction() {
+        // reset the bounds to the initial bounds and ensure that we do not show helper line feedback anymore (MoveFinishedEventAction)
+        return this.initialBounds
+            ? [bounds_1.SetBoundsFeedbackAction.create([this.initialBounds]), change_bounds_tool_feedback_1.MoveFinishedEventAction.create()]
+            : [change_bounds_tool_feedback_1.MoveFinishedEventAction.create()];
     }
     draggingMouseUp(target, _event) {
-        if (this.pointPositionUpdater.isLastDragPositionUndefined()) {
-            this.resetPosition();
+        if (this.positionUpdater.isLastDragPositionUndefined()) {
             return [];
         }
         const actions = [];
         if (this.activeResizeHandle) {
-            // Resize
-            actions.push(...this.handleResize(this.activeResizeHandle));
+            actions.push(...this.handleResizeOnServer(this.activeResizeHandle));
         }
         else {
-            // Move
             actions.push(...this.handleMoveOnServer(target));
         }
-        this.resetPosition();
-        this.tool.deregisterFeedback(this, [(0, css_feedback_1.cursorFeedbackAction)(css_feedback_1.CursorCSS.DEFAULT)]);
+        this.disposeAllButHandles();
         return actions;
     }
+    nonDraggingMouseUp(element, event) {
+        this.disposeAllButHandles();
+        return super.nonDraggingMouseUp(element, event);
+    }
     handleMoveOnServer(target) {
         const operations = [];
         operations.push(...this.handleMoveElementsOnServer(target));
         operations.push(...this.handleMoveRoutingPointsOnServer(target));
-        if (operations.length > 0) {
-            return [sprotty_1.CompoundOperation.create(operations)];
-        }
-        return operations;
+        return operations.length > 0 ? [sprotty_1.CompoundOperation.create(operations)] : [];
     }
     handleMoveElementsOnServer(target) {
-        const result = [];
-        const newBounds = [];
-        const selectedElements = [];
-        (0, gmodel_util_1.forEachElement)(target.index, gmodel_util_1.isNonRoutableSelectedMovableBoundsAware, element => {
-            selectedElements.push(element);
-        });
+        const selectedElements = (0, gmodel_util_1.getMatchingElements)(target.index, gmodel_util_1.isNonRoutableSelectedMovableBoundsAware);
         const selectionSet = new Set(selectedElements);
-        selectedElements
-            .filter(element => !this.isChildOfSelected(selectionSet, element))
-            .map(element => this.createElementAndBounds(element))
-            .forEach(bounds => newBounds.push(...bounds));
-        if (newBounds.length > 0) {
-            result.push(sprotty_1.ChangeBoundsOperation.create(newBounds));
-        }
-        return result;
+        const newBounds = selectedElements
+            .filter(element => this.isValidElement(element, selectionSet))
+            .map(gmodel_util_1.toElementAndBounds);
+        return newBounds.length > 0 ? [sprotty_1.ChangeBoundsOperation.create(newBounds)] : [];
+    }
+    isValidElement(element, selectedElements = new Set()) {
+        return (this.isValidMove(element, element.bounds) &&
+            this.isValidSize(element, element.bounds) &&
+            !this.isChildOfSelected(selectedElements, element));
     }
     isChildOfSelected(selectedElements, element) {
+        if (selectedElements.size === 0) {
+            return false;
+        }
         while (element instanceof sprotty_1.GChildElement) {
             element = element.parent;
             if (selectedElements.has(element)) {
@@ -218,166 +278,98 @@ class ChangeBoundsListener extends drag_aware_mouse_listener_1.DragAwareMouseLis
         }
         return newRoutingPoints.length > 0 ? [sprotty_1.ChangeRoutingPointsOperation.create(newRoutingPoints)] : [];
     }
-    handleResize(activeResizeHandle) {
-        const actions = [];
-        actions.push((0, css_feedback_1.cursorFeedbackAction)(css_feedback_1.CursorCSS.DEFAULT));
-        actions.push((0, css_feedback_1.deleteCssClasses)(activeResizeHandle, ChangeBoundsListener.CSS_CLASS_ACTIVE));
-        const resizeElement = (0, sprotty_1.findParentByFeature)(activeResizeHandle, model_1.isResizable);
-        if (this.isActiveResizeElement(resizeElement)) {
-            this.createChangeBoundsAction(resizeElement).forEach(action => actions.push(action));
-        }
-        return actions;
-    }
-    selectionChanged(root, selectedElements) {
-        if (this.activeResizeElement) {
-            if (selectedElements.includes(this.activeResizeElement.id)) {
-                // our active element is still selected, nothing to do
-                return;
+    handleResizeOnServer(activeResizeHandle) {
+        if (this.isValidElement(activeResizeHandle.parent) && this.initialBounds) {
+            const elementAndBounds = (0, gmodel_util_1.toElementAndBounds)(activeResizeHandle.parent);
+            if (!this.initialBounds.newPosition || !elementAndBounds.newPosition) {
+                return [];
             }
-            // try to find some other selected element and mark that active
-            for (const elementId of selectedElements.reverse()) {
-                const element = root.index.getById(elementId);
-                if (element && this.setActiveResizeElement(element)) {
-                    return;
-                }
+            if (!sprotty_1.Point.equals(this.initialBounds.newPosition, elementAndBounds.newPosition) ||
+                !sprotty_1.Dimension.equals(this.initialBounds.newSize, elementAndBounds.newSize)) {
+                // UX: we do not want the element positions to be reset to their start as they will be moved to their start and
+                // only afterwards moved by the move action again, leading to a ping-pong movement.
+                // We therefore clear our element map so that they cannot be reset.
+                this.initialBounds = undefined;
+                return [sprotty_1.ChangeBoundsOperation.create([elementAndBounds])];
             }
-            this.reset();
         }
+        return [];
     }
-    setActiveResizeElement(target) {
-        // check if we have a selected, moveable element (multi-selection allowed)
-        const moveableElement = (0, sprotty_1.findParentByFeature)(target, model_1.isBoundsAwareMoveable);
-        if ((0, sprotty_1.isSelected)(moveableElement)) {
-            // only allow one element to have the element resize handles
-            this.activeResizeElement = moveableElement;
-            if ((0, model_1.isResizable)(this.activeResizeElement)) {
-                this.tool.registerFeedback([change_bounds_tool_feedback_1.ShowChangeBoundsToolResizeFeedbackAction.create(this.activeResizeElement.id)], this.activeResizeElement);
+    selectionChanged(root, selectedElements) {
+        if (this.activeResizeElement && selectedElements.includes(this.activeResizeElement.id)) {
+            // our active element is still selected, nothing to do
+            return;
+        }
+        // try to find some other selected element and mark that active
+        for (const elementId of selectedElements.reverse()) {
+            const element = root.index.getById(elementId);
+            if (element && this.updateResizeElement(element)) {
+                return;
             }
-            return true;
         }
-        return false;
+        this.updateResizeElement(root);
+        this.disposeAllButHandles();
     }
     isActiveResizeElement(element) {
         return element !== undefined && this.activeResizeElement !== undefined && element.id === this.activeResizeElement.id;
     }
-    initPosition(event) {
-        this.pointPositionUpdater.updateLastDragPosition(event);
-        if (this.activeResizeHandle) {
-            const resizeElement = (0, sprotty_1.findParentByFeature)(this.activeResizeHandle, model_1.isResizable);
-            this.initialBounds = {
-                x: resizeElement.bounds.x,
-                y: resizeElement.bounds.y,
-                width: resizeElement.bounds.width,
-                height: resizeElement.bounds.height
-            };
-        }
-    }
-    dispose() {
-        this.reset(true);
-    }
-    reset(resetBounds = false) {
-        this.resetFeedback(resetBounds);
-        this.resetPosition();
-    }
-    resetFeedback(resetBounds = false) {
-        const resetFeedback = [];
-        if (this.activeResizeElement && (0, model_1.isResizable)(this.activeResizeElement)) {
-            if (this.initialBounds && this.activeResizeHandle && resetBounds) {
-                // we only reset the bounds if an active resize operation was cancelled due to the tool being disabled
-                resetFeedback.push(set_bounds_feedback_command_1.SetBoundsFeedbackAction.create([
-                    {
-                        elementId: this.activeResizeElement.id,
-                        newPosition: this.initialBounds,
-                        newSize: this.initialBounds
-                    }
-                ]));
-            }
-            this.tool.deregisterFeedback(this.activeResizeElement, [change_bounds_tool_feedback_1.HideChangeBoundsToolResizeFeedbackAction.create()]);
-        }
-        resetFeedback.push((0, css_feedback_1.cursorFeedbackAction)(css_feedback_1.CursorCSS.DEFAULT));
-        this.tool.deregisterFeedback(this, resetFeedback);
-    }
-    resetPosition() {
-        this.activeResizeHandle = undefined;
-        this.pointPositionUpdater.resetPosition();
-    }
     handleResizeOnClient(positionUpdate) {
         if (!this.activeResizeHandle) {
             return [];
         }
-        const resizeElement = (0, sprotty_1.findParentByFeature)(this.activeResizeHandle, model_1.isResizable);
-        if (this.isActiveResizeElement(resizeElement)) {
+        if (this.isActiveResizeElement(this.activeResizeHandle.parent)) {
             switch (this.activeResizeHandle.location) {
                 case model_1.ResizeHandleLocation.TopLeft:
-                    return this.handleTopLeftResize(resizeElement, positionUpdate);
+                    return this.handleTopLeftResize(this.activeResizeHandle.parent, positionUpdate);
                 case model_1.ResizeHandleLocation.TopRight:
-                    return this.handleTopRightResize(resizeElement, positionUpdate);
+                    return this.handleTopRightResize(this.activeResizeHandle.parent, positionUpdate);
                 case model_1.ResizeHandleLocation.BottomLeft:
-                    return this.handleBottomLeftResize(resizeElement, positionUpdate);
+                    return this.handleBottomLeftResize(this.activeResizeHandle.parent, positionUpdate);
                 case model_1.ResizeHandleLocation.BottomRight:
-                    return this.handleBottomRightResize(resizeElement, positionUpdate);
+                    return this.handleBottomRightResize(this.activeResizeHandle.parent, positionUpdate);
             }
         }
         return [];
     }
     handleTopLeftResize(resizeElement, positionUpdate) {
-        return this.createSetBoundsAction(resizeElement, resizeElement.bounds.x + positionUpdate.x, resizeElement.bounds.y + positionUpdate.y, resizeElement.bounds.width - positionUpdate.x, resizeElement.bounds.height - positionUpdate.y);
+        return this.createSetBoundsAction(resizeElement, { x: resizeElement.bounds.x + positionUpdate.x, y: resizeElement.bounds.y + positionUpdate.y }, { width: resizeElement.bounds.width - positionUpdate.x, height: resizeElement.bounds.height - positionUpdate.y });
     }
     handleTopRightResize(resizeElement, positionUpdate) {
-        return this.createSetBoundsAction(resizeElement, resizeElement.bounds.x, resizeElement.bounds.y + positionUpdate.y, resizeElement.bounds.width + positionUpdate.x, resizeElement.bounds.height - positionUpdate.y);
+        return this.createSetBoundsAction(resizeElement, { x: resizeElement.bounds.x, y: resizeElement.bounds.y + positionUpdate.y }, { width: resizeElement.bounds.width + positionUpdate.x, height: resizeElement.bounds.height - positionUpdate.y });
     }
     handleBottomLeftResize(resizeElement, positionUpdate) {
-        return this.createSetBoundsAction(resizeElement, resizeElement.bounds.x + positionUpdate.x, resizeElement.bounds.y, resizeElement.bounds.width - positionUpdate.x, resizeElement.bounds.height + positionUpdate.y);
+        return this.createSetBoundsAction(resizeElement, { x: resizeElement.bounds.x + positionUpdate.x, y: resizeElement.bounds.y }, { width: resizeElement.bounds.width - positionUpdate.x, height: resizeElement.bounds.height + positionUpdate.y });
     }
     handleBottomRightResize(resizeElement, positionUpdate) {
-        return this.createSetBoundsAction(resizeElement, resizeElement.bounds.x, resizeElement.bounds.y, resizeElement.bounds.width + positionUpdate.x, resizeElement.bounds.height + positionUpdate.y);
+        return this.createSetBoundsAction(resizeElement, { x: resizeElement.bounds.x, y: resizeElement.bounds.y }, { width: resizeElement.bounds.width + positionUpdate.x, height: resizeElement.bounds.height + positionUpdate.y });
     }
-    createChangeBoundsAction(element) {
-        if (this.isValidBoundChange(element, element.bounds, element.bounds)) {
-            return [sprotty_1.ChangeBoundsOperation.create([(0, gmodel_util_1.toElementAndBounds)(element)])];
-        }
-        else if (this.initialBounds) {
-            const actions = [];
-            if (this.tool.movementRestrictor) {
-                actions.push((0, movement_restrictor_1.removeMovementRestrictionFeedback)(element, this.tool.movementRestrictor));
-            }
-            actions.push(set_bounds_feedback_command_1.SetBoundsFeedbackAction.create([{ elementId: element.id, newPosition: this.initialBounds, newSize: this.initialBounds }]));
-            return actions;
-        }
-        return [];
-    }
-    createElementAndBounds(element) {
-        if (this.isValidBoundChange(element, element.bounds, element.bounds)) {
-            return [(0, gmodel_util_1.toElementAndBounds)(element)];
-        }
-        return [];
-    }
-    createSetBoundsAction(element, x, y, width, height) {
-        const newPosition = { x, y };
-        const newSize = { width, height };
-        const result = [];
-        if (this.isValidBoundChange(element, newPosition, newSize)) {
-            if (this.tool.movementRestrictor) {
-                result.push((0, movement_restrictor_1.removeMovementRestrictionFeedback)(element, this.tool.movementRestrictor));
-            }
-            result.push(set_bounds_feedback_command_1.SetBoundsFeedbackAction.create([{ elementId: element.id, newPosition, newSize }]));
-        }
-        else if (this.isValidSize(element, newSize)) {
-            if (this.tool.movementRestrictor) {
-                result.push((0, movement_restrictor_1.createMovementRestrictionFeedback)(element, this.tool.movementRestrictor));
-            }
-            result.push(set_bounds_feedback_command_1.SetBoundsFeedbackAction.create([{ elementId: element.id, newPosition, newSize }]));
+    createSetBoundsAction(element, newPosition, newSize) {
+        if (!(0, utils_1.isValidSize)(element, newSize)) {
+            // we are not allowing any invalid sizes (breaking min size), not even during client feedback
+            return [];
         }
-        return result;
-    }
-    isValidBoundChange(element, newPosition, newSize) {
-        return this.isValidSize(element, newSize) && this.isValidMove(element, newPosition);
+        const valid = this.isValidMove(element, newPosition);
+        return [{ elementId: element.id, newPosition, newSize, valid }];
     }
     isValidSize(element, size) {
-        return (0, layout_utils_1.isValidSize)(element, size);
+        return (0, utils_1.isValidSize)(element, size);
     }
     isValidMove(element, newPosition) {
-        return (0, layout_utils_1.isValidMove)(element, newPosition, this.tool.movementRestrictor);
+        return (0, utils_1.isValidMove)(element, newPosition, this.tool.movementRestrictor);
+    }
+    disposeAllButHandles() {
+        // We do not dispose the handle feedback as we want to keep showing the handles on selected elements
+        // this.handleFeedback.dispose();
+        this.resizeFeedback.dispose();
+        this.positionUpdater.resetPosition();
+        this.activeResizeElement = undefined;
+        this.activeResizeHandle = undefined;
+        this.initialBounds = undefined;
+        super.dispose();
+    }
+    dispose() {
+        this.handleFeedback.dispose();
+        this.disposeAllButHandles();
     }
 }
 exports.ChangeBoundsListener = ChangeBoundsListener;