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

package/dist/es2015/main.d.ts

@@ -9,3 +9,5 @@ export { EditorState, Plugin, PluginKey, Transaction, EditorView, Decoration, De
 export { PluginsFn } from './common/plugins-function';
 export { ApplyToWordOptions } from './common/apply-to-word-options';
 export { EditorResizableOptions } from './common/resizable-options.interface';
+export { EditorPasteEvent } from './preventable-events/paste-event';
+export { EditorPastedContentArgs } from './preventable-events/paste-event-data';

package/dist/es2015/main.js

@@ -6,3 +6,4 @@ export { EditorComponent } from './editor.component';
 export { EditorModule } from './editor.module';
 export { schema, Schema } from './config/schema';
 export { EditorState, Plugin, PluginKey, Transaction, EditorView, Decoration, DecorationSet, NodeType, Node, MarkType, Mark, InputRule, inputRules, wrappingInputRule, textblockTypeInputRule, keymap, baseKeymap, history, dropCursor, gapCursor, tableNodes, getSelectionText } from '@progress/kendo-editor-common';
+export { EditorPasteEvent } from './preventable-events/paste-event';

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637743184,
+    publishDate: 1640097479,
     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/es2015/preventable-events/paste-event-data.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The Editor [`pastedContent`]({% slug api_editor_editorcomponent %}#toc-pastedcontent) callback argument.
+ */
+export declare type EditorPastedContentArgs = {
+    /**
+     * The HTML content cleaned in accordance with the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
+     */
+    cleanedHtml: string;
+    /**
+     * The raw pasted content.
+     */
+    originalHtml: string;
+    /**
+     * The original DOM event.
+     */
+    originalEvent: ClipboardEvent;
+};

package/dist/es2015/preventable-events/paste-event-data.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/preventable-events/paste-event.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * The Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event.
+ */
+export declare class EditorPasteEvent extends PreventableEvent {
+    /**
+     * The HTML content cleaned in accordance with the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
+     */
+    cleanedHtml: string;
+    /**
+     * The raw pasted content.
+     */
+    originalHtml: string;
+    /**
+     * The original DOM event.
+     */
+    originalEvent: ClipboardEvent;
+    /**
+     * Constructs the event arguments for the `paste` event.
+     * @hidden
+     */
+    constructor(cleanedHtml: string, originalHtml: string, originalEvent: ClipboardEvent);
+}

package/dist/es2015/preventable-events/paste-event.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 { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * The Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event.
+ */
+export class EditorPasteEvent extends PreventableEvent {
+    /**
+     * Constructs the event arguments for the `paste` event.
+     * @hidden
+     */
+    constructor(cleanedHtml, originalHtml, originalEvent) {
+        super();
+        this.cleanedHtml = cleanedHtml;
+        this.originalHtml = originalHtml;
+        this.originalEvent = originalEvent;
+    }
+}

package/dist/es2015/tools/alignment/editor-align-center-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorAlignCenterButtonDirective = class EditorAlignCenterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignCenter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignCenter', button, editor, localization, toolsService);
     }
 };
 EditorAlignCenterButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorAlignCenterButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignCenterButtonDirective);
 export { EditorAlignCenterButtonDirective };

package/dist/es2015/tools/alignment/editor-align-justify-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorAlignJustifyButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorAlignJustifyButtonDirective = class EditorAlignJustifyButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignJustify', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignJustify', button, editor, localization, toolsService);
     }
 };
 EditorAlignJustifyButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorAlignJustifyButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignJustifyButtonDirective);
 export { EditorAlignJustifyButtonDirective };

package/dist/es2015/tools/alignment/editor-align-left-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorAlignLeftButtonDirective = class EditorAlignLeftButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignLeft', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignLeft', button, editor, localization, toolsService);
     }
 };
 EditorAlignLeftButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorAlignLeftButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignLeftButtonDirective);
 export { EditorAlignLeftButtonDirective };

package/dist/es2015/tools/alignment/editor-align-right-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorAlignRightButtonDirective = class EditorAlignRightButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('alignRight', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('alignRight', button, editor, localization, toolsService);
     }
 };
 EditorAlignRightButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorAlignRightButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignRightButtonDirective);
 export { EditorAlignRightButtonDirective };

package/dist/es2015/tools/editor-clean-formatting-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -24,5 +25,5 @@ import { EditorLocalizationService } from '../localization/editor-localization.s
  * ```
  */
 export declare class EditorCleanFormattingButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -26,8 +27,8 @@ import { EditorLocalizationService } from '../localization/editor-localization.s
  * ```
  */
 let EditorCleanFormattingButtonDirective = class EditorCleanFormattingButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('cleanFormatting', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('cleanFormatting', button, editor, localization, toolsService);
     }
 };
 EditorCleanFormattingButtonDirective = tslib_1.__decorate([
@@ -37,6 +38,7 @@ EditorCleanFormattingButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorCleanFormattingButtonDirective);
 export { EditorCleanFormattingButtonDirective };

package/dist/es2015/tools/fontfamily/editor-fontfamily.component.d.ts

@@ -9,6 +9,7 @@ import { FontFamilyItem } from '../../common/font-family-item.interface';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { DialogService } from '@progress/kendo-angular-dialog';
 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,6 +25,7 @@ export declare class EditorFontFamilyComponent extends ToolBarToolComponent {
     private editor;
     private dialogService;
     private localization;
+    private toolsService;
     value: string;
     disabled: boolean;
     tabindex: number;
@@ -53,7 +55,7 @@ export declare class EditorFontFamilyComponent extends ToolBarToolComponent {
     }) => boolean;
     private subs;
     private _data;
-    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService);
+    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService, toolsService: EditorToolsService);
     ngOnInit(): void;
     /**
      * @hidden

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

@@ -12,6 +12,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
  * ```
  */
 let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFamilyComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -70,7 +72,10 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
                 return itemArgs.dataItem.fontName === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, fontName: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, fontName: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             this.value = getUniqueStyleValues(style.selected, 'font-family') || null;
             this.disabled = style.disabled;
