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

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

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

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

@@ -12,9 +12,11 @@ exports.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',
@@ -22,7 +24,9 @@ exports.commandIcons = {
     insertUnorderedList: 'list-unordered',
     italic: 'italic',
     outdent: 'indent-decrease',
+    print: 'print',
     redo: 'redo',
+    selectAll: 'select-all',
     strikethrough: 'strikethrough',
     subscript: 'sub-script',
     superscript: 'sup-script',
@@ -30,8 +34,6 @@ exports.commandIcons = {
     undo: 'undo',
     unlink: 'unlink-horizontal',
     viewSource: 'html',
-    foreColor: 'foreground-color',
-    backColor: 'background',
     //table
     insertTable: 'table-insert',
     addColumnBefore: 'table-column-insert-left',

package/dist/npm/config/commands.js

@@ -10,7 +10,7 @@ var table_commands_1 = require("./table-commands");
 var alignRemove = function (state, dispatch) { return kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignRemoveRules)(state, dispatch); };
 var ɵ0 = alignRemove;
 exports.ɵ0 = ɵ0;
-var ɵ1 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.bold, { applyToWord: applyToWord })); }, ɵ2 = function (options) { return kendo_editor_common_1.cleanFormatting(options); }, ɵ3 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ4 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ5 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }); }, ɵ6 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }); }, ɵ7 = function (text) { return kendo_editor_common_1.insertText(text); }, ɵ8 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.italic, { applyToWord: applyToWord })); }, ɵ9 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.strikethrough, { applyToWord: applyToWord })); }, ɵ10 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.subscript, { applyToWord: applyToWord })); }, ɵ11 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.superscript, { applyToWord: applyToWord })); }, ɵ12 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.underline, { applyToWord: applyToWord })); }, ɵ13 = function () { return kendo_editor_common_1.removeLink(kendo_editor_common_1.link); }, ɵ14 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ15 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }); };
+var ɵ1 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.bold, { applyToWord: applyToWord })); }, ɵ2 = function (options) { return kendo_editor_common_1.cleanFormatting(options); }, ɵ3 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ4 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ5 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }); }, ɵ6 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }); }, ɵ7 = function (text) { return kendo_editor_common_1.insertText(text); }, ɵ8 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.italic, { applyToWord: applyToWord })); }, ɵ9 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.strikethrough, { applyToWord: applyToWord })); }, ɵ10 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.subscript, { applyToWord: applyToWord })); }, ɵ11 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.superscript, { applyToWord: applyToWord })); }, ɵ12 = function (applyToWord) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.toggleInlineFormat, tslib_1.__assign({}, kendo_editor_common_1.underline, { applyToWord: applyToWord })); }, ɵ13 = function () { return kendo_editor_common_1.removeLink(kendo_editor_common_1.link); }, ɵ14 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ15 = function (attrs) { return kendo_editor_common_1.expandToWordWrap(kendo_editor_common_1.applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }); }, ɵ16 = function () { return function (state, dispatch) { return kendo_editor_common_1.selectAll(state, dispatch); }; };
 exports.ɵ1 = ɵ1;
 exports.ɵ2 = ɵ2;
 exports.ɵ3 = ɵ3;
@@ -26,6 +26,7 @@ exports.ɵ12 = ɵ12;
 exports.ɵ13 = ɵ13;
 exports.ɵ14 = ɵ14;
 exports.ɵ15 = ɵ15;
