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

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

@@ -11,6 +11,7 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { FontSizeDialogComponent } from '../../dialogs/font-size-dialog.component';
 import { FontSizeDropDownListComponent } from './editor-fontsize-dropdownlist.component';
+import { EditorToolsService } from '../tools.service';
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,11 +25,12 @@ import { FontSizeDropDownListComponent } from './editor-fontsize-dropdownlist.co
  */
 var EditorFontSizeComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFontSizeComponent, _super);
-    function EditorFontSizeComponent(editor, dialogService, localization) {
+    function EditorFontSizeComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -70,7 +72,10 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.size === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, size: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, size: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             // remove units(px, em, rem...)
             // string#match returns array
@@ -193,7 +198,8 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,
             DialogService,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorFontSizeComponent);
     return EditorFontSizeComponent;
 }(ToolBarToolComponent));

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

@@ -11,6 +11,7 @@ import { EditorComponent } from '../../editor.component';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { FormatDialogComponent } from '../../dialogs/format-dialog.component';
 import { FormatDropDownListComponent } from './editor-format-dropdownlist.component';
+import { EditorToolsService } from '../tools.service';
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,11 +25,12 @@ import { FormatDropDownListComponent } from './editor-format-dropdownlist.compon
  */
 var EditorFormatComponent = /** @class */ (function (_super) {
     tslib_1.__extends(EditorFormatComponent, _super);
-    function EditorFormatComponent(editor, dialogService, localization) {
+    function EditorFormatComponent(editor, dialogService, localization, toolsService) {
         var _this = _super.call(this) || this;
         _this.editor = editor;
         _this.dialogService = dialogService;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         _this.disabled = false;
         _this.tabindex = -1;
         /**
@@ -71,7 +73,10 @@ var EditorFormatComponent = /** @class */ (function (_super) {
                 return itemArgs.dataItem.tag === null;
             }
         };
-        setTimeout(function () { return (_this.defaultItem = { text: _this.title, tag: null }); });
+        setTimeout(function () {
+            _this.defaultItem = { text: _this.title, tag: null };
+            _this.toolsService.needsCheck.next();
+        });
         this.subs = this.editor.stateChange.subscribe(function (_a) {
             var format = _a.format;
             var index = _this.data.findIndex(function (item) { return item.tag === format.selected.tag; });
@@ -190,7 +195,8 @@ var EditorFormatComponent = /** @class */ (function (_super) {
         tslib_1.__param(0, Host()),
         tslib_1.__metadata("design:paramtypes", [EditorComponent,
             DialogService,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorFormatComponent);
     return EditorFormatComponent;
 }(ToolBarToolComponent));

package/dist/es/tools/history/editor-redo-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorRedoButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorRedoButtonDirective, _super);
-    function EditorRedoButtonDirective(button, editor, localization) {
-        return _super.call(this, 'redo', button, editor, localization) || this;
+    function EditorRedoButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'redo', button, editor, localization, toolsService) || this;
     }
     EditorRedoButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorRedoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorRedoButtonDirective);
     return EditorRedoButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/history/editor-undo-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Undo tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorUndoButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorUndoButtonDirective, _super);
-    function EditorUndoButtonDirective(button, editor, localization) {
-        return _super.call(this, 'undo', button, editor, localization) || this;
+    function EditorUndoButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'undo', button, editor, localization, toolsService) || this;
     }
     EditorUndoButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorUndoButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorUndoButtonDirective);
     return EditorUndoButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/image/editor-insert-image-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandDialog } from '../shared/editor-command-dialog';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertImage tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertImageButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertImageButtonDirective, _super);
-    function EditorInsertImageButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertImage', button, editor, localization) || this;
+    function EditorInsertImageButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertImage', button, editor, localization, toolsService) || this;
     }
     EditorInsertImageButtonDirective = tslib_1.__decorate([
         Directive({
@@ -37,7 +38,8 @@ var EditorInsertImageButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertImageButtonDirective);
     return EditorInsertImageButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/indentation/editor-indent-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Indent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorIndentButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorIndentButtonDirective, _super);
-    function EditorIndentButtonDirective(button, editor, localization) {
-        return _super.call(this, 'indent', button, editor, localization) || this;
+    function EditorIndentButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'indent', button, editor, localization, toolsService) || this;
     }
     EditorIndentButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorIndentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorIndentButtonDirective);
     return EditorIndentButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/indentation/editor-outdent-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Outdent tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorOutdentButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorOutdentButtonDirective, _super);
