Merge pull request #492 from ckeditor/ck/491

Feature: Update imports to match CKEditor 5 v46. Closes #491

BREAKING CHANGE: Switched to new import names introduced in CKEditor 5 v46. Older versions are no longer supported.

Author: Mati365

package.json

@@ -46,8 +46,8 @@
     "@ckeditor/ckeditor5-dev-utils": "^50.0.0",
     "@types/jasminewd2": "^2.0.10",
     "@types/node": "^14.11.8",
-    "ckeditor5": "^44.3.0",
-    "ckeditor5-premium-features": "^44.3.0",
+    "ckeditor5": "^46.0.0-alpha.0",
+    "ckeditor5-premium-features": "^46.0.0-alpha.0",
     "coveralls": "^3.1.1",
     "css-loader": "^5.2.7",
     "cypress": "^12.17.4",

src/ckeditor/ckeditor.component.ts

@@ -28,8 +28,8 @@ import type {
 	Editor,
 	EditorConfig,
 	GetEventInfo,
-	DocumentChangeEvent,
-	EditorCreatorFunction,
+	ModelDocumentChangeEvent,
+	EditorWatchdogCreatorFunction,
 	ViewDocumentBlurEvent,
 	ViewDocumentFocusEvent
 } from 'ckeditor5';
@@ -51,7 +51,7 @@ export interface FocusEvent<TEditor extends Editor = Editor> {
 }
 
 export interface ChangeEvent<TEditor extends Editor = Editor> {
-	event: GetEventInfo<DocumentChangeEvent>;
+	event: GetEventInfo<ModelDocumentChangeEvent>;
 	editor: TEditor;
 }
 
@@ -358,7 +358,7 @@ export class CKEditorComponent<TEditor extends Editor = Editor> implements After
 	 */
 	private attachToWatchdog() {
 		// TODO: elementOrData parameter type can be simplified to HTMLElemen after templated Watchdog will be released.
-		const creator: EditorCreatorFunction<TEditor> = ( ( elementOrData, config ) => {
+		const creator: EditorWatchdogCreatorFunction<TEditor> = ( ( elementOrData, config ) => {
 			return this.ngZone.runOutsideAngular( async () => {
 				this.elementRef.nativeElement.appendChild( elementOrData as HTMLElement );
 
@@ -467,7 +467,7 @@ export class CKEditorComponent<TEditor extends Editor = Editor> implements After
 		const modelDocument = editor.model.document;
 		const viewDocument = editor.editing.view.document;
 
-		modelDocument.on<DocumentChangeEvent>( 'change:data', evt => {
+		modelDocument.on<ModelDocumentChangeEvent>( 'change:data', evt => {
 			this.ngZone.run( () => {
 				if ( this.disableTwoWayDataBinding ) {
 					return;

src/ckeditor/package.json

@@ -25,7 +25,7 @@
     "@angular/core": ">=16.0.0",
     "@angular/common": ">=16.0.0",
     "@angular/forms": ">=16.0.0",
-    "ckeditor5": ">=42.0.0 || ^0.0.0-nightly",
+    "ckeditor5": ">=46.0.0-alpha.0 || ^0.0.0-nightly",
     "rxjs": ">=6.0.0"
   },
   "author": "CKSource (http://cksource.com/)",