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

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: 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/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,18 +5,18 @@
 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;
     ngOnDestroy(): void;
     protected clickHandler(): void;

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

@@ -12,24 +12,24 @@ export class EditorCommandBase {
         this.button = button;
         this.editor = editor;
         this.localization = localization;
-    }
-    ngOnInit() {
-        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
-        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
-        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
-        Promise.resolve(null).then(() => {
+        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;
         });
     }
+    ngOnInit() {
+        this.subs = this.editor.stateChange.subscribe(this.onStateChange.bind(this));
+        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
+        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
+    }
     ngOnDestroy() {
         if (this.subs) {
             this.subs.unsubscribe();

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;

package/dist/es2015/tools/tables/editor-insert-table-button.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { TemplateRef, ElementRef, OnDestroy } from '@angular/core';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
 import { PopupRef, PopupService } from '@progress/kendo-angular-popup';
 import { EditorComponent } from '../../editor.component';
@@ -16,7 +16,7 @@ import { DialogService } from '@progress/kendo-angular-dialog';
  * <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
  * ```
  */
-export declare class EditorInsertTableButtonComponent extends ToolBarToolComponent implements AfterViewInit, OnDestroy {
+export declare class EditorInsertTableButtonComponent extends ToolBarToolComponent implements OnDestroy {
     private editor;
     private localization;
     private popupService;
@@ -39,7 +39,6 @@ export declare class EditorInsertTableButtonComponent extends ToolBarToolCompone
     private cellClicked;
     private subs;
     constructor(editor: EditorComponent, localization: EditorLocalizationService, popupService: PopupService, dialogService: DialogService);
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     readonly outerWidth: number;
     readonly title: string;

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

@@ -42,9 +42,6 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
             this.toggle(false);
         }));
     }
-    ngAfterViewInit() {
-        this.getButton().tabIndex = -1;
-    }
     ngOnDestroy() {
         this.destroyPopup();
         if (this.subs) {
@@ -87,7 +84,7 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
      * @hidden
      */
     onBlur() {
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         this.buttonBlurred.emit();
     }
     /**
@@ -108,8 +105,8 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
      * @hidden
      */
     focus() {
+        this.tabIndex = 0;
         this.getButton().focus();
-        this.getButton().tabIndex = 0;
     }
     /**
      * @hidden
@@ -118,7 +115,7 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
         if (ev.keyCode === Keys.Space || ev.keyCode === Keys.Enter) {
             return true;
         }
-        this.getButton().tabIndex = -1;
+        this.tabIndex = -1;
         return false;
     }
     /**
@@ -161,7 +158,7 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:type", TemplateRef)
 ], EditorInsertTableButtonComponent.prototype, "toolbarTemplate", void 0);
 tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: true }),
+    ViewChild('popupTemplate', { static: false }),
     tslib_1.__metadata("design:type", TemplateRef)
 ], EditorInsertTableButtonComponent.prototype, "popupTemplate", void 0);
 tslib_1.__decorate([
@@ -188,6 +185,7 @@ EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = tslib_1.
                 kendoButton
                 #element
                 [attr.title]="title"
+                [attr.tabindex]="tabIndex"
                 [icon]="'table-insert'"
                 [disabled]="disabled"
                 (click)="toggle()"
@@ -195,7 +193,14 @@ EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = tslib_1.
             ></button>
         </ng-template>
         <ng-template #popupTemplate>
-            <button kendoButton #overflowElement [attr.title]="title" [icon]="'table-insert'" [disabled]="disabled" (click)="openDialog()">
+            <button
+                kendoButton
+                #overflowElement
+                [attr.title]="title"
+                [attr.tabindex]="tabIndex"
+                [icon]="'table-insert'"
+                [disabled]="disabled"
+                (click)="openDialog()">
                 {{ title }}
             </button>
         </ng-template>