@progress/kendo-angular-editor 25.3.1-develop.2 → 25.4.0-develop.1

package/fesm2022/progress-kendo-angular-editor.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Inject, Optional, Injectable, ViewChild, Input, Component, InjectionToken, Directive, EventEmitter, Output, ElementRef, forwardRef, isDevMode, ViewContainerRef, ContentChild, HostBinding, NgModule } from '@angular/core';
+import { Inject, Optional, Injectable, ViewChild, Input, Component, InjectionToken, Directive, afterNextRender, EventEmitter, Output, signal, ElementRef, forwardRef, isDevMode, ViewContainerRef, ContentChild, HostBinding, NgModule } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormControl, Validators, FormGroup, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subject, BehaviorSubject, zip, fromEvent, interval } from 'rxjs';
@@ -36,8 +36,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791537027,
-    version: '25.3.1-develop.2',
+    publishDate: 1791873222,
+    version: '25.4.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -822,11 +822,13 @@ class SourceDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogUpdate') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -850,11 +852,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogUpdate') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -996,12 +1000,14 @@ class ImageDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 [disabled]="imageData.invalid"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogInsert') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -1063,12 +1069,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 [disabled]="imageData.invalid"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogInsert') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -1227,12 +1235,14 @@ class FileLinkDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
           <button
             kendoButton
+            type="button"
             [disabled]="linkForm.invalid"
             themeColor="primary"
             (click)="onConfirmAction()"
           >{{ textFor('dialogInsert') }}</button>
           <button
             kendoButton
+            type="button"
             (click)="onCancelAction()"
           >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -1298,12 +1308,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
           <button
             kendoButton
+            type="button"
             [disabled]="linkForm.invalid"
             themeColor="primary"
             (click)="onConfirmAction()"
           >{{ textFor('dialogInsert') }}</button>
           <button
             kendoButton
