@progress/kendo-angular-editor 2.5.0-dev.202111231749 → 2.5.0

package/dist/fesm2015/index.js

@@ -3,9 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __param, __metadata } from 'tslib';
-import { Inject, Optional, Input, ViewChild, ElementRef, Component, EventEmitter, isDevMode, Output, HostBinding, ContentChild, ViewContainerRef, forwardRef, ChangeDetectorRef, NgZone, TemplateRef, Host, Directive, NgModule } from '@angular/core';
+import { Inject, Optional, Input, ViewChild, ElementRef, Component, Injectable, EventEmitter, isDevMode, Output, HostBinding, ContentChild, ViewContainerRef, forwardRef, ChangeDetectorRef, NgZone, TemplateRef, Host, Directive, NgModule } from '@angular/core';
 import { FormControl, Validators, FormGroup, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BehaviorSubject, Subject, zip, fromEvent, merge, interval } from 'rxjs';
+import { Subject, BehaviorSubject, zip, fromEvent, merge, interval } from 'rxjs';
 import { take, filter, auditTime, map, concatMap, takeUntil } from 'rxjs/operators';
 import { ToolBarComponent, ToolBarToolComponent, ToolBarButtonComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
 import { DialogContentBase, DialogRef, DialogService, DialogModule } from '@progress/kendo-angular-dialog';
@@ -27,7 +27,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637689470,
+    publishDate: 1638198421,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -2547,6 +2547,21 @@ const EditorErrorMessages = {
     printTool: 'The Print tool and functionality are supported only in iframe mode. See https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorPrintButtonDirective/'
 };
 
+/**
+ * @hidden
+ */
+let EditorToolsService = class EditorToolsService {
+    /**
+     * @hidden
+     */
+    constructor() {
+        this.needsCheck = new Subject();
+    }
+};
+EditorToolsService = __decorate([
+    Injectable()
+], EditorToolsService);
+
 var EditorComponent_1;
 const EMPTY_PARAGRAPH = '<p></p>';
 const defaultPasteCleanupSettings = {
@@ -2574,12 +2589,13 @@ const getPasteCleanupAttributes = (config) => {
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
 let EditorComponent = EditorComponent_1 = class EditorComponent {
-    constructor(dialogService, localization, cdr, ngZone, element) {
+    constructor(dialogService, localization, cdr, ngZone, element, toolsService) {
         this.dialogService = dialogService;
         this.localization = localization;
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.element = element;
+        this.toolsService = toolsService;
         /**
          * If set to `false`, the Editor will run in style non-encapsulated mode. This means
          * that the styles of the page will be persisted in the Editor and its content will be affected by them.
@@ -2848,6 +2864,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
         }));
+        this.subs.add(this.toolsService.needsCheck.subscribe(() => this.cdr.markForCheck()));
     }
     ngAfterViewInit() {
         this.afterViewInit.next();
@@ -3397,6 +3414,7 @@ EditorComponent = EditorComponent_1 = __decorate([
         selector: 'kendo-editor',
         providers: [
             EditorLocalizationService,
+            EditorToolsService,
             {
                 provide: LocalizationService,
                 useExisting: EditorLocalizationService
@@ -3583,7 +3601,8 @@ EditorComponent = EditorComponent_1 = __decorate([
         LocalizationService,
         ChangeDetectorRef,
         NgZone,
-        ElementRef])
+        ElementRef,
+        EditorToolsService])
 ], EditorComponent);
 
 /**
@@ -4085,11 +4104,12 @@ var EditorFormatComponent_1;
  * ```
  */
 let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -4125,7 +4145,10 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
                 return itemArgs.dataItem.tag === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, tag: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, tag: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ format }) => {
             const index = this.data.findIndex(item => item.tag === format.selected.tag);
             this.value = index !== -1 ? format.selected.tag : null;
@@ -4266,7 +4289,8 @@ EditorFormatComponent = EditorFormatComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFormatComponent);
 
 /**
@@ -4438,11 +4462,12 @@ var EditorFontSizeComponent_1;
  * ```
  */
 let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -4477,7 +4502,10 @@ let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeCo
                 return itemArgs.dataItem.size === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, size: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, size: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             // remove units(px, em, rem...)
             // string#match returns array
@@ -4622,7 +4650,8 @@ EditorFontSizeComponent = EditorFontSizeComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontSizeComponent);
 
 var EditorFontFamilyComponent_1;
@@ -4638,11 +4667,12 @@ var EditorFontFamilyComponent_1;
  * ```
  */
 let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFamilyComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -4684,7 +4714,10 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
                 return itemArgs.dataItem.fontName === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, fontName: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, fontName: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             this.value = getUniqueStyleValues(style.selected, 'font-family') || null;
             this.disabled = style.disabled;
@@ -4827,7 +4860,8 @@ EditorFontFamilyComponent = EditorFontFamilyComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontFamilyComponent);
 
 // tslint:disable:no-forward-ref
@@ -5369,18 +5403,12 @@ const commandIcons = {
  * @hidden
  */
 class EditorCommandBase {
-    constructor(command, button, editor, localization) {
+    constructor(command, button, editor, localization, toolsService) {
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
-    }
-    ngOnInit() {
-        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
-        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
-        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
-    }
-    ngAfterViewInit() {
+        this.toolsService = toolsService;
         setTimeout(() => {
             const text = this.localization.get(this.command);
             if (text) {
@@ -5392,8 +5420,14 @@ class EditorCommandBase {
                 this.button.icon = commandIcons[this.command];
             }
             this.button.title = text;
+            this.toolsService.needsCheck.next();
         });
     }
+    ngOnInit() {
+        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
+        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
+        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
+    }
     ngOnDestroy() {
         if (this.subs) {
             this.subs.unsubscribe();
@@ -5411,12 +5445,13 @@ class EditorCommandBase {
  * @hidden
  */
 class EditorCommandButton extends EditorCommandBase {
-    constructor(command, button, editor, localization) {
-        super(command, button, editor, localization);
+    constructor(command, button, editor, localization, toolsService) {
+        super(command, button, editor, localization, toolsService);
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
+        this.toolsService = toolsService;
     }
     clickHandler() {
         this.editor.exec(this.command, this.editor.applyToWord);
@@ -5450,8 +5485,8 @@ class EditorCommandButton extends EditorCommandBase {
  * ```
  */
 let EditorAlignLeftButtonDirective = class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignLeft', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignLeft', button, editor, localization, toolsService);
     }
 };
 EditorAlignLeftButtonDirective = __decorate([
@@ -5461,7 +5496,8 @@ EditorAlignLeftButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignLeftButtonDirective);
 
 /**
@@ -5483,8 +5519,8 @@ EditorAlignLeftButtonDirective = __decorate([
  * ```
  */
 let EditorAlignCenterButtonDirective = class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignCenter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignCenter', button, editor, localization, toolsService);
     }
 };
 EditorAlignCenterButtonDirective = __decorate([
@@ -5494,7 +5530,8 @@ EditorAlignCenterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignCenterButtonDirective);
 
 /**
@@ -5516,8 +5553,8 @@ EditorAlignCenterButtonDirective = __decorate([
  * ```
  */
 let EditorAlignRightButtonDirective = class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignRight', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignRight', button, editor, localization, toolsService);
     }
 };
 EditorAlignRightButtonDirective = __decorate([
@@ -5527,7 +5564,8 @@ EditorAlignRightButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignRightButtonDirective);
 
 /**
@@ -5549,8 +5587,8 @@ EditorAlignRightButtonDirective = __decorate([
  * ```
  */
 let EditorAlignJustifyButtonDirective = class EditorAlignJustifyButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignJustify', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignJustify', button, editor, localization, toolsService);
     }
 };
 EditorAlignJustifyButtonDirective = __decorate([
@@ -5560,7 +5598,8 @@ EditorAlignJustifyButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignJustifyButtonDirective);
 
 /**
@@ -5582,8 +5621,8 @@ EditorAlignJustifyButtonDirective = __decorate([
  * ```
  */
 let EditorRedoButtonDirective = class EditorRedoButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('redo', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('redo', button, editor, localization, toolsService);
     }
 };
 EditorRedoButtonDirective = __decorate([
@@ -5593,7 +5632,8 @@ EditorRedoButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorRedoButtonDirective);
 
 /**
@@ -5615,8 +5655,8 @@ EditorRedoButtonDirective = __decorate([
  * ```
  */
 let EditorUndoButtonDirective = class EditorUndoButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('undo', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('undo', button, editor, localization, toolsService);
     }
 };
 EditorUndoButtonDirective = __decorate([
@@ -5626,19 +5666,21 @@ EditorUndoButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUndoButtonDirective);
 
 /**
  * @hidden
  */
 class EditorCommandDialog extends EditorCommandBase {
-    constructor(dialog, button, editor, localization) {
-        super(dialog, button, editor, localization);
+    constructor(dialog, button, editor, localization, toolsService) {
+        super(dialog, button, editor, localization, toolsService);
         this.dialog = dialog;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
+        this.toolsService = toolsService;
     }
     clickHandler() {
         this.editor.openDialog(this.dialog);
@@ -5667,8 +5709,8 @@ class EditorCommandDialog extends EditorCommandBase {
  * ```
  */
 let EditorInsertImageButtonDirective = class EditorInsertImageButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('insertImage', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertImage', button, editor, localization, toolsService);
     }
 };
 EditorInsertImageButtonDirective = __decorate([
@@ -5678,7 +5720,8 @@ EditorInsertImageButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertImageButtonDirective);
 
 /**
@@ -5700,8 +5743,8 @@ EditorInsertImageButtonDirective = __decorate([
  * ```
  */
 let EditorIndentButtonDirective = class EditorIndentButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('indent', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('indent', button, editor, localization, toolsService);
     }
 };
 EditorIndentButtonDirective = __decorate([
@@ -5711,7 +5754,8 @@ EditorIndentButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorIndentButtonDirective);
 
 /**
@@ -5733,8 +5777,8 @@ EditorIndentButtonDirective = __decorate([
  * ```
  */
 let EditorOutdentButtonDirective = class EditorOutdentButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('outdent', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('outdent', button, editor, localization, toolsService);
     }
 };
 EditorOutdentButtonDirective = __decorate([
@@ -5744,7 +5788,8 @@ EditorOutdentButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorOutdentButtonDirective);
 
 /**
@@ -5766,8 +5811,8 @@ EditorOutdentButtonDirective = __decorate([
  * ```
  */
 let EditorCreateLinkButtonDirective = class EditorCreateLinkButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('createLink', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('createLink', button, editor, localization, toolsService);
     }
 };
 EditorCreateLinkButtonDirective = __decorate([
@@ -5777,7 +5822,8 @@ EditorCreateLinkButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorCreateLinkButtonDirective);
 
 /**
@@ -5799,8 +5845,8 @@ EditorCreateLinkButtonDirective = __decorate([
  * ```
  */
 let EditorUnlinkButtonDirective = class EditorUnlinkButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('unlink', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('unlink', button, editor, localization, toolsService);
     }
 };
 EditorUnlinkButtonDirective = __decorate([
@@ -5810,7 +5856,8 @@ EditorUnlinkButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUnlinkButtonDirective);
 
 /**
@@ -5832,8 +5879,8 @@ EditorUnlinkButtonDirective = __decorate([
  * ```
  */
 let EditorInsertOrderedListButtonDirective = class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('insertOrderedList', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertOrderedList', button, editor, localization, toolsService);
     }
 };
 EditorInsertOrderedListButtonDirective = __decorate([
@@ -5843,7 +5890,8 @@ EditorInsertOrderedListButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertOrderedListButtonDirective);
 
 /**
@@ -5865,8 +5913,8 @@ EditorInsertOrderedListButtonDirective = __decorate([
  * ```
  */
 let EditorInsertUnorderedListButtonDirective = class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('insertUnorderedList', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertUnorderedList', button, editor, localization, toolsService);
     }
 };
 EditorInsertUnorderedListButtonDirective = __decorate([
@@ -5876,7 +5924,8 @@ EditorInsertUnorderedListButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertUnorderedListButtonDirective);
 
 /**
@@ -5897,8 +5946,8 @@ EditorInsertUnorderedListButtonDirective = __decorate([
  * ```
  */
 let EditorViewSourceButtonDirective = class EditorViewSourceButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('viewSource', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('viewSource', button, editor, localization, toolsService);
     }
 };
 EditorViewSourceButtonDirective = __decorate([
@@ -5908,7 +5957,8 @@ EditorViewSourceButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorViewSourceButtonDirective);
 
 /**
@@ -5930,8 +5980,8 @@ EditorViewSourceButtonDirective = __decorate([
  * ```
  */
 let EditorBoldButtonDirective = class EditorBoldButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('bold', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('bold', button, editor, localization, toolsService);
     }
 };
 EditorBoldButtonDirective = __decorate([
@@ -5941,7 +5991,8 @@ EditorBoldButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorBoldButtonDirective);
 
 /**
@@ -5963,8 +6014,8 @@ EditorBoldButtonDirective = __decorate([
  * ```
  */
 let EditorItalicButtonDirective = class EditorItalicButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('italic', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('italic', button, editor, localization, toolsService);
     }
 };
 EditorItalicButtonDirective = __decorate([
@@ -5974,7 +6025,8 @@ EditorItalicButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorItalicButtonDirective);
 
 /**
@@ -5996,8 +6048,8 @@ EditorItalicButtonDirective = __decorate([
  * ```
  */
 let EditorUnderlineButtonDirective = class EditorUnderlineButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('underline', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('underline', button, editor, localization, toolsService);
     }
 };
 EditorUnderlineButtonDirective = __decorate([
@@ -6007,7 +6059,8 @@ EditorUnderlineButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUnderlineButtonDirective);
 
 /**
@@ -6029,8 +6082,8 @@ EditorUnderlineButtonDirective = __decorate([
  * ```
  */
 let EditorStrikethroughButtonDirective = class EditorStrikethroughButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('strikethrough', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('strikethrough', button, editor, localization, toolsService);
     }
 };
 EditorStrikethroughButtonDirective = __decorate([
@@ -6040,7 +6093,8 @@ EditorStrikethroughButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorStrikethroughButtonDirective);
 
 /**
@@ -6062,8 +6116,8 @@ EditorStrikethroughButtonDirective = __decorate([
  * ```
  */
 let EditorSubscriptButtonDirective = class EditorSubscriptButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('subscript', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('subscript', button, editor, localization, toolsService);
     }
 };
 EditorSubscriptButtonDirective = __decorate([
@@ -6073,7 +6127,8 @@ EditorSubscriptButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSubscriptButtonDirective);
 
 /**
@@ -6095,8 +6150,8 @@ EditorSubscriptButtonDirective = __decorate([
  * ```
  */
 let EditorSuperscriptButtonDirective = class EditorSuperscriptButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('superscript', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('superscript', button, editor, localization, toolsService);
     }
 };
 EditorSuperscriptButtonDirective = __decorate([
@@ -6106,7 +6161,8 @@ EditorSuperscriptButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSuperscriptButtonDirective);
 
 /**
@@ -6120,8 +6176,8 @@ EditorSuperscriptButtonDirective = __decorate([
  * ```
  */
 let EditorInsertFileButtonDirective = class EditorInsertFileButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('insertFile', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertFile', button, editor, localization, toolsService);
     }
 };
 EditorInsertFileButtonDirective = __decorate([
@@ -6131,7 +6187,8 @@ EditorInsertFileButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertFileButtonDirective);
 
 /**
@@ -6190,8 +6247,8 @@ EditorBackColorDirective = __decorate([
  * ```
  */
 let EditorCleanFormattingButtonDirective = class EditorCleanFormattingButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('cleanFormatting', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('cleanFormatting', button, editor, localization, toolsService);
     }
 };
 EditorCleanFormattingButtonDirective = __decorate([
@@ -6201,7 +6258,8 @@ EditorCleanFormattingButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorCleanFormattingButtonDirective);
 
 /**
@@ -6216,8 +6274,8 @@ EditorCleanFormattingButtonDirective = __decorate([
  * ```
  */
 let EditorAddColumnBeforeButtonDirective = class EditorAddColumnBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addColumnBefore', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addColumnBefore', button, editor, localization, toolsService);
     }
 };
 EditorAddColumnBeforeButtonDirective = __decorate([
@@ -6227,7 +6285,8 @@ EditorAddColumnBeforeButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddColumnBeforeButtonDirective);
 
 /**
@@ -6242,8 +6301,8 @@ EditorAddColumnBeforeButtonDirective = __decorate([
  * ```
  */
 let EditorAddColumnAfterButtonDirective = class EditorAddColumnAfterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addColumnAfter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addColumnAfter', button, editor, localization, toolsService);
     }
 };
 EditorAddColumnAfterButtonDirective = __decorate([
@@ -6253,7 +6312,8 @@ EditorAddColumnAfterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddColumnAfterButtonDirective);
 
 /**
@@ -6268,8 +6328,8 @@ EditorAddColumnAfterButtonDirective = __decorate([
  * ```
  */
 let EditorAddRowBeforeButtonDirective = class EditorAddRowBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addRowBefore', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addRowBefore', button, editor, localization, toolsService);
     }
 };
 EditorAddRowBeforeButtonDirective = __decorate([
@@ -6279,7 +6339,8 @@ EditorAddRowBeforeButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddRowBeforeButtonDirective);
 
 /**
@@ -6294,8 +6355,8 @@ EditorAddRowBeforeButtonDirective = __decorate([
  * ```
  */
 let EditorAddRowAfterButtonDirective = class EditorAddRowAfterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addRowAfter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addRowAfter', button, editor, localization, toolsService);
     }
 };
 EditorAddRowAfterButtonDirective = __decorate([
@@ -6305,7 +6366,8 @@ EditorAddRowAfterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddRowAfterButtonDirective);
 
 /**
@@ -6320,8 +6382,8 @@ EditorAddRowAfterButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteColumnButtonDirective = class EditorDeleteColumnButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteColumn', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteColumn', button, editor, localization, toolsService);
     }
 };
 EditorDeleteColumnButtonDirective = __decorate([
@@ -6331,7 +6393,8 @@ EditorDeleteColumnButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteColumnButtonDirective);
 
 /**
@@ -6346,8 +6409,8 @@ EditorDeleteColumnButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteRowButtonDirective = class EditorDeleteRowButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteRow', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteRow', button, editor, localization, toolsService);
     }
 };
 EditorDeleteRowButtonDirective = __decorate([
@@ -6357,7 +6420,8 @@ EditorDeleteRowButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteRowButtonDirective);
 
 /**
@@ -6372,8 +6436,8 @@ EditorDeleteRowButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteTableButtonDirective = class EditorDeleteTableButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteTable', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteTable', button, editor, localization, toolsService);
     }
 };
 EditorDeleteTableButtonDirective = __decorate([
@@ -6383,7 +6447,8 @@ EditorDeleteTableButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteTableButtonDirective);
 
 /**
@@ -6400,8 +6465,8 @@ EditorDeleteTableButtonDirective = __decorate([
  * ```
  */
 let EditorMergeCellsButtonDirective = class EditorMergeCellsButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('mergeCells', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('mergeCells', button, editor, localization, toolsService);
     }
 };
 EditorMergeCellsButtonDirective = __decorate([
@@ -6411,7 +6476,8 @@ EditorMergeCellsButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorMergeCellsButtonDirective);
 
 /**
@@ -6428,8 +6494,8 @@ EditorMergeCellsButtonDirective = __decorate([
  * ```
  */
 let EditorSplitCellButtonDirective = class EditorSplitCellButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('splitCell', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('splitCell', button, editor, localization, toolsService);
     }
 };
 EditorSplitCellButtonDirective = __decorate([
@@ -6439,7 +6505,8 @@ EditorSplitCellButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSplitCellButtonDirective);
 
 /**
@@ -6755,8 +6822,8 @@ DropDownToolDirective = __decorate([
  * ```
  */
 let EditorPrintDirective = class EditorPrintDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('print', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('print', button, editor, localization, toolsService);
         this.editor = editor;
     }
     ngAfterViewInit() {
@@ -6785,7 +6852,8 @@ EditorPrintDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorPrintDirective);
 
 /**
@@ -6806,8 +6874,8 @@ EditorPrintDirective = __decorate([
  * ```
  */
 let EditorSelectAllButtonDirective = class EditorSelectAllButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('selectAll', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('selectAll', button, editor, localization, toolsService);
     }
     clickHandler() {
         this.editor.shouldEmitFocus = true;
@@ -6821,7 +6889,8 @@ EditorSelectAllButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSelectAllButtonDirective);
 
 const COMPONENT_DIRECTIVES = [
@@ -6993,4 +7062,4 @@ EditorModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorPrintDirective, EditorSelectAllButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema };
+export { ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorPrintDirective, EditorSelectAllButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorToolsService, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema };