@ckeditor/ckeditor5-editor-multi-root 38.1.0 → 38.1.1

package/src/multirooteditoruiview.js

@@ -1,106 +1,106 @@
-/**
- * @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 editor-multi-root/multirooteditoruiview
- */
-import { EditorUIView, InlineEditableUIView, ToolbarView } from 'ckeditor5/src/ui';
-/**
- * The multi-root editor UI view. It is a virtual view providing an inline
- * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a
- * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar}, but without any
- * specific arrangement of the components in the DOM.
- *
- * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}
- * to learn more about this view.
- */
-export default class MultiRootEditorUIView extends EditorUIView {
-    /**
-     * Creates an instance of the multi-root editor UI view.
-     *
-     * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
-     * @param editingView The editing view instance this view is related to.
-     * @param editableNames Names for all editable views. For each name, one
-     * {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`} instance will be initialized.
-     * @param options Configuration options for the view instance.
-     * @param options.editableElements The editable elements to be used, assigned to their names. If not specified, they will be
-     * automatically created by {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`}
-     * instances.
-     * @param options.shouldToolbarGroupWhenFull When set to `true` enables automatic items grouping
-     * in the main {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar toolbar}.
-     * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.
-     */
-    constructor(locale, editingView, editableNames, options = {}) {
-        super(locale);
-        this._editingView = editingView;
-        this.toolbar = new ToolbarView(locale, {
-            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull
-        });
-        this.editables = {};
-        // Create `InlineEditableUIView` instance for each editable.
-        for (const editableName of editableNames) {
-            const editableElement = options.editableElements ? options.editableElements[editableName] : undefined;
-            this.createEditable(editableName, editableElement);
-        }
-        this.editable = Object.values(this.editables)[0];
-        // This toolbar may be placed anywhere in the page so things like font size need to be reset in it.
-        // Because of the above, make sure the toolbar supports rounded corners.
-        // Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one
-        // and some toolbar item styles depend on this attribute.
-        this.toolbar.extendTemplate({
-            attributes: {
-                class: [
-                    'ck-reset_all',
-                    'ck-rounded-corners'
-                ],
-                dir: locale.uiLanguageDirection
-            }
-        });
-    }
-    /**
-     * Creates an editable instance with given name and registers it in the editor UI view.
-     *
-     * If `editableElement` is provided, the editable instance will be created on top of it. Otherwise, the editor will create a new
-     * DOM element and use it instead.
-     *
-     * @param editableName The name for the editable.
-     * @param editableElement DOM element for which the editable should be created.
-     * @returns The created editable instance.
-     */
-    createEditable(editableName, editableElement) {
-        const t = this.locale.t;
-        const editable = new InlineEditableUIView(this.locale, this._editingView, editableElement, {
-            label: editable => {
-                return t('Rich Text Editor. Editing area: %0', editable.name);
-            }
-        });
-        this.editables[editableName] = editable;
-        editable.name = editableName;
-        if (this.isRendered) {
-            this.registerChild(editable);
-        }
-        return editable;
-    }
-    /**
-     * Destroys and removes the editable from the editor UI view.
-     *
-     * @param editableName The name of the editable that should be removed.
-     */
-    removeEditable(editableName) {
-        const editable = this.editables[editableName];
-        if (this.isRendered) {
-            this.deregisterChild(editable);
-        }
-        delete this.editables[editableName];
-        editable.destroy();
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        this.registerChild(Object.values(this.editables));
-        this.registerChild(this.toolbar);
-    }
-}
+/**
+ * @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 editor-multi-root/multirooteditoruiview
+ */
+import { EditorUIView, InlineEditableUIView, ToolbarView } from 'ckeditor5/src/ui';
+/**
+ * The multi-root editor UI view. It is a virtual view providing an inline
+ * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a
+ * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar}, but without any
+ * specific arrangement of the components in the DOM.
+ *
+ * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}
+ * to learn more about this view.
+ */
+export default class MultiRootEditorUIView extends EditorUIView {
+    /**
+     * Creates an instance of the multi-root editor UI view.
+     *
+     * @param locale The {@link module:core/editor/editor~Editor#locale} instance.
+     * @param editingView The editing view instance this view is related to.
+     * @param editableNames Names for all editable views. For each name, one
+     * {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`} instance will be initialized.
+     * @param options Configuration options for the view instance.
+     * @param options.editableElements The editable elements to be used, assigned to their names. If not specified, they will be
+     * automatically created by {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`}
+     * instances.
+     * @param options.shouldToolbarGroupWhenFull When set to `true` enables automatic items grouping
+     * in the main {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar toolbar}.
+     * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.
+     */
+    constructor(locale, editingView, editableNames, options = {}) {
+        super(locale);
+        this._editingView = editingView;
+        this.toolbar = new ToolbarView(locale, {
+            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull
+        });
+        this.editables = {};
+        // Create `InlineEditableUIView` instance for each editable.
+        for (const editableName of editableNames) {
+            const editableElement = options.editableElements ? options.editableElements[editableName] : undefined;
+            this.createEditable(editableName, editableElement);
+        }
+        this.editable = Object.values(this.editables)[0];
+        // This toolbar may be placed anywhere in the page so things like font size need to be reset in it.
+        // Because of the above, make sure the toolbar supports rounded corners.
+        // Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one
+        // and some toolbar item styles depend on this attribute.
+        this.toolbar.extendTemplate({
+            attributes: {
+                class: [
+                    'ck-reset_all',
+                    'ck-rounded-corners'
+                ],
+                dir: locale.uiLanguageDirection
+            }
+        });
+    }
+    /**
+     * Creates an editable instance with given name and registers it in the editor UI view.
+     *
+     * If `editableElement` is provided, the editable instance will be created on top of it. Otherwise, the editor will create a new
+     * DOM element and use it instead.
+     *
+     * @param editableName The name for the editable.
+     * @param editableElement DOM element for which the editable should be created.
+     * @returns The created editable instance.
+     */
+    createEditable(editableName, editableElement) {
+        const t = this.locale.t;
+        const editable = new InlineEditableUIView(this.locale, this._editingView, editableElement, {
+            label: editable => {
+                return t('Rich Text Editor. Editing area: %0', editable.name);
+            }
+        });
+        this.editables[editableName] = editable;
+        editable.name = editableName;
+        if (this.isRendered) {
+            this.registerChild(editable);
+        }
+        return editable;
+    }
+    /**
+     * Destroys and removes the editable from the editor UI view.
+     *
+     * @param editableName The name of the editable that should be removed.
+     */
+    removeEditable(editableName) {
+        const editable = this.editables[editableName];
+        if (this.isRendered) {
+            this.deregisterChild(editable);
+        }
+        delete this.editables[editableName];
+        editable.destroy();
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        this.registerChild(Object.values(this.editables));
+        this.registerChild(this.toolbar);
+    }
+}