@@ -213,6 +218,7 @@ EditorFontFamilyComponent = EditorFontFamilyComponent_1 = tslib_1.__decorate([
     tslib_1.__param(0, Host()),
     tslib_1.__metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontFamilyComponent);
 export { EditorFontFamilyComponent };

package/dist/es2015/tools/fontsize/editor-fontsize.component.d.ts

@@ -10,6 +10,7 @@ import { FontSizeItem } from '../../common/font-size-item.interface';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { DialogService } from '@progress/kendo-angular-dialog';
 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)).
@@ -25,6 +26,7 @@ export declare class EditorFontSizeComponent extends ToolBarToolComponent {
     private editor;
     private dialogService;
     private localization;
+    private toolsService;
     value: string;
     disabled: boolean;
     tabindex: number;
@@ -51,7 +53,7 @@ export declare class EditorFontSizeComponent extends ToolBarToolComponent {
     itemDisabled: ItemDisabledFn;
     private subs;
     private _data;
-    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService);
+    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService, toolsService: EditorToolsService);
     ngOnInit(): void;
     /**
      * @hidden

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

@@ -12,6 +12,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
  * ```
  */
 let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -63,7 +65,10 @@ let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeCo
                 return itemArgs.dataItem.size === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, size: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, size: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             // remove units(px, em, rem...)
             // string#match returns array
@@ -208,6 +213,7 @@ EditorFontSizeComponent = EditorFontSizeComponent_1 = tslib_1.__decorate([
     tslib_1.__param(0, Host()),
     tslib_1.__metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontSizeComponent);
 export { EditorFontSizeComponent };

package/dist/es2015/tools/format/editor-format.component.d.ts

@@ -10,6 +10,7 @@ import { EditorComponent } from '../../editor.component';
 import { FormatItem } from '../../common/format-item.interface';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 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)).
@@ -25,6 +26,7 @@ export declare class EditorFormatComponent extends ToolBarToolComponent {
     private editor;
     private dialogService;
     private localization;
+    private toolsService;
     value: string;
     defaultItem: FormatItem;
     itemDisabled: ItemDisabledFn;
@@ -44,7 +46,7 @@ export declare class EditorFormatComponent extends ToolBarToolComponent {
     formatButton: ElementRef;
     private subs;
     private _data;
-    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService);
+    constructor(editor: EditorComponent, dialogService: DialogService, localization: EditorLocalizationService, toolsService: EditorToolsService);
     ngOnInit(): void;
     /**
      * @hidden

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

@@ -12,6 +12,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
  * ```
  */
 let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization) {
+    constructor(editor, dialogService, localization, toolsService) {
         super();
         this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
+        this.toolsService = toolsService;
         this.disabled = false;
         this.tabindex = -1;
         /**
@@ -64,7 +66,10 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
                 return itemArgs.dataItem.tag === null;
             }
         };
-        setTimeout(() => (this.defaultItem = { text: this.title, tag: null }));
+        setTimeout(() => {
+            this.defaultItem = { text: this.title, tag: null };
+            this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(({ format }) => {
             const index = this.data.findIndex(item => item.tag === format.selected.tag);
             this.value = index !== -1 ? format.selected.tag : null;
@@ -205,6 +210,7 @@ EditorFormatComponent = EditorFormatComponent_1 = tslib_1.__decorate([
     tslib_1.__param(0, Host()),
     tslib_1.__metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFormatComponent);
 export { EditorFormatComponent };

package/dist/es2015/tools/history/editor-redo-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorRedoButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorRedoButtonDirective = class EditorRedoButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('redo', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('redo', button, editor, localization, toolsService);
     }
 };
 EditorRedoButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorRedoButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorRedoButtonDirective);
 export { EditorRedoButtonDirective };

package/dist/es2015/tools/history/editor-undo-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -25,5 +26,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorUndoButtonDirective extends EditorCommandButton {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }

package/dist/es2015/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)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 let EditorUndoButtonDirective = class EditorUndoButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('undo', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('undo', button, editor, localization, toolsService);
     }
 };
 EditorUndoButtonDirective = tslib_1.__decorate([
@@ -38,6 +39,7 @@ EditorUndoButtonDirective = tslib_1.__decorate([
     tslib_1.__param(1, Host()),
     tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUndoButtonDirective);
 export { EditorUndoButtonDirective };

package/dist/es2015/tools/image/editor-insert-image-button.directive.d.ts

@@ -6,6 +6,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)).
@@ -24,5 +25,5 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  * ```
  */
 export declare class EditorInsertImageButtonDirective extends EditorCommandDialog {
-    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
 }