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

package/dist/es2015/localization/messages.d.ts

@@ -83,10 +83,18 @@ export declare class Messages extends ComponentMessages {
      * The title of the tool that outdents the content.
      */
     outdent: string;
+    /**
+     * The title of the print tool.
+     */
+    print: string;
     /**
      * The title of the tool that redos the last action.
      */
     redo: string;
+    /**
+     * The title of the tool that selects all content.
+     */
+    selectAll: string;
     /**
      * The title of the tool that strikes through text.
      */

package/dist/es2015/localization/messages.js

@@ -86,10 +86,18 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
 ], Messages.prototype, "outdent", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "print", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
 ], Messages.prototype, "redo", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "selectAll", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1637061495,
+    publishDate: 1637689470,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+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';
+/**
+ * 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>
+ * ```
+ */
+export declare class EditorPrintDirective extends EditorCommandButton {
+    protected editor: EditorComponent;
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    ngAfterViewInit(): void;
+    protected clickHandler(): void;
+}

package/dist/es2015/tools/print/editor-print-button.directive.js

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Print tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * > The Editor Print tool is supported in the default [`iframe`](https://www.telerik.com/kendo-angular-ui-develop/components/editor/api/EditorComponent/#toc-iframe) mode only.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorPrintButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorPrintDirective = class EditorPrintDirective extends EditorCommandButton {
+    constructor(button, editor, localization) {
+        super('print', button, editor, localization);
+        this.editor = editor;
+    }
+    ngAfterViewInit() {
+        if (isDevMode) {
+            if (!this.editor.iframe) {
+                throw new Error(EditorErrorMessages.printTool);
+            }
+        }
+    }
+    clickHandler() {
+        if (this.editor.iframe) {
+            const view = this.editor.view;
+            const dom = view && view.dom;
+            const doc = dom && dom.ownerDocument;
+            const editorWindow = doc && doc.defaultView;
+            if (editorWindow) {
+                editorWindow.print();
+            }
+        }
+    }
+};
+EditorPrintDirective = tslib_1.__decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorPrintButton]'
+    }),
+    tslib_1.__param(1, Host()),
+    tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService])
+], EditorPrintDirective);
+export { EditorPrintDirective };

package/dist/es2015/tools/select-all/select-all-button.directive.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+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';
+/**
+ * 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>
+ * ```
+ */
+export declare class EditorSelectAllButtonDirective extends EditorCommandButton {
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService);
+    protected clickHandler(): void;
+}

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

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor SelectAll tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
+ * ```
+ *
+ * The following example demonstrates how to change the default icon that is applied by the directive.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSelectAllButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorSelectAllButtonDirective = class EditorSelectAllButtonDirective extends EditorCommandButton {
+    constructor(button, editor, localization) {
+        super('selectAll', button, editor, localization);
+    }
+    clickHandler() {
+        this.editor.shouldEmitFocus = true;
+        super.clickHandler();
+    }
+};
+EditorSelectAllButtonDirective = tslib_1.__decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorSelectAllButton]'
+    }),
+    tslib_1.__param(1, Host()),
+    tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService])
+], EditorSelectAllButtonDirective);
+export { EditorSelectAllButtonDirective };

package/dist/es2015/tools/shared/editor-command-base.d.ts

@@ -5,19 +5,20 @@
 import { Subscription } from 'rxjs';
 import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { EditorComponent } from '../../editor.component';
-import { EditorCommand, DialogCommand } from '../../common/commands';
+import { EditorCommand, DialogCommand, EditorInternalCommand } from '../../common/commands';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 /**
  * @hidden
  */
 export declare abstract class EditorCommandBase {
-    protected command: DialogCommand | EditorCommand;
+    protected command: DialogCommand | EditorCommand | EditorInternalCommand;
     protected button: ToolBarButtonComponent;
     protected editor: EditorComponent;
     protected localization: LocalizationService;
     protected subs: Subscription;
-    constructor(command: DialogCommand | EditorCommand, button: ToolBarButtonComponent, editor: EditorComponent, localization: LocalizationService);
+    constructor(command: DialogCommand | EditorCommand | EditorInternalCommand, button: ToolBarButtonComponent, editor: EditorComponent, localization: LocalizationService);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected clickHandler(): void;
     protected pointerdownHandler(_event: PointerEvent): void;

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

@@ -17,14 +17,16 @@ export class EditorCommandBase {
         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(() => {
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
             const text = this.localization.get(this.command);
             if (text) {
-                this.button.showText = "overflow";
-                this.button.showIcon = "both";
+                this.button.showText = 'overflow';
+                this.button.showIcon = 'both';
                 this.button.text = text;
             }
-            if (!this.button.icon) {
+            if (!this.button.toolbarOptions.icon) {
                 this.button.icon = commandIcons[this.command];
             }
             this.button.title = text;

package/dist/es2015/tools/shared/editor-command-button.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommand } from '../../common/commands';
+import { EditorCommand, EditorInternalCommand } from '../../common/commands';
 import { EditorComponent } from '../../editor.component';
 import { EditorCommandBase } from './editor-command-base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -11,11 +11,11 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
  * @hidden
  */
 export declare abstract class EditorCommandButton extends EditorCommandBase {
-    protected command: EditorCommand;
+    protected command: EditorCommand | EditorInternalCommand;
     protected button: ToolBarButtonComponent;
     protected editor: EditorComponent;
     protected localization: LocalizationService;
-    constructor(command: EditorCommand, button: ToolBarButtonComponent, editor: EditorComponent, localization: LocalizationService);
+    constructor(command: EditorCommand | EditorInternalCommand, button: ToolBarButtonComponent, editor: EditorComponent, localization: LocalizationService);
     protected clickHandler(): void;
     protected pointerdownHandler(e: PointerEvent): void;
     protected onStateChange(toolBarState: any): void;