Update to 4.7.3

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / plugins / listblock / 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( 'listblock', {\r
	requires: 'panel',\r
\r
	onLoad: function() {\r
		var list = CKEDITOR.addTemplate( 'panel-list', '<ul role="presentation" class="cke_panel_list">{items}</ul>' ),\r
			listItem = CKEDITOR.addTemplate( 'panel-list-item', '<li id="{id}" class="cke_panel_listItem" role=presentation>' +\r
				'<a id="{id}_option" _cke_focus=1 hidefocus=true' +\r
					' title="{title}"' +\r
					' href="javascript:void(\'{val}\')" ' +\r
					' {onclick}="CKEDITOR.tools.callFunction({clickFn},\'{val}\'); return false;"' + // http://dev.ckeditor.com/ticket/188\r
						' role="option">' +\r
					'{text}' +\r
				'</a>' +\r
				'</li>' ),\r
			listGroup = CKEDITOR.addTemplate( 'panel-list-group', '<h1 id="{id}" class="cke_panel_grouptitle" role="presentation" >{label}</h1>' ),\r
			reSingleQuote = /\'/g,\r
			escapeSingleQuotes = function( str ) {\r
				return str.replace( reSingleQuote, '\\\'' );\r
			};\r
\r
		CKEDITOR.ui.panel.prototype.addListBlock = function( name, definition ) {\r
			return this.addBlock( name, new CKEDITOR.ui.listBlock( this.getHolderElement(), definition ) );\r
		};\r
\r
		CKEDITOR.ui.listBlock = CKEDITOR.tools.createClass( {\r
			base: CKEDITOR.ui.panel.block,\r
\r
			$: function( blockHolder, blockDefinition ) {\r
				blockDefinition = blockDefinition || {};\r
\r
				var attribs = blockDefinition.attributes || ( blockDefinition.attributes = {} );\r
				( this.multiSelect = !!blockDefinition.multiSelect ) && ( attribs[ 'aria-multiselectable' ] = true );\r
				// Provide default role of 'listbox'.\r
				!attribs.role && ( attribs.role = 'listbox' );\r
\r
				// Call the base contructor.\r
				this.base.apply( this, arguments );\r
\r
				// Set the proper a11y attributes.\r
				this.element.setAttribute( 'role', attribs.role );\r
\r
				var keys = this.keys;\r
				keys[ 40 ] = 'next'; // ARROW-DOWN\r
				keys[ 9 ] = 'next'; // TAB\r
				keys[ 38 ] = 'prev'; // ARROW-UP\r
				keys[ CKEDITOR.SHIFT + 9 ] = 'prev'; // SHIFT + TAB\r
				keys[ 32 ] = CKEDITOR.env.ie ? 'mouseup' : 'click'; // SPACE\r
				CKEDITOR.env.ie && ( keys[ 13 ] = 'mouseup' ); // Manage ENTER, since onclick is blocked in IE (http://dev.ckeditor.com/ticket/8041).\r
\r
				this._.pendingHtml = [];\r
				this._.pendingList = [];\r
				this._.items = {};\r
				this._.groups = {};\r
			},\r
\r
			_: {\r
				close: function() {\r
					if ( this._.started ) {\r
						var output = list.output( { items: this._.pendingList.join( '' ) } );\r
						this._.pendingList = [];\r
						this._.pendingHtml.push( output );\r
						delete this._.started;\r
					}\r
				},\r
\r
				getClick: function() {\r
					if ( !this._.click ) {\r
						this._.click = CKEDITOR.tools.addFunction( function( value ) {\r
							var marked = this.toggle( value );\r
							if ( this.onClick )\r
								this.onClick( value, marked );\r
						}, this );\r
					}\r
					return this._.click;\r
				}\r
			},\r
\r
			proto: {\r
				add: function( value, html, title ) {\r
					var id = CKEDITOR.tools.getNextId();\r
\r
					if ( !this._.started ) {\r
						this._.started = 1;\r
						this._.size = this._.size || 0;\r
					}\r
\r
					this._.items[ value ] = id;\r
\r
					var data = {\r
						id: id,\r
						val: escapeSingleQuotes( CKEDITOR.tools.htmlEncodeAttr( value ) ),\r
						onclick: CKEDITOR.env.ie ? 'onclick="return false;" onmouseup' : 'onclick',\r
						clickFn: this._.getClick(),\r
						title: CKEDITOR.tools.htmlEncodeAttr( title || value ),\r
						text: html || value\r
					};\r
\r
					this._.pendingList.push( listItem.output( data ) );\r
				},\r
\r
				startGroup: function( title ) {\r
					this._.close();\r
\r
					var id = CKEDITOR.tools.getNextId();\r
\r
					this._.groups[ title ] = id;\r
\r
					this._.pendingHtml.push( listGroup.output( { id: id, label: title } ) );\r
				},\r
\r
				commit: function() {\r
					this._.close();\r
					this.element.appendHtml( this._.pendingHtml.join( '' ) );\r
					delete this._.size;\r
\r
					this._.pendingHtml = [];\r
				},\r
\r
				toggle: function( value ) {\r
					var isMarked = this.isMarked( value );\r
\r
					if ( isMarked )\r
						this.unmark( value );\r
					else\r
						this.mark( value );\r
\r
					return !isMarked;\r
				},\r
\r
				hideGroup: function( groupTitle ) {\r
					var group = this.element.getDocument().getById( this._.groups[ groupTitle ] ),\r
						list = group && group.getNext();\r
\r
					if ( group ) {\r
						group.setStyle( 'display', 'none' );\r
\r
						if ( list && list.getName() == 'ul' )\r
							list.setStyle( 'display', 'none' );\r
					}\r
				},\r
\r
				hideItem: function( value ) {\r
					this.element.getDocument().getById( this._.items[ value ] ).setStyle( 'display', 'none' );\r
				},\r
\r
				showAll: function() {\r
					var items = this._.items,\r
						groups = this._.groups,\r
						doc = this.element.getDocument();\r
\r
					for ( var value in items ) {\r
						doc.getById( items[ value ] ).setStyle( 'display', '' );\r
					}\r
\r
					for ( var title in groups ) {\r
						var group = doc.getById( groups[ title ] ),\r
							list = group.getNext();\r
\r
						group.setStyle( 'display', '' );\r
\r
						if ( list && list.getName() == 'ul' )\r
							list.setStyle( 'display', '' );\r
					}\r
				},\r
\r
				mark: function( value ) {\r
					if ( !this.multiSelect )\r
						this.unmarkAll();\r
\r
					var itemId = this._.items[ value ],\r
						item = this.element.getDocument().getById( itemId );\r
					item.addClass( 'cke_selected' );\r
\r
					this.element.getDocument().getById( itemId + '_option' ).setAttribute( 'aria-selected', true );\r
					this.onMark && this.onMark( item );\r
				},\r
\r
				markFirstDisplayed: function() {\r
					var context = this;\r
					this._.markFirstDisplayed( function() {\r
						if ( !context.multiSelect )\r
							context.unmarkAll();\r
					} );\r
				},\r
\r
				unmark: function( value ) {\r
					var doc = this.element.getDocument(),\r
						itemId = this._.items[ value ],\r
						item = doc.getById( itemId );\r
\r
					item.removeClass( 'cke_selected' );\r
					doc.getById( itemId + '_option' ).removeAttribute( 'aria-selected' );\r
\r
					this.onUnmark && this.onUnmark( item );\r
				},\r
\r
				unmarkAll: function() {\r
					var items = this._.items,\r
						doc = this.element.getDocument();\r
\r
					for ( var value in items ) {\r
						var itemId = items[ value ];\r
\r
						doc.getById( itemId ).removeClass( 'cke_selected' );\r
						doc.getById( itemId + '_option' ).removeAttribute( 'aria-selected' );\r
					}\r
\r
					this.onUnmark && this.onUnmark();\r
				},\r
\r
				isMarked: function( value ) {\r
					return this.element.getDocument().getById( this._.items[ value ] ).hasClass( 'cke_selected' );\r
				},\r
\r
				focus: function( value ) {\r
					this._.focusIndex = -1;\r
\r
					var links = this.element.getElementsByTag( 'a' ),\r
						link,\r
						selected,\r
						i = -1;\r
\r
					if ( value ) {\r
						selected = this.element.getDocument().getById( this._.items[ value ] ).getFirst();\r
\r
						while ( ( link = links.getItem( ++i ) ) ) {\r
							if ( link.equals( selected ) ) {\r
								this._.focusIndex = i;\r
								break;\r
							}\r
						}\r
					}\r
					else {\r
						this.element.focus();\r
					}\r
\r
					selected && setTimeout( function() {\r
						selected.focus();\r
					}, 0 );\r
				}\r
			}\r
		} );\r
	}\r
} );\r