@progress/kendo-angular-editor 2.5.0-dev.202111161123 → 2.5.0-dev.202111291334

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

@@ -13,6 +13,7 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
 var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
 var font_size_dialog_component_1 = require("../../dialogs/font-size-dialog.component");
 var editor_fontsize_dropdownlist_component_1 = require("./editor-fontsize-dropdownlist.component");
+var tools_service_1 = require("../tools.service");
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -26,11 +27,12 @@ var editor_fontsize_dropdownlist_component_1 = require("./editor-fontsize-dropdo
  */
 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;
         /**
@@ -72,7 +74,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
@@ -195,7 +200,8 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [editor_component_1.EditorComponent,
             kendo_angular_dialog_1.DialogService,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorFontSizeComponent);
     return EditorFontSizeComponent;
 }(kendo_angular_toolbar_1.ToolBarToolComponent));

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

@@ -13,6 +13,7 @@ var editor_component_1 = require("../../editor.component");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
 var format_dialog_component_1 = require("../../dialogs/format-dialog.component");
 var editor_format_dropdownlist_component_1 = require("./editor-format-dropdownlist.component");
+var tools_service_1 = require("../tools.service");
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -26,11 +27,12 @@ var editor_format_dropdownlist_component_1 = require("./editor-format-dropdownli
  */
 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;
         /**
@@ -73,7 +75,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; });
@@ -192,7 +197,8 @@ var EditorFormatComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [editor_component_1.EditorComponent,
             kendo_angular_dialog_1.DialogService,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorFormatComponent);
     return EditorFormatComponent;
 }(kendo_angular_toolbar_1.ToolBarToolComponent));

package/dist/npm/tools/history/editor-redo-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorRedoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorRedoButtonDirective);
     return EditorRedoButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

package/dist/npm/tools/history/editor-undo-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Undo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorUndoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorUndoButtonDirective);
     return EditorUndoButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

package/dist/npm/tools/image/editor-insert-image-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_dialog_1 = require("../shared/editor-command-dialog");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertImage tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -29,8 +30,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -39,7 +40,8 @@ var EditorInsertImageButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorInsertImageButtonDirective);
     return EditorInsertImageButtonDirective;
 }(editor_command_dialog_1.EditorCommandDialog));

package/dist/npm/tools/indentation/editor-indent-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Indent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorIndentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorIndentButtonDirective);
     return EditorIndentButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

package/dist/npm/tools/indentation/editor-outdent-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Outdent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorOutdentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorOutdentButtonDirective);
     return EditorOutdentButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

package/dist/npm/tools/link/editor-create-link-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_dialog_1 = require("../shared/editor-command-dialog");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor CreateLink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorCreateLinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorCreateLinkButtonDirective);
     return EditorCreateLinkButtonDirective;
 }(editor_command_dialog_1.EditorCommandDialog));

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

@@ -10,6 +10,7 @@ var editor_component_1 = require("../../editor.component");
 var editor_command_dialog_1 = require("../shared/editor-command-dialog");
 var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor 'Insert File' tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -22,8 +23,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -32,7 +33,8 @@ var EditorInsertFileButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorInsertFileButtonDirective);
     return EditorInsertFileButtonDirective;
 }(editor_command_dialog_1.EditorCommandDialog));

package/dist/npm/tools/link/editor-unlink-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Unlink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorUnlinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorUnlinkButtonDirective);
     return EditorUnlinkButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

package/dist/npm/tools/list/editor-insert-ordered-list-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertOrderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorInsertOrderedListButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorInsertOrderedListButtonDirective);
     return EditorInsertOrderedListButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

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

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_button_1 = require("../shared/editor-command-button");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertUnorderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -30,8 +31,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -40,7 +41,8 @@ var EditorInsertUnorderedListButtonDirective = /** @class */ (function (_super)
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorInsertUnorderedListButtonDirective);
     return EditorInsertUnorderedListButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

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

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
+var editor_component_1 = require("../../editor.component");
+var editor_command_button_1 = require("../shared/editor-command-button");
+var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var error_messages_1 = require("../../common/error-messages");
+var tools_service_1 = require("../tools.service");
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * > The Editor Print tool is supported in the default [`iframe`](https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorComponent/#toc-iframe) mode only.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+var EditorPrintDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(EditorPrintDirective, _super);
+    function EditorPrintDirective(button, editor, localization, toolsService) {
+        var _this = _super.call(this, 'print', button, editor, localization, toolsService) || this;
+        _this.editor = editor;
+        return _this;
+    }
+    EditorPrintDirective.prototype.ngAfterViewInit = function () {
+        if (core_1.isDevMode) {
+            if (!this.editor.iframe) {
+                throw new Error(error_messages_1.EditorErrorMessages.printTool);
+            }
+        }
+    };
+    EditorPrintDirective.prototype.clickHandler = function () {
+        if (this.editor.iframe) {
+            var view = this.editor.view;
+            var dom = view && view.dom;
+            var doc = dom && dom.ownerDocument;
+            var editorWindow = doc && doc.defaultView;
+            if (editorWindow) {
+                editorWindow.print();
+            }
+        }
+    };
+    EditorPrintDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+        }),
+        tslib_1.__param(1, core_1.Host()),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
+            editor_component_1.EditorComponent,
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
+    ], EditorPrintDirective);
+    return EditorPrintDirective;
+}(editor_command_button_1.EditorCommandButton));
+exports.EditorPrintDirective = EditorPrintDirective;

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

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
+var editor_component_1 = require("../../editor.component");
+var editor_command_button_1 = require("../shared/editor-command-button");
+var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+var EditorSelectAllButtonDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(EditorSelectAllButtonDirective, _super);
+    function EditorSelectAllButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'selectAll', button, editor, localization, toolsService) || this;
+    }
+    EditorSelectAllButtonDirective.prototype.clickHandler = function () {
+        this.editor.shouldEmitFocus = true;
+        _super.prototype.clickHandler.call(this);
+    };
+    EditorSelectAllButtonDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+        }),
+        tslib_1.__param(1, core_1.Host()),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
+            editor_component_1.EditorComponent,
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
+    ], EditorSelectAllButtonDirective);
+    return EditorSelectAllButtonDirective;
+}(editor_command_button_1.EditorCommandButton));
+exports.EditorSelectAllButtonDirective = EditorSelectAllButtonDirective;

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

