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

package/dist/es/editor.component.js

@@ -24,6 +24,7 @@ import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditorLocalizationService } from './localization/editor-localization.service';
 import { defaultStyle, tablesStyles, rtlStyles } from './common/styles';
 import { EditorErrorMessages } from './common/error-messages';
+import { EditorToolsService } from './tools/tools.service';
 var EMPTY_PARAGRAPH = '<p></p>';
 var defaultPasteCleanupSettings = {
     convertMsLists: false,
@@ -54,13 +55,14 @@ var ɵ0 = getPasteCleanupAttributes;
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
 var EditorComponent = /** @class */ (function () {
-    function EditorComponent(dialogService, localization, cdr, ngZone, element) {
+    function EditorComponent(dialogService, localization, cdr, ngZone, element, toolsService) {
         var _this = this;
         this.dialogService = dialogService;
         this.localization = localization;
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.element = element;
+        this.toolsService = toolsService;
         /**
          * If set to `false`, the Editor will run in style non-encapsulated mode. This means
          * that the styles of the page will be persisted in the Editor and its content will be affected by them.
@@ -408,6 +410,7 @@ var EditorComponent = /** @class */ (function () {
             var rtl = _a.rtl;
             _this.direction = rtl ? 'rtl' : 'ltr';
         }));
+        this.subs.add(this.toolsService.needsCheck.subscribe(function () { return _this.cdr.markForCheck(); }));
     };
     EditorComponent.prototype.ngAfterViewInit = function () {
         this.afterViewInit.next();
@@ -960,6 +963,7 @@ var EditorComponent = /** @class */ (function () {
             selector: 'kendo-editor',
             providers: [
                 EditorLocalizationService,
+                EditorToolsService,
                 {
                     provide: LocalizationService,
                     useExisting: EditorLocalizationService
@@ -988,7 +992,8 @@ var EditorComponent = /** @class */ (function () {
             LocalizationService,
             ChangeDetectorRef,
             NgZone,
-            ElementRef])
+            ElementRef,
+            EditorToolsService])
     ], EditorComponent);
     return EditorComponent;
 }());

package/dist/es/index.js

@@ -60,6 +60,7 @@ export { EditorInsertTableButtonComponent } from './tools/tables/editor-insert-t
 export { EditorMergeCellsButtonDirective } from './tools/tables/editor-merge-cells-button.directive';
 export { EditorSplitCellButtonDirective } from './tools/tables/editor-split-cell-button.directive';
 export { PopupTableGridComponent } from './tools/tables/popup-table-grid.component';
+export { EditorToolsService } from './tools/tools.service';
 export { EditorBoldButtonDirective } from './tools/typographical-emphasis/editor-bold-button.directive';
 export { EditorItalicButtonDirective } from './tools/typographical-emphasis/editor-italic-button.directive';
 export { EditorStrikethroughButtonDirective } from './tools/typographical-emphasis/editor-strikethrough-button.directive';

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637689470,
+    publishDate: 1638198421,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

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

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

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

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

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