@ckeditor/ckeditor5-editor-multi-root 47.6.1 → 48.0.0-alpha.0

package/{src → dist}/multirooteditor.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module editor-multi-root/multirooteditor
  */
-import { Editor, type EditorConfig } from 'ckeditor5/src/core.js';
-import { type DecoratedMethodEvent } from 'ckeditor5/src/utils.js';
+import { Editor, type EditorConfig, type RootConfig } from '@ckeditor/ckeditor5-core';
+import { type DecoratedMethodEvent } from '@ckeditor/ckeditor5-utils';
 import { MultiRootEditorUI } from './multirooteditorui.js';
-import { type ModelRootElement } from 'ckeditor5/src/engine.js';
+import { type ModelRootElement } from '@ckeditor/ckeditor5-engine';
 /**
  * The multi-root editor implementation.
  *
@@ -37,8 +37,9 @@ export declare class MultiRootEditor extends Editor {
      */
     readonly sourceElements: Record<string, HTMLElement>;
     /**
-     * Holds attributes keys that were passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `rootsAttributes`}
-     * config property and should be returned by {@link #getRootsAttributes}.
+     * Holds attributes keys that were passed in
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `config.roots.<rootName>.modelAttributes`}
+     * and should be returned by {@link #getRootsAttributes}.
      */
     private readonly _registeredRootsAttributesKeys;
     /**
@@ -51,12 +52,24 @@ export declare class MultiRootEditor extends Editor {
      * **Note:** Do not use the constructor to create editor instances. Use the static
      * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method instead.
      *
+     * @param config The editor configuration.
+     */
+    protected constructor(config: EditorConfig);
+    /**
+     * Creates an instance of the multi-root editor.
+     *
+     * **Note:** Do not use the constructor to create editor instances. Use the static
+     * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method instead.
+     *
+     * **Note**: This constructor signature is deprecated and will be removed in the future release.
+     *
+     * @deprecated
      * @param sourceElementsOrData The DOM elements that will be the source for the created editor
      * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.
      * For more information see {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}.
      * @param config The editor configuration.
      */
-    protected constructor(sourceElementsOrData: Record<string, HTMLElement> | Record<string, string>, config?: EditorConfig);
+    protected constructor(sourceElementsOrData: Record<string, HTMLElement> | Record<string, string>, config: EditorConfig);
     /**
      * Destroys the editor instance, releasing all resources used by it.
      *
@@ -86,7 +99,7 @@ export declare class MultiRootEditor extends Editor {
      * Adds a new root to the editor.
      *
      * ```ts
-     * editor.addRoot( 'myRoot', { data: '<p>Initial root data.</p>' } );
+     * editor.addRoot( 'myRoot', { initialData: '<p>Initial root data.</p>' } );
      * ```
      *
      * After a root is added, you will be able to modify and retrieve its data.
@@ -127,13 +140,13 @@ export declare class MultiRootEditor extends Editor {
      * ```ts
      * // Add a collapsed root at fourth position from top.
      * // Keep in mind that these are just examples of attributes. You need to provide your own features that will handle the attributes.
-     * editor.addRoot( 'myRoot', { attributes: { isCollapsed: true, index: 4 } } );
+     * editor.addRoot( 'myRoot', { modelAttributes: { isCollapsed: true, index: 4 } } );
      * ```
      *
      * Note that attributes added together with a root are automatically registered.
      *
      * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and
-     * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.
+     * {@link module:core/editor/editorconfig~RootConfig#modelAttributes `config.roots.<rootName>.modelAttributes` configuration option}.
      *
      * By setting `isUndoable` flag to `true`, you can allow for detaching the root using the undo feature.
      *
@@ -152,10 +165,27 @@ export declare class MultiRootEditor extends Editor {
      * } );
      * ```
      *
+     * @label ROOT_CONFIG
+     * @param rootName Name of the root to add.
+     * @param options Additional options for the added root.
+     */
+    addRoot(rootName: string, options?: AddRootRootConfig): void;
+    /**
+     * Adds a new root to the editor.
+     *
+     * ```ts
+     * editor.addRoot( 'myRoot', { data: '<p>Initial root data.</p>' } );
+     * ```
+     *
+     * **Note**: This method signature is deprecated and will be removed in one of the next releases.
+     * Use the signature with root options object instead {@link #addRoot:ROOT_CONFIG `addRoot( rootName, options )`}.
+     *
+     * @deprecated
+     * @label LEGACY_ADD_ROOT_OPTIONS
      * @param rootName Name of the root to add.
      * @param options Additional options for the added root.
      */