+            type="button"
             (click)="onCancelAction()"
           >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -1938,13 +1950,15 @@ class EditorCommandButton extends EditorCommandBaseDirective {
     localization;
     providerService;
     toolsService;
-    constructor(command, button, localization, providerService, toolsService) {
+    injector;
+    constructor(command, button, localization, providerService, toolsService, injector) {
         super(command, button, localization, providerService, toolsService);
         this.command = command;
         this.button = button;
         this.localization = localization;
         this.providerService = providerService;
         this.toolsService = toolsService;
+        this.injector = injector;
     }
     clickHandler() {
         this.editor.exec(this.command, this.editor.applyToWord);
@@ -1954,10 +1968,10 @@ class EditorCommandButton extends EditorCommandBaseDirective {
         e.preventDefault();
     }
     onStateChange(toolBarState) {
-        this.providerService.editor.ngZone.onStable.pipe(take(1)).subscribe(() => {
+        afterNextRender(() => {
             this.button.selected = toolBarState[this.command].selected;
             this.button.disabled = toolBarState[this.command].disabled;
-        });
+        }, { injector: this.injector });
     }
 }
 
@@ -1974,10 +1988,10 @@ class EditorCommandButton extends EditorCommandBaseDirective {
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorUnlinkButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('unlink', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('unlink', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnlinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnlinkButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorUnlinkButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnlinkButtonDirective, decorators: [{
@@ -1986,7 +2000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorUnlinkButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **CreateLink** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
@@ -2028,10 +2042,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorOutdentButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('outdent', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('outdent', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorOutdentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorOutdentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorOutdentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorOutdentButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorOutdentButtonDirective, decorators: [{
@@ -2040,7 +2054,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorOutdentButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Indent** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
@@ -2055,10 +2069,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorIndentButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('indent', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('indent', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorIndentButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorIndentButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorIndentButtonDirective, decorators: [{
@@ -2067,7 +2081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorIndentButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **InsertOrderedList** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
@@ -2082,10 +2096,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('insertOrderedList', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('insertOrderedList', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertOrderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertOrderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorInsertOrderedListButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertOrderedListButtonDirective, decorators: [{
@@ -2094,7 +2108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorInsertOrderedListButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **InsertUnorderedList** tool
@@ -2110,10 +2124,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('insertUnorderedList', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('insertUnorderedList', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorInsertUnorderedListButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorInsertUnorderedListButtonDirective, decorators: [{
@@ -2122,7 +2136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorInsertUnorderedListButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignJustify** tool
@@ -2138,10 +2152,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAlignJustifyButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignJustify', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('alignJustify', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAlignJustifyButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
@@ -2150,7 +2164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAlignJustifyButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignRight** tool
@@ -2166,10 +2180,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignRight', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('alignRight', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAlignRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
@@ -2178,7 +2192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAlignRightButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignCenter** tool
@@ -2194,10 +2208,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignCenter', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('alignCenter', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAlignCenterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
@@ -2206,7 +2220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAlignCenterButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Use this directive to turn a ToolBarButtonComponent into an Editor **AlignLeft** tool
@@ -2222,10 +2236,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('alignLeft', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('alignLeft', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAlignLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
@@ -2234,7 +2248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAlignLeftButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * @hidden
@@ -2500,11 +2514,13 @@ class FormatDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -2530,11 +2546,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -2573,7 +2591,12 @@ class EditorFormatComponent extends ToolBarToolComponent {
     defaultItem;
     itemDisabled;
     disabled = false;
-    tabindex = -1;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     /**
      * Sets the format items list. Use this property to override the default list.
      */
@@ -2699,6 +2722,7 @@ class EditorFormatComponent extends ToolBarToolComponent {
         this.tabindex = -1;
         return false;
     }
+    _tabindex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1$1.DialogService }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
@@ -2827,10 +2851,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorUnderlineButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('underline', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('underline', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnderlineButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnderlineButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorUnderlineButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUnderlineButtonDirective, decorators: [{
@@ -2839,7 +2863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorUnderlineButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Italic** tool
@@ -2855,10 +2879,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorItalicButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('italic', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('italic', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorItalicButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorItalicButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorItalicButtonDirective, decorators: [{
@@ -2867,7 +2891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorItalicButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Bold** tool
@@ -2883,10 +2907,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorBoldButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('bold', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('bold', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorBoldButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBoldButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBoldButtonDirective, decorators: [{
@@ -2895,7 +2919,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorBoldButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * @hidden
@@ -3348,6 +3372,7 @@ class EditorComponent {
     providerService;
     toolsService;
     renderer;
+    injector;
     /**
      * Sets the value of the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor)).
      * Use this property to update the Editor content programmatically.
@@ -3646,7 +3671,7 @@ class EditorComponent {
     _iframeCss = { keepBuiltInCss: true };
     afterViewInit = new Subject();
     contentAreaLoaded = new Subject();
-    constructor(dialogService, localization, cdr, ngZone, element, providerService, toolsService, renderer) {
+    constructor(dialogService, localization, cdr, ngZone, element, providerService, toolsService, renderer, injector) {
         this.dialogService = dialogService;
         this.localization = localization;
         this.cdr = cdr;
@@ -3655,6 +3680,7 @@ class EditorComponent {
         this.providerService = providerService;
         this.toolsService = toolsService;
         this.renderer = renderer;
+        this.injector = injector;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -3692,7 +3718,7 @@ class EditorComponent {
             this.changeValue(changes['value'].currentValue);
         }
         if (changes['iframe'] && !changes['iframe'].isFirstChange()) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => this.initialize());
+            afterNextRender(() => this.initialize(), { injector: this.injector });
         }
         if (changes['resizable'] && !changes['resizable'].isFirstChange()) {
             this.normalizeSize();
@@ -3996,14 +4022,10 @@ class EditorComponent {
             }));
         }
         this.subs.add(this.stateChange.subscribe(() => {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-                if (this.userToolBarComponent) {
-                    this.userToolBarComponent.cdr.detectChanges();
-                }
-                else {
-                    this.cdr.detectChanges();
-                }
-            });
+            if (this.userToolBarComponent) {
+                this.userToolBarComponent.cdr.markForCheck();
+            }
+            this.cdr.markForCheck();
         }));
         this.subs.add(this.valueModified.subscribe((value) => {
             this.onChangeCallback(value);
@@ -4141,7 +4163,7 @@ class EditorComponent {
         }
         return cleanContent;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorComponent, deps: [{ token: i1$1.DialogService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorComponent, deps: [{ token: i1$1.DialogService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: EditorComponent, isStandalone: true, selector: "kendo-editor", inputs: { value: "value", disabled: "disabled", readonly: "readonly", iframe: "iframe", iframeCss: "iframeCss", applyToWord: "applyToWord", schema: "schema", plugins: "plugins", placeholder: "placeholder", preserveWhitespace: "preserveWhitespace", pasteCleanupSettings: "pasteCleanupSettings", resizable: "resizable" }, outputs: { valueChange: "valueChange", onFocus: "focus", paste: "paste", onBlur: "blur" }, host: { properties: { "class.k-editor": "this.hostClass", "class.k-editor-resizable": "this.resizableClass", "class.k-disabled": "this.isDisabled", "class.k-readonly": "this.isReadonly", "attr.dir": "this.dir", "attr.ariaDisabled": "this.ariaDisabled", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
             EditorLocalizationService,
             ProviderService,
@@ -4541,7 +4563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, ToolBarComponent, ToolBarButtonGroupComponent, ToolBarButtonComponent, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorUnderlineButtonDirective, EditorFormatComponent, EditorAlignLeftButtonDirective, EditorAlignCenterButtonDirective, EditorAlignRightButtonDirective, EditorAlignJustifyButtonDirective, EditorInsertUnorderedListButtonDirective, EditorInsertOrderedListButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorUnlinkButtonDirective, EditorInsertImageButtonDirective, WatermarkOverlayComponent]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }], propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Renderer2 }, { type: i0.Injector }], propDecorators: { value: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -4635,7 +4657,12 @@ class FontSizeDropDownListComponent {
     itemDisabled;
     title;
     disabled;
-    tabindex;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     valueChange = new EventEmitter();
     element;
     dropDownList;
@@ -4645,6 +4672,7 @@ class FontSizeDropDownListComponent {
     focus() {
         this.dropDownList.focus();
     }
+    _tabindex = signal(null, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
         <kendo-dropdownlist
@@ -4770,11 +4798,13 @@ class FontSizeDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -4800,11 +4830,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -4841,7 +4873,12 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
     renderer;
     value;
     disabled = false;
-    tabindex = -1;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     /**
      * Overrides the default font size list.
      * Treat numeric values as pixels.
@@ -4888,6 +4925,7 @@ class EditorFontSizeComponent extends ToolBarToolComponent {
         { text: '24px', size: '24px' },
         { text: '36px', size: '36px' }
     ];
+    _tabindex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     constructor(dialogService, localization, providerService, toolsService, renderer) {
         super();
         this.dialogService = dialogService;
@@ -5115,10 +5153,16 @@ class FontFamilyDropDownListComponent {
     itemDisabled;
     title;
     disabled;
-    tabindex;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     valueChange = new EventEmitter();
     element;
     dropDownList;
+    _tabindex = signal(null, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     onValueChange(tag) {
         this.valueChange.emit(tag);
     }
@@ -5260,11 +5304,13 @@ class FontFamilyDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -5290,11 +5336,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -5330,7 +5378,12 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
     renderer;
     value;
     disabled = false;
-    tabindex = -1;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     /**
      * Overrides the default font list.
      */
@@ -5372,6 +5425,7 @@ class EditorFontFamilyComponent extends ToolBarToolComponent {
         { text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
         { text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
     ];
+    _tabindex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     constructor(dialogService, localization, providerService, toolsService, renderer) {
         super();
         this.dialogService = dialogService;
@@ -5660,11 +5714,13 @@ class ColorPickerDialogComponent extends DialogContentBase {
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -5695,11 +5751,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         <kendo-dialog-actions layout="start">
             <button
                 kendoButton
+                type="button"
                 themeColor="primary"
                 (click)="onConfirmAction()"
             >{{ textFor('dialogApply') }}</button>
             <button
                 kendoButton
+                type="button"
                 (click)="onCancelAction()"
             >{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
@@ -5734,7 +5792,12 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
      *
      * @default -1
      */
-    tabindex = -1;
+    set tabindex(value) {
+        this._tabindex.set(value);
+    }
+    get tabindex() {
+        return this._tabindex();
+    }
     /**
      * Specifies the initial value of the color picker.
      */
@@ -5791,6 +5854,7 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
     subs;
     editor;
     activeView;
+    _tabindex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
     constructor(localization, dialogService, ngZone, providerService, renderer) {
         super();
         this.localization = localization;
@@ -6545,10 +6609,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorBlockquoteDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('blockquote', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('blockquote', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBlockquoteDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBlockquoteDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorBlockquoteDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorBlockquoteDirective, decorators: [{
@@ -6557,7 +6621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Redo** tool
@@ -6573,10 +6637,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorRedoButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('redo', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('redo', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorRedoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
@@ -6585,7 +6649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorRedoButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Undo** tool
@@ -6601,10 +6665,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorUndoButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('undo', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('undo', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorUndoButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
@@ -6613,7 +6677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorUndoButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **ViewSource** tool
@@ -6656,10 +6720,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorStrikethroughButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('strikethrough', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('strikethrough', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorStrikethroughButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorStrikethroughButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorStrikethroughButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorStrikethroughButtonDirective, decorators: [{
@@ -6668,7 +6732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorStrikethroughButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Subscript** tool
@@ -6684,10 +6748,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorSubscriptButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('subscript', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('subscript', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSubscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSubscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorSubscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSubscriptButtonDirective, decorators: [{
@@ -6696,7 +6760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorSubscriptButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Superscript** tool
@@ -6712,10 +6776,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorSuperscriptButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('superscript', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('superscript', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSuperscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSuperscriptButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorSuperscriptButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSuperscriptButtonDirective, decorators: [{
@@ -6724,7 +6788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorSuperscriptButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **Insert File** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
@@ -6827,10 +6891,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorCleanFormattingButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('cleanFormatting', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('cleanFormatting', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
@@ -6839,7 +6903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **AddColumnBefore** tool
@@ -6855,10 +6919,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAddColumnBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('addColumnBefore', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('addColumnBefore', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAddColumnBeforeButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnBeforeButtonDirective, decorators: [{
@@ -6867,7 +6931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAddColumnBeforeButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **AddColumnAfter** tool
@@ -6883,10 +6947,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAddColumnAfterButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('addColumnAfter', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('addColumnAfter', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAddColumnAfterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddColumnAfterButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddColumnAfterButtonDirective, decorators: [{
@@ -6895,7 +6959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAddColumnAfterButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **AddRowBefore** tool
@@ -6911,10 +6975,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAddRowBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('addRowBefore', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('addRowBefore', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowBeforeButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAddRowBeforeButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddRowBeforeButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowBeforeButtonDirective, decorators: [{
@@ -6923,7 +6987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAddRowBeforeButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **AddRowAfter** tool
@@ -6939,10 +7003,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorAddRowAfterButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('addRowAfter', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('addRowAfter', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowAfterButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorAddRowAfterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAddRowAfterButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorAddRowAfterButtonDirective, decorators: [{
@@ -6951,7 +7015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorAddRowAfterButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **DeleteColumn** tool
@@ -6967,10 +7031,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorDeleteColumnButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('deleteColumn', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('deleteColumn', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteColumnButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteColumnButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorDeleteColumnButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteColumnButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteColumnButtonDirective, decorators: [{
@@ -6979,7 +7043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorDeleteColumnButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **DeleteRow** tool
@@ -6995,10 +7059,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorDeleteRowButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('deleteRow', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('deleteRow', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteRowButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteRowButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorDeleteRowButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteRowButtonDirective, decorators: [{
@@ -7007,7 +7071,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorDeleteRowButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **DeleteTable** tool
@@ -7023,10 +7087,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorDeleteTableButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('deleteTable', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('deleteTable', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteTableButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteTableButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorDeleteTableButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorDeleteTableButtonDirective, decorators: [{
@@ -7035,7 +7099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorDeleteTableButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Use this component to override the default component messages
@@ -7096,8 +7160,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorPrintDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('print', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('print', button, localization, providerService, toolsService, injector);
     }
     ngAfterViewInit() {
         if (isDevMode) {
@@ -7117,7 +7181,7 @@ class EditorPrintDirective extends EditorCommandButton {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorPrintDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorPrintDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorPrintDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorPrintButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorPrintDirective, decorators: [{
@@ -7126,7 +7190,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorPrintButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Configures a ToolBarButtonComponent as an Editor **SelectAll** tool
@@ -7141,8 +7205,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorSelectAllButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('selectAll', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('selectAll', button, localization, providerService, toolsService, injector);
     }
     clickHandler() {
         this.editor.shouldEmitFocus = true;
@@ -7151,7 +7215,7 @@ class EditorSelectAllButtonDirective extends EditorCommandButton {
         this.editor.focus();
         this.editor.exec(this.command, this.editor.applyToWord);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSelectAllButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSelectAllButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorSelectAllButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSelectAllButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSelectAllButtonDirective, decorators: [{
@@ -7160,7 +7224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * @hidden
@@ -7178,10 +7242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorSplitCellButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('splitCell', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('splitCell', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSplitCellButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSplitCellButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorSplitCellButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorSplitCellButtonDirective, decorators: [{
@@ -7190,7 +7254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorSplitCellButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * @hidden
@@ -7208,10 +7272,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * Applied to: {@link ToolBarButtonComponent}
  */
 class EditorMergeCellsButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('mergeCells', button, localization, providerService, toolsService);
+    constructor(button, localization, providerService, toolsService, injector) {
+        super('mergeCells', button, localization, providerService, toolsService, injector);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorMergeCellsButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorMergeCellsButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: EditorLocalizationService }, { token: ProviderService }, { token: EditorToolsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EditorMergeCellsButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EditorMergeCellsButtonDirective, decorators: [{
@@ -7220,7 +7284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: 'kendo-toolbar-button[kendoEditorMergeCellsButton]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }] });
+        }], ctorParameters: () => [{ type: i1$2.ToolBarButtonComponent }, { type: EditorLocalizationService }, { type: ProviderService }, { type: EditorToolsService }, { type: i0.Injector }] });
 
 /**
  * Utility array that contains all `Editor` related components and directives.