"use strict";
/*
*  Copyright (C) 1998-2018 by Northwoods Software Corporation. All Rights Reserved.
*/

import * as go from "../release/go";

// A custom Tool for creating a new Node with custom size by dragging its outline in the background.

/**
* @constructor
* @extends Tool
* @class
* The DragCreatingTool lets the user create a new node by dragging in the background
* to indicate its size and position.
* <p/>
* The default drag selection box is a magenta rectangle.
* You can modify the {@link #box} to customize its appearance.
* <p/>
* This tool will not be able to start running unless you have set the
* {@link #archetypeNodeData} property to an object that can be copied and added to the diagram's model.
* <p/>
* You can use this tool in a modal manner by executing:
* <pre><code>
*   diagram.currentTool = new DragCreatingTool();
* </code></pre>
* <p/>
* Use this tool in a mode-less manner by executing:
* <pre><code>
*   myDiagram.toolManager.mouseMoveTools.insertAt(2, new DragCreatingTool());
* </code></pre>
* However when used mode-lessly as a mouse-move tool, in {@link ToolManager#mouseMoveTools},
* this cannot start running unless there has been a motionless delay
* after the mouse-down event of at least {@link #delay} milliseconds.
* <p/>
* This tool does not utilize any {@link Adornment}s or tool handles,
* but it does temporarily add the {@link #box} Part to the diagram.
* This tool does conduct a transaction when inserting the new node.
*/

export class DragCreatingTool extends go.Tool {
	/** @type {Part} */
	private _box: go.Part;

	constructor() {
		super();
		const b: go.Part = new go.Part();
		const r: go.Shape = new go.Shape();
		b.layerName = "Tool";
		b.selectable = false;
		r.name = "SHAPE";
		r.figure = "Rectangle";
		r.fill = null;
		r.stroke = "magenta";
		r.position = new go.Point(0, 0);
		b.add(r);
		this._box = b;
	}

	readonly name: string = "DragCreating";

	/** @type {Object} */
	private _archetypeNodeData: Object | null = null;

	/** @type {number} */
	private _delay: number = 175;

  /**
  * This tool can run when there has been a mouse-drag, far enough away not to be a click,
  * and there has been delay of at least {@link #delay} milliseconds
  * after the mouse-down before a mouse-move.
  * <p/>
  * This method may be overridden.
  * @this {DragCreatingTool}
  * @return {boolean}
  */
  public canStart(): boolean {
		if (!this.isEnabled) return false;

		// gotta have some node data that can be copied
		if (this.archetypeNodeData === null) return false;

		var diagram = this.diagram;
		if (diagram === null) return false;
		// heed IsReadOnly & AllowInsert
		if (diagram.isReadOnly || diagram.isModelReadOnly) return false;
		if (!diagram.allowInsert) return false;

		var e = diagram.lastInput;
		// require left button & that it has moved far enough away from the mouse down point, so it isn't a click
		if (!e.left) return false;
		// don't include the following checks when this tool is running modally
		if (diagram.currentTool !== this) {
			if (!this.isBeyondDragSize()) return false;
			// must wait for "delay" milliseconds before that tool can run
			if (e.timestamp - diagram.firstInput.timestamp < this.delay) return false;
		}
		return true;
	};

  /**
  * Capture the mouse and show the {@link #box}.
  * @this {DragCreatingTool}
  */
	public doActivate() {
		var diagram = this.diagram;
		if (diagram === null) return;
		this.isActive = true;
		diagram.isMouseCaptured = true;
		diagram.add(this.box);
		this.doMouseMove();
	};

  /**
  * Release the mouse and remove any {@link #box}.
  * @this {DragCreatingTool}
  */
	public doDeactivate() {
		var diagram = this.diagram;
		if (diagram === null) return;
		diagram.remove(this.box);
		diagram.isMouseCaptured = false;
		this.isActive = false;
	};

  /**
  * Update the {@link #box}'s position and size according to the value
  * of {@link #computeBoxBounds}.
  * @this {DragCreatingTool}
  */
	public doMouseMove() {
		var diagram = this.diagram;
		if (diagram === null) return;
		if (this.isActive && this.box !== null) {
			var r = this.computeBoxBounds();
			var shape = this.box.findObject("SHAPE");
			if (shape === null) shape = this.box.findMainElement();
			shape.desiredSize = r.size;
			this.box.position = r.position;
		}
	};