-    function EditorOutdentButtonDirective(button, editor, localization) {
-        return _super.call(this, 'outdent', button, editor, localization) || this;
+    function EditorOutdentButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'outdent', button, editor, localization, toolsService) || this;
     }
     EditorOutdentButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorOutdentButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorOutdentButtonDirective);
     return EditorOutdentButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/link/editor-create-link-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandDialog } from '../shared/editor-command-dialog';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor CreateLink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorCreateLinkButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCreateLinkButtonDirective, _super);
-    function EditorCreateLinkButtonDirective(button, editor, localization) {
-        return _super.call(this, 'createLink', button, editor, localization) || this;
+    function EditorCreateLinkButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'createLink', button, editor, localization, toolsService) || this;
     }
     EditorCreateLinkButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorCreateLinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorCreateLinkButtonDirective);
     return EditorCreateLinkButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/link/editor-insert-file-button.directive.js

@@ -8,6 +8,7 @@ import { EditorComponent } from '../../editor.component';
 import { EditorCommandDialog } from '../shared/editor-command-dialog';
 import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from "../tools.service";
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor 'Insert File' tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -20,8 +21,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertFileButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertFileButtonDirective, _super);
-    function EditorInsertFileButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertFile', button, editor, localization) || this;
+    function EditorInsertFileButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertFile', button, editor, localization, toolsService) || this;
     }
     EditorInsertFileButtonDirective = tslib_1.__decorate([
         Directive({
@@ -30,7 +31,8 @@ var EditorInsertFileButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertFileButtonDirective);
     return EditorInsertFileButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/link/editor-unlink-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor Unlink tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorUnlinkButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorUnlinkButtonDirective, _super);
-    function EditorUnlinkButtonDirective(button, editor, localization) {
-        return _super.call(this, 'unlink', button, editor, localization) || this;
+    function EditorUnlinkButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'unlink', button, editor, localization, toolsService) || this;
     }
     EditorUnlinkButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorUnlinkButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorUnlinkButtonDirective);
     return EditorUnlinkButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/list/editor-insert-ordered-list-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertOrderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertOrderedListButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertOrderedListButtonDirective, _super);
-    function EditorInsertOrderedListButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertOrderedList', button, editor, localization) || this;
+    function EditorInsertOrderedListButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertOrderedList', button, editor, localization, toolsService) || this;
     }
     EditorInsertOrderedListButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorInsertOrderedListButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertOrderedListButtonDirective);
     return EditorInsertOrderedListButtonDirective;
 }(EditorCommandButton));

package/dist/es/tools/list/editor-insert-unordered-list-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertUnorderedList tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -28,8 +29,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorInsertUnorderedListButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorInsertUnorderedListButtonDirective, _super);
-    function EditorInsertUnorderedListButtonDirective(button, editor, localization) {
-        return _super.call(this, 'insertUnorderedList', button, editor, localization) || this;
+    function EditorInsertUnorderedListButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'insertUnorderedList', button, editor, localization, toolsService) || this;
     }
     EditorInsertUnorderedListButtonDirective = tslib_1.__decorate([
         Directive({
@@ -38,7 +39,8 @@ var EditorInsertUnorderedListButtonDirective = /** @class */ (function (_super)
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorInsertUnorderedListButtonDirective);
     return EditorInsertUnorderedListButtonDirective;
 }(EditorCommandButton));

package/dist/es/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
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, Host, isDevMode } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorErrorMessages } from '../../common/error-messages';
+import { EditorToolsService } from '../tools.service';
+/**
+ * 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, toolsService) {
+        var _this = _super.call(this, 'print', button, editor, localization, toolsService) || this;
+        _this.editor = editor;
+        return _this;
+    }
+    EditorPrintDirective.prototype.ngAfterViewInit = function () {
+        if (isDevMode) {
+            if (!this.editor.iframe) {
+                throw new Error(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([
+        Directive({
+            selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+        }),
+        tslib_1.__param(1, Host()),
+        tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+            EditorComponent,
+            EditorLocalizationService,
+            EditorToolsService])
+    ], EditorPrintDirective);
+    return EditorPrintDirective;
+}(EditorCommandButton));
+export { EditorPrintDirective };

package/dist/es/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
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, Host } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor 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, toolsService) {
+        return _super.call(this, 'selectAll', button, editor, localization, toolsService) || this;
+    }
+    EditorSelectAllButtonDirective.prototype.clickHandler = function () {
+        this.editor.shouldEmitFocus = true;
+        _super.prototype.clickHandler.call(this);
+    };
+    EditorSelectAllButtonDirective = tslib_1.__decorate([
+        Directive({
+            selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+        }),
+        tslib_1.__param(1, Host()),
+        tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+            EditorComponent,
+            EditorLocalizationService,
+            EditorToolsService])
+    ], EditorSelectAllButtonDirective);
+    return EditorSelectAllButtonDirective;
+}(EditorCommandButton));
+export { EditorSelectAllButtonDirective };

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

@@ -7,29 +7,31 @@ import { commandIcons } from '../../config/command-icons';
  * @hidden
  */
 var EditorCommandBase = /** @class */ (function () {
-    function EditorCommandBase(command, button, editor, localization) {
+    function EditorCommandBase(command, button, editor, localization, toolsService) {
+        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 () {
+        this.toolsService = toolsService;
+        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 = commandIcons[_this.command];
             }
             _this.button.title = text;
+            _this.toolsService.needsCheck.next();
         });
+    }
+    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/es/tools/shared/editor-command-button.js

@@ -9,12 +9,13 @@ import { EditorCommandBase } from './editor-command-base';
  */
 var EditorCommandButton = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCommandButton, _super);
