/*!

 *

 * Released under the MIT license.

 */

//>>label: Resizable

//>>group: Interactions

//>>description: Enables resize functionality for any element.

//>>css.structure: ../../themes/base/core.css

//>>css.structure: ../../themes/base/resizable.css

//>>css.theme: ../../themes/base/theme.css

( function( factory ) {

	"use strict";

	if ( typeof define === "function" && define.amd ) {

		// AMD. Register as an anonymous module.

		define( [

			"jquery",

			"./mouse",

		], factory );

	} else {

		// Browser globals

		factory( jQuery );

	}

} )( function( $ ) {

"use strict";

$.widget( "ui.resizable", $.ui.mouse, {

	widgetEventPrefix: "resize",

	options: {

		alsoResize: false,

		animate: false,

		animateDuration: "slow",

		animateEasing: "swing",

		aspectRatio: false,

		autoHide: false,

		classes: {

			"ui-resizable-se": "ui-icon ui-icon-gripsmall-diagonal-se"

		},

		containment: false,

		ghost: false,

		grid: false,

		handles: "e,s,se",

		helper: false,

		maxHeight: null,

		maxWidth: null,

		minHeight: 10,

		minWidth: 10,

		// See #7960

		zIndex: 90,

		// Callbacks

		resize: null,

		start: null,

		stop: null

	},

	_num: function( value ) {

		return parseFloat( value ) || 0;

	},

	_isNumber: function( value ) {

		return !isNaN( parseFloat( value ) );

	},

	_hasScroll: function( el, a ) {

		if ( $( el ).css( "overflow" ) === "hidden" ) {

			return false;

		}

		var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",

			has = false;

		if ( el[ scroll ] > 0 ) {

			return true;

		}

		// TODO: determine which cases actually cause this to happen

		// if the element doesn't have the scroll set, see if it's possible to

		// set the scroll

		try {

			el[ scroll ] = 1;

			has = ( el[ scroll ] > 0 );

			el[ scroll ] = 0;

		} catch ( e ) {

			// `el` might be a string, then setting `scroll` will throw

			// an error in strict mode; ignore it.

		}

		return has;

	},

	_create: function() {

		var margins,

			o = this.options,

			that = this;

		this._addClass( "ui-resizable" );

		$.extend( this, {

			_aspectRatio: !!( o.aspectRatio ),

			aspectRatio: o.aspectRatio,

			originalElement: this.element,

			_proportionallyResizeElements: [],

			_helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null

		} );

		// Wrap the element if it cannot hold child nodes

		if ( this.element[ 0 ].nodeName.match( /^(canvas|textarea|input|select|button|img)$/i ) ) {

			this.element.wrap(

				$( "<div class='ui-wrapper'></div>" ).css( {

					overflow: "hidden",

					position: this.element.css( "position" ),

					width: this.element.outerWidth(),

					height: this.element.outerHeight(),

					top: this.element.css( "top" ),

					left: this.element.css( "left" )

				} )

			);

			this.element = this.element.parent().data(

				"ui-resizable", this.element.resizable( "instance" )

			);

			this.elementIsWrapper = true;

			margins = {

				marginTop: this.originalElement.css( "marginTop" ),

				marginRight: this.originalElement.css( "marginRight" ),

				marginBottom: this.originalElement.css( "marginBottom" ),

				marginLeft: this.originalElement.css( "marginLeft" )

			};

			this.element.css( margins );

			this.originalElement.css( "margin", 0 );

			// support: Safari

			// Prevent Safari textarea resize

			this.originalResizeStyle = this.originalElement.css( "resize" );

			this.originalElement.css( "resize", "none" );

			this._proportionallyResizeElements.push( this.originalElement.css( {

				position: "static",

				zoom: 1,

				display: "block"

			} ) );

			// Support: IE9

			// avoid IE jump (hard set the margin)

			this.originalElement.css( margins );

			this._proportionallyResize();

		}

		this._setupHandles();

		if ( o.autoHide ) {

			$( this.element )

				.on( "mouseenter", function() {

					if ( o.disabled ) {

						return;

					}

					that._removeClass( "ui-resizable-autohide" );

					that._handles.show();

				} )

				.on( "mouseleave", function() {

					if ( o.disabled ) {

						return;

					}

					if ( !that.resizing ) {

						that._addClass( "ui-resizable-autohide" );

						that._handles.hide();

					}

				} );

		}

		this._mouseInit();

	},

	_destroy: function() {

		this._mouseDestroy();

		this._addedHandles.remove();

		var wrapper,

			_destroy = function( exp ) {

				$( exp )

					.removeData( "resizable" )

					.removeData( "ui-resizable" )

					.off( ".resizable" );

			};

		// TODO: Unwrap at same DOM position

		if ( this.elementIsWrapper ) {

			_destroy( this.element );

			wrapper = this.element;

			this.originalElement.css( {

				position: wrapper.css( "position" ),

				width: wrapper.outerWidth(),

				height: wrapper.outerHeight(),

				top: wrapper.css( "top" ),

				left: wrapper.css( "left" )

			} ).insertAfter( wrapper );

			wrapper.remove();

		}

		this.originalElement.css( "resize", this.originalResizeStyle );

		_destroy( this.originalElement );

		return this;

	},

	_setOption: function( key, value ) {

		this._super( key, value );

		switch ( key ) {

		}

	},

	_setupHandles: function() {

		var o = this.options, handle, i, n, hname, axis, that = this;

		this.handles = o.handles ||

			( !$( ".ui-resizable-handle", this.element ).length ?

				"e,s,se" : {

					n: ".ui-resizable-n",

					e: ".ui-resizable-e",

					s: ".ui-resizable-s",

					w: ".ui-resizable-w",

					se: ".ui-resizable-se",

					sw: ".ui-resizable-sw",

					ne: ".ui-resizable-ne",

					nw: ".ui-resizable-nw"

				} );

		this._handles = $();

		this._addedHandles = $();

		if ( this.handles.constructor === String ) {

			if ( this.handles === "all" ) {

				this.handles = "n,e,s,w,se,sw,ne,nw";

			}

			n = this.handles.split( "," );

			this.handles = {};

			for ( i = 0; i < n.length; i++ ) {

				handle = String.prototype.trim.call( n[ i ] );

				hname = "ui-resizable-" + handle;

				axis = $( "<div>" );

				this._addClass( axis, "ui-resizable-handle " + hname );

				axis.css( { zIndex: o.zIndex } );

				this.handles[ handle ] = ".ui-resizable-" + handle;

				if ( !this.element.children( this.handles[ handle ] ).length ) {

					this.element.append( axis );

					this._addedHandles = this._addedHandles.add( axis );

				}

			}

		}

		this._renderAxis = function( target ) {

			var i, axis, padPos, padWrapper;

			target = target || this.element;

			for ( i in this.handles ) {

				if ( this.handles[ i ].constructor === String ) {

					this.handles[ i ] = this.element.children( this.handles[ i ] ).first().show();

				} else if ( this.handles[ i ].jquery || this.handles[ i ].nodeType ) {

					this.handles[ i ] = $( this.handles[ i ] );

					this._on( this.handles[ i ], { "mousedown": that._mouseDown } );

				}

				if ( this.elementIsWrapper &&

					axis = $( this.handles[ i ], this.element );

					padWrapper = /sw|ne|nw|se|n|s/.test( i ) ?

						axis.outerHeight() :

						axis.outerWidth();

					padPos = [ "padding",

						/ne|nw|n/.test( i ) ? "Top" :

					target.css( padPos, padWrapper );

					this._proportionallyResize();

				}

				this._handles = this._handles.add( this.handles[ i ] );

			}

		};

		// TODO: make renderAxis a prototype function

		this._renderAxis( this.element );

		this._handles = this._handles.add( this.element.find( ".ui-resizable-handle" ) );

		this._handles.disableSelection();

		this._handles.on( "mouseover", function() {

			if ( !that.resizing ) {

				if ( this.className ) {

					axis = this.className.match( /ui-resizable-(se|sw|ne|nw|n|e|s|w)/i );

				}

				that.axis = axis && axis[ 1 ] ? axis[ 1 ] : "se";

			}

		} );

		if ( o.autoHide ) {

			this._handles.hide();

			this._addClass( "ui-resizable-autohide" );

		}

	},

	_removeHandles: function() {

		this._addedHandles.remove();

	},

	_mouseCapture: function( event ) {

		var i, handle,

			capture = false;

		for ( i in this.handles ) {

			handle = $( this.handles[ i ] )[ 0 ];