@progress/kendo-angular-editor 2.5.0-dev.202111240844 → 3.0.0-dev.202112211443

package/dist/es/tools/fontfamily/editor-fontfamily.component.js

@@ -11,6 +11,7 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { FontFamilyDialogComponent } from '../../dialogs/font-family-dialog.component';
 import { FontFamilyDropDownListComponent } from './editor-fontfamily-dropdownlist.component';
+import { EditorToolsService } from '../tools.service';
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,11 +25,12 @@ import { FontFamilyDropDownListComponent } from './editor-fontfamily-dropdownlis
  */
 var EditorFontFamilyComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFontFamilyComponent, _super);
-    function EditorFontFamilyComponent(editor, dialogService, localization) {
+    function EditorFontFamilyComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -77,7 +79,10 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.fontName === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, fontName: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, fontName: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             var style = _a.style;
             _this.value = getUniqueStyleValues(style.selected, 'font-family') || null;
@@ -198,7 +203,8 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,
             DialogService,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorFontFamilyComponent);
     return EditorFontFamilyComponent;
 }(ToolBarToolComponent));

package/dist/es/tools/fontsize/editor-fontsize.component.js

@@ -11,6 +11,7 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { FontSizeDialogComponent } from '../../dialogs/font-size-dialog.component';
 import { FontSizeDropDownListComponent } from './editor-fontsize-dropdownlist.component';
+import { EditorToolsService } from '../tools.service';
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,11 +25,12 @@ import { FontSizeDropDownListComponent } from './editor-fontsize-dropdownlist.co
  */
 var EditorFontSizeComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFontSizeComponent, _super);
-    function EditorFontSizeComponent(editor, dialogService, localization) {
+    function EditorFontSizeComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -70,7 +72,10 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.size === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, size: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, size: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             // remove units(px, em, rem...)
             // string#match returns array
@@ -193,7 +198,8 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,
             DialogService,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorFontSizeComponent);
     return EditorFontSizeComponent;
 }(ToolBarToolComponent));

package/dist/es/tools/format/editor-format.component.js

@@ -11,6 +11,7 @@ import { EditorComponent } from '../../editor.component';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { FormatDialogComponent } from '../../dialogs/format-dialog.component';
 import { FormatDropDownListComponent } from './editor-format-dropdownlist.component';
+import { EditorToolsService } from '../tools.service';
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,11 +25,12 @@ import { FormatDropDownListComponent } from './editor-format-dropdownlist.compon
  */
 var EditorFormatComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFormatComponent, _super);
-    function EditorFormatComponent(editor, dialogService, localization) {
+    function EditorFormatComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -71,7 +73,10 @@ var EditorFormatComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.tag === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, tag: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, tag: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             var format = _a.format;
             var index = _this.data.findIndex(function (item) { return item.tag === format.selected.tag; });
@@ -190,7 +195,8 @@ var EditorFormatComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,
             DialogService,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorFormatComponent);
     return EditorFormatComponent;
 }(ToolBarToolComponent));

package/dist/es/tools/history/editor-redo-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 Redo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorRedoButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorRedoButtonDirective, _super);
-    function EditorRedoButtonDirective(button, editor, localization) {
-        return _super.call(this, 'redo', button, editor, localization) || this;
+    function EditorRedoButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'redo', button, editor, localization, toolsService) || this;
     }
     EditorRedoButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorRedoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorRedoButtonDirective);
     return EditorRedoButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/history/editor-undo-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 Undo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorUndoButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorUndoButtonDirective, _super);
-    function EditorUndoButtonDirective(button, editor, localization) {
-        return _super.call(this, 'undo', button, editor, localization) || this;
+    function EditorUndoButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'undo', button, editor, localization, toolsService) || this;
     }
     EditorUndoButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorUndoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorUndoButtonDirective);
     return EditorUndoButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/image/editor-insert-image-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 InsertImage tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertImageButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertImageButtonDirective, _super);
-    function EditorInsertImageButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertImage', button, editor, localization) || this;
+    function EditorInsertImageButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertImage', button, editor, localization, toolsService) || this;
     }
     EditorInsertImageButtonDirective = tslib_1.__decorate([
         Directive({
@@ -37,7 +38,8 @@ var EditorInsertImageButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertImageButtonDirective);
     return EditorInsertImageButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/indentation/editor-indent-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 Indent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorIndentButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorIndentButtonDirective, _super);
-    function EditorIndentButtonDirective(button, editor, localization) {
-        return _super.call(this, 'indent', button, editor, localization) || this;
+    function EditorIndentButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'indent', button, editor, localization, toolsService) || this;
     }
     EditorIndentButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorIndentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorIndentButtonDirective);
     return EditorIndentButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/indentation/editor-outdent-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 Outdent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorOutdentButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorOutdentButtonDirective, _super);
-    function EditorOutdentButtonDirective(button, editor, localization) {
-        return _super.call(this, 'outdent', button, editor, localization) || this;
+    function EditorOutdentButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'outdent', button, editor, localization, toolsService) || this;
     }
     EditorOutdentButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorOutdentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorOutdentButtonDirective);
     return EditorOutdentButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/link/editor-create-link-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 CreateLink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorCreateLinkButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCreateLinkButtonDirective, _super);
-    function EditorCreateLinkButtonDirective(button, editor, localization) {
-        return _super.call(this, 'createLink', button, editor, localization) || this;
+    function EditorCreateLinkButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'createLink', button, editor, localization, toolsService) || this;
     }
     EditorCreateLinkButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorCreateLinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorCreateLinkButtonDirective);
     return EditorCreateLinkButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/link/editor-insert-file-button.directive.js

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

package/dist/es/tools/link/editor-unlink-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 Unlink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorUnlinkButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorUnlinkButtonDirective, _super);
-    function EditorUnlinkButtonDirective(button, editor, localization) {
-        return _super.call(this, 'unlink', button, editor, localization) || this;
+    function EditorUnlinkButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'unlink', button, editor, localization, toolsService) || this;
     }
     EditorUnlinkButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorUnlinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorUnlinkButtonDirective);
     return EditorUnlinkButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/list/editor-insert-ordered-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 InsertOrderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertOrderedListButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertOrderedListButtonDirective, _super);
-    function EditorInsertOrderedListButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertOrderedList', button, editor, localization) || this;
+    function EditorInsertOrderedListButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertOrderedList', button, editor, localization, toolsService) || this;
     }
     EditorInsertOrderedListButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorInsertOrderedListButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertOrderedListButtonDirective);
     return EditorInsertOrderedListButtonDirective;
 }(EditorCommandButton));

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,12 +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;
+        this.toolsService = toolsService;
         setTimeout(function () {
             var text = _this.localization.get(_this.command);
             if (text) {
@@ -24,6 +25,7 @@ var EditorCommandBase = /** @class */ (function () {
                 _this.button.icon = commandIcons[_this.command];
             }
             _this.button.title = text;
+            _this.toolsService.needsCheck.next();
         });
     }
     EditorCommandBase.prototype.ngOnInit = function () {

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));