-    function EditorCommandButton(command, button, editor, localization) {
-        var _this = _super.call(this, command, button, editor, localization) || this;
+    function EditorCommandButton(command, button, editor, localization, toolsService) {
+        var _this = _super.call(this, command, button, editor, localization, toolsService) || this;
         _this.command = command;
         _this.button = button;
         _this.editor = editor;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         return _this;
     }
     EditorCommandButton.prototype.clickHandler = function () {

package/dist/es/tools/shared/editor-command-dialog.js

@@ -9,12 +9,13 @@ import { EditorCommandBase } from './editor-command-base';
  */
 var EditorCommandDialog = /** @class */ (function (_super) {
     tslib_1.__extends(EditorCommandDialog, _super);
-    function EditorCommandDialog(dialog, button, editor, localization) {
-        var _this = _super.call(this, dialog, button, editor, localization) || this;
+    function EditorCommandDialog(dialog, button, editor, localization, toolsService) {
+        var _this = _super.call(this, dialog, button, editor, localization, toolsService) || this;
         _this.dialog = dialog;
         _this.button = button;
         _this.editor = editor;
         _this.localization = localization;
+        _this.toolsService = toolsService;
         return _this;
     }
     EditorCommandDialog.prototype.clickHandler = function () {

package/dist/es/tools/source/editor-view-source-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandDialog } from '../shared/editor-command-dialog';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor ViewSource tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -27,8 +28,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorViewSourceButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorViewSourceButtonDirective, _super);
-    function EditorViewSourceButtonDirective(button, editor, localization) {
-        return _super.call(this, 'viewSource', button, editor, localization) || this;
+    function EditorViewSourceButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'viewSource', button, editor, localization, toolsService) || this;
     }
     EditorViewSourceButtonDirective = tslib_1.__decorate([
         Directive({
@@ -37,7 +38,8 @@ var EditorViewSourceButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorViewSourceButtonDirective);
     return EditorViewSourceButtonDirective;
 }(EditorCommandDialog));

package/dist/es/tools/tables/editor-add-column-after-button.directive.js

@@ -8,6 +8,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandButton } from '../shared/editor-command-button';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
 /**
  * A directive which configures an existing `ToolBarButtonComponent` as an Editor AddColumnAfter tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -21,8 +22,8 @@ import { EditorLocalizationService } from '../../localization/editor-localizatio
  */
 var EditorAddColumnAfterButtonDirective = /** @class */ (function (_super) {
     tslib_1.__extends(EditorAddColumnAfterButtonDirective, _super);
-    function EditorAddColumnAfterButtonDirective(button, editor, localization) {
-        return _super.call(this, 'addColumnAfter', button, editor, localization) || this;
+    function EditorAddColumnAfterButtonDirective(button, editor, localization, toolsService) {
+        return _super.call(this, 'addColumnAfter', button, editor, localization, toolsService) || this;
     }
     EditorAddColumnAfterButtonDirective = tslib_1.__decorate([
         Directive({
@@ -31,7 +32,8 @@ var EditorAddColumnAfterButtonDirective = /** @class */ (function (_super) {
         tslib_1.__param(1, Host()),
         tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
             EditorComponent,
-            EditorLocalizationService])
+            EditorLocalizationService,
+            EditorToolsService])
     ], EditorAddColumnAfterButtonDirective);
     return EditorAddColumnAfterButtonDirective;
 }(EditorCommandButton));