@ckeditor/ckeditor5-ui 35.2.1 → 35.3.1

package/src/editorui/boxed/boxededitoruiview.js

@@ -2,14 +2,11 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module ui/editorui/boxed/boxededitoruiview
  */
-
-import EditorUIView from '../../editorui/editoruiview';
+import EditorUIView from '../editoruiview';
 import LabelView from '../../label/labelview';
-
 /**
  * The boxed editor UI view class. This class represents an editor interface
  * consisting of a toolbar and an editable area, enclosed within a box.
@@ -17,104 +14,94 @@ import LabelView from '../../label/labelview';
  * @extends module:ui/editorui/editoruiview~EditorUIView
  */
 export default class BoxedEditorUIView extends EditorUIView {
-	/**
-	 * Creates an instance of the boxed editor UI view class.
-	 *
-	 * @param {module:utils/locale~Locale} locale The locale instance..
-	 */
-	constructor( locale ) {
-		super( locale );
-
-		/**
-		 * Collection of the child views located in the top (`.ck-editor__top`)
-		 * area of the UI.
-		 *
-		 * @readonly
-		 * @member {module:ui/viewcollection~ViewCollection}
-		 */
-		this.top = this.createCollection();
-
-		/**
-		 * Collection of the child views located in the main (`.ck-editor__main`)
-		 * area of the UI.
-		 *
-		 * @readonly
-		 * @member {module:ui/viewcollection~ViewCollection}
-		 */
-		this.main = this.createCollection();
-
-		/**
-		 * Voice label of the UI.
-		 *
-		 * @protected
-		 * @readonly
-		 * @member {module:ui/view~View} #_voiceLabelView
-		 */
-		this._voiceLabelView = this._createVoiceLabel();
-
-		this.setTemplate( {
-			tag: 'div',
-
-			attributes: {
-				class: [
-					'ck',
-					'ck-reset',
-					'ck-editor',
-					'ck-rounded-corners'
-				],
-				role: 'application',
-				dir: locale.uiLanguageDirection,
-				lang: locale.uiLanguage,
-				'aria-labelledby': this._voiceLabelView.id
-			},
-
-			children: [
-				this._voiceLabelView,
-				{
-					tag: 'div',
-					attributes: {
-						class: [
-							'ck',
-							'ck-editor__top',
-							'ck-reset_all'
-						],
-						role: 'presentation'
-					},
-					children: this.top
-				},
-				{
-					tag: 'div',
-					attributes: {
-						class: [
-							'ck',
-							'ck-editor__main'
-						],
-						role: 'presentation'
-					},
-					children: this.main
-				}
-			]
-		} );
-	}
-
-	/**
-	 * Creates a voice label view instance.
-	 *
-	 * @private
-	 * @returns {module:ui/label/labelview~LabelView}
-	 */
-	_createVoiceLabel() {
-		const t = this.t;
-		const voiceLabel = new LabelView();
-
-		voiceLabel.text = t( 'Rich Text Editor' );
-
-		voiceLabel.extendTemplate( {
-			attributes: {
-				class: 'ck-voice-label'
-			}
-		} );
-
-		return voiceLabel;
-	}
+    /**
+     * Creates an instance of the boxed editor UI view class.
+     *
+     * @param {module:utils/locale~Locale} locale The locale instance..
+     */
+    constructor(locale) {
+        super(locale);
+        /**
+         * Collection of the child views located in the top (`.ck-editor__top`)
+         * area of the UI.
+         *
+         * @readonly
+         * @member {module:ui/viewcollection~ViewCollection}
+         */
+        this.top = this.createCollection();
+        /**
+         * Collection of the child views located in the main (`.ck-editor__main`)
+         * area of the UI.
+         *
+         * @readonly
+         * @member {module:ui/viewcollection~ViewCollection}
+         */
+        this.main = this.createCollection();
+        /**
+         * Voice label of the UI.
+         *
+         * @protected
+         * @readonly
+         * @member {module:ui/view~View} #_voiceLabelView
+         */
+        this._voiceLabelView = this._createVoiceLabel();
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-reset',
+                    'ck-editor',
+                    'ck-rounded-corners'
+                ],
+                role: 'application',
+                dir: locale.uiLanguageDirection,
+                lang: locale.uiLanguage,
+                'aria-labelledby': this._voiceLabelView.id
+            },
+            children: [
+                this._voiceLabelView,
+                {
+                    tag: 'div',
+                    attributes: {
+                        class: [
+                            'ck',
+                            'ck-editor__top',
+                            'ck-reset_all'
+                        ],
+                        role: 'presentation'
+                    },
+                    children: this.top
+                },
+                {
+                    tag: 'div',
+                    attributes: {
+                        class: [
+                            'ck',
+                            'ck-editor__main'
+                        ],
+                        role: 'presentation'
+                    },
+                    children: this.main
+                }
+            ]
+        });
+    }
+    /**
+     * Creates a voice label view instance.
+     *
+     * @private
+     * @returns {module:ui/label/labelview~LabelView}
+     */
+    _createVoiceLabel() {
+        const t = this.t;
+        const voiceLabel = new LabelView();
+        voiceLabel.text = t('Rich Text Editor');
+        voiceLabel.extendTemplate({
+            attributes: {
+                class: 'ck-voice-label'
+            }
+        });
+        return voiceLabel;
+    }
 }

package/src/editorui/editoruiview.js

@@ -2,55 +2,46 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module ui/editorui/editoruiview
  */
-
 import View from '../view';
 import BodyCollection from './bodycollection';
-
 import '../../theme/components/editorui/editorui.css';
-
 /**
  * The editor UI view class. Base class for the editor main views.
  *
  * @extends module:ui/view~View
  */
 export default class EditorUIView extends View {
-	/**
-	 * Creates an instance of the editor UI view class.
-	 *
-	 * @param {module:utils/locale~Locale} [locale] The locale instance.
-	 */
-	constructor( locale ) {
-		super( locale );
-
-		/**
-		 * Collection of the child views, detached from the DOM
-		 * structure of the editor, like panels, icons etc.
-		 *
-		 * @readonly
-		 * @member {module:ui/viewcollection~ViewCollection} #body
-		 */
-		this.body = new BodyCollection( locale );
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	render() {
-		super.render();
-
-		this.body.attachToDom();
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	destroy() {
-		this.body.detachFromDom();
-
-		return super.destroy();
-	}
+    /**
+     * Creates an instance of the editor UI view class.
+     *
+     * @param {module:utils/locale~Locale} [locale] The locale instance.
+     */
+    constructor(locale) {
+        super(locale);
+        /**
+         * Collection of the child views, detached from the DOM
+         * structure of the editor, like panels, icons etc.
+         *
+         * @readonly
+         * @member {module:ui/viewcollection~ViewCollection} #body
+         */
+        this.body = new BodyCollection(locale);
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        this.body.attachToDom();
+    }
+    /**
+     * @inheritDoc
+     */
+    destroy() {
+        this.body.detachFromDom();
+        return super.destroy();
+    }
 }