@progress/kendo-angular-editor 2.5.0-dev.202111111129 → 2.5.0-dev.202111261548

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-insert-table-button.component.js

@@ -45,9 +45,6 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
         return _this;
     }
     EditorInsertTableButtonComponent_1 = EditorInsertTableButtonComponent;
-    EditorInsertTableButtonComponent.prototype.ngAfterViewInit = function () {
-        this.getButton().tabIndex = -1;
-    };
     EditorInsertTableButtonComponent.prototype.ngOnDestroy = function () {
         this.destroyPopup();
         if (this.subs) {
@@ -98,7 +95,7 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
      * @hidden
      */
     EditorInsertTableButtonComponent.prototype.onBlur = function () {
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         this.buttonBlurred.emit();
     };
     /**
@@ -119,8 +116,8 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
      * @hidden
      */
     EditorInsertTableButtonComponent.prototype.focus = function () {
+        this.tabIndex = 0;
         this.getButton().focus();
-        this.getButton().tabIndex = 0;
     };
     /**
      * @hidden
@@ -129,7 +126,7 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
         if (ev.keyCode === Keys.Space || ev.keyCode === Keys.Enter) {
             return true;
         }
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         return false;
     };
     /**
@@ -172,7 +169,7 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
         tslib_1.__metadata("design:type", TemplateRef)
     ], EditorInsertTableButtonComponent.prototype, "toolbarTemplate", void 0);
     tslib_1.__decorate([
-        ViewChild('popupTemplate', { static: true }),
+        ViewChild('popupTemplate', { static: false }),
         tslib_1.__metadata("design:type", TemplateRef)
     ], EditorInsertTableButtonComponent.prototype, "popupTemplate", void 0);
     tslib_1.__decorate([
@@ -192,7 +189,7 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
             // tslint:disable-next-line:no-forward-ref
             providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return EditorInsertTableButtonComponent_1; }) }],
             selector: 'kendo-editor-insert-table-button',
-            template: "\n        <ng-template #toolbarTemplate>\n            <button\n                type=\"button\"\n                kendoButton\n                #element\n                [attr.title]=\"title\"\n                [icon]=\"'table-insert'\"\n                [disabled]=\"disabled\"\n                (click)=\"toggle()\"\n                (blur)=\"onBlur()\"\n            ></button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button kendoButton #overflowElement [attr.title]=\"title\" [icon]=\"'table-insert'\" [disabled]=\"disabled\" (click)=\"openDialog()\">\n                {{ title }}\n            </button>\n        </ng-template>\n        <ng-template #popupGridTemplate>\n            <kendo-popup-table-grid (cellClick)=\"onCellClick($event)\" (tableWizardClick)=\"onTableWizardClick()\"></kendo-popup-table-grid>\n        </ng-template>\n    "
+            template: "\n        <ng-template #toolbarTemplate>\n            <button\n                type=\"button\"\n                kendoButton\n                #element\n                [attr.title]=\"title\"\n                [attr.tabindex]=\"tabIndex\"\n                [icon]=\"'table-insert'\"\n                [disabled]=\"disabled\"\n                (click)=\"toggle()\"\n                (blur)=\"onBlur()\"\n            ></button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                kendoButton\n                #overflowElement\n                [attr.title]=\"title\"\n                [attr.tabindex]=\"tabIndex\"\n                [icon]=\"'table-insert'\"\n                [disabled]=\"disabled\"\n                (click)=\"openDialog()\">\n                {{ title }}\n            </button>\n        </ng-template>\n        <ng-template #popupGridTemplate>\n            <kendo-popup-table-grid (cellClick)=\"onCellClick($event)\" (tableWizardClick)=\"onTableWizardClick()\"></kendo-popup-table-grid>\n        </ng-template>\n    "
         }),
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,

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

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

package/dist/es2015/common/commands.d.ts

@@ -11,10 +11,14 @@ export declare type DispatchFn = (tr: Transaction) => void;
  * @hidden
  */
 export declare type Command = (state: EditorState, dispatch: DispatchFn, view?: EditorView) => boolean | void;
+/**
+ * @hidden
+ */
+export declare type EditorInternalCommand = 'print';
 /**
  * The list of the command names that are accepted by the `exec` method.
  */
-export declare type EditorCommand = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'createLink' | 'unlink' | 'insertFile' | 'insertImage' | 'insertOrderedList' | 'insertUnorderedList' | 'insertText' | 'indent' | 'outdent' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'format' | 'fontFamily' | 'fontSize' | 'cleanFormat' | 'setHTML' | 'undo' | 'redo' | 'subscript' | 'superscript' | 'cleanFormatting' | 'foreColor' | 'backColor' | 'insertTable' | 'addColumnBefore' | 'addColumnAfter' | 'addRowBefore' | 'addRowAfter' | 'deleteRow' | 'deleteColumn' | 'mergeCells' | 'splitCell' | 'deleteTable';
+export declare type EditorCommand = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'createLink' | 'unlink' | 'insertFile' | 'insertImage' | 'insertOrderedList' | 'insertUnorderedList' | 'insertText' | 'indent' | 'outdent' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'format' | 'fontFamily' | 'fontSize' | 'cleanFormat' | 'setHTML' | 'undo' | 'redo' | 'subscript' | 'superscript' | 'cleanFormatting' | 'foreColor' | 'backColor' | 'insertTable' | 'addColumnBefore' | 'addColumnAfter' | 'addRowBefore' | 'addRowAfter' | 'deleteRow' | 'deleteColumn' | 'mergeCells' | 'splitCell' | 'deleteTable' | 'selectAll';
 /**
  * The list of the dialog names that are accepted by the `openDialog` method.
  */

package/dist/es2015/common/error-messages.js

@@ -12,6 +12,7 @@ export const EditorErrorMessages = {
     setSchemaOnce: 'The Schema cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/schema/',
     pluginsCallbackType: ɵ0,
     setPluginsOnce: 'The plugins cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/plugins/',
-    setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/placeholder/'
+    setPlaceHolderOnce: 'The placeholder cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/placeholder/',
+    printTool: 'The Print tool and functionality are supported only in iframe mode. See https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorPrintButtonDirective/'
 };
 export { ɵ0 };

package/dist/es2015/config/command-icons.d.ts

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EditorCommand, DialogCommand } from '../common/commands';
+import { EditorCommand, DialogCommand, EditorInternalCommand } from '../common/commands';
 /**
  * @hidden
  */
-export declare const commandIcons: Partial<Record<EditorCommand | DialogCommand, string>>;
+export declare const commandIcons: Partial<Record<EditorCommand | DialogCommand | EditorInternalCommand, string>>;

package/dist/es2015/config/command-icons.js

@@ -10,9 +10,11 @@ export const commandIcons = {
     alignJustify: 'align-justify',
     alignLeft: 'align-left',
     alignRight: 'align-right',
+    backColor: 'background',
     bold: 'bold',
     cleanFormatting: 'clear-css',
     createLink: 'link-horizontal',
+    foreColor: 'foreground-color',
     indent: 'indent-increase',
     insertFile: 'file-add',
     insertImage: 'image',
@@ -20,7 +22,9 @@ export const commandIcons = {
     insertUnorderedList: 'list-unordered',
     italic: 'italic',
     outdent: 'indent-decrease',
+    print: 'print',
     redo: 'redo',
+    selectAll: 'select-all',
     strikethrough: 'strikethrough',
     subscript: 'sub-script',
     superscript: 'sup-script',
@@ -28,8 +32,6 @@ export const commandIcons = {
     undo: 'undo',
     unlink: 'unlink-horizontal',
     viewSource: 'html',
-    foreColor: 'foreground-color',
-    backColor: 'background',
     //table
     insertTable: 'table-insert',
     addColumnBefore: 'table-column-insert-left',