Hide scaling handles of shapes when text cursor is visible.

Issue:
* Open an Impress file and start editing a textbox.
* See that handles are visible.
* Try to re-scale the selected shape.
* It doesn't work but the preview is shown.
* When text editing is active, scaling is not enabled.
* We need to hide the handles in that case.

Signed-off-by: Gökay Şatır <[email protected]>
Change-Id: I0ebf20270fc08f8553c1985456836711369407e4

Author: gokaysatir

browser/src/canvas/sections/ShapeHandleRotationSubSection.ts

@@ -30,6 +30,19 @@ class ShapeHandleRotationSubSection extends CanvasSectionObject {
 		this.sectionProperties.mapPane = (<HTMLElement>(document.querySelectorAll('.leaflet-map-pane')[0]));
 		this.sectionProperties.previousCursorStyle = null;
 		this.sectionProperties.cursorStyle = 'pointer';
+
+		app.events.on('TextCursorVisibility', this.onTextCursorVisibility.bind(this));
+	}
+
+	onTextCursorVisibility(event: any): void {
+		if (event.detail.visible) {
+			this.setShowSection(false);
+			this.interactable = false;
+		}
+		else {
+			this.setShowSection(true);
+			this.interactable = true;
+		}
 	}
 
 	calculateAngle(center: cool.SimplePoint, target: cool.SimplePoint): number {

browser/src/canvas/sections/ShapeHandleScalingSubSection.ts

@@ -37,12 +37,25 @@ class ShapeHandleScalingSubSection extends CanvasSectionObject {
 		this.sectionProperties.mapPane = (<HTMLElement>(document.querySelectorAll('.leaflet-map-pane')[0]));
 
 		this.setMousePointerType();
+
+		app.events.on('TextCursorVisibility', this.onTextCursorVisibility.bind(this));
 	}
 
 	onInitialize(): void {
 		this.setPosition(this.sectionProperties.position.pX, this.sectionProperties.position.pY);
 	}
 
+	onTextCursorVisibility(event: any): void {
+		if (event.detail.visible) {
+			this.setShowSection(false);
+			this.interactable = false;
+		}
+		else {
+			this.setShowSection(true);
+			this.interactable = true;
+		}
+	}
+
 	onDraw(frameCount?: number, elapsedTime?: number, subsetBounds?: cool.Bounds): void {
 		this.context.fillStyle = 'wheat';
 		this.context.strokeStyle = 'black';

browser/src/layer/tile/CanvasTileLayer.js

@@ -1959,6 +1959,7 @@ L.CanvasTileLayer = L.Layer.extend({
 		app.file.textCursor.visible = command ? true : false;
 		this._removeSelection();
 		this._onUpdateCursor();
+		app.events.fire('TextCursorVisibility', { visible: app.file.textCursor.visible });
 	},
 
 	_setCursorVisible: function() {