@@ -9,29 +9,31 @@ var command_icons_1 = require("../../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 () {
-        var _this = this;
-        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))));
-        Promise.resolve(null).then(function () {
+        this.toolsService = toolsService;
+        setTimeout(function () {
             var text = _this.localization.get(_this.command);
             if (text) {
-                _this.button.showText = "overflow";
-                _this.button.showIcon = "both";
+                _this.button.showText = 'overflow';
+                _this.button.showIcon = 'both';
                 _this.button.text = text;
             }
-            if (!_this.button.icon) {
+            if (!_this.button.toolbarOptions.icon) {
                 _this.button.icon = command_icons_1.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/npm/tools/shared/editor-command-button.js

@@ -11,12 +11,13 @@ var editor_command_base_1 = require("./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/npm/tools/shared/editor-command-dialog.js

@@ -11,12 +11,13 @@ var editor_command_base_1 = require("./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/npm/tools/source/editor-view-source-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../../editor.component");
 var editor_command_dialog_1 = require("../shared/editor-command-dialog");
 var editor_localization_service_1 = require("../../localization/editor-localization.service");
+var tools_service_1 = require("../tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor ViewSource tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -29,8 +30,8 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
  */
 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([
         core_1.Directive({
@@ -39,7 +40,8 @@ var EditorViewSourceButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorViewSourceButtonDirective);
     return EditorViewSourceButtonDirective;
 }(editor_command_dialog_1.EditorCommandDialog));