  /**
  * Call {@link #insertPart} with the value of a call to {@link #computeBoxBounds}.
  * @this {DragCreatingTool}
  */
	public doMouseUp() {
		if (this.isActive) {
			var diagram = this.diagram;
			diagram.remove(this.box);
			try {
				diagram.currentCursor = "wait";
				this.insertPart(this.computeBoxBounds());
			} finally {
				diagram.currentCursor = "";
			}
		}
		this.stopTool();
	};

  /**
  * This just returns a {@link Rect} stretching from the mouse-down point to the current mouse point.
  * <p/>
  * This method may be overridden.
  * @this {DragCreatingTool}
  * @return {Rect} a {@link Rect} in document coordinates.
  */
	public computeBoxBounds() {
		var diagram = this.diagram;
		if (diagram === null) return new go.Rect(0, 0, 0, 0);
		var start = diagram.firstInput.documentPoint;
		var latest = diagram.lastInput.documentPoint;
		return new go.Rect(start, latest);
	};

  /**
  * Create a node by adding a copy of the {@link #archetypeNodeData} object
  * to the diagram's model, assign its {@link GraphObject#position} and {@link GraphObject#desiredSize}
  * according to the given bounds, and select the new part.
  * <p>
  * The actual part that is added to the diagram may be a {@link Part}, a {@link Node},
  * or even a {@link Group}, depending on the properties of the {@link #archetypeNodeData}
  * and the type of the template that is copied to create the part.
  * @this {DragCreatingTool}
  * @param {Rect} bounds a Point in document coordinates.
  * @return {Part} the newly created Part, or null if it failed.
  */
	public insertPart(bounds: go.Rect) {
		var diagram = this.diagram;
		if (diagram === null) return null;
		var arch = this.archetypeNodeData;
		if (arch === null) return null;

		this.startTransaction(this.name);
		var part = null;
		if (arch !== null) {
			var data = diagram.model.copyNodeData(arch);
			if (data) {
				diagram.model.addNodeData(data);
				part = diagram.findPartForData(data);
			}
		}
		if (part !== null) {
			part.position = bounds.position;
			part.resizeObject.desiredSize = bounds.size;
			if (diagram.allowSelect) {
				diagram.select(part);  // raises ChangingSelection/Finished
			}
		}

		// set the TransactionResult before raising event, in case it changes the result or cancels the tool
		this.transactionResult = this.name;
		this.stopTransaction();
		return part;
	};


	// Public properties

  /**
  * Gets or sets the {@link Part} used as the "rubber-band box"
  * that is stretched to follow the mouse, as feedback for what area will
  * be passed to {@link #insertPart} upon a mouse-up.
  * <p/>
  * Initially this is a {@link Part} containing only a simple magenta rectangular {@link Shape}.
  * The object to be resized should be named "SHAPE".
  * Setting this property does not raise any events.
  * <p/>
  * Modifying this property while this tool {@link Tool#isActive} might have no effect.
  * @name DragCreatingTool#box
  * @function.
  * @return {Part}
  */
	get box(): go.Part { return this._box; }
	set box(val: go.Part) { this._box = val; }

  /**
  * Gets or sets the time in milliseconds for which the mouse must be stationary
  * before this tool can be started.
  * The default value is 175 milliseconds.
  * A value of zero will allow this tool to run without any wait after the mouse down.
  * Setting this property does not raise any events.
  * @name DragCreatingTool#delay
  * @function.
  * @return {number}
  */
	get delay(): number { return this._delay; }
	set delay(val: number) { this._delay = val; }

  /**
  * Gets or sets a data object that will be copied and added to the diagram's model each time this tool executes.
  * The default value is null.
  * The value must be non-null for this tool to be able to run.
  * Setting this property does not raise any events.
  * @name DragCreatingTool#archetypeNodeData
  * @function.
  * @return {Object}
  */
	get archetypeNodeData(): Object | null { return this._archetypeNodeData; }
	set archetypeNodeData(val: Object | null) { this._archetypeNodeData = val; }

}