+exports.ɵ16 = ɵ16;
 var inlineCommand = {
     bold: ɵ1,
     cleanFormatting: ɵ2,
@@ -41,13 +42,13 @@ var inlineCommand = {
     underline: ɵ12,
     unlink: ɵ13,
     foreColor: ɵ14,
-    backColor: ɵ15
+    backColor: ɵ15,
+    selectAll: ɵ16
 };
-var ɵ16 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignCenterRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignCenterRules)(state, dispatch); }; }, ɵ17 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignJustifyRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignJustifyRules)(state, dispatch); }; }, ɵ18 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignLeftRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignLeftRules)(state, dispatch); }; }, ɵ19 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignRightRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignRightRules)(state, dispatch); }; }, ɵ20 = function (formatAttr) { return kendo_editor_common_1.formatBlockElements(formatAttr.tag); }, ɵ21 = function () { return kendo_editor_common_1.getHtml; }, ɵ22 = function () { return kendo_editor_common_1.indent; }, ɵ23 = function (attrs) { return kendo_editor_common_1.insertImage(attrs); }, ɵ24 = function () { return kendo_editor_common_1.toggleOrderedList; }, ɵ25 = function () { return kendo_editor_common_1.toggleUnorderedList; }, ɵ26 = function () { return kendo_editor_common_1.outdent; }, ɵ27 = function () { return kendo_editor_common_1.redo; }, ɵ28 = function (_a) {
+var ɵ17 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignCenterRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignCenterRules)(state, dispatch); }; }, ɵ18 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignJustifyRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignJustifyRules)(state, dispatch); }; }, ɵ19 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignLeftRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignLeftRules)(state, dispatch); }; }, ɵ20 = function () { return function (state, dispatch) { return kendo_editor_common_1.isAligned(state, kendo_editor_common_1.alignRightRules) ? alignRemove(state, dispatch) : kendo_editor_common_1.alignBlocks(kendo_editor_common_1.alignRightRules)(state, dispatch); }; }, ɵ21 = function (formatAttr) { return kendo_editor_common_1.formatBlockElements(formatAttr.tag); }, ɵ22 = function () { return kendo_editor_common_1.getHtml; }, ɵ23 = function () { return kendo_editor_common_1.indent; }, ɵ24 = function (attrs) { return kendo_editor_common_1.insertImage(attrs); }, ɵ25 = function () { return kendo_editor_common_1.toggleOrderedList; }, ɵ26 = function () { return kendo_editor_common_1.toggleUnorderedList; }, ɵ27 = function () { return kendo_editor_common_1.outdent; }, ɵ28 = function () { return kendo_editor_common_1.redo; }, ɵ29 = function (_a) {
     var content = _a.content, parseOptions = _a.parseOptions;
     return kendo_editor_common_1.setHtml(content, 'setHTML', parseOptions);
-}, ɵ29 = function () { return kendo_editor_common_1.undo; };
-exports.ɵ16 = ɵ16;
+}, ɵ30 = function () { return kendo_editor_common_1.undo; };
 exports.ɵ17 = ɵ17;
 exports.ɵ18 = ɵ18;
 exports.ɵ19 = ɵ19;
@@ -61,26 +62,26 @@ exports.ɵ26 = ɵ26;
 exports.ɵ27 = ɵ27;
 exports.ɵ28 = ɵ28;
 exports.ɵ29 = ɵ29;
+exports.ɵ30 = ɵ30;
 var 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
 };
-var ɵ30 = function (attr) { return table_commands_1.insertTable(attr); }, ɵ31 = function () { return table_commands_1.addColumnBefore; }, ɵ32 = function () { return table_commands_1.addColumnAfter; }, ɵ33 = function () { return table_commands_1.addRowBefore; }, ɵ34 = function () { return table_commands_1.addRowAfter; }, ɵ35 = function () { return table_commands_1.deleteRow; }, ɵ36 = function () { return table_commands_1.deleteColumn; }, ɵ37 = function () { return table_commands_1.mergeCells; }, ɵ38 = function () { return table_commands_1.splitCell; }, ɵ39 = function () { return table_commands_1.deleteTable; };
-exports.ɵ30 = ɵ30;
+var ɵ31 = function (attr) { return table_commands_1.insertTable(attr); }, ɵ32 = function () { return table_commands_1.addColumnBefore; }, ɵ33 = function () { return table_commands_1.addColumnAfter; }, ɵ34 = function () { return table_commands_1.addRowBefore; }, ɵ35 = function () { return table_commands_1.addRowAfter; }, ɵ36 = function () { return table_commands_1.deleteRow; }, ɵ37 = function () { return table_commands_1.deleteColumn; }, ɵ38 = function () { return table_commands_1.mergeCells; }, ɵ39 = function () { return table_commands_1.splitCell; }, ɵ40 = function () { return table_commands_1.deleteTable; };
 exports.ɵ31 = ɵ31;
 exports.ɵ32 = ɵ32;
 exports.ɵ33 = ɵ33;
@@ -90,17 +91,18 @@ exports.ɵ36 = ɵ36;
 exports.ɵ37 = ɵ37;
 exports.ɵ38 = ɵ38;
 exports.ɵ39 = ɵ39;
+exports.ɵ40 = ɵ40;
 var 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

package/dist/npm/editor-toolbar-state.js

