Upgrade to 4.5.7 and add some plugin

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

/**\r
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
( function() {\r
	var guardElements = { table: 1, ul: 1, ol: 1, blockquote: 1, div: 1 },\r
		directSelectionGuardElements = {},\r
		// All guard elements which can have a direction applied on them.\r
		allGuardElements = {};\r
	CKEDITOR.tools.extend( directSelectionGuardElements, guardElements, { tr: 1, p: 1, div: 1, li: 1 } );\r
	CKEDITOR.tools.extend( allGuardElements, directSelectionGuardElements, { td: 1 } );\r
\r
	function setToolbarStates( editor, path ) {\r
		var useComputedState = editor.config.useComputedState,\r
			selectedElement;\r
\r
		useComputedState = useComputedState === undefined || useComputedState;\r
\r
		// We can use computedState provided by the browser or traverse parents manually.\r
		if ( !useComputedState )\r
			selectedElement = getElementForDirection( path.lastElement, editor.editable() );\r
\r
		selectedElement = selectedElement || path.block || path.blockLimit;\r
\r
		// If we're having BODY here, user probably done CTRL+A, let's try to get the enclosed node, if any.\r
		if ( selectedElement.equals( editor.editable() ) ) {\r
			var enclosedNode = editor.getSelection().getRanges()[ 0 ].getEnclosedNode();\r
			enclosedNode && enclosedNode.type == CKEDITOR.NODE_ELEMENT && ( selectedElement = enclosedNode );\r
		}\r
\r
		if ( !selectedElement )\r
			return;\r
\r
		var selectionDir = useComputedState ? selectedElement.getComputedStyle( 'direction' ) : selectedElement.getStyle( 'direction' ) || selectedElement.getAttribute( 'dir' );\r
\r
		editor.getCommand( 'bidirtl' ).setState( selectionDir == 'rtl' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );\r
		editor.getCommand( 'bidiltr' ).setState( selectionDir == 'ltr' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );\r
	}\r
\r
	function handleMixedDirContent( editor, path ) {\r
		var directionNode = path.block || path.blockLimit || editor.editable();\r
		var pathDir = directionNode.getDirection( 1 );\r
		if ( pathDir != ( editor._.selDir || editor.lang.dir ) ) {\r
			editor._.selDir = pathDir;\r
			editor.fire( 'contentDirChanged', pathDir );\r
		}\r
	}\r
\r
	// Returns element with possibility of applying the direction.\r
	// @param node\r
	function getElementForDirection( node, root ) {\r
		while ( node && !( node.getName() in allGuardElements || node.equals( root ) ) ) {\r
			var parent = node.getParent();\r
			if ( !parent )\r
				break;\r
\r
			node = parent;\r
		}\r
\r
		return node;\r
	}\r
\r
	function switchDir( element, dir, editor, database ) {\r
		if ( element.isReadOnly() || element.equals( editor.editable() ) )\r
			return;\r
\r
		// Mark this element as processed by switchDir.\r
		CKEDITOR.dom.element.setMarker( database, element, 'bidi_processed', 1 );\r
\r
		// Check whether one of the ancestors has already been styled.\r
		var parent = element,\r
			editable = editor.editable();\r
		while ( ( parent = parent.getParent() ) && !parent.equals( editable ) ) {\r
			if ( parent.getCustomData( 'bidi_processed' ) ) {\r
				// Ancestor style must dominate.\r
				element.removeStyle( 'direction' );\r
				element.removeAttribute( 'dir' );\r
				return;\r
			}\r
		}\r
\r
		var useComputedState = ( 'useComputedState' in editor.config ) ? editor.config.useComputedState : 1;\r
\r
		var elementDir = useComputedState ? element.getComputedStyle( 'direction' ) : element.getStyle( 'direction' ) || element.hasAttribute( 'dir' );\r
\r
		// Stop if direction is same as present.\r
		if ( elementDir == dir )\r
			return;\r
\r
		// Clear direction on this element.\r
		element.removeStyle( 'direction' );\r
\r
		// Do the second check when computed state is ON, to check\r
		// if we need to apply explicit direction on this element.\r
		if ( useComputedState ) {\r
			element.removeAttribute( 'dir' );\r
			if ( dir != element.getComputedStyle( 'direction' ) ) {\r
				element.setAttribute( 'dir', dir );\r
			}\r
		} else {\r
			// Set new direction for this element.\r
			element.setAttribute( 'dir', dir );\r
		}\r
\r
		editor.forceNextSelectionCheck();\r
\r
		return;\r
	}\r
\r
	function getFullySelected( range, elements, enterMode ) {\r
		var ancestor = range.getCommonAncestor( false, true );\r
\r
		range = range.clone();\r
		range.enlarge( enterMode == CKEDITOR.ENTER_BR ? CKEDITOR.ENLARGE_LIST_ITEM_CONTENTS : CKEDITOR.ENLARGE_BLOCK_CONTENTS );\r
\r
		if ( range.checkBoundaryOfElement( ancestor, CKEDITOR.START ) && range.checkBoundaryOfElement( ancestor, CKEDITOR.END ) ) {\r
			var parent;\r
			while ( ancestor && ancestor.type == CKEDITOR.NODE_ELEMENT && ( parent = ancestor.getParent() ) && parent.getChildCount() == 1 && !( ancestor.getName() in elements ) )\r
				ancestor = parent;\r
\r
			return ancestor.type == CKEDITOR.NODE_ELEMENT && ( ancestor.getName() in elements ) && ancestor;\r
		}\r
	}\r
\r
	function bidiCommand( dir ) {\r
		return {\r
			// It applies to a "block-like" context.\r
			context: 'p',\r
			allowedContent: {\r
				'h1 h2 h3 h4 h5 h6 table ul ol blockquote div tr p div li td': {\r
					propertiesOnly: true,\r
					attributes: 'dir'\r
				}\r
			},\r
			requiredContent: 'p[dir]',\r
			refresh: function( editor, path ) {\r
				setToolbarStates( editor, path );\r
				handleMixedDirContent( editor, path );\r
			},\r
			exec: function( editor ) {\r
				var selection = editor.getSelection(),\r
					enterMode = editor.config.enterMode,\r
					ranges = selection.getRanges();\r
\r
				if ( ranges && ranges.length ) {\r
					var database = {};\r
\r
					// Creates bookmarks for selection, as we may split some blocks.\r
					var bookmarks = selection.createBookmarks();\r
\r
					var rangeIterator = ranges.createIterator(),\r
						range,\r
						i = 0;\r
\r
					while ( ( range = rangeIterator.getNextRange( 1 ) ) ) {\r
						// Apply do directly selected elements from guardElements.\r
						var selectedElement = range.getEnclosedNode();\r
\r
						// If this is not our element of interest, apply to fully selected elements from guardElements.\r
						if ( !selectedElement || selectedElement && !( selectedElement.type == CKEDITOR.NODE_ELEMENT && selectedElement.getName() in directSelectionGuardElements ) )\r
							selectedElement = getFullySelected( range, guardElements, enterMode );\r
\r
						selectedElement && switchDir( selectedElement, dir, editor, database );\r
\r
						var iterator, block;\r
\r
						// Walker searching for guardElements.\r
						var walker = new CKEDITOR.dom.walker( range );\r
\r
						var start = bookmarks[ i ].startNode,\r
							end = bookmarks[ i++ ].endNode;\r
\r
						walker.evaluator = function( node ) {\r
							var enterTagName = ( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' );\r
\r
							function isNodeElement( node ) {\r
								return node ? ( node.type == CKEDITOR.NODE_ELEMENT ) : false;\r
							}\r
\r
							function isGuard( node ) {\r
								return node.getName() in guardElements;\r
							}\r
\r
							return !!( isNodeElement( node ) && isGuard( node ) && !( node.is( enterTagName ) && isNodeElement( node.getParent() ) && node.getParent().is( 'blockquote' ) ) &&\r
							// Element must be fully included in the range as well. (#6485).\r
							node.getPosition( start ) & CKEDITOR.POSITION_FOLLOWING &&\r
							( ( node.getPosition( end ) & CKEDITOR.POSITION_PRECEDING + CKEDITOR.POSITION_CONTAINS ) == CKEDITOR.POSITION_PRECEDING ) );\r
						};\r
\r
						while ( ( block = walker.next() ) )\r
							switchDir( block, dir, editor, database );\r
\r
						iterator = range.createIterator();\r
						iterator.enlargeBr = enterMode != CKEDITOR.ENTER_BR;\r
\r
						while ( ( block = iterator.getNextParagraph( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ) )\r
							switchDir( block, dir, editor, database );\r
					}\r
\r
					CKEDITOR.dom.element.clearAllMarkers( database );\r
\r
					editor.forceNextSelectionCheck();\r
					// Restore selection position.\r
					selection.selectBookmarks( bookmarks );\r
\r
					editor.focus();\r
				}\r
			}\r
		};\r
	}\r
\r
	CKEDITOR.plugins.add( 'bidi', {\r
		// jscs:disable maximumLineLength\r
		lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%\r
		// jscs:enable maximumLineLength\r
		icons: 'bidiltr,bidirtl', // %REMOVE_LINE_CORE%\r
		hidpi: true, // %REMOVE_LINE_CORE%\r
		init: function( editor ) {\r
			if ( editor.blockless )\r
				return;\r
\r
			// All buttons use the same code to register. So, to avoid\r
			// duplications, let's use this tool function.\r
			function addButtonCommand( buttonName, buttonLabel, commandName, commandDef, order ) {\r
				editor.addCommand( commandName, new CKEDITOR.command( editor, commandDef ) );\r
\r
				if ( editor.ui.addButton ) {\r
					editor.ui.addButton( buttonName, {\r
						label: buttonLabel,\r
						command: commandName,\r
						toolbar: 'bidi,' + order\r
					} );\r
				}\r
			}\r
\r
			var lang = editor.lang.bidi;\r
\r
			addButtonCommand( 'BidiLtr', lang.ltr, 'bidiltr', bidiCommand( 'ltr' ), 10 );\r
			addButtonCommand( 'BidiRtl', lang.rtl, 'bidirtl', bidiCommand( 'rtl' ), 20 );\r
\r
			editor.on( 'contentDom', function() {\r
				editor.document.on( 'dirChanged', function( evt ) {\r
					editor.fire( 'dirChanged', {\r
						node: evt.data,\r
						dir: evt.data.getDirection( 1 )\r
					} );\r
				} );\r
			} );\r
\r
			// Indicate that the current selection is in different direction than the UI.\r
			editor.on( 'contentDirChanged', function( evt ) {\r
				var func = ( editor.lang.dir != evt.data ? 'add' : 'remove' ) + 'Class';\r
				var toolbar = editor.ui.space( editor.config.toolbarLocation );\r
				if ( toolbar )\r
					toolbar[ func ]( 'cke_mixed_dir_content' );\r
			} );\r
		}\r
	} );\r
\r
	// If the element direction changed, we need to switch the margins of\r
	// the element and all its children, so it will get really reflected\r
	// like a mirror. (#5910)\r
	function isOffline( el ) {\r
		var html = el.getDocument().getBody().getParent();\r
		while ( el ) {\r
			if ( el.equals( html ) )\r
				return false;\r
			el = el.getParent();\r
		}\r
		return true;\r
	}\r
\r
	function dirChangeNotifier( org ) {\r
		var isAttribute = org == elementProto.setAttribute,\r
			isRemoveAttribute = org == elementProto.removeAttribute,\r
			dirStyleRegexp = /\bdirection\s*:\s*(.*?)\s*(:?$|;)/;\r
\r
		return function( name, val ) {\r
			if ( !this.isReadOnly() ) {\r
				var orgDir;\r
				if ( ( name == ( isAttribute || isRemoveAttribute ? 'dir' : 'direction' ) || name == 'style' && ( isRemoveAttribute || dirStyleRegexp.test( val ) ) ) && !isOffline( this ) ) {\r
					orgDir = this.getDirection( 1 );\r
					var retval = org.apply( this, arguments );\r
					if ( orgDir != this.getDirection( 1 ) ) {\r
						this.getDocument().fire( 'dirChanged', this );\r
						return retval;\r
					}\r
				}\r
			}\r
\r
			return org.apply( this, arguments );\r
		};\r
	}\r
\r
	var elementProto = CKEDITOR.dom.element.prototype,\r
		methods = [ 'setStyle', 'removeStyle', 'setAttribute', 'removeAttribute' ];\r
	for ( var i = 0; i < methods.length; i++ )\r
		elementProto[ methods[ i ] ] = CKEDITOR.tools.override( elementProto[ methods[ i ] ], dirChangeNotifier );\r
} )();\r
\r
/**\r
 * Fired when the language direction of an element is changed.\r
 *\r
 * @event dirChanged\r
 * @member CKEDITOR.editor\r
 * @param {CKEDITOR.editor} editor This editor instance.\r
 * @param data\r
 * @param {CKEDITOR.dom.node} data.node The element that is being changed.\r
 * @param {String} data.dir The new direction.\r
 */\r
\r
/**\r
 * Fired when the language direction in the specific cursor position is changed\r
 *\r
 * @event contentDirChanged\r
 * @member CKEDITOR.editor\r
 * @param {CKEDITOR.editor} editor This editor instance.\r
 * @param {String} data The direction in the current position.\r
 */\r