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

package/dist/fesm2015/index.js

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __param, __metadata } from 'tslib';
-import { Inject, Optional, Input, ViewChild, ElementRef, Component, EventEmitter, isDevMode, Output, HostBinding, ContentChild, ViewContainerRef, forwardRef, ChangeDetectorRef, NgZone, TemplateRef, Host, Directive, NgModule } from '@angular/core';
+import { Inject, Optional, Input, ViewChild, ElementRef, Component, Injectable, EventEmitter, isDevMode, Output, HostBinding, ContentChild, ViewContainerRef, forwardRef, ChangeDetectorRef, NgZone, TemplateRef, Host, Directive, NgModule } from '@angular/core';
 import { FormControl, Validators, FormGroup, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BehaviorSubject, Subject, zip, fromEvent, merge, interval } from 'rxjs';
+import { Subject, BehaviorSubject, zip, fromEvent, merge, interval } from 'rxjs';
 import { take, filter, auditTime, map, concatMap, takeUntil } from 'rxjs/operators';
 import { ToolBarComponent, ToolBarToolComponent, ToolBarButtonComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
 import { DialogContentBase, DialogRef, DialogService, DialogModule } from '@progress/kendo-angular-dialog';
 import { isDocumentAvailable, guid, KendoInput, Keys } from '@progress/kendo-angular-common';
-import { nodes, Schema, marks, Selection, SelectionRange, TextSelection, Fragment, Slice, NodeSelection, insertNode, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, isAligned, alignCenterRules, alignBlocks, alignRemoveRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, getActiveMarks, expandSelection, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, getNodeFromSelection, getMark, getSelectionText, parseContent, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, placeholder, EditorState, EditorView, hasSameMarkup, pasteCleanup, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr } from '@progress/kendo-editor-common';
+import { nodes, Schema, marks, Selection, SelectionRange, TextSelection, Fragment, Slice, NodeSelection, insertNode, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignBlocks, alignRemoveRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, getActiveMarks, expandSelection, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, getNodeFromSelection, getMark, getSelectionText, parseContent, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, placeholder, EditorState, EditorView, hasSameMarkup, pasteCleanup, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr } from '@progress/kendo-editor-common';
 export { Schema, 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';
 import { validatePackage } from '@progress/kendo-licensing';
 import { LocalizationService, L10N_PREFIX, RTL, MessageService, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -27,7 +27,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1636629848,
+    publishDate: 1637941374,
     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'
 };
@@ -1607,7 +1607,7 @@ const deleteTableElement = (selector) => (state, dispatch) => {
 const deleteTable$1 = deleteTableElement(isTable);
 
 const alignRemove = (state, dispatch) => alignBlocks(alignRemoveRules)(state, dispatch);
-const ɵ1$5 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, bold, { applyToWord })), ɵ2$4 = (options) => cleanFormatting(options), ɵ3$4 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }), ɵ4$2 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ5$2 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }), ɵ6$1 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }), ɵ7$1 = text => insertText(text), ɵ8$1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, italic, { applyToWord })), ɵ9$1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, strikethrough, { applyToWord })), ɵ10 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, subscript, { applyToWord })), ɵ11 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, superscript, { applyToWord })), ɵ12 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, underline, { applyToWord })), ɵ13 = () => removeLink(link), ɵ14 = attrs => expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ15 = attrs => expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord });
+const ɵ1$5 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, bold, { applyToWord })), ɵ2$4 = (options) => cleanFormatting(options), ɵ3$4 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }), ɵ4$2 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ5$2 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }), ɵ6$1 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }), ɵ7$1 = text => insertText(text), ɵ8$1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, italic, { applyToWord })), ɵ9$1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, strikethrough, { applyToWord })), ɵ10 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, subscript, { applyToWord })), ɵ11 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, superscript, { applyToWord })), ɵ12 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, underline, { applyToWord })), ɵ13 = () => removeLink(link), ɵ14 = attrs => expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ15 = attrs => expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ16 = () => (state, dispatch) => selectAll(state, dispatch);
 const inlineCommand = {
     bold: ɵ1$5,
     cleanFormatting: ɵ2$4,
@@ -1623,39 +1623,40 @@ const inlineCommand = {
     underline: ɵ12,
     unlink: ɵ13,
     foreColor: ɵ14,
-    backColor: ɵ15
+    backColor: ɵ15,
+    selectAll: ɵ16
 };
-const ɵ16 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ17 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ20 = formatAttr => formatBlockElements(formatAttr.tag), ɵ21 = () => getHtml, ɵ22 = () => indent, ɵ23 = attrs => insertImage(attrs), ɵ24 = () => toggleOrderedList, ɵ25 = () => toggleUnorderedList, ɵ26 = () => outdent, ɵ27 = () => redo, ɵ28 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ29 = () => undo;
+const ɵ17 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ20 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ21 = formatAttr => formatBlockElements(formatAttr.tag), ɵ22 = () => getHtml, ɵ23 = () => indent, ɵ24 = attrs => insertImage(attrs), ɵ25 = () => toggleOrderedList, ɵ26 = () => toggleUnorderedList, ɵ27 = () => outdent, ɵ28 = () => redo, ɵ29 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ30 = () => undo;
 const blockCommand = {
-    alignCenter: ɵ16,
-    alignJustify: ɵ17,
-    alignLeft: ɵ18,
-    alignRight: ɵ19,
-    format: ɵ20,
-    getHTML: ɵ21,
-    indent: ɵ22,
-    insertImage: ɵ23,
+    alignCenter: ɵ17,
+    alignJustify: ɵ18,
+    alignLeft: ɵ19,
+    alignRight: ɵ20,
+    format: ɵ21,
+    getHTML: ɵ22,
+    indent: ɵ23,
+    insertImage: ɵ24,
     // think about changing the command name.
-    insertOrderedList: ɵ24,
+    insertOrderedList: ɵ25,
     // think about changing the command name.
-    insertUnorderedList: ɵ25,
-    outdent: ɵ26,
-    redo: ɵ27,
-    setHTML: ɵ28,
-    undo: ɵ29
+    insertUnorderedList: ɵ26,
+    outdent: ɵ27,
+    redo: ɵ28,
+    setHTML: ɵ29,
+    undo: ɵ30
 };
-const ɵ30 = attr => insertTable(attr), ɵ31 = () => addColumnBefore$1, ɵ32 = () => addColumnAfter$1, ɵ33 = () => addRowBefore$1, ɵ34 = () => addRowAfter$1, ɵ35 = () => deleteRow$1, ɵ36 = () => deleteColumn$1, ɵ37 = () => mergeCells$1, ɵ38 = () => splitCell$1, ɵ39 = () => deleteTable$1;
+const ɵ31 = attr => insertTable(attr), ɵ32 = () => addColumnBefore$1, ɵ33 = () => addColumnAfter$1, ɵ34 = () => addRowBefore$1, ɵ35 = () => addRowAfter$1, ɵ36 = () => deleteRow$1, ɵ37 = () => deleteColumn$1, ɵ38 = () => mergeCells$1, ɵ39 = () => splitCell$1, ɵ40 = () => deleteTable$1;
 const tableCommand = {
-    insertTable: ɵ30,
-    addColumnBefore: ɵ31,
-    addColumnAfter: ɵ32,
-    addRowBefore: ɵ33,
-    addRowAfter: ɵ34,
-    deleteRow: ɵ35,
-    deleteColumn: ɵ36,
-    mergeCells: ɵ37,
-    splitCell: ɵ38,
-    deleteTable: ɵ39
+    insertTable: ɵ31,
+    addColumnBefore: ɵ32,
+    addColumnAfter: ɵ33,
+    addRowBefore: ɵ34,
+    addRowAfter: ɵ35,
+    deleteRow: ɵ36,
+    deleteColumn: ɵ37,
+    mergeCells: ɵ38,
+    splitCell: ɵ39,
+    deleteTable: ɵ40
 };
 /**
  * @hidden
@@ -1722,6 +1723,10 @@ const getToolbarState = (state, options) => ({
         selected: false,
         disabled: !redo(state)
     },
+    selectAll: {
+        selected: false,
+        disabled: false
+    },
     strikethrough: {
         selected: hasMark(state, strikethrough),
         disabled: false
@@ -1771,6 +1776,12 @@ const getToolbarState = (state, options) => ({
         selected: false,
         disabled: false
     },
+    // print
+    print: {
+        selected: false,
+        disabled: false
+    },
+    // table
     insertTable: {
         selected: false,
         disabled: false
@@ -1843,6 +1854,8 @@ const initialToolBarState = {
     //history
     redo: { selected: false, disabled: true },
     undo: { selected: false, disabled: true },
+    // print
+    print: { selected: false, disabled: false },
     //dialogs
     createLink: { selected: false, disabled: true },
     insertFile: { selected: false, disabled: true },
@@ -1858,7 +1871,9 @@ const initialToolBarState = {
     deleteColumn: { selected: false, disabled: true },
     mergeCells: { selected: false, disabled: true },
     splitCell: { selected: false, disabled: true },
-    deleteTable: { selected: false, disabled: true }
+    deleteTable: { selected: false, disabled: true },
+    // select all
+    selectAll: { selected: false, disabled: false }
 };
 /**
  * @hidden
@@ -1891,6 +1906,8 @@ const disabledToolBarState = {
     //history
     redo: { selected: false, disabled: true },
     undo: { selected: false, disabled: true },
+    // print
+    print: { selected: false, disabled: true },
     //dialogs
     createLink: { selected: false, disabled: true },
     insertFile: { selected: false, disabled: true },
@@ -1906,7 +1923,9 @@ const disabledToolBarState = {
     deleteColumn: { selected: false, disabled: true },
     mergeCells: { selected: false, disabled: true },
     splitCell: { selected: false, disabled: true },
-    deleteTable: { selected: false, disabled: true }
+    deleteTable: { selected: false, disabled: true },
+    // select all
+    selectAll: { selected: false, disabled: true }
 };
 
 /**
@@ -2524,8 +2543,24 @@ const EditorErrorMessages = {
     setSchemaOnce: 'The Schema cannot be changed dynamically. See http://www.telerik.com/kendo-angular-ui/components/editor/schema/',
     pluginsCallbackType: ɵ0$6,
     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/'
+};
+
+/**
+ * @hidden
+ */
+let EditorToolsService = class EditorToolsService {
+    /**
+     * @hidden
+     */
+    constructor() {
+        this.needsCheck = new Subject();
+    }
 };
+EditorToolsService = __decorate([
+    Injectable()
+], EditorToolsService);
 
 var EditorComponent_1;
 const EMPTY_PARAGRAPH = '<p></p>';
@@ -2554,15 +2589,17 @@ const getPasteCleanupAttributes = (config) => {
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
 let EditorComponent = EditorComponent_1 = class EditorComponent {
-    constructor(dialogService, localization, cdr, ngZone, element) {
+    constructor(dialogService, localization, cdr, ngZone, element, toolsService) {
         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.
+         * @default true
          */
         this.iframe = true;
         /**
@@ -2827,6 +2864,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
         }));
+        this.subs.add(this.toolsService.needsCheck.subscribe(() => this.cdr.markForCheck()));
     }
     ngAfterViewInit() {
         this.afterViewInit.next();
@@ -2979,7 +3017,6 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
      * Manually focus the Editor.
      */
     focus() {
-        // this.focusChangedProgrammatically = true;
         this.focusChangedProgrammatically = true;
         this._view.focus();
         this.focusChangedProgrammatically = false;
@@ -3150,8 +3187,9 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
                 if (this.readonly) {
                     contentAreaClasslist.add('k-state-focused');
                 }
-                if (!this.focusChangedProgrammatically) {
+                if (!this.focusChangedProgrammatically || this.shouldEmitFocus) {
                     this.ngZone.run(() => this.onFocus.emit());
+                    this.shouldEmitFocus = false;
                 }
             }));
             this.subs.add(fromEvent(containerElement, 'focusout')
@@ -3376,6 +3414,7 @@ EditorComponent = EditorComponent_1 = __decorate([
         selector: 'kendo-editor',
         providers: [
             EditorLocalizationService,
+            EditorToolsService,
             {
                 provide: LocalizationService,
                 useExisting: EditorLocalizationService
@@ -3466,8 +3505,12 @@ EditorComponent = EditorComponent_1 = __decorate([
             linkWebAddress="Web address"
             i18n-outdent="kendo.editor.outdent|The title of the tool that outdents the content."
             outdent="Outdent"
+            i18n-print="kendo.editor.print|The title of the print tool."
+            print="Print"
             i18n-redo="kendo.editor.redo|The title of the tool that undos the last action."
             redo="Redo"
+            i18n-selectAll="kendo.editor.selectAll|The title of the tool that selects all content."
+            selectAll="Select All"
             i18n-strikethrough="kendo.editor.strikethrough|The title of the tool that strikes through text."
             strikethrough="Strikethrough"
             i18n-subscript="kendo.editor.subscript|The title of the tool that makes text subscript."
@@ -3558,7 +3601,8 @@ EditorComponent = EditorComponent_1 = __decorate([
         LocalizationService,
         ChangeDetectorRef,
         NgZone,
-        ElementRef])
+        ElementRef,
+        EditorToolsService])
 ], EditorComponent);
 
 /**
@@ -4060,11 +4104,12 @@ var EditorFormatComponent_1;
  * ```
  */
 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;
         /**
@@ -4100,7 +4145,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;
@@ -4241,7 +4289,8 @@ EditorFormatComponent = EditorFormatComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFormatComponent);
 
 /**
@@ -4413,11 +4462,12 @@ var EditorFontSizeComponent_1;
  * ```
  */
 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;
         /**
@@ -4452,7 +4502,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
@@ -4597,7 +4650,8 @@ EditorFontSizeComponent = EditorFontSizeComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontSizeComponent);
 
 var EditorFontFamilyComponent_1;
@@ -4613,11 +4667,12 @@ var EditorFontFamilyComponent_1;
  * ```
  */
 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;
         /**
@@ -4659,7 +4714,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;
@@ -4802,7 +4860,8 @@ EditorFontFamilyComponent = EditorFontFamilyComponent_1 = __decorate([
     __param(0, Host()),
     __metadata("design:paramtypes", [EditorComponent,
         DialogService,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorFontFamilyComponent);
 
 // tslint:disable:no-forward-ref
@@ -5050,9 +5109,6 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
             this.toggle(false);
         }));
     }
-    ngAfterViewInit() {
-        this.getButton().tabIndex = -1;
-    }
     ngOnDestroy() {
         this.destroyPopup();
         if (this.subs) {
@@ -5095,7 +5151,7 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
      * @hidden
      */
     onBlur() {
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         this.buttonBlurred.emit();
     }
     /**
@@ -5116,8 +5172,8 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
      * @hidden
      */
     focus() {
+        this.tabIndex = 0;
         this.getButton().focus();
-        this.getButton().tabIndex = 0;
     }
     /**
      * @hidden
@@ -5126,7 +5182,7 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
         if (ev.keyCode === Keys.Space || ev.keyCode === Keys.Enter) {
             return true;
         }
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         return false;
     }
     /**
@@ -5169,7 +5225,7 @@ __decorate([
     __metadata("design:type", TemplateRef)
 ], EditorInsertTableButtonComponent.prototype, "toolbarTemplate", void 0);
 __decorate([
-    ViewChild('popupTemplate', { static: true }),
+    ViewChild('popupTemplate', { static: false }),
     __metadata("design:type", TemplateRef)
 ], EditorInsertTableButtonComponent.prototype, "popupTemplate", void 0);
 __decorate([
@@ -5196,6 +5252,7 @@ EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = __decora
                 kendoButton
                 #element
                 [attr.title]="title"
+                [attr.tabindex]="tabIndex"
                 [icon]="'table-insert'"
                 [disabled]="disabled"
                 (click)="toggle()"
@@ -5203,7 +5260,14 @@ EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = __decora
             ></button>
         </ng-template>
         <ng-template #popupTemplate>
-            <button kendoButton #overflowElement [attr.title]="title" [icon]="'table-insert'" [disabled]="disabled" (click)="openDialog()">
+            <button
+                kendoButton
+                #overflowElement
+                [attr.title]="title"
+                [attr.tabindex]="tabIndex"
+                [icon]="'table-insert'"
+                [disabled]="disabled"
+                (click)="openDialog()">
                 {{ title }}
             </button>
         </ng-template>
@@ -5299,9 +5363,11 @@ 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',
@@ -5309,7 +5375,9 @@ 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',
@@ -5317,8 +5385,6 @@ const commandIcons = {
     undo: 'undo',
     unlink: 'unlink-horizontal',
     viewSource: 'html',
-    foreColor: 'foreground-color',
-    backColor: 'background',
     //table
     insertTable: 'table-insert',
     addColumnBefore: 'table-column-insert-left',
@@ -5337,29 +5403,31 @@ const commandIcons = {
  * @hidden
  */
 class EditorCommandBase {
-    constructor(command, button, editor, localization) {
+    constructor(command, button, editor, localization, toolsService) {
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
-    }
-    ngOnInit() {
-        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
-        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
-        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
-        Promise.resolve(null).then(() => {
+        this.toolsService = toolsService;
+        setTimeout(() => {
             const text = this.localization.get(this.command);
             if (text) {
-                this.button.showText = "overflow";
-                this.button.showIcon = "both";
+                this.button.showText = 'overflow';
+                this.button.showIcon = 'both';
                 this.button.text = text;
             }
-            if (!this.button.icon) {
+            if (!this.button.toolbarOptions.icon) {
                 this.button.icon = commandIcons[this.command];
             }
             this.button.title = text;
+            this.toolsService.needsCheck.next();
         });
     }
+    ngOnInit() {
+        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
+        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
+        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
+    }
     ngOnDestroy() {
         if (this.subs) {
             this.subs.unsubscribe();
@@ -5377,12 +5445,13 @@ class EditorCommandBase {
  * @hidden
  */
 class EditorCommandButton extends EditorCommandBase {
-    constructor(command, button, editor, localization) {
-        super(command, button, editor, localization);
+    constructor(command, button, editor, localization, toolsService) {
+        super(command, button, editor, localization, toolsService);
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
+        this.toolsService = toolsService;
     }
     clickHandler() {
         this.editor.exec(this.command, this.editor.applyToWord);
@@ -5416,8 +5485,8 @@ class EditorCommandButton extends EditorCommandBase {
  * ```
  */
 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 = __decorate([
@@ -5427,7 +5496,8 @@ EditorAlignLeftButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignLeftButtonDirective);
 
 /**
@@ -5449,8 +5519,8 @@ EditorAlignLeftButtonDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -5460,7 +5530,8 @@ EditorAlignCenterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignCenterButtonDirective);
 
 /**
@@ -5482,8 +5553,8 @@ EditorAlignCenterButtonDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -5493,7 +5564,8 @@ EditorAlignRightButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignRightButtonDirective);
 
 /**
@@ -5515,8 +5587,8 @@ EditorAlignRightButtonDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -5526,7 +5598,8 @@ EditorAlignJustifyButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAlignJustifyButtonDirective);
 
 /**
@@ -5548,8 +5621,8 @@ EditorAlignJustifyButtonDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -5559,7 +5632,8 @@ EditorRedoButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorRedoButtonDirective);
 
 /**
@@ -5581,8 +5655,8 @@ EditorRedoButtonDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -5592,19 +5666,21 @@ EditorUndoButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUndoButtonDirective);
 
 /**
  * @hidden
  */
 class EditorCommandDialog extends EditorCommandBase {
-    constructor(dialog, button, editor, localization) {
-        super(dialog, button, editor, localization);
+    constructor(dialog, button, editor, localization, toolsService) {
+        super(dialog, button, editor, localization, toolsService);
         this.dialog = dialog;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
+        this.toolsService = toolsService;
     }
     clickHandler() {
         this.editor.openDialog(this.dialog);
@@ -5633,8 +5709,8 @@ class EditorCommandDialog extends EditorCommandBase {
  * ```
  */
 let EditorInsertImageButtonDirective = class EditorInsertImageButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('insertImage', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertImage', button, editor, localization, toolsService);
     }
 };
 EditorInsertImageButtonDirective = __decorate([
@@ -5644,7 +5720,8 @@ EditorInsertImageButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertImageButtonDirective);
 
 /**
@@ -5666,8 +5743,8 @@ EditorInsertImageButtonDirective = __decorate([
  * ```
  */
 let EditorIndentButtonDirective = class EditorIndentButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('indent', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('indent', button, editor, localization, toolsService);
     }
 };
 EditorIndentButtonDirective = __decorate([
@@ -5677,7 +5754,8 @@ EditorIndentButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorIndentButtonDirective);
 
 /**
@@ -5699,8 +5777,8 @@ EditorIndentButtonDirective = __decorate([
  * ```
  */
 let EditorOutdentButtonDirective = class EditorOutdentButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('outdent', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('outdent', button, editor, localization, toolsService);
     }
 };
 EditorOutdentButtonDirective = __decorate([
@@ -5710,7 +5788,8 @@ EditorOutdentButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorOutdentButtonDirective);
 
 /**
@@ -5732,8 +5811,8 @@ EditorOutdentButtonDirective = __decorate([
  * ```
  */
 let EditorCreateLinkButtonDirective = class EditorCreateLinkButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('createLink', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('createLink', button, editor, localization, toolsService);
     }
 };
 EditorCreateLinkButtonDirective = __decorate([
@@ -5743,7 +5822,8 @@ EditorCreateLinkButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorCreateLinkButtonDirective);
 
 /**
@@ -5765,8 +5845,8 @@ EditorCreateLinkButtonDirective = __decorate([
  * ```
  */
 let EditorUnlinkButtonDirective = class EditorUnlinkButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('unlink', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('unlink', button, editor, localization, toolsService);
     }
 };
 EditorUnlinkButtonDirective = __decorate([
@@ -5776,7 +5856,8 @@ EditorUnlinkButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUnlinkButtonDirective);
 
 /**
@@ -5798,8 +5879,8 @@ EditorUnlinkButtonDirective = __decorate([
  * ```
  */
 let EditorInsertOrderedListButtonDirective = class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('insertOrderedList', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertOrderedList', button, editor, localization, toolsService);
     }
 };
 EditorInsertOrderedListButtonDirective = __decorate([
@@ -5809,7 +5890,8 @@ EditorInsertOrderedListButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertOrderedListButtonDirective);
 
 /**
@@ -5831,8 +5913,8 @@ EditorInsertOrderedListButtonDirective = __decorate([
  * ```
  */
 let EditorInsertUnorderedListButtonDirective = class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('insertUnorderedList', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertUnorderedList', button, editor, localization, toolsService);
     }
 };
 EditorInsertUnorderedListButtonDirective = __decorate([
@@ -5842,7 +5924,8 @@ EditorInsertUnorderedListButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertUnorderedListButtonDirective);
 
 /**
@@ -5863,8 +5946,8 @@ EditorInsertUnorderedListButtonDirective = __decorate([
  * ```
  */
 let EditorViewSourceButtonDirective = class EditorViewSourceButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('viewSource', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('viewSource', button, editor, localization, toolsService);
     }
 };
 EditorViewSourceButtonDirective = __decorate([
@@ -5874,7 +5957,8 @@ EditorViewSourceButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorViewSourceButtonDirective);
 
 /**
@@ -5896,8 +5980,8 @@ EditorViewSourceButtonDirective = __decorate([
  * ```
  */
 let EditorBoldButtonDirective = class EditorBoldButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('bold', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('bold', button, editor, localization, toolsService);
     }
 };
 EditorBoldButtonDirective = __decorate([
@@ -5907,7 +5991,8 @@ EditorBoldButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorBoldButtonDirective);
 
 /**
@@ -5929,8 +6014,8 @@ EditorBoldButtonDirective = __decorate([
  * ```
  */
 let EditorItalicButtonDirective = class EditorItalicButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('italic', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('italic', button, editor, localization, toolsService);
     }
 };
 EditorItalicButtonDirective = __decorate([
@@ -5940,7 +6025,8 @@ EditorItalicButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorItalicButtonDirective);
 
 /**
@@ -5962,8 +6048,8 @@ EditorItalicButtonDirective = __decorate([
  * ```
  */
 let EditorUnderlineButtonDirective = class EditorUnderlineButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('underline', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('underline', button, editor, localization, toolsService);
     }
 };
 EditorUnderlineButtonDirective = __decorate([
@@ -5973,7 +6059,8 @@ EditorUnderlineButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorUnderlineButtonDirective);
 
 /**
@@ -5995,8 +6082,8 @@ EditorUnderlineButtonDirective = __decorate([
  * ```
  */
 let EditorStrikethroughButtonDirective = class EditorStrikethroughButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('strikethrough', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('strikethrough', button, editor, localization, toolsService);
     }
 };
 EditorStrikethroughButtonDirective = __decorate([
@@ -6006,7 +6093,8 @@ EditorStrikethroughButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorStrikethroughButtonDirective);
 
 /**
@@ -6028,8 +6116,8 @@ EditorStrikethroughButtonDirective = __decorate([
  * ```
  */
 let EditorSubscriptButtonDirective = class EditorSubscriptButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('subscript', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('subscript', button, editor, localization, toolsService);
     }
 };
 EditorSubscriptButtonDirective = __decorate([
@@ -6039,7 +6127,8 @@ EditorSubscriptButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSubscriptButtonDirective);
 
 /**
@@ -6061,8 +6150,8 @@ EditorSubscriptButtonDirective = __decorate([
  * ```
  */
 let EditorSuperscriptButtonDirective = class EditorSuperscriptButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('superscript', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('superscript', button, editor, localization, toolsService);
     }
 };
 EditorSuperscriptButtonDirective = __decorate([
@@ -6072,7 +6161,8 @@ EditorSuperscriptButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSuperscriptButtonDirective);
 
 /**
@@ -6086,8 +6176,8 @@ EditorSuperscriptButtonDirective = __decorate([
  * ```
  */
 let EditorInsertFileButtonDirective = class EditorInsertFileButtonDirective extends EditorCommandDialog {
-    constructor(button, editor, localization) {
-        super('insertFile', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('insertFile', button, editor, localization, toolsService);
     }
 };
 EditorInsertFileButtonDirective = __decorate([
@@ -6097,7 +6187,8 @@ EditorInsertFileButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorInsertFileButtonDirective);
 
 /**
@@ -6156,8 +6247,8 @@ EditorBackColorDirective = __decorate([
  * ```
  */
 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 = __decorate([
@@ -6167,7 +6258,8 @@ EditorCleanFormattingButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorCleanFormattingButtonDirective);
 
 /**
@@ -6182,8 +6274,8 @@ EditorCleanFormattingButtonDirective = __decorate([
  * ```
  */
 let EditorAddColumnBeforeButtonDirective = class EditorAddColumnBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addColumnBefore', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addColumnBefore', button, editor, localization, toolsService);
     }
 };
 EditorAddColumnBeforeButtonDirective = __decorate([
@@ -6193,7 +6285,8 @@ EditorAddColumnBeforeButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddColumnBeforeButtonDirective);
 
 /**
@@ -6208,8 +6301,8 @@ EditorAddColumnBeforeButtonDirective = __decorate([
  * ```
  */
 let EditorAddColumnAfterButtonDirective = class EditorAddColumnAfterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addColumnAfter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addColumnAfter', button, editor, localization, toolsService);
     }
 };
 EditorAddColumnAfterButtonDirective = __decorate([
@@ -6219,7 +6312,8 @@ EditorAddColumnAfterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddColumnAfterButtonDirective);
 
 /**
@@ -6234,8 +6328,8 @@ EditorAddColumnAfterButtonDirective = __decorate([
  * ```
  */
 let EditorAddRowBeforeButtonDirective = class EditorAddRowBeforeButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addRowBefore', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addRowBefore', button, editor, localization, toolsService);
     }
 };
 EditorAddRowBeforeButtonDirective = __decorate([
@@ -6245,7 +6339,8 @@ EditorAddRowBeforeButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddRowBeforeButtonDirective);
 
 /**
@@ -6260,8 +6355,8 @@ EditorAddRowBeforeButtonDirective = __decorate([
  * ```
  */
 let EditorAddRowAfterButtonDirective = class EditorAddRowAfterButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('addRowAfter', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('addRowAfter', button, editor, localization, toolsService);
     }
 };
 EditorAddRowAfterButtonDirective = __decorate([
@@ -6271,7 +6366,8 @@ EditorAddRowAfterButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorAddRowAfterButtonDirective);
 
 /**
@@ -6286,8 +6382,8 @@ EditorAddRowAfterButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteColumnButtonDirective = class EditorDeleteColumnButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteColumn', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteColumn', button, editor, localization, toolsService);
     }
 };
 EditorDeleteColumnButtonDirective = __decorate([
@@ -6297,7 +6393,8 @@ EditorDeleteColumnButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteColumnButtonDirective);
 
 /**
@@ -6312,8 +6409,8 @@ EditorDeleteColumnButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteRowButtonDirective = class EditorDeleteRowButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteRow', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteRow', button, editor, localization, toolsService);
     }
 };
 EditorDeleteRowButtonDirective = __decorate([
@@ -6323,7 +6420,8 @@ EditorDeleteRowButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteRowButtonDirective);
 
 /**
@@ -6338,8 +6436,8 @@ EditorDeleteRowButtonDirective = __decorate([
  * ```
  */
 let EditorDeleteTableButtonDirective = class EditorDeleteTableButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('deleteTable', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('deleteTable', button, editor, localization, toolsService);
     }
 };
 EditorDeleteTableButtonDirective = __decorate([
@@ -6349,7 +6447,8 @@ EditorDeleteTableButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorDeleteTableButtonDirective);
 
 /**
@@ -6366,8 +6465,8 @@ EditorDeleteTableButtonDirective = __decorate([
  * ```
  */
 let EditorMergeCellsButtonDirective = class EditorMergeCellsButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('mergeCells', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('mergeCells', button, editor, localization, toolsService);
     }
 };
 EditorMergeCellsButtonDirective = __decorate([
@@ -6377,7 +6476,8 @@ EditorMergeCellsButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorMergeCellsButtonDirective);
 
 /**
@@ -6394,8 +6494,8 @@ EditorMergeCellsButtonDirective = __decorate([
  * ```
  */
 let EditorSplitCellButtonDirective = class EditorSplitCellButtonDirective extends EditorCommandButton {
-    constructor(button, editor, localization) {
-        super('splitCell', button, editor, localization);
+    constructor(button, editor, localization, toolsService) {
+        super('splitCell', button, editor, localization, toolsService);
     }
 };
 EditorSplitCellButtonDirective = __decorate([
@@ -6405,7 +6505,8 @@ EditorSplitCellButtonDirective = __decorate([
     __param(1, Host()),
     __metadata("design:paramtypes", [ToolBarButtonComponent,
         EditorComponent,
-        EditorLocalizationService])
+        EditorLocalizationService,
+        EditorToolsService])
 ], EditorSplitCellButtonDirective);
 
 /**
@@ -6489,10 +6590,18 @@ __decorate([
     Input(),
     __metadata("design:type", String)
 ], Messages.prototype, "outdent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], Messages.prototype, "print", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
 ], Messages.prototype, "redo", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], Messages.prototype, "selectAll", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -6693,6 +6802,97 @@ DropDownToolDirective = __decorate([
         NgZone])
 ], DropDownToolDirective);
 
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * > The Editor Print tool is supported in the default [`iframe`](https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorComponent/#toc-iframe) mode only.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorPrintDirective = class EditorPrintDirective extends EditorCommandButton {
+    constructor(button, editor, localization, toolsService) {
+        super('print', button, editor, localization, toolsService);
+        this.editor = editor;
+    }
+    ngAfterViewInit() {
+        if (isDevMode) {
+            if (!this.editor.iframe) {
+                throw new Error(EditorErrorMessages.printTool);
+            }
+        }
+    }
+    clickHandler() {
+        if (this.editor.iframe) {
+            const view = this.editor.view;
+            const dom = view && view.dom;
+            const doc = dom && dom.ownerDocument;
+            const editorWindow = doc && doc.defaultView;
+            if (editorWindow) {
+                editorWindow.print();
+            }
+        }
+    }
+};
+EditorPrintDirective = __decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+    }),
+    __param(1, Host()),
+    __metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService,
+        EditorToolsService])
+], EditorPrintDirective);
+
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorSelectAllButtonDirective = class EditorSelectAllButtonDirective extends EditorCommandButton {
+    constructor(button, editor, localization, toolsService) {
+        super('selectAll', button, editor, localization, toolsService);
+    }
+    clickHandler() {
+        this.editor.shouldEmitFocus = true;
+        super.clickHandler();
+    }
+};
+EditorSelectAllButtonDirective = __decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+    }),
+    __param(1, Host()),
+    __metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService,
+        EditorToolsService])
+], EditorSelectAllButtonDirective);
+
 const COMPONENT_DIRECTIVES = [
     //alignment
     EditorAlignLeftButtonDirective,
@@ -6744,7 +6944,11 @@ const COMPONENT_DIRECTIVES = [
     CustomMessagesComponent,
     LocalizedMessagesDirective,
     // dropdown tools
-    DropDownToolDirective
+    DropDownToolDirective,
+    // print
+    EditorPrintDirective,
+    // select all
+    EditorSelectAllButtonDirective
 ];
 const TOOLBAR_TOOLS = [
     EditorFontSizeComponent,
@@ -6858,4 +7062,4 @@ EditorModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema };
+export { ColorPickerDialogComponent, FileLinkDialogComponent, FontFamilyDialogComponent, FontSizeDialogComponent, FormatDialogComponent, ImageDialogComponent, InsertTableDialogComponent, SourceDialogComponent, CustomMessagesComponent, EditorLocalizationService, LocalizedMessagesDirective, Messages, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorColorPickerComponent, EditorForeColorDirective, EditorCleanFormattingButtonDirective, FontFamilyDropDownListComponent, EditorFontFamilyComponent, FontSizeDropDownListComponent, EditorFontSizeComponent, FormatDropDownListComponent, EditorFormatComponent, EditorRedoButtonDirective, EditorUndoButtonDirective, EditorInsertImageButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorInsertFileButtonDirective, EditorUnlinkButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertUnorderedListButtonDirective, EditorPrintDirective, EditorSelectAllButtonDirective, DropDownToolDirective, EditorCommandBase, EditorCommandButton, EditorCommandDialog, EditorViewSourceButtonDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorInsertTableButtonComponent, EditorMergeCellsButtonDirective, EditorSplitCellButtonDirective, PopupTableGridComponent, EditorToolsService, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorComponent, EditorModule, schema };