@@ -66,6 +66,10 @@ exports.getToolbarState = function (state, options) { return ({
         selected: false,
         disabled: !kendo_editor_common_2.redo(state)
     },
+    selectAll: {
+        selected: false,
+        disabled: false
+    },
     strikethrough: {
         selected: kendo_editor_common_2.hasMark(state, kendo_editor_common_2.strikethrough),
         disabled: false
@@ -115,6 +119,12 @@ exports.getToolbarState = function (state, options) { return ({
         selected: false,
         disabled: false
     },
+    // print
+    print: {
+        selected: false,
+        disabled: false
+    },
+    // table
     insertTable: {
         selected: false,
         disabled: false
@@ -187,6 +197,8 @@ exports.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 },
@@ -202,7 +214,9 @@ exports.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
@@ -235,6 +249,8 @@ exports.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 },
@@ -250,5 +266,7 @@ exports.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 }
 };

package/dist/npm/editor.component.js

@@ -26,6 +26,7 @@ var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var editor_localization_service_1 = require("./localization/editor-localization.service");
 var styles_1 = require("./common/styles");
 var error_messages_1 = require("./common/error-messages");
+var tools_service_1 = require("./tools/tools.service");
 var EMPTY_PARAGRAPH = '<p></p>';
 var defaultPasteCleanupSettings = {
     convertMsLists: false,
@@ -57,16 +58,18 @@ exports.ɵ0 = ɵ0;
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
 var EditorComponent = /** @class */ (function () {
-    function EditorComponent(dialogService, localization, cdr, ngZone, element) {
+    function EditorComponent(dialogService, localization, cdr, ngZone, element, toolsService) {
         var _this = this;
         this.dialogService = dialogService;
         this.localization = localization;
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.element = element;
+        this.toolsService = toolsService;
         /**
          * If set to `false`, the Editor will run in style non-encapsulated mode. This means
          * that the styles of the page will be persisted in the Editor and its content will be affected by them.
+         * @default true
          */
         this.iframe = true;
         /**
@@ -410,6 +413,7 @@ var EditorComponent = /** @class */ (function () {
             var rtl = _a.rtl;
             _this.direction = rtl ? 'rtl' : 'ltr';
         }));
+        this.subs.add(this.toolsService.needsCheck.subscribe(function () { return _this.cdr.markForCheck(); }));
     };
     EditorComponent.prototype.ngAfterViewInit = function () {
         this.afterViewInit.next();
@@ -563,7 +567,6 @@ var EditorComponent = /** @class */ (function () {
      * Manually focus the Editor.
      */
     EditorComponent.prototype.focus = function () {
-        // this.focusChangedProgrammatically = true;
         this.focusChangedProgrammatically = true;
         this._view.focus();
         this.focusChangedProgrammatically = false;
@@ -735,8 +738,9 @@ var EditorComponent = /** @class */ (function () {
                 if (_this.readonly) {
                     contentAreaClasslist_1.add('k-state-focused');
                 }
-                if (!_this.focusChangedProgrammatically) {
+                if (!_this.focusChangedProgrammatically || _this.shouldEmitFocus) {
                     _this.ngZone.run(function () { return _this.onFocus.emit(); });
+                    _this.shouldEmitFocus = false;
                 }
             }));
             this.subs.add(rxjs_1.fromEvent(containerElement, 'focusout')
@@ -962,6 +966,7 @@ var EditorComponent = /** @class */ (function () {
             selector: 'kendo-editor',
             providers: [
                 editor_localization_service_1.EditorLocalizationService,
+                tools_service_1.EditorToolsService,
                 {
                     provide: kendo_angular_l10n_1.LocalizationService,
                     useExisting: editor_localization_service_1.EditorLocalizationService
@@ -981,7 +986,7 @@ var EditorComponent = /** @class */ (function () {
                 }
             ],
             /* tslint:disable:max-line-length */
-            template: "\n        <ng-container\n            kendoEditorLocalizedMessages\n            i18n-alignCenter=\"kendo.editor.alignCenter|The title of the tool that aligns text in the center.\"\n            alignCenter=\"Center text\"\n            i18n-alignJustify=\"kendo.editor.alignJustify|The title of the tool that justifies text both left and right.\"\n            alignJustify=\"Justify\"\n            i18n-alignLeft=\"kendo.editor.alignLeft|The title of the tool that aligns text on the left.\"\n            alignLeft=\"Align text left\"\n            i18n-alignRight=\"kendo.editor.alignRight|The title of the tool that aligns text on the right.\"\n            alignRight=\"Align text right\"\n            i18n-backColor=\"kendo.editor.backColor|The title of the tool that changes the text background color.\"\n            backColor=\"Background color\"\n            i18n-bold=\"kendo.editor.bold|The title of the tool that makes text bold.\"\n            bold=\"Bold\"\n            i18n-cleanFormatting=\"kendo.editor.cleanFormatting|The title of the Clean Formatting tool.\"\n            cleanFormatting=\"Clean formatting\"\n            i18n-createLink=\"kendo.editor.createLink|The title of the tool that creates hyperlinks.\"\n            createLink=\"Insert link\"\n            i18n-dialogApply=\"kendo.editor.dialogApply|The label of the **Apply** button in all editor dialogs.\"\n            dialogApply=\"Apply\"\n            i18n-dialogCancel=\"kendo.editor.dialogCancel|The label of the **Cancel** button in all editor dialogs.\"\n            dialogCancel=\"Cancel\"\n            i18n-dialogInsert=\"kendo.editor.dialogInsert|The label of the **Insert** button in all editor dialogs.\"\n            dialogInsert=\"Insert\"\n            i18n-dialogUpdate=\"kendo.editor.dialogUpdate|The label of the **Update** button in all editor dialogs.\"\n            dialogUpdate=\"Update\"\n            i18n-fileText=\"kendo.editor.fileText|The caption for the file text in the insertFile dialog.\"\n            fileText=\"Text\"\n            i18n-fileTitle=\"kendo.editor.fileTitle|The caption for the file Title in the insertFile dialog.\"\n            fileTitle=\"Title\"\n            i18n-fileWebAddress=\"kendo.editor.fileWebAddress|The caption for the file URL in the insertFile dialog.\"\n            fileWebAddress=\"Web address\"\n            i18n-fontFamily=\"kendo.editor.fontFamily|The title of the tool that changes the text font.\"\n            fontFamily=\"Select font family\"\n            i18n-fontSize=\"kendo.editor.fontSize|The title of the tool that changes the text size.\"\n            fontSize=\"Select font size\"\n            i18n-foreColor=\"kendo.editor.foreColor|The title of the tool that changes the text color.\"\n            foreColor=\"Color\"\n            i18n-format=\"kendo.editor.format|The title of the tool that lets users choose block formats.\"\n            format=\"Format\"\n            i18n-imageAltText=\"kendo.editor.imageAltText|The caption for the image alternate text in the insertImage dialog.\"\n            imageAltText=\"Alternate text\"\n            i18n-imageHeight=\"kendo.editor.imageHeight|The caption for the image height in the insertImage dialog.\"\n            imageHeight=\"Height (px)\"\n            i18n-imageWebAddress=\"kendo.editor.imageWebAddress|The caption for the image URL in the insertImage dialog.\"\n            imageWebAddress=\"Web address\"\n            i18n-imageWidth=\"kendo.editor.imageWidth|The caption for the image width in the insertImage dialog.\"\n            imageWidth=\"Width (px)\"\n            i18n-indent=\"kendo.editor.indent|The title of the tool that indents the content.\"\n            indent=\"Indent\"\n            i18n-insertFile=\"kendo.editor.insertFile|The title of the tool that inserts links to files.\"\n            insertFile=\"Insert file\"\n            i18n-insertImage=\"kendo.editor.insertImage|The title of the tool that inserts images.\"\n            insertImage=\"Insert image\"\n            i18n-insertOrderedList=\"kendo.editor.insertOrderedList|The title of the tool that inserts an ordered list.\"\n            insertOrderedList=\"Insert ordered list\"\n            i18n-insertUnorderedList=\"kendo.editor.insertUnorderedList|The title of the tool that inserts an unordered list.\"\n            insertUnorderedList=\"Insert unordered list\"\n            i18n-italic=\"kendo.editor.italic|The title of the tool that makes text italicized.\"\n            italic=\"Italic\"\n            i18n-linkOpenInNewWindow=\"kendo.editor.linkOpenInNewWindow|The caption for the checkbox for opening the link in a new window in the createLink dialog.\"\n            linkOpenInNewWindow=\"Open link in new window\"\n            i18n-linkText=\"kendo.editor.linkText|The caption for the link text in the createLink dialog.\"\n            linkText=\"Text\"\n            i18n-linkTitle=\"kendo.editor.linkTitle|The caption for the link title in the createLink dialog.\"\n            linkTitle=\"Title\"\n            i18n-linkWebAddress=\"kendo.editor.linkWebAddress|The caption for the URL in the createLink dialog.\"\n            linkWebAddress=\"Web address\"\n            i18n-outdent=\"kendo.editor.outdent|The title of the tool that outdents the content.\"\n            outdent=\"Outdent\"\n            i18n-redo=\"kendo.editor.redo|The title of the tool that undos the last action.\"\n            redo=\"Redo\"\n            i18n-strikethrough=\"kendo.editor.strikethrough|The title of the tool that strikes through text.\"\n            strikethrough=\"Strikethrough\"\n            i18n-subscript=\"kendo.editor.subscript|The title of the tool that makes text subscript.\"\n            subscript=\"Subscript\"\n            i18n-superscript=\"kendo.editor.superscript|The title of the tool that makes text superscript.\"\n            superscript=\"Superscript\"\n            i18n-underline=\"kendo.editor.underline|The title of the tool that underlines text.\"\n            underline=\"Underline\"\n            i18n-unlink=\"kendo.editor.unlink|The title of the tool that removes hyperlinks.\"\n            unlink=\"Remove Link\"\n            i18n-undo=\"kendo.editor.undo|The title of the tool that undos the last action.\"\n            undo=\"Undo\"\n            i18n-viewSource=\"kendo.editor.viewSource|The title of the tool that shows the editor value as HTML.\"\n            viewSource=\"View source\"\n            i18n-insertTable=\"kendo.editor.insertTable|The title of the tool that inserts table.\"\n            insertTable=\"Insert Table\"\n            i18n-addColumnBefore=\"kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column.\"\n            addColumnBefore=\"Add column before\"\n            i18n-addColumnAfter=\"kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column.\"\n            addColumnAfter=\"Add column after\"\n            i18n-addRowBefore=\"kendo.editor.addRowBefore|The title of the tool that adds new row before currently selected row.\"\n            addRowBefore=\"Add row before\"\n            i18n-addRowAfter=\"kendo.editor.addRowAfter|The title of the tool that adds new row after currently selected row.\"\n            addRowAfter=\"Add row after\"\n            i18n-deleteColumn=\"kendo.editor.deleteColumn|The title of the tool that deletes a table column.\"\n            deleteColumn=\"Delete column\"\n            i18n-deleteRow=\"kendo.editor.deleteRow|The title of the tool that deletes a table row.\"\n            deleteRow=\"Delete row\"\n            i18n-deleteTable=\"kendo.editor.deleteTable|The title of the tool that deletes a table.\"\n            deleteTable=\"Delete table\"\n        >\n        </ng-container>\n\n        <ng-content select=\"kendo-toolbar\"></ng-content>\n        <kendo-toolbar [overflow]=\"true\" [tabindex]=\"readonly ? -1 : 0\" *ngIf=\"!userToolBarElement\" #defaultToolbar>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>\n        </kendo-toolbar>\n\n        <div *ngIf=\"!iframe\" #content [attr.dir]=\"direction\" class=\"k-editor-content\"></div>\n\n        <div class=\"k-editor-content\" *ngIf=\"iframe\">\n            <iframe #content frameborder=\"0\" class=\"k-iframe\" (load)=\"iframeOnLoad()\"></iframe>\n        </div>\n\n        <ng-container #dialogsContainer></ng-container>\n    ",
+            template: "\n        <ng-container\n            kendoEditorLocalizedMessages\n            i18n-alignCenter=\"kendo.editor.alignCenter|The title of the tool that aligns text in the center.\"\n            alignCenter=\"Center text\"\n            i18n-alignJustify=\"kendo.editor.alignJustify|The title of the tool that justifies text both left and right.\"\n            alignJustify=\"Justify\"\n            i18n-alignLeft=\"kendo.editor.alignLeft|The title of the tool that aligns text on the left.\"\n            alignLeft=\"Align text left\"\n            i18n-alignRight=\"kendo.editor.alignRight|The title of the tool that aligns text on the right.\"\n            alignRight=\"Align text right\"\n            i18n-backColor=\"kendo.editor.backColor|The title of the tool that changes the text background color.\"\n            backColor=\"Background color\"\n            i18n-bold=\"kendo.editor.bold|The title of the tool that makes text bold.\"\n            bold=\"Bold\"\n            i18n-cleanFormatting=\"kendo.editor.cleanFormatting|The title of the Clean Formatting tool.\"\n            cleanFormatting=\"Clean formatting\"\n            i18n-createLink=\"kendo.editor.createLink|The title of the tool that creates hyperlinks.\"\n            createLink=\"Insert link\"\n            i18n-dialogApply=\"kendo.editor.dialogApply|The label of the **Apply** button in all editor dialogs.\"\n            dialogApply=\"Apply\"\n            i18n-dialogCancel=\"kendo.editor.dialogCancel|The label of the **Cancel** button in all editor dialogs.\"\n            dialogCancel=\"Cancel\"\n            i18n-dialogInsert=\"kendo.editor.dialogInsert|The label of the **Insert** button in all editor dialogs.\"\n            dialogInsert=\"Insert\"\n            i18n-dialogUpdate=\"kendo.editor.dialogUpdate|The label of the **Update** button in all editor dialogs.\"\n            dialogUpdate=\"Update\"\n            i18n-fileText=\"kendo.editor.fileText|The caption for the file text in the insertFile dialog.\"\n            fileText=\"Text\"\n            i18n-fileTitle=\"kendo.editor.fileTitle|The caption for the file Title in the insertFile dialog.\"\n            fileTitle=\"Title\"\n            i18n-fileWebAddress=\"kendo.editor.fileWebAddress|The caption for the file URL in the insertFile dialog.\"\n            fileWebAddress=\"Web address\"\n            i18n-fontFamily=\"kendo.editor.fontFamily|The title of the tool that changes the text font.\"\n            fontFamily=\"Select font family\"\n            i18n-fontSize=\"kendo.editor.fontSize|The title of the tool that changes the text size.\"\n            fontSize=\"Select font size\"\n            i18n-foreColor=\"kendo.editor.foreColor|The title of the tool that changes the text color.\"\n            foreColor=\"Color\"\n            i18n-format=\"kendo.editor.format|The title of the tool that lets users choose block formats.\"\n            format=\"Format\"\n            i18n-imageAltText=\"kendo.editor.imageAltText|The caption for the image alternate text in the insertImage dialog.\"\n            imageAltText=\"Alternate text\"\n            i18n-imageHeight=\"kendo.editor.imageHeight|The caption for the image height in the insertImage dialog.\"\n            imageHeight=\"Height (px)\"\n            i18n-imageWebAddress=\"kendo.editor.imageWebAddress|The caption for the image URL in the insertImage dialog.\"\n            imageWebAddress=\"Web address\"\n            i18n-imageWidth=\"kendo.editor.imageWidth|The caption for the image width in the insertImage dialog.\"\n            imageWidth=\"Width (px)\"\n            i18n-indent=\"kendo.editor.indent|The title of the tool that indents the content.\"\n            indent=\"Indent\"\n            i18n-insertFile=\"kendo.editor.insertFile|The title of the tool that inserts links to files.\"\n            insertFile=\"Insert file\"\n            i18n-insertImage=\"kendo.editor.insertImage|The title of the tool that inserts images.\"\n            insertImage=\"Insert image\"\n            i18n-insertOrderedList=\"kendo.editor.insertOrderedList|The title of the tool that inserts an ordered list.\"\n            insertOrderedList=\"Insert ordered list\"\n            i18n-insertUnorderedList=\"kendo.editor.insertUnorderedList|The title of the tool that inserts an unordered list.\"\n            insertUnorderedList=\"Insert unordered list\"\n            i18n-italic=\"kendo.editor.italic|The title of the tool that makes text italicized.\"\n            italic=\"Italic\"\n            i18n-linkOpenInNewWindow=\"kendo.editor.linkOpenInNewWindow|The caption for the checkbox for opening the link in a new window in the createLink dialog.\"\n            linkOpenInNewWindow=\"Open link in new window\"\n            i18n-linkText=\"kendo.editor.linkText|The caption for the link text in the createLink dialog.\"\n            linkText=\"Text\"\n            i18n-linkTitle=\"kendo.editor.linkTitle|The caption for the link title in the createLink dialog.\"\n            linkTitle=\"Title\"\n            i18n-linkWebAddress=\"kendo.editor.linkWebAddress|The caption for the URL in the createLink dialog.\"\n            linkWebAddress=\"Web address\"\n            i18n-outdent=\"kendo.editor.outdent|The title of the tool that outdents the content.\"\n            outdent=\"Outdent\"\n            i18n-print=\"kendo.editor.print|The title of the print tool.\"\n            print=\"Print\"\n            i18n-redo=\"kendo.editor.redo|The title of the tool that undos the last action.\"\n            redo=\"Redo\"\n            i18n-selectAll=\"kendo.editor.selectAll|The title of the tool that selects all content.\"\n            selectAll=\"Select All\"\n            i18n-strikethrough=\"kendo.editor.strikethrough|The title of the tool that strikes through text.\"\n            strikethrough=\"Strikethrough\"\n            i18n-subscript=\"kendo.editor.subscript|The title of the tool that makes text subscript.\"\n            subscript=\"Subscript\"\n            i18n-superscript=\"kendo.editor.superscript|The title of the tool that makes text superscript.\"\n            superscript=\"Superscript\"\n            i18n-underline=\"kendo.editor.underline|The title of the tool that underlines text.\"\n            underline=\"Underline\"\n            i18n-unlink=\"kendo.editor.unlink|The title of the tool that removes hyperlinks.\"\n            unlink=\"Remove Link\"\n            i18n-undo=\"kendo.editor.undo|The title of the tool that undos the last action.\"\n            undo=\"Undo\"\n            i18n-viewSource=\"kendo.editor.viewSource|The title of the tool that shows the editor value as HTML.\"\n            viewSource=\"View source\"\n            i18n-insertTable=\"kendo.editor.insertTable|The title of the tool that inserts table.\"\n            insertTable=\"Insert Table\"\n            i18n-addColumnBefore=\"kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column.\"\n            addColumnBefore=\"Add column before\"\n            i18n-addColumnAfter=\"kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column.\"\n            addColumnAfter=\"Add column after\"\n            i18n-addRowBefore=\"kendo.editor.addRowBefore|The title of the tool that adds new row before currently selected row.\"\n            addRowBefore=\"Add row before\"\n            i18n-addRowAfter=\"kendo.editor.addRowAfter|The title of the tool that adds new row after currently selected row.\"\n            addRowAfter=\"Add row after\"\n            i18n-deleteColumn=\"kendo.editor.deleteColumn|The title of the tool that deletes a table column.\"\n            deleteColumn=\"Delete column\"\n            i18n-deleteRow=\"kendo.editor.deleteRow|The title of the tool that deletes a table row.\"\n            deleteRow=\"Delete row\"\n            i18n-deleteTable=\"kendo.editor.deleteTable|The title of the tool that deletes a table.\"\n            deleteTable=\"Delete table\"\n        >\n        </ng-container>\n\n        <ng-content select=\"kendo-toolbar\"></ng-content>\n        <kendo-toolbar [overflow]=\"true\" [tabindex]=\"readonly ? -1 : 0\" *ngIf=\"!userToolBarElement\" #defaultToolbar>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-buttongroup>\n                <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\n                <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\n            </kendo-toolbar-buttongroup>\n            <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>\n        </kendo-toolbar>\n\n        <div *ngIf=\"!iframe\" #content [attr.dir]=\"direction\" class=\"k-editor-content\"></div>\n\n        <div class=\"k-editor-content\" *ngIf=\"iframe\">\n            <iframe #content frameborder=\"0\" class=\"k-iframe\" (load)=\"iframeOnLoad()\"></iframe>\n        </div>\n\n        <ng-container #dialogsContainer></ng-container>\n    ",
             styles: [
                 "\n            >>> .k-editor-content > .ProseMirror {\n                height: 100%;\n                width: 100%;\n                box-sizing: border-box;\n                outline: none;\n                overflow: auto;\n            }\n\n            .k-iframe {\n                width: 100%;\n                height: 100%;\n                display: block;\n            }\n        "
             ]
@@ -990,7 +995,8 @@ var EditorComponent = /** @class */ (function () {
             kendo_angular_l10n_1.LocalizationService,
             core_1.ChangeDetectorRef,
             core_1.NgZone,
-            core_1.ElementRef])
+            core_1.ElementRef,
+            tools_service_1.EditorToolsService])
     ], EditorComponent);
     return EditorComponent;
 }());

package/dist/npm/editor.module.js

@@ -68,6 +68,8 @@ var editor_fontfamily_dropdownlist_component_1 = require("./tools/fontfamily/edi
 var editor_fontsize_dropdownlist_component_1 = require("./tools/fontsize/editor-fontsize-dropdownlist.component");
 var font_size_dialog_component_1 = require("./dialogs/font-size-dialog.component");
 var dropdown_tool_directive_1 = require("./tools/shared/dropdown-tool.directive");
+var editor_print_button_directive_1 = require("./tools/print/editor-print-button.directive");
+var select_all_button_directive_1 = require("./tools/select-all/select-all-button.directive");
 var COMPONENT_DIRECTIVES = [
     //alignment
     editor_align_left_button_directive_1.EditorAlignLeftButtonDirective,
@@ -119,7 +121,11 @@ var COMPONENT_DIRECTIVES = [
     custom_messages_component_1.CustomMessagesComponent,
     localized_messages_directive_1.LocalizedMessagesDirective,
     // dropdown tools
-    dropdown_tool_directive_1.DropDownToolDirective
+    dropdown_tool_directive_1.DropDownToolDirective,
+    // print
+    editor_print_button_directive_1.EditorPrintDirective,
+    // select all
+    select_all_button_directive_1.EditorSelectAllButtonDirective
 ];
 var TOOLBAR_TOOLS = [
     editor_fontsize_component_1.EditorFontSizeComponent,

package/dist/npm/index.js

@@ -81,6 +81,10 @@ var editor_insert_ordered_list_button_directive_1 = require("./tools/list/editor
 exports.EditorInsertOrderedListButtonDirective = editor_insert_ordered_list_button_directive_1.EditorInsertOrderedListButtonDirective
 var editor_insert_unordered_list_button_directive_1 = require("./tools/list/editor-insert-unordered-list-button.directive");
 exports.EditorInsertUnorderedListButtonDirective = editor_insert_unordered_list_button_directive_1.EditorInsertUnorderedListButtonDirective
+var editor_print_button_directive_1 = require("./tools/print/editor-print-button.directive");
+exports.EditorPrintDirective = editor_print_button_directive_1.EditorPrintDirective
+var select_all_button_directive_1 = require("./tools/select-all/select-all-button.directive");
+exports.EditorSelectAllButtonDirective = select_all_button_directive_1.EditorSelectAllButtonDirective
 var dropdown_tool_directive_1 = require("./tools/shared/dropdown-tool.directive");
 exports.DropDownToolDirective = dropdown_tool_directive_1.DropDownToolDirective
 var editor_command_base_1 = require("./tools/shared/editor-command-base");
@@ -113,6 +117,8 @@ var editor_split_cell_button_directive_1 = require("./tools/tables/editor-split-
 exports.EditorSplitCellButtonDirective = editor_split_cell_button_directive_1.EditorSplitCellButtonDirective
 var popup_table_grid_component_1 = require("./tools/tables/popup-table-grid.component");
 exports.PopupTableGridComponent = popup_table_grid_component_1.PopupTableGridComponent
+var tools_service_1 = require("./tools/tools.service");
+exports.EditorToolsService = tools_service_1.EditorToolsService
 var editor_bold_button_directive_1 = require("./tools/typographical-emphasis/editor-bold-button.directive");
 exports.EditorBoldButtonDirective = editor_bold_button_directive_1.EditorBoldButtonDirective
 var editor_italic_button_directive_1 = require("./tools/typographical-emphasis/editor-italic-button.directive");

package/dist/npm/localization/messages.js

@@ -91,10 +91,18 @@ var Messages = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], Messages.prototype, "outdent", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "print", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], Messages.prototype, "redo", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "selectAll", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String)

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637061495,
+    publishDate: 1638192544,
     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/npm/tools/alignment/editor-align-center-button.directive.js

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

package/dist/npm/tools/alignment/editor-align-justify-button.directive.js

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

package/dist/npm/tools/alignment/editor-align-left-button.directive.js

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

package/dist/npm/tools/alignment/editor-align-right-button.directive.js

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

package/dist/npm/tools/editor-clean-formatting-button.directive.js

@@ -10,6 +10,7 @@ var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
 var editor_component_1 = require("../editor.component");
 var editor_command_button_1 = require("./shared/editor-command-button");
 var editor_localization_service_1 = require("../localization/editor-localization.service");
+var tools_service_1 = require("./tools.service");
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Clean Formatting tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -29,8 +30,8 @@ var editor_localization_service_1 = require("../localization/editor-localization
  */
 var EditorCleanFormattingButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCleanFormattingButtonDirective, _super);
-    function EditorCleanFormattingButtonDirective(button, editor, localization) {
-        return _super.call(this, 'cleanFormatting', button, editor, localization) || this;
+    function EditorCleanFormattingButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'cleanFormatting', button, editor, localization, toolsService) || this;
     }
     EditorCleanFormattingButtonDirective = tslib_1.__decorate([
         core_1.Directive({
@@ -39,7 +40,8 @@ var EditorCleanFormattingButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
             editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorCleanFormattingButtonDirective);
     return EditorCleanFormattingButtonDirective;
 }(editor_command_button_1.EditorCommandButton));

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

@@ -13,6 +13,7 @@ var editor_localization_service_1 = require("../../localization/editor-localizat
 var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
 var font_family_dialog_component_1 = require("../../dialogs/font-family-dialog.component");
 var editor_fontfamily_dropdownlist_component_1 = require("./editor-fontfamily-dropdownlist.component");
+var tools_service_1 = require("../tools.service");
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -26,11 +27,12 @@ var editor_fontfamily_dropdownlist_component_1 = require("./editor-fontfamily-dr
  */
 var EditorFontFamilyComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFontFamilyComponent, _super);
-    function EditorFontFamilyComponent(editor, dialogService, localization) {
+    function EditorFontFamilyComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -79,7 +81,10 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.fontName === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, fontName: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, fontName: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             var style = _a.style;
             _this.value = util_1.getUniqueStyleValues(style.selected, 'font-family') || null;
@@ -200,7 +205,8 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, core_1.Host()),
         tslib_1.__metadata("design:paramtypes", [editor_component_1.EditorComponent,
             kendo_angular_dialog_1.DialogService,
-            editor_localization_service_1.EditorLocalizationService])
+            editor_localization_service_1.EditorLocalizationService,
+            tools_service_1.EditorToolsService])
     ], EditorFontFamilyComponent);
     return EditorFontFamilyComponent;
 }(kendo_angular_toolbar_1.ToolBarToolComponent));