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

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

@@ -67,6 +67,7 @@ var EditorComponent = /** @class */ (function () {
         /**
          * 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;
         /**
@@ -563,7 +564,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;
@@ -672,7 +672,8 @@ var EditorComponent = /** @class */ (function () {
             kendo_editor_common_1.keymap(kendo_editor_common_1.buildListKeymap(currentSchema)),
             kendo_editor_common_1.keymap(kendo_editor_common_1.buildKeymap(currentSchema, { applyToWord: this.applyToWord })),
             kendo_editor_common_1.keymap(kendo_editor_common_1.baseKeymap),
-            kendo_editor_common_1.gapCursor()
+            kendo_editor_common_1.gapCursor(),
+            kendo_editor_common_1.imageResizing()
         ];
         if (this.placeholder) {
             defaultPlugins.push(kendo_editor_common_1.placeholder(this.placeholder));
@@ -734,8 +735,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')
@@ -980,7 +982,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        "
             ]

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

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: 1635941024,
+    publishDate: 1637743184,
     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/print/editor-print-button.directive.js

@@ -0,0 +1,69 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+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 error_messages_1 = require("../../common/error-messages");
+/**
+ * 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>
+ * ```
+ */
+var EditorPrintDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(EditorPrintDirective, _super);
+    function EditorPrintDirective(button, editor, localization) {
+        var _this = _super.call(this, 'print', button, editor, localization) || this;
+        _this.editor = editor;
+        return _this;
+    }
+    EditorPrintDirective.prototype.ngAfterViewInit = function () {
+        if (core_1.isDevMode) {
+            if (!this.editor.iframe) {
+                throw new Error(error_messages_1.EditorErrorMessages.printTool);
+            }
+        }
+    };
+    EditorPrintDirective.prototype.clickHandler = function () {
+        if (this.editor.iframe) {
+            var view = this.editor.view;
+            var dom = view && view.dom;
+            var doc = dom && dom.ownerDocument;
+            var editorWindow = doc && doc.defaultView;
+            if (editorWindow) {
+                editorWindow.print();
+            }
+        }
+    };
+    EditorPrintDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+        }),
+        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])
+    ], EditorPrintDirective);
+    return EditorPrintDirective;
+}(editor_command_button_1.EditorCommandButton));
+exports.EditorPrintDirective = EditorPrintDirective;

package/dist/npm/tools/select-all/select-all-button.directive.js

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+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");
+/**
+ * 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>
+ * ```
+ */
+var EditorSelectAllButtonDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(EditorSelectAllButtonDirective, _super);
+    function EditorSelectAllButtonDirective(button, editor, localization) {
+        return _super.call(this, 'selectAll', button, editor, localization) || this;
+    }
+    EditorSelectAllButtonDirective.prototype.clickHandler = function () {
+        this.editor.shouldEmitFocus = true;
+        _super.prototype.clickHandler.call(this);
+    };
+    EditorSelectAllButtonDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+        }),
+        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])
+    ], EditorSelectAllButtonDirective);
+    return EditorSelectAllButtonDirective;
+}(editor_command_button_1.EditorCommandButton));
+exports.EditorSelectAllButtonDirective = EditorSelectAllButtonDirective;

package/dist/npm/tools/shared/editor-command-base.js

@@ -10,28 +10,28 @@ var command_icons_1 = require("../../config/command-icons");
  */
 var EditorCommandBase = /** @class */ (function () {
     function EditorCommandBase(command, button, editor, localization) {
+        var _this = this;
         this.command = command;
         this.button = button;
         this.editor = editor;
         this.localization = localization;
-    }
-    EditorCommandBase.prototype.ngOnInit = function () {
-        var _this = this;
-        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(function () {
+        setTimeout(function () {
             var 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 = command_icons_1.commandIcons[_this.command];
             }
             _this.button.title = text;
         });
+    }
+    EditorCommandBase.prototype.ngOnInit = function () {
+        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))));
     };
     EditorCommandBase.prototype.ngOnDestroy = function () {
         if (this.subs) {

package/dist/npm/tools/tables/editor-insert-table-button.component.js

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