@ckeditor/ckeditor5-alignment 35.4.0 → 36.0.0

package/LICENSE.md

@@ -2,7 +2,7 @@ Software License Agreement
 ==========================
 
 **CKEditor 5 text alignment feature** – https://github.com/ckeditor/ckeditor5-alignment <br>
-Copyright (c) 2003-2022, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
+Copyright (c) 2003-2023, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
 
 Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
 

package/build/alignment.js

@@ -1,5 +1,5 @@
 !function(t){const e=t.en=t.en||{};e.dictionary=Object.assign(e.dictionary||{},{"Align center":"Align center","Align left":"Align left","Align right":"Align right",Justify:"Justify","Text alignment":"Text alignment","Text alignment toolbar":"Text alignment toolbar"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={})),
 /*!
- * @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.
- */(()=>{var t={704:(t,e,n)=>{t.exports=n(79)("./src/core.js")},273:(t,e,n)=>{t.exports=n(79)("./src/ui.js")},209:(t,e,n)=>{t.exports=n(79)("./src/utils.js")},79:t=>{"use strict";t.exports=CKEditor5.dll}},e={};function n(i){var o=e[i];if(void 0!==o)return o.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";n.r(i),n.d(i,{Alignment:()=>f,AlignmentEditing:()=>g,AlignmentUI:()=>d});var t=n(704),e=n(209);const o=["left","right","center","justify"];function r(t){return o.includes(t)}function a(t,e){return"rtl"==e.contentLanguageDirection?"right"===t:"left"===t}function s(t){const n=t.map((t=>{let e;return e="string"==typeof t?{name:t}:t,e})).filter((t=>{const n=!!o.includes(t.name);return n||(0,e.logWarning)("alignment-config-name-not-recognized",{option:t}),n})),i=n.filter((t=>!!t.className)).length;if(i&&i<n.length)throw new e.CKEditorError("alignment-config-classnames-are-missing",{configuredOptions:t});return n.forEach(((n,i,o)=>{const r=o.slice(i+1);if(r.some((t=>t.name==n.name)))throw new e.CKEditorError("alignment-config-name-already-defined",{option:n,configuredOptions:t});if(n.className){if(r.some((t=>t.className==n.className)))throw new e.CKEditorError("alignment-config-classname-already-defined",{option:n,configuredOptions:t})}})),n}const l="alignment";class c extends t.Command{refresh(){const t=this.editor.locale,n=(0,e.first)(this.editor.model.document.selection.getSelectedBlocks());this.isEnabled=!!n&&this._canBeAligned(n),this.isEnabled&&n.hasAttribute("alignment")?this.value=n.getAttribute("alignment"):this.value="rtl"===t.contentLanguageDirection?"right":"left"}execute(t={}){const e=this.editor,n=e.locale,i=e.model,o=i.document,r=t.value;i.change((t=>{const e=Array.from(o.selection.getSelectedBlocks()).filter((t=>this._canBeAligned(t))),i=e[0].getAttribute("alignment");a(r,n)||i===r||!r?function(t,e){for(const n of t)e.removeAttribute(l,n)}(e,t):function(t,e,n){for(const i of t)e.setAttribute(l,n,i)}(e,t,r)}))}_canBeAligned(t){return this.editor.model.schema.checkAttribute(t,l)}}class g extends t.Plugin{static get pluginName(){return"AlignmentEditing"}constructor(t){super(t),t.config.define("alignment",{options:[...o.map((t=>({name:t})))]})}init(){const t=this.editor,e=t.locale,n=t.model.schema,i=s(t.config.get("alignment.options")).filter((t=>r(t.name)&&!a(t.name,e))),o=i.some((t=>!!t.className));n.extend("$block",{allowAttributes:"alignment"}),t.model.schema.setAttributeProperties("alignment",{isFormatting:!0}),o?t.conversion.attributeToAttribute(function(t){const e={model:{key:"alignment",values:t.map((t=>t.name))},view:{}};for(const n of t)e.view[n.name]={key:"class",value:n.className};return e}(i)):t.conversion.for("downcast").attributeToAttribute(function(t){const e={model:{key:"alignment",values:t.map((t=>t.name))},view:{}};for(const{name:n}of t)e.view[n]={key:"style",value:{"text-align":n}};return e}(i));const l=function(t){const e=[];for(const{name:n}of t)e.push({view:{key:"style",value:{"text-align":n}},model:{key:"alignment",value:n}});return e}(i);for(const e of l)t.conversion.for("upcast").attributeToAttribute(e);const g=function(t){const e=[];for(const{name:n}of t)e.push({view:{key:"align",value:n},model:{key:"alignment",value:n}});return e}(i);for(const e of g)t.conversion.for("upcast").attributeToAttribute(e);t.commands.add("alignment",new c(t))}}var u=n(273);const m=new Map([["left",t.icons.alignLeft],["right",t.icons.alignRight],["center",t.icons.alignCenter],["justify",t.icons.alignJustify]]);class d extends t.Plugin{get localizedOptionTitles(){const t=this.editor.t;return{left:t("Align left"),right:t("Align right"),center:t("Align center"),justify:t("Justify")}}static get pluginName(){return"AlignmentUI"}init(){const t=this.editor,e=t.ui.componentFactory,n=t.t,i=s(t.config.get("alignment.options"));i.map((t=>t.name)).filter(r).forEach((t=>this._addButton(t))),e.add("alignment",(o=>{const r=(0,u.createDropdown)(o),a=i.map((t=>e.create(`alignment:${t.name}`)));(0,u.addToolbarToDropdown)(r,a,{enableActiveItemFocusOnDropdownOpen:!0}),r.buttonView.set({label:n("Text alignment"),tooltip:!0}),r.toolbarView.isVertical=!0,r.toolbarView.ariaLabel=n("Text alignment toolbar"),r.extendTemplate({attributes:{class:"ck-alignment-dropdown"}});const s="rtl"===o.contentLanguageDirection?m.get("right"):m.get("left");return r.buttonView.bind("icon").toMany(a,"isOn",((...t)=>{const e=t.findIndex((t=>t));return e<0?s:a[e].icon})),r.bind("isEnabled").toMany(a,"isEnabled",((...t)=>t.some((t=>t)))),this.listenTo(r,"execute",(()=>{t.editing.view.focus()})),r}))}_addButton(t){const e=this.editor;e.ui.componentFactory.add(`alignment:${t}`,(n=>{const i=e.commands.get("alignment"),o=new u.ButtonView(n);return o.set({label:this.localizedOptionTitles[t],icon:m.get(t),tooltip:!0,isToggleable:!0}),o.bind("isEnabled").to(i),o.bind("isOn").to(i,"value",(e=>e===t)),this.listenTo(o,"execute",(()=>{e.execute("alignment",{value:t}),e.editing.view.focus()})),o}))}}class f extends t.Plugin{static get requires(){return[g,d]}static get pluginName(){return"Alignment"}}})(),(window.CKEditor5=window.CKEditor5||{}).alignment=i})();
+ */(()=>{var t={704:(t,e,n)=>{t.exports=n(79)("./src/core.js")},273:(t,e,n)=>{t.exports=n(79)("./src/ui.js")},209:(t,e,n)=>{t.exports=n(79)("./src/utils.js")},79:t=>{"use strict";t.exports=CKEditor5.dll}},e={};function n(i){var o=e[i];if(void 0!==o)return o.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";n.r(i),n.d(i,{Alignment:()=>f,AlignmentEditing:()=>g,AlignmentUI:()=>d});var t=n(704),e=n(209);const o=["left","right","center","justify"];function r(t){return o.includes(t)}function a(t,e){return"rtl"==e.contentLanguageDirection?"right"===t:"left"===t}function s(t){const n=t.map((t=>{let e;return e="string"==typeof t?{name:t}:t,e})).filter((t=>{const n=o.includes(t.name);return n||(0,e.logWarning)("alignment-config-name-not-recognized",{option:t}),n})),i=n.filter((t=>Boolean(t.className))).length;if(i&&i<n.length)throw new e.CKEditorError("alignment-config-classnames-are-missing",{configuredOptions:t});return n.forEach(((n,i,o)=>{const r=o.slice(i+1);if(r.some((t=>t.name==n.name)))throw new e.CKEditorError("alignment-config-name-already-defined",{option:n,configuredOptions:t});if(n.className){if(r.some((t=>t.className==n.className)))throw new e.CKEditorError("alignment-config-classname-already-defined",{option:n,configuredOptions:t})}})),n}const l="alignment";class c extends t.Command{refresh(){const t=this.editor.locale,n=(0,e.first)(this.editor.model.document.selection.getSelectedBlocks());this.isEnabled=Boolean(n)&&this._canBeAligned(n),this.isEnabled&&n.hasAttribute("alignment")?this.value=n.getAttribute("alignment"):this.value="rtl"===t.contentLanguageDirection?"right":"left"}execute(t={}){const e=this.editor,n=e.locale,i=e.model,o=i.document,r=t.value;i.change((t=>{const e=Array.from(o.selection.getSelectedBlocks()).filter((t=>this._canBeAligned(t))),i=e[0].getAttribute("alignment");a(r,n)||i===r||!r?function(t,e){for(const n of t)e.removeAttribute(l,n)}(e,t):function(t,e,n){for(const i of t)e.setAttribute(l,n,i)}(e,t,r)}))}_canBeAligned(t){return this.editor.model.schema.checkAttribute(t,l)}}class g extends t.Plugin{static get pluginName(){return"AlignmentEditing"}constructor(t){super(t),t.config.define("alignment",{options:o.map((t=>({name:t})))})}init(){const t=this.editor,e=t.locale,n=t.model.schema,i=s(t.config.get("alignment.options")).filter((t=>r(t.name)&&!a(t.name,e))),o=i.some((t=>!!t.className));n.extend("$block",{allowAttributes:"alignment"}),t.model.schema.setAttributeProperties("alignment",{isFormatting:!0}),o?t.conversion.attributeToAttribute(function(t){const e={};for(const n of t)e[n.name]={key:"class",value:n.className};const n={model:{key:"alignment",values:t.map((t=>t.name))},view:e};return n}(i)):t.conversion.for("downcast").attributeToAttribute(function(t){const e={};for(const{name:n}of t)e[n]={key:"style",value:{"text-align":n}};const n={model:{key:"alignment",values:t.map((t=>t.name))},view:e};return n}(i));const l=function(t){const e=[];for(const{name:n}of t)e.push({view:{key:"style",value:{"text-align":n}},model:{key:"alignment",value:n}});return e}(i);for(const e of l)t.conversion.for("upcast").attributeToAttribute(e);const g=function(t){const e=[];for(const{name:n}of t)e.push({view:{key:"align",value:n},model:{key:"alignment",value:n}});return e}(i);for(const e of g)t.conversion.for("upcast").attributeToAttribute(e);t.commands.add("alignment",new c(t))}}var u=n(273);const m=new Map([["left",t.icons.alignLeft],["right",t.icons.alignRight],["center",t.icons.alignCenter],["justify",t.icons.alignJustify]]);class d extends t.Plugin{get localizedOptionTitles(){const t=this.editor.t;return{left:t("Align left"),right:t("Align right"),center:t("Align center"),justify:t("Justify")}}static get pluginName(){return"AlignmentUI"}init(){const t=this.editor,e=t.ui.componentFactory,n=t.t,i=s(t.config.get("alignment.options"));i.map((t=>t.name)).filter(r).forEach((t=>this._addButton(t))),e.add("alignment",(o=>{const r=(0,u.createDropdown)(o);(0,u.addToolbarToDropdown)(r,(()=>i.map((t=>e.create(`alignment:${t.name}`)))),{enableActiveItemFocusOnDropdownOpen:!0,isVertical:!0,ariaLabel:n("Text alignment toolbar")}),r.buttonView.set({label:n("Text alignment"),tooltip:!0}),r.extendTemplate({attributes:{class:"ck-alignment-dropdown"}});const a="rtl"===o.contentLanguageDirection?m.get("right"):m.get("left"),s=t.commands.get("alignment");return r.buttonView.bind("icon").to(s,"value",(t=>m.get(t)||a)),r.bind("isEnabled").to(s,"isEnabled"),this.listenTo(r,"execute",(()=>{t.editing.view.focus()})),r}))}_addButton(t){const e=this.editor;e.ui.componentFactory.add(`alignment:${t}`,(n=>{const i=e.commands.get("alignment"),o=new u.ButtonView(n);return o.set({label:this.localizedOptionTitles[t],icon:m.get(t),tooltip:!0,isToggleable:!0}),o.bind("isEnabled").to(i),o.bind("isOn").to(i,"value",(e=>e===t)),this.listenTo(o,"execute",(()=>{e.execute("alignment",{value:t}),e.editing.view.focus()})),o}))}}class f extends t.Plugin{static get requires(){return[g,d]}static get pluginName(){return"Alignment"}}})(),(window.CKEditor5=window.CKEditor5||{}).alignment=i})();

package/build/translations/ug.js

@@ -1 +1 @@
-!function(n){const i=n.ug=n.ug||{};i.dictionary=Object.assign(i.dictionary||{},{"Align center":"ئوتتۇرىغا توغرىلاش","Align left":"سولغا توغرىلاش","Align right":"ئوڭغا توغرىلاش",Justify:"تەكشىلەش","Text alignment":"تېكىست توغرىلاش","Text alignment toolbar":"تېكىست توغرىلاش قورالبالدىقى"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(n){const i=n.ug=n.ug||{};i.dictionary=Object.assign(i.dictionary||{},{"Align center":"ئوتتۇرىغا توغرىلاش","Align left":"سولغا توغرىلاش","Align right":"ئوڭغا توغرىلاش",Justify:"ئوڭ سولدىن توغرىلا","Text alignment":"تېكىست توغرىلاش","Text alignment toolbar":"تېكىست توغرىلاش قورالبالدىقى"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/lang/translations/ug.po

@@ -30,7 +30,7 @@ msgstr "ئوتتۇرىغا توغرىلاش"
 
 msgctxt "Toolbar button tooltip for making the text justified."
 msgid "Justify"
-msgstr "تەكشىلەش"
+msgstr "ئوڭ سولدىن توغرىلا"
 
 msgctxt "Dropdown button tooltip for the text alignment feature."
 msgid "Text alignment"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-alignment",
-  "version": "35.4.0",
+  "version": "36.0.0",
   "description": "Text alignment feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,21 +12,22 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "^35.4.0"
+    "ckeditor5": "^36.0.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-block-quote": "^35.4.0",
-    "@ckeditor/ckeditor5-core": "^35.4.0",
-    "@ckeditor/ckeditor5-dev-utils": "^31.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^35.4.0",
-    "@ckeditor/ckeditor5-engine": "^35.4.0",
-    "@ckeditor/ckeditor5-enter": "^35.4.0",
-    "@ckeditor/ckeditor5-heading": "^35.4.0",
-    "@ckeditor/ckeditor5-image": "^35.4.0",
-    "@ckeditor/ckeditor5-list": "^35.4.0",
-    "@ckeditor/ckeditor5-paragraph": "^35.4.0",
-    "@ckeditor/ckeditor5-theme-lark": "^35.4.0",
-    "@ckeditor/ckeditor5-typing": "^35.4.0",
+    "@ckeditor/ckeditor5-block-quote": "^36.0.0",
+    "@ckeditor/ckeditor5-core": "^36.0.0",
+    "@ckeditor/ckeditor5-dev-utils": "^32.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "^36.0.0",
+    "@ckeditor/ckeditor5-engine": "^36.0.0",
+    "@ckeditor/ckeditor5-enter": "^36.0.0",
+    "@ckeditor/ckeditor5-heading": "^36.0.0",
+    "@ckeditor/ckeditor5-image": "^36.0.0",
+    "@ckeditor/ckeditor5-list": "^36.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^36.0.0",
+    "@ckeditor/ckeditor5-theme-lark": "^36.0.0",
+    "@ckeditor/ckeditor5-typing": "^36.0.0",
+    "typescript": "^4.8.4",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"
   },
@@ -45,13 +46,16 @@
   },
   "files": [
     "lang",
-    "src",
+    "src/**/*.js",
+    "src/**/*.d.ts",
     "theme",
     "build",
     "ckeditor5-metadata.json",
     "CHANGELOG.md"
   ],
   "scripts": {
-    "dll:build": "webpack"
+    "dll:build": "webpack",
+    "build": "tsc -p ./tsconfig.release.json",
+    "postversion": "npm run build"
   }
 }

package/src/alignment.js

@@ -1,17 +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 alignment/alignment
  */
-
 import { Plugin } from 'ckeditor5/src/core';
-
 import AlignmentEditing from './alignmentediting';
 import AlignmentUI from './alignmentui';
-
 /**
  * The text alignment plugin.
  *
@@ -20,86 +16,18 @@ import AlignmentUI from './alignmentui';
  *
  * This is a "glue" plugin which loads the {@link module:alignment/alignmentediting~AlignmentEditing} and
  * {@link module:alignment/alignmentui~AlignmentUI} plugins.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class Alignment extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get requires() {
-		return [ AlignmentEditing, AlignmentUI ];
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'Alignment';
-	}
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [AlignmentEditing, AlignmentUI];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'Alignment';
+    }
 }
-
-/**
- * The configuration of the {@link module:alignment/alignment~Alignment alignment feature}.
- *
- * Read more in {@link module:alignment/alignment~AlignmentConfig}.
- *
- * @member {module:alignment/alignment~AlignmentConfig} module:core/editor/editorconfig~EditorConfig#alignment
- */
-
-/**
- * The configuration of the {@link module:alignment/alignment~Alignment alignment feature}.
- *
- *		ClassicEditor
- *			.create( editorElement, {
- *				alignment: {
- *					options: [ 'left', 'right' ]
- *				}
- *			} )
- *			.then( ... )
- *			.catch( ... );
- *
- * See {@link module:core/editor/editorconfig~EditorConfig all editor configuration options}.
- *
- * @interface AlignmentConfig
- */
-
-/**
- * Available alignment options.
- *
- * The available options are: `'left'`, `'right'`, `'center'` and `'justify'`. Other values are ignored.
- *
- * **Note:** It is recommended to always use `'left'` or `'right'` as these are default values which the user should
- * normally be able to choose depending on the
- * {@glink features/ui-language#setting-the-language-of-the-content language of the editor content}.
- *
- *		ClassicEditor
- *			.create( editorElement, {
- *				alignment: {
- *					options: [ 'left', 'right' ]
- *				}
- *			} )
- *			.then( ... )
- *			.catch( ... );
- *
- * By default the alignment is set inline using the `text-align` CSS property. To further customize the alignment,
- * you can provide names of classes for each alignment option using the `className` property.
- *
- * **Note:** Once you define the `className` property for one option, you need to specify it for all other options.
- *
- *		ClassicEditor
- *			.create( editorElement, {
- *				alignment: {
- *					options: [
- *						{ name: 'left', className: 'my-align-left' },
- *						{ name: 'right', className: 'my-align-right' }
- *					]
- *				}
- *			} )
- *			.then( ... )
- *			.catch( ... );
- *
- * See the demo of {@glink features/text-alignment#configuring-alignment-options custom alignment options}.
- *
- * @member {Array.<String|module:alignment/alignmentediting~AlignmentFormat>} module:alignment/alignment~AlignmentConfig#options
- */

package/src/alignmentcommand.js

@@ -1,110 +1,88 @@
 /**
- * @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 alignment/alignmentcommand
  */
-
 import { Command } from 'ckeditor5/src/core';
 import { first } from 'ckeditor5/src/utils';
-
 import { isDefault } from './utils';
-
 const ALIGNMENT = 'alignment';
-
 /**
  * The alignment command plugin.
- *
- * @extends module:core/command~Command
  */
 export default class AlignmentCommand extends Command {
-	/**
-	 * @inheritDoc
-	 */
-	refresh() {
-		const editor = this.editor;
-		const locale = editor.locale;
-		const firstBlock = first( this.editor.model.document.selection.getSelectedBlocks() );
-
-		// As first check whether to enable or disable the command as the value will always be false if the command cannot be enabled.
-		this.isEnabled = !!firstBlock && this._canBeAligned( firstBlock );
-
-		/**
-		 * A value of the current block's alignment.
-		 *
-		 * @observable
-		 * @readonly
-		 * @member {String} #value
-		 */
-		if ( this.isEnabled && firstBlock.hasAttribute( 'alignment' ) ) {
-			this.value = firstBlock.getAttribute( 'alignment' );
-		} else {
-			this.value = locale.contentLanguageDirection === 'rtl' ? 'right' : 'left';
-		}
-	}
-
-	/**
-	 * Executes the command. Applies the alignment `value` to the selected blocks.
-	 * If no `value` is passed, the `value` is the default one or it is equal to the currently selected block's alignment attribute,
-	 * the command will remove the attribute from the selected blocks.
-	 *
-	 * @param {Object} [options] Options for the executed command.
-	 * @param {String} [options.value] The value to apply.
-	 * @fires execute
-	 */
-	execute( options = {} ) {
-		const editor = this.editor;
-		const locale = editor.locale;
-		const model = editor.model;
-		const doc = model.document;
-
-		const value = options.value;
-
-		model.change( writer => {
-			// Get only those blocks from selected that can have alignment set
-			const blocks = Array.from( doc.selection.getSelectedBlocks() ).filter( block => this._canBeAligned( block ) );
-			const currentAlignment = blocks[ 0 ].getAttribute( 'alignment' );
-
-			// Remove alignment attribute if current alignment is:
-			// - default (should not be stored in model as it will bloat model data)
-			// - equal to currently set
-			// - or no value is passed - denotes default alignment.
-			const removeAlignment = isDefault( value, locale ) || currentAlignment === value || !value;
-
-			if ( removeAlignment ) {
-				removeAlignmentFromSelection( blocks, writer );
-			} else {
-				setAlignmentOnSelection( blocks, writer, value );
-			}
-		} );
-	}
-
-	/**
-	 * Checks whether a block can have alignment set.
-	 *
-	 * @private
-	 * @param {module:engine/model/element~Element} block The block to be checked.
-	 * @returns {Boolean}
-	 */
-	_canBeAligned( block ) {
-		return this.editor.model.schema.checkAttribute( block, ALIGNMENT );
-	}
+    /**
+     * @inheritDoc
+     */
+    refresh() {
+        const editor = this.editor;
+        const locale = editor.locale;
+        const firstBlock = first(this.editor.model.document.selection.getSelectedBlocks());
+        // As first check whether to enable or disable the command as the value will always be false if the command cannot be enabled.
+        this.isEnabled = Boolean(firstBlock) && this._canBeAligned(firstBlock);
+        if (this.isEnabled && firstBlock.hasAttribute('alignment')) {
+            this.value = firstBlock.getAttribute('alignment');
+        }
+        else {
+            this.value = locale.contentLanguageDirection === 'rtl' ? 'right' : 'left';
+        }
+    }
+    /**
+     * Executes the command. Applies the alignment `value` to the selected blocks.
+     * If no `value` is passed, the `value` is the default one or it is equal to the currently selected block's alignment attribute,
+     * the command will remove the attribute from the selected blocks.
+     *
+     * @param options Options for the executed command.
+     * @param options.value The value to apply.
+     * @fires execute
+     */
+    execute(options = {}) {
+        const editor = this.editor;
+        const locale = editor.locale;
+        const model = editor.model;
+        const doc = model.document;
+        const value = options.value;
+        model.change(writer => {
+            // Get only those blocks from selected that can have alignment set
+            const blocks = Array.from(doc.selection.getSelectedBlocks()).filter(block => this._canBeAligned(block));
+            const currentAlignment = blocks[0].getAttribute('alignment');
+            // Remove alignment attribute if current alignment is:
+            // - default (should not be stored in model as it will bloat model data)
+            // - equal to currently set
+            // - or no value is passed - denotes default alignment.
+            const removeAlignment = isDefault(value, locale) || currentAlignment === value || !value;
+            if (removeAlignment) {
+                removeAlignmentFromSelection(blocks, writer);
+            }
+            else {
+                setAlignmentOnSelection(blocks, writer, value);
+            }
+        });
+    }
+    /**
+     * Checks whether a block can have alignment set.
+     *
+     * @param block The block to be checked.
+     */
+    _canBeAligned(block) {
+        return this.editor.model.schema.checkAttribute(block, ALIGNMENT);
+    }
 }
-
-// Removes the alignment attribute from blocks.
-// @private
-function removeAlignmentFromSelection( blocks, writer ) {
-	for ( const block of blocks ) {
-		writer.removeAttribute( ALIGNMENT, block );
-	}
+/**
+ * Removes the alignment attribute from blocks.
+ */
+function removeAlignmentFromSelection(blocks, writer) {
+    for (const block of blocks) {
+        writer.removeAttribute(ALIGNMENT, block);
+    }
 }
-
-// Sets the alignment attribute on blocks.
-// @private
-function setAlignmentOnSelection( blocks, writer, alignment ) {
-	for ( const block of blocks ) {
-		writer.setAttribute( ALIGNMENT, alignment, block );
-	}
+/**
+ * Sets the alignment attribute on blocks.
+ */
+function setAlignmentOnSelection(blocks, writer, alignment) {
+    for (const block of blocks) {
+        writer.setAttribute(ALIGNMENT, alignment, block);
+    }
 }

package/src/alignmentediting.js

@@ -1,188 +1,147 @@
 /**
- * @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 alignment/alignmentediting
  */
-
 import { Plugin } from 'ckeditor5/src/core';
-
 import AlignmentCommand from './alignmentcommand';
 import { isDefault, isSupported, normalizeAlignmentOptions, supportedOptions } from './utils';
-
 /**
  * The alignment editing feature. It introduces the {@link module:alignment/alignmentcommand~AlignmentCommand command} and adds
  * the `alignment` attribute for block elements in the {@link module:engine/model/model~Model model}.
- * @extends module:core/plugin~Plugin
  */
 export default class AlignmentEditing extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'AlignmentEditing';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	constructor( editor ) {
-		super( editor );
-
-		editor.config.define( 'alignment', {
-			options: [ ...supportedOptions.map( option => ( { name: option } ) ) ]
-		} );
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const locale = editor.locale;
-		const schema = editor.model.schema;
-
-		const options = normalizeAlignmentOptions( editor.config.get( 'alignment.options' ) );
-
-		// Filter out unsupported options and those that are redundant, e.g. `left` in LTR / `right` in RTL mode.
-		const optionsToConvert = options.filter(
-			option => isSupported( option.name ) && !isDefault( option.name, locale )
-		);
-
-		// Once there is at least one `className` defined, we switch to alignment with classes.
-		const shouldUseClasses = optionsToConvert.some( option => !!option.className );
-
-		// Allow alignment attribute on all blocks.
-		schema.extend( '$block', { allowAttributes: 'alignment' } );
-		editor.model.schema.setAttributeProperties( 'alignment', { isFormatting: true } );
-
-		if ( shouldUseClasses ) {
-			editor.conversion.attributeToAttribute( buildClassDefinition( optionsToConvert ) );
-		} else {
-			// Downcast inline styles.
-			editor.conversion.for( 'downcast' ).attributeToAttribute( buildDowncastInlineDefinition( optionsToConvert ) );
-		}
-
-		const upcastInlineDefinitions = buildUpcastInlineDefinitions( optionsToConvert );
-
-		// Always upcast from inline styles.
-		for ( const definition of upcastInlineDefinitions ) {
-			editor.conversion.for( 'upcast' ).attributeToAttribute( definition );
-		}
-
-		const upcastCompatibilityDefinitions = buildUpcastCompatibilityDefinitions( optionsToConvert );
-
-		// Always upcast from deprecated `align` attribute.
-		for ( const definition of upcastCompatibilityDefinitions ) {
-			editor.conversion.for( 'upcast' ).attributeToAttribute( definition );
-		}
-
-		editor.commands.add( 'alignment', new AlignmentCommand( editor ) );
-	}
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'AlignmentEditing';
+    }
+    /**
+     * @inheritDoc
+     */
+    constructor(editor) {
+        super(editor);
+        editor.config.define('alignment', {
+            options: supportedOptions.map(option => ({ name: option }))
+        });
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const locale = editor.locale;
+        const schema = editor.model.schema;
+        const options = normalizeAlignmentOptions(editor.config.get('alignment.options'));
+        // Filter out unsupported options and those that are redundant, e.g. `left` in LTR / `right` in RTL mode.
+        const optionsToConvert = options.filter(option => isSupported(option.name) && !isDefault(option.name, locale));
+        // Once there is at least one `className` defined, we switch to alignment with classes.
+        const shouldUseClasses = optionsToConvert.some(option => !!option.className);
+        // Allow alignment attribute on all blocks.
+        schema.extend('$block', { allowAttributes: 'alignment' });
+        editor.model.schema.setAttributeProperties('alignment', { isFormatting: true });
+        if (shouldUseClasses) {
+            editor.conversion.attributeToAttribute(buildClassDefinition(optionsToConvert));
+        }
+        else {
+            // Downcast inline styles.
+            editor.conversion.for('downcast').attributeToAttribute(buildDowncastInlineDefinition(optionsToConvert));
+        }
+        const upcastInlineDefinitions = buildUpcastInlineDefinitions(optionsToConvert);
+        // Always upcast from inline styles.
+        for (const definition of upcastInlineDefinitions) {
+            editor.conversion.for('upcast').attributeToAttribute(definition);
+        }
+        const upcastCompatibilityDefinitions = buildUpcastCompatibilityDefinitions(optionsToConvert);
+        // Always upcast from deprecated `align` attribute.
+        for (const definition of upcastCompatibilityDefinitions) {
+            editor.conversion.for('upcast').attributeToAttribute(definition);
+        }
+        editor.commands.add('alignment', new AlignmentCommand(editor));
+    }
 }
-
-// Prepare downcast conversion definition for inline alignment styling.
-// @private
-function buildDowncastInlineDefinition( options ) {
-	const definition = {
-		model: {
-			key: 'alignment',
-			values: options.map( option => option.name )
-		},
-		view: {}
-	};
-
-	for ( const { name } of options ) {
-		definition.view[ name ] = {
-			key: 'style',
-			value: {
-				'text-align': name
-			}
-		};
-	}
-
-	return definition;
-}
-
-// Prepare upcast definitions for inline alignment styles.
-// @private
-function buildUpcastInlineDefinitions( options ) {
-	const definitions = [];
-
-	for ( const { name } of options ) {
-		definitions.push( {
-			view: {
-				key: 'style',
-				value: {
-					'text-align': name
-				}
-			},
-			model: {
-				key: 'alignment',
-				value: name
-			}
-		} );
-	}
-
-	return definitions;
+/**
+ * Prepare downcast conversion definition for inline alignment styling.
+ */
+function buildDowncastInlineDefinition(options) {
+    const view = {};
+    for (const { name } of options) {
+        view[name] = {
+            key: 'style',
+            value: {
+                'text-align': name
+            }
+        };
+    }
+    const definition = {
+        model: {
+            key: 'alignment',
+            values: options.map(option => option.name)
+        },
+        view
+    };
+    return definition;
 }
-
-// Prepare upcast definitions for deprecated `align` attribute.
-// @private
-function buildUpcastCompatibilityDefinitions( options ) {
-	const definitions = [];
-
-	for ( const { name } of options ) {
-		definitions.push( {
-			view: {
-				key: 'align',
-				value: name
-			},
-			model: {
-				key: 'alignment',
-				value: name
-			}
-		} );
-	}
-
-	return definitions;
+/**
+ * Prepare upcast definitions for inline alignment styles.
+ */
+function buildUpcastInlineDefinitions(options) {
+    const definitions = [];
+    for (const { name } of options) {
+        definitions.push({
+            view: {
+                key: 'style',
+                value: {
+                    'text-align': name
+                }
+            },
+            model: {
+                key: 'alignment',
+                value: name
+            }
+        });
+    }
+    return definitions;
 }
-
-// Prepare conversion definitions for upcast and downcast alignment with classes.
-// @private
-function buildClassDefinition( options ) {
-	const definition = {
-		model: {
-			key: 'alignment',
-			values: options.map( option => option.name )
-		},
-		view: {}
-	};
-
-	for ( const option of options ) {
-		definition.view[ option.name ] = {
-			key: 'class',
-			value: option.className
-		};
-	}
-
-	return definition;
+/**
+ * Prepare upcast definitions for deprecated `align` attribute.
+ */
+function buildUpcastCompatibilityDefinitions(options) {
+    const definitions = [];
+    for (const { name } of options) {
+        definitions.push({
+            view: {
+                key: 'align',
+                value: name
+            },
+            model: {
+                key: 'alignment',
+                value: name
+            }
+        });
+    }
+    return definitions;
 }
-
 /**
- * The alignment configuration format descriptor.
- *
- *		const alignmentFormat = {
- *			name: 'right',
- *			className: 'my-align-right-class'
- *		}
- *
- * @typedef {Object} module:alignment/alignmentediting~AlignmentFormat
- *
- * @property {'left'|'right'|'center'|'justify'} name One of the alignment names options.
- *
- * @property {String} className The CSS class used to represent the style in the view.
- * Used to override default, inline styling for alignment.
+ * Prepare conversion definitions for upcast and downcast alignment with classes.
  */
+function buildClassDefinition(options) {
+    const view = {};
+    for (const option of options) {
+        view[option.name] = {
+            key: 'class',
+            value: option.className
+        };
+    }
+    const definition = {
+        model: {
+            key: 'alignment',
+            values: options.map(option => option.name)
+        },
+        view
+    };
+    return definition;
+}

package/src/alignmentui.js

@@ -1,162 +1,124 @@
 /**
- * @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 alignment/alignmentui
  */
-
 import { Plugin, icons } from 'ckeditor5/src/core';
 import { ButtonView, createDropdown, addToolbarToDropdown } from 'ckeditor5/src/ui';
-
 import { isSupported, normalizeAlignmentOptions } from './utils';
-
-const iconsMap = new Map( [
-	[ 'left', icons.alignLeft ],
-	[ 'right', icons.alignRight ],
-	[ 'center', icons.alignCenter ],
-	[ 'justify', icons.alignJustify ]
-] );
-
+const iconsMap = new Map([
+    ['left', icons.alignLeft],
+    ['right', icons.alignRight],
+    ['center', icons.alignCenter],
+    ['justify', icons.alignJustify]
+]);
 /**
  * The default alignment UI plugin.
  *
  * It introduces the `'alignment:left'`, `'alignment:right'`, `'alignment:center'` and `'alignment:justify'` buttons
  * and the `'alignment'` dropdown.
- *
- * @extends module:core/plugin~Plugin
  */
 export default class AlignmentUI extends Plugin {
-	/**
-	 * Returns the localized option titles provided by the plugin.
-	 *
-	 * The following localized titles corresponding with
-	 * {@link module:alignment/alignment~AlignmentConfig#options} are available:
-	 *
-	 * * `'left'`,
-	 * * `'right'`,
-	 * * `'center'`,
-	 * * `'justify'`.
-	 *
-	 * @readonly
-	 * @type {Object.<String,String>}
-	 */
-	get localizedOptionTitles() {
-		const t = this.editor.t;
-
-		return {
-			'left': t( 'Align left' ),
-			'right': t( 'Align right' ),
-			'center': t( 'Align center' ),
-			'justify': t( 'Justify' )
-		};
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'AlignmentUI';
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		const editor = this.editor;
-		const componentFactory = editor.ui.componentFactory;
-		const t = editor.t;
-		const options = normalizeAlignmentOptions( editor.config.get( 'alignment.options' ) );
-
-		options
-			.map( option => option.name )
-			.filter( isSupported )
-			.forEach( option => this._addButton( option ) );
-
-		componentFactory.add( 'alignment', locale => {
-			const dropdownView = createDropdown( locale );
-
-			// Add existing alignment buttons to dropdown's toolbar.
-			const buttons = options.map( option => componentFactory.create( `alignment:${ option.name }` ) );
-			addToolbarToDropdown( dropdownView, buttons, { enableActiveItemFocusOnDropdownOpen: true } );
-
-			// Configure dropdown properties an behavior.
-			dropdownView.buttonView.set( {
-				label: t( 'Text alignment' ),
-				tooltip: true
-			} );
-
-			dropdownView.toolbarView.isVertical = true;
-			dropdownView.toolbarView.ariaLabel = t( 'Text alignment toolbar' );
-
-			dropdownView.extendTemplate( {
-				attributes: {
-					class: 'ck-alignment-dropdown'
-				}
-			} );
-
-			// The default icon depends on the direction of the content.
-			const defaultIcon = locale.contentLanguageDirection === 'rtl' ? iconsMap.get( 'right' ) : iconsMap.get( 'left' );
-
-			// Change icon to reflect current selection's alignment.
-			dropdownView.buttonView.bind( 'icon' ).toMany( buttons, 'isOn', ( ...areActive ) => {
-				// Get the index of an active button.
-				const index = areActive.findIndex( value => value );
-
-				// If none of the commands is active, display either defaultIcon or the first button's icon.
-				if ( index < 0 ) {
-					return defaultIcon;
-				}
-
-				// Return active button's icon.
-				return buttons[ index ].icon;
-			} );
-
-			// Enable button if any of the buttons is enabled.
-			dropdownView.bind( 'isEnabled' ).toMany( buttons, 'isEnabled', ( ...areEnabled ) => areEnabled.some( isEnabled => isEnabled ) );
-
-			// Focus the editable after executing the command.
-			// Overrides a default behaviour where the focus is moved to the dropdown button (#12125).
-			this.listenTo( dropdownView, 'execute', () => {
-				editor.editing.view.focus();
-			} );
-
-			return dropdownView;
-		} );
-	}
-
-	/**
-	 * Helper method for initializing the button and linking it with an appropriate command.
-	 *
-	 * @private
-	 * @param {String} option The name of the alignment option for which the button is added.
-	 */
-	_addButton( option ) {
-		const editor = this.editor;
-
-		editor.ui.componentFactory.add( `alignment:${ option }`, locale => {
-			const command = editor.commands.get( 'alignment' );
-			const buttonView = new ButtonView( locale );
-
-			buttonView.set( {
-				label: this.localizedOptionTitles[ option ],
-				icon: iconsMap.get( option ),
-				tooltip: true,
-				isToggleable: true
-			} );
-
-			// Bind button model to command.
-			buttonView.bind( 'isEnabled' ).to( command );
-			buttonView.bind( 'isOn' ).to( command, 'value', value => value === option );
-
-			// Execute command.
-			this.listenTo( buttonView, 'execute', () => {
-				editor.execute( 'alignment', { value: option } );
-				editor.editing.view.focus();
-			} );
-
-			return buttonView;
-		} );
-	}
+    /**
+     * Returns the localized option titles provided by the plugin.
+     *
+     * The following localized titles corresponding with
+     * {@link module:alignment/alignment~AlignmentConfig#options} are available:
+     *
+     * * `'left'`,
+     * * `'right'`,
+     * * `'center'`,
+     * * `'justify'`.
+     *
+     * @readonly
+     */
+    get localizedOptionTitles() {
+        const t = this.editor.t;
+        return {
+            'left': t('Align left'),
+            'right': t('Align right'),
+            'center': t('Align center'),
+            'justify': t('Justify')
+        };
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'AlignmentUI';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        const componentFactory = editor.ui.componentFactory;
+        const t = editor.t;
+        const options = normalizeAlignmentOptions(editor.config.get('alignment.options'));
+        options
+            .map(option => option.name)
+            .filter(isSupported)
+            .forEach(option => this._addButton(option));
+        componentFactory.add('alignment', locale => {
+            const dropdownView = createDropdown(locale);
+            // Add existing alignment buttons to dropdown's toolbar.
+            addToolbarToDropdown(dropdownView, () => options.map(option => componentFactory.create(`alignment:${option.name}`)), {
+                enableActiveItemFocusOnDropdownOpen: true,
+                isVertical: true,
+                ariaLabel: t('Text alignment toolbar')
+            });
+            // Configure dropdown properties an behavior.
+            dropdownView.buttonView.set({
+                label: t('Text alignment'),
+                tooltip: true
+            });
+            dropdownView.extendTemplate({
+                attributes: {
+                    class: 'ck-alignment-dropdown'
+                }
+            });
+            // The default icon depends on the direction of the content.
+            const defaultIcon = locale.contentLanguageDirection === 'rtl' ? iconsMap.get('right') : iconsMap.get('left');
+            const command = editor.commands.get('alignment');
+            // Change icon to reflect current selection's alignment.
+            dropdownView.buttonView.bind('icon').to(command, 'value', value => iconsMap.get(value) || defaultIcon);
+            // Enable button if any of the buttons is enabled.
+            dropdownView.bind('isEnabled').to(command, 'isEnabled');
+            // Focus the editable after executing the command.
+            // Overrides a default behaviour where the focus is moved to the dropdown button (#12125).
+            this.listenTo(dropdownView, 'execute', () => {
+                editor.editing.view.focus();
+            });
+            return dropdownView;
+        });
+    }
+    /**
+     * Helper method for initializing the button and linking it with an appropriate command.
+     *
+     * @param option The name of the alignment option for which the button is added.
+     */
+    _addButton(option) {
+        const editor = this.editor;
+        editor.ui.componentFactory.add(`alignment:${option}`, locale => {
+            const command = editor.commands.get('alignment');
+            const buttonView = new ButtonView(locale);
+            buttonView.set({
+                label: this.localizedOptionTitles[option],
+                icon: iconsMap.get(option),
+                tooltip: true,
+                isToggleable: true
+            });
+            // Bind button model to command.
+            buttonView.bind('isEnabled').to(command);
+            buttonView.bind('isOn').to(command, 'value', value => value === option);
+            // Execute command.
+            this.listenTo(buttonView, 'execute', () => {
+                editor.execute('alignment', { value: option });
+                editor.editing.view.focus();
+            });
+            return buttonView;
+        });
+    }
 }

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 alignment
  */
-
 export { default as Alignment } from './alignment';
 export { default as AlignmentEditing } from './alignmentediting';
 export { default as AlignmentUI } from './alignmentui';

package/src/utils.js

@@ -1,14 +1,11 @@
 /**
- * @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
  */
-
 import { CKEditorError, logWarning } from 'ckeditor5/src/utils';
-
 /**
  * @module alignment/utils
  */
-
 /**
  * The list of supported alignment options:
  *
@@ -17,119 +14,105 @@ import { CKEditorError, logWarning } from 'ckeditor5/src/utils';
  * * `'center'`,
  * * `'justify'`
  */
-export const supportedOptions = [ 'left', 'right', 'center', 'justify' ];
-
+export const supportedOptions = ['left', 'right', 'center', 'justify'];
 /**
  * Checks whether the passed option is supported by {@link module:alignment/alignmentediting~AlignmentEditing}.
  *
- * @param {String} option The option value to check.
- * @returns {Boolean}
+ * @param option The option value to check.
  */
-export function isSupported( option ) {
-	return supportedOptions.includes( option );
+export function isSupported(option) {
+    return supportedOptions.includes(option);
 }
-
 /**
  * Checks whether alignment is the default one considering the direction
  * of the editor content.
  *
- * @param {String} alignment The name of the alignment to check.
- * @param {module:utils/locale~Locale} locale The {@link module:core/editor/editor~Editor#locale} instance.
- * @returns {Boolean}
+ * @param alignment The name of the alignment to check.
+ * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
  */
-export function isDefault( alignment, locale ) {
-	// Right now only LTR is supported so the 'left' value is always the default one.
-
-	if ( locale.contentLanguageDirection == 'rtl' ) {
-		return alignment === 'right';
-	} else {
-		return alignment === 'left';
-	}
+export function isDefault(alignment, locale) {
+    // Right now only LTR is supported so the 'left' value is always the default one.
+    if (locale.contentLanguageDirection == 'rtl') {
+        return alignment === 'right';
+    }
+    else {
+        return alignment === 'left';
+    }
 }
-
 /**
  * Brings the configuration to the common form, an array of objects.
  *
- * @param {Array.<String|module:alignment/alignmentediting~AlignmentFormat>} configuredOptions Alignment plugin configuration.
- * @returns {Array.<module:alignment/alignmentediting~AlignmentFormat>} Normalized object holding the configuration.
+ * @param configuredOptions Alignment plugin configuration.
+ * @returns Normalized object holding the configuration.
  */
-export function normalizeAlignmentOptions( configuredOptions ) {
-	const normalizedOptions = configuredOptions
-		.map( option => {
-			let result;
-
-			if ( typeof option == 'string' ) {
-				result = { name: option };
-			} else {
-				result = option;
-			}
-
-			return result;
-		} )
-		// Remove all unknown options.
-		.filter( option => {
-			const isNameValid = !!supportedOptions.includes( option.name );
-			if ( !isNameValid ) {
-				/**
-				 * The `name` in one of the `alignment.options` is not recognized.
-				 * The available options are: `'left'`, `'right'`, `'center'` and `'justify'`.
-				 *
-				 * @error alignment-config-name-not-recognized
-				 * @param {Object} option Options with unknown value of the `name` property.
-				 */
-				logWarning( 'alignment-config-name-not-recognized', { option } );
-			}
-
-			return isNameValid;
-		} );
-
-	const classNameCount = normalizedOptions.filter( option => !!option.className ).length;
-
-	// We either use classes for all styling options or for none.
-	if ( classNameCount && classNameCount < normalizedOptions.length ) {
-		/**
-		 * The `className` property has to be defined for all options once at least one option declares `className`.
-		 *
-		 * @error alignment-config-classnames-are-missing
-		 * @param {Array.<String|module:alignment/alignmentediting~AlignmentFormat>} configuredOptions Contents of `alignment.options`.
-		 */
-		throw new CKEditorError( 'alignment-config-classnames-are-missing', { configuredOptions } );
-	}
-
-	// Validate resulting config.
-	normalizedOptions.forEach( ( option, index, allOptions ) => {
-		const succeedingOptions = allOptions.slice( index + 1 );
-		const nameAlreadyExists = succeedingOptions.some( item => item.name == option.name );
-
-		if ( nameAlreadyExists ) {
-			/**
-			 * The same `name` in one of the `alignment.options` was already declared.
-			 * Each `name` representing one alignment option can be set exactly once.
-			 *
-			 * @error alignment-config-name-already-defined
-			 * @param {Object} option First option that declares given `name`.
-			 * @param {Array.<String|module:alignment/alignmentediting~AlignmentFormat>} configuredOptions Contents of `alignment.options`.
-			 */
-			throw new CKEditorError( 'alignment-config-name-already-defined', { option, configuredOptions } );
-		}
-
-		// The `className` property is present. Check for duplicates then.
-		if ( option.className ) {
-			const classNameAlreadyExists = succeedingOptions.some( item => item.className == option.className );
-
-			if ( classNameAlreadyExists ) {
-				/**
-				 * The same `className` in one of the `alignment.options` was already declared.
-				 *
-				 * @error alignment-config-classname-already-defined
-				 * @param {Object} option First option that declares given `className`.
-				 * @param {Array.<String|module:alignment/alignmentediting~AlignmentFormat>} configuredOptions
-				 * Contents of `alignment.options`.
-				 */
-				throw new CKEditorError( 'alignment-config-classname-already-defined', { option, configuredOptions } );
-			}
-		}
-	} );
-
-	return normalizedOptions;
+export function normalizeAlignmentOptions(configuredOptions) {
+    const normalizedOptions = configuredOptions
+        .map(option => {
+        let result;
+        if (typeof option == 'string') {
+            result = { name: option };
+        }
+        else {
+            result = option;
+        }
+        return result;
+    })
+        // Remove all unknown options.
+        .filter(option => {
+        const isNameValid = supportedOptions.includes(option.name);
+        if (!isNameValid) {
+            /**
+             * The `name` in one of the `alignment.options` is not recognized.
+             * The available options are: `'left'`, `'right'`, `'center'` and `'justify'`.
+             *
+             * @error alignment-config-name-not-recognized
+             * @param option Options with unknown value of the `name` property.
+             */
+            logWarning('alignment-config-name-not-recognized', { option });
+        }
+        return isNameValid;
+    });
+    const classNameCount = normalizedOptions.filter(option => Boolean(option.className)).length;
+    // We either use classes for all styling options or for none.
+    if (classNameCount && classNameCount < normalizedOptions.length) {
+        /**
+         * The `className` property has to be defined for all options once at least one option declares `className`.
+         *
+         * @error alignment-config-classnames-are-missing
+         * @param configuredOptions Contents of `alignment.options`.
+         */
+        throw new CKEditorError('alignment-config-classnames-are-missing', { configuredOptions });
+    }
+    // Validate resulting config.
+    normalizedOptions.forEach((option, index, allOptions) => {
+        const succeedingOptions = allOptions.slice(index + 1);
+        const nameAlreadyExists = succeedingOptions.some(item => item.name == option.name);
+        if (nameAlreadyExists) {
+            /**
+             * The same `name` in one of the `alignment.options` was already declared.
+             * Each `name` representing one alignment option can be set exactly once.
+             *
+             * @error alignment-config-name-already-defined
+             * @param option First option that declares given `name`.
+             * @param configuredOptions Contents of `alignment.options`.
+             */
+            throw new CKEditorError('alignment-config-name-already-defined', { option, configuredOptions });
+        }
+        // The `className` property is present. Check for duplicates then.
+        if (option.className) {
+            const classNameAlreadyExists = succeedingOptions.some(item => item.className == option.className);
+            if (classNameAlreadyExists) {
+                /**
+                 * The same `className` in one of the `alignment.options` was already declared.
+                 *
+                 * @error alignment-config-classname-already-defined
+                 * @param option First option that declares given `className`.
+                 * @param configuredOptions
+                 * Contents of `alignment.options`.
+                 */
+                throw new CKEditorError('alignment-config-classname-already-defined', { option, configuredOptions });
+            }
+        }
+    });
+    return normalizedOptions;
 }