@ckeditor/ckeditor5-editor-inline 47.6.1 → 48.0.0-alpha.1

package/LICENSE.md

@@ -18,7 +18,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
 
 The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
 
-* es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
+* es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
 
 Trademarks
 ----------

package/dist/index-editor.css

@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 .ck.ck-menu-bar{
-	border:none;
-	border-bottom:1px solid var(--ck-color-toolbar-border);
+  border:none;
+  border-bottom:1px solid var(--ck-color-toolbar-border);
 }

package/dist/index.css

@@ -2,14 +2,9 @@
  * @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
  */
-/*
- * 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
- */
-
 .ck.ck-menu-bar {
-	border: none;
-	border-bottom: 1px solid var(--ck-color-toolbar-border);
+  border: none;
+  border-bottom: 1px solid var(--ck-color-toolbar-border);
 }
 
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../theme/inlineeditor.css","index.css"],"names":[],"mappings":";;;;AAAA,CAAA;ACCA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ;AAC3E,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClF,CAAC,CDAC;;AAEF,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,GAAA,CAAA;ACCA,CDAC,MAAA,CAAA,CAAA,IAAY;ACCb,CDAC,MAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,OAAA,CAAA,MAAA,CAAuD;AACxD;;ACEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-menu-bar {\n\tborder: none;\n\tborder-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n","/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-menu-bar {\n\tborder: none;\n\tborder-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/*# sourceMappingURL=index.css.map */"]}
+{"version":3,"sources":["../theme/inlineeditor.css","index.css"],"names":[],"mappings":";;;;AAKA,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,GAAA,CAAA;ACJA,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI;AACd,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;AACzD;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-menu-bar {\n\tborder: none;\n\tborder-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n",".ck.ck-menu-bar {\n  border: none;\n  border-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/*# sourceMappingURL=index.css.map */"]}

package/dist/index.js

@@ -2,8 +2,8 @@
  * @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
  */
-import { ElementApiMixin, Editor, secureSourceElement, attachToForm } from '@ckeditor/ckeditor5-core/dist/index.js';
-import { ResizeObserver, toUnit, Rect, CKEditorError, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';
+import { ElementApiMixin, Editor, normalizeSingleRootEditorConstructorParams, normalizeRootsConfig, secureSourceElement, attachToForm } from '@ckeditor/ckeditor5-core/dist/index.js';
+import { ResizeObserver, Rect, toUnit, logWarning, CKEditorError } from '@ckeditor/ckeditor5-utils/dist/index.js';
 import { EditorUI, normalizeToolbarConfig, EditorUIView, ToolbarView, MenuBarView, BalloonPanelView, InlineEditableUIView } from '@ckeditor/ckeditor5-ui/dist/index.js';
 import { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';
 import { isElement as isElement$1 } from 'es-toolkit/compat';
@@ -112,12 +112,9 @@ import { isElement as isElement$1 } from 'es-toolkit/compat';
         const editor = this.editor;
         const editingView = editor.editing.view;
         const editingRoot = editingView.document.getRoot();
-        const placeholder = editor.config.get('placeholder');
+        const placeholder = editor.config.get('roots')[editingRoot.rootName].placeholder;
         if (placeholder) {
-            const placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[editingRoot.rootName];
-            if (placeholderText) {
-                editingRoot.placeholder = placeholderText;
-            }
+            editingRoot.placeholder = placeholder;
         }
         enableViewPlaceholder({
             view: editingView,
@@ -329,39 +326,33 @@ const toPx = /* #__PURE__ */ toUnit('px');
     /**
 	 * @inheritDoc
 	 */ ui;
-    /**
-	 * Creates an instance of the inline editor.
-	 *
-	 * **Note:** Do not use the constructor to create editor instances. Use the static
-	 * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`} method instead.
-	 *
-	 * @param sourceElementOrData The DOM element that will be the source for the created editor
-	 * (on which the editor will be initialized) or initial data for the editor. For more information see
-	 * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`}.
-	 * @param config The editor configuration.
-	 */ constructor(sourceElementOrData, config = {}){
-        // If both `config.initialData` and initial data parameter in `create()` are set, then throw.
-        if (!isElement(sourceElementOrData) && config.initialData !== undefined) {
-            // Documented in core/editor/editorconfig.jsdoc.
-            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message
-            throw new CKEditorError('editor-create-initial-data', null);
+    constructor(sourceElementOrDataOrConfig, config = {}){
+        const { sourceElementOrData, editorConfig } = normalizeSingleRootEditorConstructorParams(sourceElementOrDataOrConfig, config);
+        super(editorConfig);
+        normalizeRootsConfig(sourceElementOrData, this.config);
+        if (isElement(this.config.get('attachTo'))) {
+            // Documented in core/editor/editorconfig.ts.
+            logWarning('editor-create-attachto-ignored');
         }
-        super(config);
-        this.config.define('menuBar.isVisible', false);
-        if (this.config.get('initialData') === undefined) {
-            this.config.set('initialData', getInitialData(sourceElementOrData));
+        // From this point use only normalized `roots.main.element`.
+        const sourceElement = this.config.get('roots').main.element;
+        if (isElement(sourceElement)) {
+            if (sourceElement.tagName === 'TEXTAREA') {
+                // Documented in core/editor/editor.js
+                // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message
+                throw new CKEditorError('editor-wrong-element', null);
+            }
+            this.sourceElement = sourceElement;
+            secureSourceElement(this, sourceElement);
         }
+        this.config.define('menuBar.isVisible', false);
         this.model.document.createRoot();
-        if (isElement(sourceElementOrData)) {
-            this.sourceElement = sourceElementOrData;
-            secureSourceElement(this, sourceElementOrData);
-        }
         const shouldToolbarGroupWhenFull = !this.config.get('toolbar.shouldNotGroupWhenFull');
         const menuBarConfig = this.config.get('menuBar');
         const view = new InlineEditorUIView(this.locale, this.editing.view, this.sourceElement, {
             shouldToolbarGroupWhenFull,
             useMenuBar: menuBarConfig.isVisible,
-            label: this.config.get('label')
+            label: this.config.get('roots').main.label
         });
         this.ui = new InlineEditorUI(this, view);
         attachToForm(this);
@@ -383,105 +374,13 @@ const toPx = /* #__PURE__ */ toUnit('px');
             }
         });
     }
-    /**
-	 * Creates a new inline editor instance.
-	 *
-	 * There are three general ways how the editor can be initialized.
-	 *
-	 * # Using an existing DOM element (and loading data from it)
-	 *
-	 * You can initialize the editor using an existing DOM element:
-	 *
-	 * ```ts
-	 * InlineEditor
-	 * 	.create( document.querySelector( '#editor' ) )
-	 * 	.then( editor => {
-	 * 		console.log( 'Editor was initialized', editor );
-	 * 	} )
-	 * 	.catch( err => {
-	 * 		console.error( err.stack );
-	 * 	} );
-	 * ```
-	 *
-	 * The element's content will be used as the editor data and the element will become the editable element.
-	 *
-	 * # Creating a detached editor
-	 *
-	 * Alternatively, you can initialize the editor by passing the initial data directly as a `String`.
-	 * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:
-	 *
-	 * ```ts
-	 * InlineEditor
-	 * 	.create( '<p>Hello world!</p>' )
-	 * 	.then( editor => {
-	 * 		console.log( 'Editor was initialized', editor );
-	 *
-	 * 		// Initial data was provided so the editor UI element needs to be added manually to the DOM.
-	 * 		document.body.appendChild( editor.ui.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.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
-	 * InlineEditor
-	 * 	.create( document.querySelector( '#editor' ), {
-	 * 		initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
-	 * 	} )
-	 * 	.then( editor => {
-	 * 		console.log( 'Editor was initialized', editor );
-	 * 	} )
-	 * 	.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.
-	 *
-	 * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.
-	 *
-	 * # Configuring the editor
-	 *
-	 * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about
-	 * customizing plugins, toolbar and more.
-	 *
-	 * @param sourceElementOrData The DOM element that will be the source for the created editor
-	 * or the editor's initial data.
-	 *
-	 * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.
-	 * The editor data will be set back to the original element once the editor is destroyed only if the
-	 * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}
-	 * option is set to `true`.
-	 *
-	 * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.
-	 * It is available under the {@link module:editor-inline/inlineeditorui~InlineEditorUI#element `editor.ui.element`} property.
-	 *
-	 * @param config The editor configuration.
-	 * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.
-	 */ static create(sourceElementOrData, config = {}) {
+    static create(sourceElementOrDataOrConfig, config = {}) {
         return new Promise((resolve)=>{
-            if (isElement(sourceElementOrData) && sourceElementOrData.tagName === 'TEXTAREA') {
-                // Documented in core/editor/editor.js
-                // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message
-                throw new CKEditorError('editor-wrong-element', null);
-            }
-            const editor = new this(sourceElementOrData, config);
-            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>editor.data.init(editor.config.get('initialData'))).then(()=>editor.fire('ready')).then(()=>editor));
+            const editor = new this(sourceElementOrDataOrConfig, config);
+            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>editor.data.init(editor.config.get('roots').main.initialData)).then(()=>editor.fire('ready')).then(()=>editor));
         });
     }
 }
-function getInitialData(sourceElementOrData) {
-    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;
-}
 function isElement(value) {
     return isElement$1(value);
 }