@ckeditor/ckeditor5-basic-styles 35.4.0 → 36.0.1

package/src/bold.js

@@ -1,16 +1,13 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/bold
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import BoldEditing from './bold/boldediting';
 import BoldUI from './bold/boldui';
-
 /**
  * The bold feature.
  *
@@ -19,21 +16,18 @@ import BoldUI from './bold/boldui';
  *
  * This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
  * and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class Bold extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ BoldEditing, BoldUI ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'Bold';
-	}
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [BoldEditing, BoldUI];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'Bold';
+    }
 }

package/src/code/codeediting.js

@@ -1,73 +1,59 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/code/codeediting
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import { TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing';
-
 import AttributeCommand from '../attributecommand';
-
 const CODE = 'code';
 const HIGHLIGHT_CLASS = 'ck-code_selected';
-
 /**
  * The code editing feature.
  *
  * It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
  * as a `<code>` element.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class CodeEditing extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'CodeEditing';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ TwoStepCaretMovement ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-
-		// Allow code attribute on text nodes.
-		editor.model.schema.extend( '$text', { allowAttributes: CODE } );
-		editor.model.schema.setAttributeProperties( CODE, {
-			isFormatting: true,
-			copyOnEnter: false
-		} );
-
-		editor.conversion.attributeToElement( {
-			model: CODE,
-			view: 'code',
-			upcastAlso: {
-				styles: {
-					'word-wrap': 'break-word'
-				}
-			}
-		} );
-
-		// Create code command.
-		editor.commands.add( CODE, new AttributeCommand( editor, CODE ) );
-
-		// Enable two-step caret movement for `code` attribute.
-		editor.plugins.get( TwoStepCaretMovement ).registerAttribute( CODE );
-
-		// Setup highlight over selected element.
-		inlineHighlight( editor, CODE, 'code', HIGHLIGHT_CLASS );
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'CodeEditing';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [TwoStepCaretMovement];
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        // Allow code attribute on text nodes.
+        editor.model.schema.extend('$text', { allowAttributes: CODE });
+        editor.model.schema.setAttributeProperties(CODE, {
+            isFormatting: true,
+            copyOnEnter: false
+        });
+        editor.conversion.attributeToElement({
+            model: CODE,
+            view: 'code',
+            upcastAlso: {
+                styles: {
+                    'word-wrap': 'break-word'
+                }
+            }
+        });
+        // Create code command.
+        editor.commands.add(CODE, new AttributeCommand(editor, CODE));
+        // Enable two-step caret movement for `code` attribute.
+        editor.plugins.get(TwoStepCaretMovement).registerAttribute(CODE);
+        // Setup highlight over selected element.
+        inlineHighlight(editor, CODE, 'code', HIGHLIGHT_CLASS);
+    }
 }

package/src/code/codeui.js

@@ -1,62 +1,48 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/code/codeui
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import { ButtonView } from 'ckeditor5/src/ui';
-
 import codeIcon from '../../theme/icons/code.svg';
-
 import '../../theme/code.css';
-
 const CODE = 'code';
-
 /**
  * The code UI feature. It introduces the Code button.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class CodeUI extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'CodeUI';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const t = editor.t;
-
-		// Add code button to feature components.
-		editor.ui.componentFactory.add( CODE, locale => {
-			const command = editor.commands.get( CODE );
-			const view = new ButtonView( locale );
-
-			view.set( {
-				label: t( 'Code' ),
-				icon: codeIcon,
-				tooltip: true,
-				isToggleable: true
-			} );
-
-			view.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );
-
-			// Execute command.
-			this.listenTo( view, 'execute', () => {
-				editor.execute( CODE );
-				editor.editing.view.focus();
-			} );
-
-			return view;
-		} );
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'CodeUI';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const t = editor.t;
+        // Add code button to feature components.
+        editor.ui.componentFactory.add(CODE, locale => {
+            const command = editor.commands.get(CODE);
+            const view = new ButtonView(locale);
+            view.set({
+                label: t('Code'),
+                icon: codeIcon,
+                tooltip: true,
+                isToggleable: true
+            });
+            view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
+            // Execute command.
+            this.listenTo(view, 'execute', () => {
+                editor.execute(CODE);
+                editor.editing.view.focus();
+            });
+            return view;
+        });
+    }
 }

package/src/code.js

@@ -1,18 +1,14 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/code
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import CodeEditing from './code/codeediting';
 import CodeUI from './code/codeui';
-
 import '../theme/code.css';
-
 /**
  * The code feature.
  *
@@ -21,21 +17,18 @@ import '../theme/code.css';
  *
  * This is a "glue" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}
  * and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class Code extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ CodeEditing, CodeUI ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'Code';
-	}
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [CodeEditing, CodeUI];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'Code';
+    }
 }

package/src/index.js

@@ -1,12 +1,10 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles
  */
