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

package/dist/es/tools/list/editor-insert-unordered-list-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertUnorderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertUnorderedListButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertUnorderedListButtonDirective, _super);
-    function EditorInsertUnorderedListButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertUnorderedList', button, editor, localization) || this;
+    function EditorInsertUnorderedListButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertUnorderedList', button, editor, localization, toolsService) || this;
     }
     EditorInsertUnorderedListButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorInsertUnorderedListButtonDirective = /** @class */ (function (_super)
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertUnorderedListButtonDirective);
     return EditorInsertUnorderedListButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/print/editor-print-button.directive.js

@@ -9,6 +9,7 @@ import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { EditorErrorMessages } from '../../common/error-messages';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ import { EditorErrorMessages } from '../../common/error-messages';
  */
 var EditorPrintDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorPrintDirective, _super);
-    function EditorPrintDirective(button, editor, localization) {
-        var _this = _super.call(this, 'print', button, editor, localization) || this;
+    function EditorPrintDirective(button, editor, localization, toolsService) {
+        var _this = _super.call(this, 'print', button, editor, localization, toolsService) || this;
         _this.editor = editor;
         return _this;
     }
@@ -60,7 +61,8 @@ var EditorPrintDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorPrintDirective);
     return EditorPrintDirective;
 }(EditorCommandButton));

package/dist/es/tools/select-all/select-all-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorSelectAllButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorSelectAllButtonDirective, _super);
-    function EditorSelectAllButtonDirective(button, editor, localization) {
-        return _super.call(this, 'selectAll', button, editor, localization) || this;
+    function EditorSelectAllButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'selectAll', button, editor, localization, toolsService) || this;
     }
     EditorSelectAllButtonDirective.prototype.clickHandler = function () {
         this.editor.shouldEmitFocus = true;
@@ -41,7 +42,8 @@ var EditorSelectAllButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorSelectAllButtonDirective);
     return EditorSelectAllButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/shared/editor-command-base.js

@@ -7,19 +7,13 @@ import { commandIcons } from '../../config/command-icons';
  * @hidden
  */
 var EditorCommandBase = /** @class */ (function () {
-    function EditorCommandBase(command, button, editor, localization) {
+    function EditorCommandBase(command, button, editor, localization, toolsService) {
+        var _this = this;
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
-    }
-    EditorCommandBase.prototype.ngOnInit = function () {
-        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))));
-    };
-    EditorCommandBase.prototype.ngAfterViewInit = function () {
-        var _this = this;
+        this.toolsService = toolsService;
         setTimeout(function () {
             var text = _this.localization.get(_this.command);
             if (text) {
@@ -31,7 +25,13 @@ var EditorCommandBase = /** @class */ (function () {
                 _this.button.icon = commandIcons[_this.command];
             }
             _this.button.title = text;
+            _this.toolsService.needsCheck.next();
         });
+    }
+    EditorCommandBase.prototype.ngOnInit = function () {
+        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))));
     };
     EditorCommandBase.prototype.ngOnDestroy = function () {
         if (this.subs) {

package/dist/es/tools/shared/editor-command-button.js

@@ -9,12 +9,13 @@ import { EditorCommandBase } from './editor-command-base';
  */
 var EditorCommandButton = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCommandButton, _super);
-    function EditorCommandButton(command, button, editor, localization) {
-        var _this = _super.call(this, command, button, editor, localization) || this;
+    function EditorCommandButton(command, button, editor, localization, toolsService) {
+        var _this = _super.call(this, command, button, editor, localization, toolsService) || this;
         _this.command = command;
         _this.button = button;
         _this.editor = editor;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         return _this;
     }
     EditorCommandButton.prototype.clickHandler = function () {

package/dist/es/tools/shared/editor-command-dialog.js

@@ -9,12 +9,13 @@ import { EditorCommandBase } from './editor-command-base';
  */
 var EditorCommandDialog = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCommandDialog, _super);
-    function EditorCommandDialog(dialog, button, editor, localization) {
-        var _this = _super.call(this, dialog, button, editor, localization) || this;
+    function EditorCommandDialog(dialog, button, editor, localization, toolsService) {
+        var _this = _super.call(this, dialog, button, editor, localization, toolsService) || this;
         _this.dialog = dialog;
         _this.button = button;
         _this.editor = editor;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         return _this;
     }
     EditorCommandDialog.prototype.clickHandler = function () {

package/dist/es/tools/source/editor-view-source-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandDialog } from '../shared/editor-command-dialog';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor ViewSource tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorViewSourceButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorViewSourceButtonDirective, _super);
-    function EditorViewSourceButtonDirective(button, editor, localization) {
-        return _super.call(this, 'viewSource', button, editor, localization) || this;
+    function EditorViewSourceButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'viewSource', button, editor, localization, toolsService) || this;
     }
     EditorViewSourceButtonDirective = tslib_1.__decorate([
         Directive({
@@ -37,7 +38,8 @@ var EditorViewSourceButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorViewSourceButtonDirective);
     return EditorViewSourceButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/tables/editor-add-column-after-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnAfter tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorAddColumnAfterButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorAddColumnAfterButtonDirective, _super);
-    function EditorAddColumnAfterButtonDirective(button, editor, localization) {
-        return _super.call(this, 'addColumnAfter', button, editor, localization) || this;
+    function EditorAddColumnAfterButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'addColumnAfter', button, editor, localization, toolsService) || this;
     }
     EditorAddColumnAfterButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorAddColumnAfterButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorAddColumnAfterButtonDirective);
     return EditorAddColumnAfterButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-add-column-before-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnBefore tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorAddColumnBeforeButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorAddColumnBeforeButtonDirective, _super);
-    function EditorAddColumnBeforeButtonDirective(button, editor, localization) {
-        return _super.call(this, 'addColumnBefore', button, editor, localization) || this;
+    function EditorAddColumnBeforeButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'addColumnBefore', button, editor, localization, toolsService) || this;
     }
     EditorAddColumnBeforeButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorAddColumnBeforeButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorAddColumnBeforeButtonDirective);
     return EditorAddColumnBeforeButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-add-row-after-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowAfter tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorAddRowAfterButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorAddRowAfterButtonDirective, _super);
-    function EditorAddRowAfterButtonDirective(button, editor, localization) {
-        return _super.call(this, 'addRowAfter', button, editor, localization) || this;
+    function EditorAddRowAfterButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'addRowAfter', button, editor, localization, toolsService) || this;
     }
     EditorAddRowAfterButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorAddRowAfterButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorAddRowAfterButtonDirective);
     return EditorAddRowAfterButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-add-row-before-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddRowBefore tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorAddRowBeforeButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorAddRowBeforeButtonDirective, _super);
-    function EditorAddRowBeforeButtonDirective(button, editor, localization) {
-        return _super.call(this, 'addRowBefore', button, editor, localization) || this;
+    function EditorAddRowBeforeButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'addRowBefore', button, editor, localization, toolsService) || this;
     }
     EditorAddRowBeforeButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorAddRowBeforeButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorAddRowBeforeButtonDirective);
     return EditorAddRowBeforeButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-delete-column-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteColumn tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorDeleteColumnButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorDeleteColumnButtonDirective, _super);
-    function EditorDeleteColumnButtonDirective(button, editor, localization) {
-        return _super.call(this, 'deleteColumn', button, editor, localization) || this;
+    function EditorDeleteColumnButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'deleteColumn', button, editor, localization, toolsService) || this;
     }
     EditorDeleteColumnButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorDeleteColumnButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorDeleteColumnButtonDirective);
     return EditorDeleteColumnButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-delete-row-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteRow tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorDeleteRowButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorDeleteRowButtonDirective, _super);
-    function EditorDeleteRowButtonDirective(button, editor, localization) {
-        return _super.call(this, 'deleteRow', button, editor, localization) || this;
+    function EditorDeleteRowButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'deleteRow', button, editor, localization, toolsService) || this;
     }
     EditorDeleteRowButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorDeleteRowButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorDeleteRowButtonDirective);
     return EditorDeleteRowButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-delete-table-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor DeleteTable tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorDeleteTableButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorDeleteTableButtonDirective, _super);
-    function EditorDeleteTableButtonDirective(button, editor, localization) {
-        return _super.call(this, 'deleteTable', button, editor, localization) || this;
+    function EditorDeleteTableButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'deleteTable', button, editor, localization, toolsService) || this;
     }
     EditorDeleteTableButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorDeleteTableButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorDeleteTableButtonDirective);
     return EditorDeleteTableButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-merge-cells-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * @hidden
  *
@@ -23,8 +24,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorMergeCellsButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorMergeCellsButtonDirective, _super);
-    function EditorMergeCellsButtonDirective(button, editor, localization) {
-        return _super.call(this, 'mergeCells', button, editor, localization) || this;
+    function EditorMergeCellsButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'mergeCells', button, editor, localization, toolsService) || this;
     }
     EditorMergeCellsButtonDirective = tslib_1.__decorate([
         Directive({
@@ -33,7 +34,8 @@ var EditorMergeCellsButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorMergeCellsButtonDirective);
     return EditorMergeCellsButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tables/editor-split-cell-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * @hidden
  *
@@ -23,8 +24,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorSplitCellButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorSplitCellButtonDirective, _super);
-    function EditorSplitCellButtonDirective(button, editor, localization) {
-        return _super.call(this, 'splitCell', button, editor, localization) || this;
+    function EditorSplitCellButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'splitCell', button, editor, localization, toolsService) || this;
     }
     EditorSplitCellButtonDirective = tslib_1.__decorate([
         Directive({
@@ -33,7 +34,8 @@ var EditorSplitCellButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorSplitCellButtonDirective);
     return EditorSplitCellButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/tools.service.js

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * @hidden
+ */
+var EditorToolsService = /** @class */ (function () {
+    function EditorToolsService() {
+        this.needsCheck = new Subject();
+    }
+    EditorToolsService = tslib_1.__decorate([
+        Injectable()
+    ], EditorToolsService);
+    return EditorToolsService;
+}());
+export { EditorToolsService };

package/dist/es/tools/typographical-emphasis/editor-bold-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Bold tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorBoldButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorBoldButtonDirective, _super);
-    function EditorBoldButtonDirective(button, editor, localization) {
-        return _super.call(this, 'bold', button, editor, localization) || this;
+    function EditorBoldButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'bold', button, editor, localization, toolsService) || this;
     }
     EditorBoldButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorBoldButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorBoldButtonDirective);
     return EditorBoldButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/typographical-emphasis/editor-italic-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Italic tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorItalicButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorItalicButtonDirective, _super);
-    function EditorItalicButtonDirective(button, editor, localization) {
-        return _super.call(this, 'italic', button, editor, localization) || this;
+    function EditorItalicButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'italic', button, editor, localization, toolsService) || this;
     }
     EditorItalicButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorItalicButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorItalicButtonDirective);
     return EditorItalicButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/typographical-emphasis/editor-strikethrough-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Strikethrough tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorStrikethroughButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorStrikethroughButtonDirective, _super);
-    function EditorStrikethroughButtonDirective(button, editor, localization) {
-        return _super.call(this, 'strikethrough', button, editor, localization) || this;
+    function EditorStrikethroughButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'strikethrough', button, editor, localization, toolsService) || this;
     }
     EditorStrikethroughButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorStrikethroughButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorStrikethroughButtonDirective);
     return EditorStrikethroughButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/typographical-emphasis/editor-subscript-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Subscript tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorSubscriptButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorSubscriptButtonDirective, _super);
-    function EditorSubscriptButtonDirective(button, editor, localization) {
-        return _super.call(this, 'subscript', button, editor, localization) || this;
+    function EditorSubscriptButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'subscript', button, editor, localization, toolsService) || this;
     }
     EditorSubscriptButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorSubscriptButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorSubscriptButtonDirective);
     return EditorSubscriptButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/typographical-emphasis/editor-superscript-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Superscript tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorSuperscriptButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorSuperscriptButtonDirective, _super);
-    function EditorSuperscriptButtonDirective(button, editor, localization) {
-        return _super.call(this, 'superscript', button, editor, localization) || this;
+    function EditorSuperscriptButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'superscript', button, editor, localization, toolsService) || this;
     }
     EditorSuperscriptButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorSuperscriptButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorSuperscriptButtonDirective);
     return EditorSuperscriptButtonDirective;
 }(EditorCommandButton));