-    addRoot(rootName: string, { data, attributes, elementName, isUndoable }?: AddRootOptions): void;
+    addRoot(rootName: string, options?: AddRootOptions): void;
     /**
      * Detaches a root from the editor.
      *
@@ -216,9 +246,27 @@ export declare class MultiRootEditor extends Editor {
      *
      * The new DOM editable is attached to the model root and can be used to modify the root content.
      *
+     * @label OPTIONS
+     * @param root Root for which the editable element should be created.
+     * @param options.placeholder Placeholder for the editable element. If not set, placeholder value from the
+     * {@link module:core/editor/editorconfig~RootConfig#placeholder root configuration} will be used (if it was provided).
+     * @param options.label The accessible label text describing the editable to the assistive technologies.
+     * @returns The created DOM element. Append it in a desired place in your application.
+     */
+    createEditable(root: ModelRootElement, options?: RootEditableOptions): HTMLElement;
+    /**
+     * Creates and returns a new DOM editable element for the given root element.
+     *
+     * The new DOM editable is attached to the model root and can be used to modify the root content.
+     *
+     * **Note**: this method signature is deprecated and will be removed in one of the next releases.
+     * Use the signature with options object instead {@link #createEditable:OPTIONS `createEditable( root, options )`}.
+     *
+     * @deprecated
+     * @label LEGACY
      * @param root Root for which the editable element should be created.
      * @param placeholder Placeholder for the editable element. If not set, placeholder value from the
-     * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).
+     * {@link module:core/editor/editorconfig~RootConfig#placeholder root configuration} will be used (if it was provided).
      * @param label The accessible label text describing the editable to the assistive technologies.
      * @returns The created DOM element. Append it in a desired place in your application.
      */
@@ -231,8 +279,8 @@ export declare class MultiRootEditor extends Editor {
      */
     detachEditable(root: ModelRootElement): HTMLElement;
     /**
-     * Loads a root that has previously been declared in {@link module:core/editor/editorconfig~EditorConfig#lazyRoots `lazyRoots`}
-     * configuration option.
+     * Loads a root that has previously been declared in
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `config.roots.<rootName>.lazyLoad`} configuration option.
      *
      * **Important! Lazy roots loading is an experimental feature, and may become deprecated. Be advised of the following
      * known limitations:**
@@ -261,7 +309,7 @@ export declare class MultiRootEditor extends Editor {
      * Note that attributes loaded together with a root are automatically registered.
      *
      * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and
-     * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `config.roots.<rootName>.modelAttributes` configuration option}.
      *
      * When this method is used in real-time collaboration environment, its effects become asynchronous as the editor will first synchronize
      * with the remote editing session, before the root is added to the editor.
@@ -306,9 +354,10 @@ export declare class MultiRootEditor extends Editor {
      * {@link ~MultiRootEditor#getRootAttributes `getRootAttributes()`} and
      * {@link ~MultiRootEditor#getRootsAttributes `getRootsAttributes()`}.
      *
-     * Note: attributes passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes`} are
-     * automatically registered as the editor is initialized. However, registering the same attribute twice does not have any negative
-     * impact, so it is recommended to use this method in any feature that uses roots attributes.
+     * Note: attributes passed in
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `config.roots.<rootName>.modelAttributes`}
+     * are automatically registered as the editor is initialized. However, registering the same attribute twice does not have any
+     * negative impact, so it is recommended to use this method in any feature that uses roots attributes.
      */
     registerRootAttribute(key: string): void;
     /**
@@ -368,6 +417,150 @@ export declare class MultiRootEditor extends Editor {
      *
      * ```ts
      * MultiRootEditor.create( {
+     * 	roots: {
+     * 		intro: {
+     * 			element: document.querySelector( '#editor-intro' )
+     * 		},
+     * 		content: {
+     * 			element: document.querySelector( '#editor-content' )
+     * 		},
+     * 		sidePanelLeft: {
+     * 			element: document.querySelector( '#editor-side-left' )
+     * 		},
+     * 		sidePanelRight: {
+     * 			element: document.querySelector( '#editor-side-right' )
+     * 		},
+     * 		outro: {
+     * 			element: document.querySelector( '#editor-outro' )
+     * 		}
+     * 	}
+     * } )
+     * .then( editor => {
+     * 	console.log( 'Editor was initialized', editor );
+     *
+     * 	// Append the toolbar inside a provided DOM element.
+     * 	document.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );
+     * } )
+     * .catch( err => {
+     * 	console.error( err.stack );
+     * } );
+     * ```
+     *
+     * The elements' content will be used as the editor data and elements will become editable elements.
+     *
+     * # Creating a detached editor
+     *
+     * Alternatively, you can initialize the editor by passing the initial data directly as strings.
+     * In this case, you will have to manually append both the toolbar element and the editable elements to your web page.
+     *
+     * ```ts
+     * MultiRootEditor.create( {
+     * 	roots: {
+     * 		intro: {
+     * 			initialData: '<p><strong>Exciting</strong> intro text to an article.</p>'
+     * 		},
+     * 		content: {
+     * 			initialData: '<p>Lorem ipsum dolor sit amet.</p>'
+     * 		},
+     * 		sidePanelLeft: {
+     * 			initialData: '<blockquote>Strong quotation from article.</blockquote>'
+     * 		},
+     * 		sidePanelRight: {
+     * 			initialData: '<p>List of similar articles...</p>'
+     * 		},
+     * 		outro: {
+     * 			initialData: '<p>Closing text.</p>'
+     * 		}
+     * 	}
+     * } )
+     * .then( editor => {
+     * 	console.log( 'Editor was initialized', editor );
+     *
+     * 	// Append the toolbar inside a provided DOM element.
+     * 	document.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );
+     *
+     * 	// Append DOM editable elements created by the editor.
+     * 	const editables = editor.ui.view.editables;
+     * 	const container = document.querySelector( '#editable-container' );
+     *
+     * 	container.appendChild( editables.intro.element );
+     * 	container.appendChild( editables.content.element );
+     * 	container.appendChild( editables.outro.element );
+     * } )
+     * .catch( err => {
+     * 	console.error( err.stack );
+     * } );
+     * ```
+     *
+     * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
+     * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
+     *
+     * # Using an existing DOM element (and data provided in `config.roots.<rootName>.initialData`)
+     *
+     * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
+     *
+     * ```ts
+     * MultiRootEditor.create( {
+     * 	roots: {
+     * 		intro: {
+     * 			element: document.querySelector( '#editor-intro' ),
+     * 			initialData: '<p><strong>Exciting</strong> intro text to an article.</p>'
+     * 		},
+     * 		content: {
+     * 			element: document.querySelector( '#editor-content' ),
+     * 			initialData: '<p>Lorem ipsum dolor sit amet.</p>'
+     * 		},
+     * 		sidePanelLeft: {
+     * 			element: document.querySelector( '#editor-side-left' ),
+     * 			initialData: '<blockquote>Strong quotation from article.</blockquote>'
+     * 		},
+     * 		sidePanelRight: {
+     * 			element: document.querySelector( '#editor-side-right' ),
+     * 			initialData: '<p>List of similar articles...</p>'
+     * 		},
+     * 		outro: {
+     * 			element: document.querySelector( '#editor-outro' ),
+     * 			initialData: '<p>Closing text.</p>'
+     * 		}
+     * 	}
+     * } )
+     * .then( editor => {
+     * 	console.log( 'Editor was initialized', editor );
+     *
+     * 	// Append the toolbar inside a provided DOM element.
+     * 	document.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );
+     * } )
+     * .catch( err => {
+     * 	console.error( err.stack );
+     * } );
+     * ```
+     *
+     * This method can be used to initialize the editor on an existing element with the specified content in case if your integration
+     * makes it difficult to set the content of the source element.
+     *
+     * # Configuring the editor
+     *
+     * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
+     * customizing plugins, toolbar and more.
+     *
+     * @param config The editor configuration.
+     * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
+     */
+    static create(config: EditorConfig): Promise<MultiRootEditor>;
+    /**
+     * Creates a new multi-root editor instance.
+     *
+     * **Note**: This method signature is deprecated and will be removed in the future release.
+     *
+     * **Note:** remember that `MultiRootEditor` does not append the toolbar element to your web page, so you have to do it manually
+     * after the editor has been initialized.
+     *
+     * There are a few different ways to initialize the multi-root editor.
+     *
+     * # Using existing DOM elements:
+     *
+     * ```ts
+     * MultiRootEditor.create( {
      * 	intro: document.querySelector( '#editor-intro' ),
      * 	content: document.querySelector( '#editor-content' ),
      * 	sidePanelLeft: document.querySelector( '#editor-side-left' ),
@@ -422,7 +615,7 @@ export declare class MultiRootEditor extends Editor {
      * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your
      * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.
      *
-     * # Using an existing DOM element (and data provided in `config.initialData`)
+     * # Using an existing DOM element (and data provided in `config.roots.<rootName>.initialData`)
      *
      * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:
      *
@@ -434,12 +627,22 @@ export declare class MultiRootEditor extends Editor {
      * 	sidePanelRight: document.querySelector( '#editor-side-right' ),
      * 	outro: document.querySelector( '#editor-outro' )
      * }, {
-     * 	initialData: {
-     * 		intro: '<p><strong>Exciting</strong> intro text to an article.</p>',
-     * 		content: '<p>Lorem ipsum dolor sit amet.</p>',
-     * 		sidePanelLeft '<blockquote>Strong quotation from article.</blockquote>':
-     * 		sidePanelRight '<p>List of similar articles...</p>':
-     * 		outro: '<p>Closing text.</p>'
+     * 	roots: {
+     * 		intro: {
+     * 			initialData: '<p><strong>Exciting</strong> intro text to an article.</p>'
+     * 		},
+     * 		content: {
+     * 			initialData: '<p>Lorem ipsum dolor sit amet.</p>'
+     * 		},
+     * 		sidePanelLeft: {
+     * 			initialData: '<blockquote>Strong quotation from article.</blockquote>'
+     * 		},
+     * 		sidePanelRight: {
+     * 			initialData: '<p>List of similar articles...</p>'
+     * 		},
+     * 		outro: {
+     * 			initialData: '<p>Closing text.</p>'
+     * 		}
      * 	}
      * } )
      * .then( editor => {
@@ -463,6 +666,7 @@ export declare class MultiRootEditor extends Editor {
      * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
      * customizing plugins, toolbar and more.
      *
+     * @deprecated
      * @param sourceElementsOrData The DOM elements that will be the source for the created editor
      * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.
      *
@@ -478,7 +682,7 @@ export declare class MultiRootEditor extends Editor {
      * @param config The editor configuration.
      * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
      */
-    static create(sourceElementsOrData: Record<string, HTMLElement> | Record<string, string>, config?: EditorConfig): Promise<MultiRootEditor>;
+    static create(sourceElementsOrData: Record<string, HTMLElement> | Record<string, string>, config: EditorConfig): Promise<MultiRootEditor>;
     /**
      * @internal
      */
@@ -528,6 +732,8 @@ export type DetachRootEvent = {
 export type LoadRootEvent = DecoratedMethodEvent<MultiRootEditor, 'loadRoot'>;
 /**
  * Additional options available when adding a root.
+ *
+ * @deprecated
  */
 export type AddRootOptions = {
     /**
@@ -547,6 +753,19 @@ export type AddRootOptions = {
      */
     isUndoable?: boolean;
 };
+/**
+ * Declares an additional options available when adding a root.
+ */
+export interface AddRootRootConfig extends RootConfig {
+    /**
+     * Passing a DOM element to {@link ~MultiRootEditor#addRoot:ROOT_CONFIG `addRoot( rootName, options )`} is not supported.
+     */
+    element?: undefined;
+    /**
+     * Whether creating the root can be undone (using the undo feature) or not.
+     */
+    isUndoable?: boolean;
+}
 /**
  * Additional options available when loading a root.
  */
@@ -555,3 +774,17 @@ export type LoadRootOptions = Omit<AddRootOptions, 'elementName' | 'isUndoable'>
  * Attributes set on a model root element.
  */
 export type RootAttributes = Record<string, unknown>;
+/**
+ * Additional options for the created editable element.
+ */
+export interface RootEditableOptions {
+    /**
+     * Placeholder for the editable element. If not set, placeholder value from the
+     * {@link module:core/editor/editorconfig~RootConfig#placeholder editor configuration} will be used (if it was provided).
+     */
+    placeholder?: string;
+    /**
+     * The accessible label text describing the editable to the assistive technologies.
+     */
+    label?: string;
+}

package/{src → dist}/multirooteditorui.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module editor-multi-root/multirooteditorui
  */
-import { type Editor } from 'ckeditor5/src/core.js';
-import { EditorUI, type InlineEditableUIView } from 'ckeditor5/src/ui.js';
+import { type Editor } from '@ckeditor/ckeditor5-core';
+import { EditorUI, type InlineEditableUIView } from '@ckeditor/ckeditor5-ui';
 import { type MultiRootEditorUIView } from './multirooteditoruiview.js';
 /**
  * The multi-root editor UI class.

package/{src → dist}/multirooteditoruiview.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module editor-multi-root/multirooteditoruiview
  */
-import { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';
-import type { Locale } from 'ckeditor5/src/utils.js';
-import type { EditingView } from 'ckeditor5/src/engine.js';
+import { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from '@ckeditor/ckeditor5-ui';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+import type { EditingView } from '@ckeditor/ckeditor5-engine';
 /**
  * The multi-root editor UI view. It is a virtual view providing an inline
  * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a

package/package.json

@@ -1,26 +1,9 @@
 {
   "name": "@ckeditor/ckeditor5-editor-multi-root",
-  "version": "47.6.1",
+  "version": "48.0.0-alpha.0",
   "description": "Multi-root editor implementation for CKEditor 5.",
-  "keywords": [
-    "ckeditor",
-    "ckeditor5",
-    "ckeditor 5",
-    "ckeditor5-editor",
-    "ckeditor5-dll"
-  ],
-  "type": "module",
-  "main": "src/index.js",
-  "dependencies": {
-    "@ckeditor/ckeditor5-core": "47.6.1",
-    "@ckeditor/ckeditor5-engine": "47.6.1",
-    "@ckeditor/ckeditor5-ui": "47.6.1",
-    "@ckeditor/ckeditor5-utils": "47.6.1",
-    "ckeditor5": "47.6.1",
-    "es-toolkit": "1.39.5"
-  },
-  "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",
+  "author": "CKSource (http://cksource.com/)",
   "homepage": "https://ckeditor.com/ckeditor-5",
   "bugs": "https://github.com/ckeditor/ckeditor5/issues",
   "repository": {
@@ -28,33 +11,29 @@
     "url": "https://github.com/ckeditor/ckeditor5.git",
     "directory": "packages/ckeditor5-editor-multi-root"
   },
+  "keywords": [
+    "ckeditor",
+    "ckeditor5",
+    "ckeditor 5",
+    "ckeditor5-editor"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-core": "48.0.0-alpha.0",
+    "@ckeditor/ckeditor5-engine": "48.0.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "48.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "48.0.0-alpha.0",
+    "es-toolkit": "1.45.1"
+  },
   "files": [
     "dist",
-    "lang",
-    "src/**/*.js",
-    "src/**/*.d.ts",
-    "theme",
-    "build",
     "CHANGELOG.md"
   ],
-  "types": "src/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./src/index.d.ts",
-      "import": "./src/index.js",
-      "default": "./src/index.js"
-    },
-    "./dist/*": {
-      "types": "./src/index.d.ts",
-      "import": "./dist/*",
-      "default": "./dist/*"
-    },
-    "./src/*": {
-      "types": "./src/*.d.ts",
-      "import": "./src/*",
-      "default": "./src/*"
-    },
-    "./build/*": "./build/*",
-    "./package.json": "./package.json"
-  }
+  "types": "./dist/index.d.ts"
 }

package/build/editor-multi-root.js

@@ -1,4 +0,0 @@
-/*!
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md.
- */(()=>{var t={237:t=>{"use strict";t.exports=CKEditor5.dll},311:(t,e,o)=>{t.exports=o(237)("./src/ui.js")},584:(t,e,o)=>{t.exports=o(237)("./src/utils.js")},782:(t,e,o)=>{t.exports=o(237)("./src/core.js")},783:(t,e,o)=>{t.exports=o(237)("./src/engine.js")}},e={};function o(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";o.r(i),o.d(i,{MultiRootEditor:()=>l,MultiRootEditorUI:()=>n,MultiRootEditorUIView:()=>a});var t=o(782),e=o(584),s=o(311),r=o(783);class n extends s.EditorUI{view;_lastFocusedEditableElement;constructor(t,e){super(t),this.view=e,this._lastFocusedEditableElement=null}init(){this.view.render(),this.focusTracker.on("change:focusedElement",(t,e,o)=>{for(const t of Object.values(this.view.editables))o===t.element&&(this._lastFocusedEditableElement=t.element)}),this.focusTracker.on("change:isFocused",(t,e,o)=>{o||(this._lastFocusedEditableElement=null)});for(const t of Object.values(this.view.editables))this.addEditable(t);this._initToolbar(),this.initMenuBar(this.view.menuBarView),this.fire("ready")}addEditable(t,e){const o=t.element;this.editor.editing.view.attachDomRoot(o,t.name),this.setEditableElement(t.name,o),t.bind("isFocused").to(this.focusTracker,"isFocused",this.focusTracker,"focusedElement",(t,e)=>!!t&&(e===o||this._lastFocusedEditableElement===o)),this._initPlaceholder(t,e)}removeEditable(t){const e=this.editor.editing.view;e.getDomRoot(t.name)&&e.detachDomRoot(t.name),t.unbind("isFocused"),this.removeEditableElement(t.name)}destroy(){super.destroy();for(const t of Object.values(this.view.editables))this.removeEditable(t);this.view.destroy()}_initToolbar(){const t=this.editor,e=this.view;e.toolbar.fillFromConfig(t.config.get("toolbar"),this.componentFactory),this.addToolbar(e.toolbar)}_initPlaceholder(t,e){if(!e){const o=this.editor.config.get("placeholder");o&&(e="string"==typeof o?o:o[t.name])}const o=this.editor.editing.view,i=o.document.getRoot(t.name);e&&(i.placeholder=e),(0,r.enableViewPlaceholder)({view:o,element:i,isDirectHost:!1,keepOnFocus:!0})}}class a extends s.EditorUIView{toolbar;editables;editable;menuBarView;_editingView;constructor(t,e,o,i={}){super(t),this._editingView=e,this.toolbar=new s.ToolbarView(t,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull}),this.menuBarView=new s.MenuBarView(t),this.editables={};for(const t of o){const e=i.editableElements?i.editableElements[t]:void 0;let{label:o}=i;"object"==typeof o&&(o=o[t]),this.createEditable(t,e,o)}this.editable=Object.values(this.editables)[0],this.toolbar.extendTemplate({attributes:{class:["ck-reset_all","ck-rounded-corners"],dir:t.uiLanguageDirection}}),this.menuBarView.extendTemplate({attributes:{class:["ck-reset_all","ck-rounded-corners"],dir:t.uiLanguageDirection}})}createEditable(t,e,o){const i=new s.InlineEditableUIView(this.locale,this._editingView,e,{label:o});return this.editables[t]=i,i.name=t,this.isRendered&&this.registerChild(i),i}removeEditable(t){const e=this.editables[t];this.isRendered&&this.deregisterChild(e),delete this.editables[t],e.destroy()}render(){super.render(),this.registerChild(Object.values(this.editables)),this.registerChild(this.toolbar),this.registerChild(this.menuBarView)}}function d(t){return function(t){return"object"==typeof t&&null!==t}(t)&&1===t.nodeType&&!function(t){if("object"!=typeof t)return!1;if(null==t)return!1;if(null===Object.getPrototypeOf(t))return!0;if("[object Object]"!==Object.prototype.toString.call(t)){const e=t[Symbol.toStringTag];return null!=e&&(!!Object.getOwnPropertyDescriptor(t,Symbol.toStringTag)?.writable&&t.toString()===`[object ${e}]`)}let e=t;for(;null!==Object.getPrototypeOf(e);)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e}(t)}class l extends t.Editor{static get editorName(){return"MultiRootEditor"}ui;sourceElements;_registeredRootsAttributesKeys=new Set;_readOnlyRootLocks=new Map;constructor(o,i={}){const s=Object.keys(o),r=0===s.length||"string"==typeof o[s[0]];if(r&&void 0!==i.initialData&&Object.keys(i.initialData).length>0)throw new e.CKEditorError("editor-create-initial-data",null);if(super(i),this.sourceElements=r?{}:o,void 0===this.config.get("initialData")){const t={};for(const e of s)t[e]=c(o[e]);this.config.set("initialData",t)}if(!r)for(const e of s)(0,t.secureSourceElement)(this,o[e]);this.editing.view.document.roots.on("add",(t,e)=>{e.unbind("isReadOnly"),e.bind("isReadOnly").to(this.editing.view.document,"isReadOnly",t=>t||this._readOnlyRootLocks.has(e.rootName)),e.on("change:isReadOnly",(t,o,i)=>{const s=this.editing.view.createRangeIn(e);for(const t of s.getItems())t.is("editableElement")&&(t.unbind("isReadOnly"),t.isReadOnly=i)})});for(const t of s)this.model.document.createRoot("$root",t);if(this.config.get("lazyRoots"))for(const t of this.config.get("lazyRoots")){this.model.document.createRoot("$root",t)._isLoaded=!1}if(this.config.get("rootsAttributes")){const t=this.config.get("rootsAttributes");for(const[o,i]of Object.entries(t)){if(!this.model.document.getRoot(o))throw new e.CKEditorError("multi-root-editor-root-attributes-no-root",null);for(const t of Object.keys(i))this.registerRootAttribute(t)}this.data.on("init",()=>{this.model.enqueueChange({isUndoable:!1},e=>{for(const[o,i]of Object.entries(t)){const t=this.model.document.getRoot(o);for(const[o,s]of Object.entries(i))null!==s&&e.setAttribute(o,s,t)}})})}const d={shouldToolbarGroupWhenFull:!this.config.get("toolbar.shouldNotGroupWhenFull"),editableElements:r?void 0:o,label:this.config.get("label")},l=new a(this.locale,this.editing.view,s,d);this.ui=new n(this,l),this.model.document.on("change:data",()=>{const t=this.model.document.differ.getChangedRoots();for(const e of t){const t=this.model.document.getRoot(e.name);"detached"==e.state&&this.fire("detachRoot",t)}for(const e of t){const t=this.model.document.getRoot(e.name);"attached"==e.state&&this.fire("addRoot",t)}}),this.listenTo(this.model,"canEditAt",(t,[e])=>{if(!e)return;let o=!1;for(const t of e.getRanges()){const e=t.root;if(this._readOnlyRootLocks.has(e.rootName)){o=!0;break}}o&&(t.return=!1,t.stop())},{priority:"high"}),this.decorate("loadRoot"),this.on("loadRoot",(t,[o])=>{const i=this.model.document.getRoot(o);if(!i)throw new e.CKEditorError("multi-root-editor-load-root-no-root",this,{rootName:o});i._isLoaded&&((0,e.logWarning)("multi-root-editor-load-root-already-loaded"),t.stop())},{priority:"highest"}),function(t){const o=t.config.get("licenseKey"),i=(0,e.decodeLicenseKey)(o);if(!i)return;(0,e.isFeatureBlockedByLicenseKey)(i,"MRE")&&(t.enableReadOnlyMode(Symbol("invalidLicense")),t._showLicenseError("featureNotAllowed","Multi-root editor"))}(this)}destroy(){const t=this.config.get("updateSourceElementOnDestroy"),o={};for(const e of Object.keys(this.sourceElements))o[e]=t?this.getData({rootName:e}):"";return this.ui.destroy(),super.destroy().then(()=>{for(const t of Object.keys(this.sourceElements))(0,e.setDataInElement)(this.sourceElements[t],o[t])})}addRoot(t,{data:e="",attributes:o={},elementName:i="$root",isUndoable:s=!1}={}){const r=s=>{const r=s.addRoot(t,i);e&&s.insert(this.data.parse(e,r),r,0);for(const t of Object.keys(o))this.registerRootAttribute(t),s.setAttribute(t,o[t],r)};s?this.model.change(r):this.model.enqueueChange({isUndoable:!1},r)}detachRoot(t,e=!1){e?this.model.change(e=>e.detachRoot(t)):this.model.enqueueChange({isUndoable:!1},e=>e.detachRoot(t))}createEditable(t,e,o){const i=this.ui.view.createEditable(t.rootName,void 0,o);return this.ui.addEditable(i,e),this.editing.view.forceRender(),i.element}detachEditable(t){const e=t.rootName,o=this.ui.view.editables[e];return this.ui.removeEditable(o),this.ui.view.removeEditable(e),o.element}loadRoot(t,{data:e="",attributes:o={}}={}){const i=this.model.document.getRoot(t);this.model.enqueueChange({isUndoable:!1},t=>{e&&t.insert(this.data.parse(e,i),i,0);for(const e of Object.keys(o))this.registerRootAttribute(e),t.setAttribute(e,o[e],i);i._isLoaded=!0,this.model.document.differ._bufferRootLoad(i)})}getFullData(t){const e={};for(const o of this.model.document.getRootNames())e[o]=this.data.get({...t,rootName:o});return e}getRootsAttributes(){const t={};for(const e of this.model.document.getRootNames())t[e]=this.getRootAttributes(e);return t}getRootAttributes(t){const e={},o=this.model.document.getRoot(t);for(const t of this._registeredRootsAttributesKeys)e[t]=o.hasAttribute(t)?o.getAttribute(t):null;return e}registerRootAttribute(t){this._registeredRootsAttributesKeys.has(t)||(this._registeredRootsAttributesKeys.add(t),this.editing.model.schema.extend("$root",{allowAttributes:t}))}disableRoot(t,o){if("$graveyard"==t)throw new e.CKEditorError("multi-root-editor-cannot-disable-graveyard-root",this);const i=this._readOnlyRootLocks.get(t);if(i)i.add(o);else{this._readOnlyRootLocks.set(t,new Set([o]));this.editing.view.document.getRoot(t).isReadOnly=!0,Array.from(this.commands.commands()).forEach(t=>t.affectsData&&t.refresh())}}enableRoot(t,e){const o=this._readOnlyRootLocks.get(t);if(o&&o.has(e))if(1===o.size){this._readOnlyRootLocks.delete(t);this.editing.view.document.getRoot(t).isReadOnly=this.isReadOnly,Array.from(this.commands.commands()).forEach(t=>t.affectsData&&t.refresh())}else o.delete(e)}static create(t,o={}){return new Promise(i=>{for(const o of Object.values(t))if(h(o)&&"TEXTAREA"===o.tagName)throw new e.CKEditorError("editor-wrong-element",null);const s=new this(t,o);i(s.initPlugins().then(()=>s.ui.init()).then(()=>(s._verifyRootsWithInitialData(),s.data.init(s.config.get("initialData")))).then(()=>s.fire("ready")).then(()=>s))})}_verifyRootsWithInitialData(){const t=this.config.get("initialData");for(const o of this.model.document.getRootNames())if(!(o in t))throw new e.CKEditorError("multi-root-editor-root-initial-data-mismatch",null);for(const o of Object.keys(t)){const t=this.model.document.getRoot(o);if(!t||!t.isAttached())throw new e.CKEditorError("multi-root-editor-root-initial-data-mismatch",null)}}}function c(t){return h(t)?(0,e.getDataFromElement)(t):t}function h(t){return d(t)}})(),(window.CKEditor5=window.CKEditor5||{}).editorMultiRoot=i})();

package/src/index.js

@@ -1,11 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module editor-multi-root
- */
-export { MultiRootEditor } from './multirooteditor.js';
-export { MultiRootEditorUI } from './multirooteditorui.js';
-export { MultiRootEditorUIView } from './multirooteditoruiview.js';
-import './augmentation.js';