-
 export { default as Bold } from './bold';
 export { default as BoldEditing } from './bold/boldediting';
 export { default as BoldUI } from './bold/boldui';

package/src/italic/italicediting.js

@@ -1,63 +1,52 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/italic/italicediting
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import AttributeCommand from '../attributecommand';
-
 const ITALIC = 'italic';
-
 /**
  * The italic editing feature.
  *
  * It registers the `'italic'` command, the <kbd>Ctrl+I</kbd> keystroke and introduces the `italic` attribute in the model
  * which renders to the view as an `<i>` element.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class ItalicEditing extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'ItalicEditing';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-
-		// Allow italic attribute on text nodes.
-		editor.model.schema.extend( '$text', { allowAttributes: ITALIC } );
-		editor.model.schema.setAttributeProperties( ITALIC, {
-			isFormatting: true,
-			copyOnEnter: true
-		} );
-
-		editor.conversion.attributeToElement( {
-			model: ITALIC,
-			view: 'i',
-			upcastAlso: [
-				'em',
-				{
-					styles: {
-						'font-style': 'italic'
-					}
-				}
-			]
-		} );
-
-		// Create italic command.
-		editor.commands.add( ITALIC, new AttributeCommand( editor, ITALIC ) );
-
-		// Set the Ctrl+I keystroke.
-		editor.keystrokes.set( 'CTRL+I', ITALIC );
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'ItalicEditing';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        // Allow italic attribute on text nodes.
+        editor.model.schema.extend('$text', { allowAttributes: ITALIC });
+        editor.model.schema.setAttributeProperties(ITALIC, {
+            isFormatting: true,
+            copyOnEnter: true
+        });
+        editor.conversion.attributeToElement({
+            model: ITALIC,
+            view: 'i',
+            upcastAlso: [
+                'em',
+                {
+                    styles: {
+                        'font-style': 'italic'
+                    }
+                }
+            ]
+        });
+        // Create italic command.
+        editor.commands.add(ITALIC, new AttributeCommand(editor, ITALIC));
+        // Set the Ctrl+I keystroke.
+        editor.keystrokes.set('CTRL+I', ITALIC);
+    }
 }

package/src/italic/italicui.js

@@ -1,61 +1,48 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/italic/italicui
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import { ButtonView } from 'ckeditor5/src/ui';
-
 import italicIcon from '../../theme/icons/italic.svg';
-
 const ITALIC = 'italic';
-
 /**
  * The italic UI feature. It introduces the Italic button.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class ItalicUI extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'ItalicUI';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const t = editor.t;
-
-		// Add bold button to feature components.
-		editor.ui.componentFactory.add( ITALIC, locale => {
-			const command = editor.commands.get( ITALIC );
-			const view = new ButtonView( locale );
-
-			view.set( {
-				label: t( 'Italic' ),
-				icon: italicIcon,
-				keystroke: 'CTRL+I',
-				tooltip: true,
-				isToggleable: true
-			} );
-
-			view.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );
-
-			// Execute command.
-			this.listenTo( view, 'execute', () => {
-				editor.execute( ITALIC );
-				editor.editing.view.focus();
-			} );
-
-			return view;
-		} );
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'ItalicUI';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const t = editor.t;
+        // Add bold button to feature components.
+        editor.ui.componentFactory.add(ITALIC, locale => {
+            const command = editor.commands.get(ITALIC);
+            const view = new ButtonView(locale);
+            view.set({
+                label: t('Italic'),
+                icon: italicIcon,
+                keystroke: 'CTRL+I',
+                tooltip: true,
+                isToggleable: true
+            });
+            view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
+            // Execute command.
+            this.listenTo(view, 'execute', () => {
+                editor.execute(ITALIC);
+                editor.editing.view.focus();
+            });
+            return view;
+        });
+    }
 }

package/src/italic.js

@@ -1,16 +1,13 @@
 /**
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module basic-styles/italic
  */
-
 import { Plugin } from 'ckeditor5/src/core';
 import ItalicEditing from './italic/italicediting';
 import ItalicUI from './italic/italicui';
-
 /**
  * The italic feature.
  *
@@ -19,21 +16,18 @@ import ItalicUI from './italic/italicui';
  *
  * This is a "glue" plugin which loads the {@link module:basic-styles/italic/italicediting~ItalicEditing} and
  * {@link module:basic-styles/italic/italicui~ItalicUI} plugins.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class Italic extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ ItalicEditing, ItalicUI ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'Italic';
-	}
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [ItalicEditing, ItalicUI];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'Italic';
+    }
 }