Update to 4.7.3

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / plugins / resize / plugin.js

/**\r
 * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
CKEDITOR.plugins.add( 'resize', {\r
	init: function( editor ) {\r
		function dragHandler( evt ) {\r
			var dx = evt.data.$.screenX - origin.x,\r
			dy = evt.data.$.screenY - origin.y,\r
			width = startSize.width,\r
			height = startSize.height,\r
			internalWidth = width + dx * ( resizeDir == 'rtl' ? -1 : 1 ),\r
			internalHeight = height + dy;\r
\r
			if ( resizeHorizontal )\r
				width = Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) );\r
\r
			if ( resizeVertical )\r
				height = Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) );\r
\r
			// DO NOT impose fixed size with single direction resize. (http://dev.ckeditor.com/ticket/6308)\r
			editor.resize( resizeHorizontal ? width : null, height );\r
		}\r
\r
		function dragEndHandler() {\r
			CKEDITOR.document.removeListener( 'mousemove', dragHandler );\r
			CKEDITOR.document.removeListener( 'mouseup', dragEndHandler );\r
\r
			if ( editor.document ) {\r
				editor.document.removeListener( 'mousemove', dragHandler );\r
				editor.document.removeListener( 'mouseup', dragEndHandler );\r
			}\r
		}\r
\r
		var config = editor.config;\r
		var spaceId = editor.ui.spaceId( 'resizer' );\r
\r
		// Resize in the same direction of chrome,\r
		// which is identical to dir of editor element. (http://dev.ckeditor.com/ticket/6614)\r
		var resizeDir = editor.element ? editor.element.getDirection( 1 ) : 'ltr';\r
\r
		!config.resize_dir && ( config.resize_dir = 'vertical' );\r
		( config.resize_maxWidth === undefined ) && ( config.resize_maxWidth = 3000 );\r
		( config.resize_maxHeight === undefined ) && ( config.resize_maxHeight = 3000 );\r
		( config.resize_minWidth === undefined ) && ( config.resize_minWidth = 750 );\r
		( config.resize_minHeight === undefined ) && ( config.resize_minHeight = 250 );\r
\r
		if ( config.resize_enabled !== false ) {\r
			var container = null,\r
				origin, startSize,\r
				resizeHorizontal = ( config.resize_dir == 'both' || config.resize_dir == 'horizontal' ) && ( config.resize_minWidth != config.resize_maxWidth ),\r
				resizeVertical = ( config.resize_dir == 'both' || config.resize_dir == 'vertical' ) && ( config.resize_minHeight != config.resize_maxHeight );\r
\r
			var mouseDownFn = CKEDITOR.tools.addFunction( function( $event ) {\r
				if ( !container )\r
					container = editor.getResizable();\r
\r
				startSize = { width: container.$.offsetWidth || 0, height: container.$.offsetHeight || 0 };\r
				origin = { x: $event.screenX, y: $event.screenY };\r
\r
				config.resize_minWidth > startSize.width && ( config.resize_minWidth = startSize.width );\r
				config.resize_minHeight > startSize.height && ( config.resize_minHeight = startSize.height );\r
\r
				CKEDITOR.document.on( 'mousemove', dragHandler );\r
				CKEDITOR.document.on( 'mouseup', dragEndHandler );\r
\r
				if ( editor.document ) {\r
					editor.document.on( 'mousemove', dragHandler );\r
					editor.document.on( 'mouseup', dragEndHandler );\r
				}\r
\r
				$event.preventDefault && $event.preventDefault();\r
			} );\r
\r
			editor.on( 'destroy', function() {\r
				CKEDITOR.tools.removeFunction( mouseDownFn );\r
			} );\r
\r
			editor.on( 'uiSpace', function( event ) {\r
				if ( event.data.space == 'bottom' ) {\r
					var direction = '';\r
					if ( resizeHorizontal && !resizeVertical )\r
						direction = ' cke_resizer_horizontal';\r
					if ( !resizeHorizontal && resizeVertical )\r
						direction = ' cke_resizer_vertical';\r
\r
					var resizerHtml =\r
						'<span' +\r
						' id="' + spaceId + '"' +\r
						' class="cke_resizer' + direction + ' cke_resizer_' + resizeDir + '"' +\r
						' title="' + CKEDITOR.tools.htmlEncode( editor.lang.common.resize ) + '"' +\r
						' onmousedown="CKEDITOR.tools.callFunction(' + mouseDownFn + ', event)"' +\r
						'>' +\r
						// BLACK LOWER RIGHT TRIANGLE (ltr)\r
						// BLACK LOWER LEFT TRIANGLE (rtl)\r
						( resizeDir == 'ltr' ? '\u25E2' : '\u25E3' ) +\r
						'</span>';\r
\r
					// Always sticks the corner of botttom space.\r
					resizeDir == 'ltr' && direction == 'ltr' ? event.data.html += resizerHtml : event.data.html = resizerHtml + event.data.html;\r
				}\r
			}, editor, null, 100 );\r
\r
			// Toggle the visibility of the resizer when an editor is being maximized or minimized.\r
			editor.on( 'maximize', function( event ) {\r
				editor.ui.space( 'resizer' )[ event.data == CKEDITOR.TRISTATE_ON ? 'hide' : 'show' ]();\r
			} );\r
		}\r
	}\r
} );\r
\r
/**\r
 * The minimum editor width, in pixels, when resizing the editor interface by using the resize handle.\r
 * Note: It falls back to editor's actual width if it is smaller than the default value.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_minWidth = 500;\r
 *\r
 * @cfg {Number} [resize_minWidth=750]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * The minimum editor height, in pixels, when resizing the editor interface by using the resize handle.\r
 * Note: It falls back to editor's actual height if it is smaller than the default value.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_minHeight = 600;\r
 *\r
 * @cfg {Number} [resize_minHeight=250]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * The maximum editor width, in pixels, when resizing the editor interface by using the resize handle.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_maxWidth = 750;\r
 *\r
 * @cfg {Number} [resize_maxWidth=3000]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * The maximum editor height, in pixels, when resizing the editor interface by using the resize handle.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_maxHeight = 600;\r
 *\r
 * @cfg {Number} [resize_maxHeight=3000]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * Whether to enable the resizing feature. If this feature is disabled, the resize handle will not be visible.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_enabled = false;\r
 *\r
 * @cfg {Boolean} [resize_enabled=true]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * The dimensions for which the editor resizing is enabled. Possible values\r
 * are `both`, `vertical`, and `horizontal`.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_resize)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\r
 *\r
 *		config.resize_dir = 'both';\r
 *\r
 * @since 3.3\r
 * @cfg {String} [resize_dir='vertical']\r
 * @member CKEDITOR.config\r
 */\r