text: /**
   * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
   * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
   */
  
  /* globals console, window, document */
  
  import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset';
  import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';
  import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
  import Indent from '@ckeditor/ckeditor5-indent/src/indent';
  
  import TableProperties from '../../src/tableproperties';
  import TableCellProperties from '../../src/tablecellproperties';
  
  const styleAsPlainText = document.querySelector( '#table-properties-styles' ).innerText
  	.trim()
  	.split( '\n' )
  	.map( line => line.replace( /^\t/, '' ) )
  	.join( '\n' );
  
  document.querySelector( '#table-properties-styles-preview' ).innerText = styleAsPlainText;
  
  ClassicEditor
  	.create( document.querySelector( '#editor' ), {
  		plugins: [ ArticlePluginSet, Alignment, Indent, IndentBlock, TableProperties, TableCellProperties ],
  		toolbar: [
  			'heading', '|', 'insertTable', '|', 'bold', 'italic', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo'
  		],
  		table: {
  			contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties' ],
  			tableToolbar: [ 'bold', 'italic' ],
  			tableProperties: {
  				defaultProperties: {
  					borderStyle: 'dashed',
  					borderColor: 'hsl(0, 0%, 60%)',
  					borderWidth: '3px',
  					backgroundColor: '#00f',
  					alignment: 'left',
  					width: '300px',
  					height: '250px'
  				}
  			},
  			tableCellProperties: {
  				defaultProperties: {
  					borderStyle: 'dotted',
  					borderColor: 'hsl(120, 75%, 60%)',
  					borderWidth: '2px',
  					horizontalAlignment: 'right',
  					verticalAlignment: 'bottom',
  					padding: '10px'
  				}
  			}
  		}
  	} )
  	.then( editor => {
  		window.editor = editor;
  	} )
  	.catch( err => {
  		console.error( err.stack );
  	} );
  