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

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

@@ -64,6 +64,10 @@ export const getToolbarState = (state, options) => ({
         selected: false,
         disabled: !redo(state)
     },
+    selectAll: {
+        selected: false,
+        disabled: false
+    },
     strikethrough: {
         selected: hasMark(state, strikethrough),
         disabled: false
@@ -113,6 +117,12 @@ export const getToolbarState = (state, options) => ({
         selected: false,
         disabled: false
     },
+    // print
+    print: {
+        selected: false,
+        disabled: false
+    },
+    // table
     insertTable: {
         selected: false,
         disabled: false
@@ -185,6 +195,8 @@ export const 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 },
@@ -200,7 +212,9 @@ export const 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
@@ -233,6 +247,8 @@ export const 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 },
@@ -248,5 +264,7 @@ export const 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/es2015/editor.component.d.ts

@@ -15,6 +15,7 @@ import { PasteCleanupSettings } from './common/paste-cleanup-settings';
 import { PluginsFn } from './common/plugins-function';
 import { ApplyToWordOptions } from './common/apply-to-word-options';
 import { EditorResizableOptions } from './common/resizable-options.interface';
+import { EditorToolsService } from './tools/tools.service';
 /**
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
@@ -24,6 +25,7 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
     private cdr;
     private ngZone;
     private element;
+    private toolsService;
     /**
      * Sets the value of the Editor ([see example]({% slug overview_editor %}#toc-basic-usage)).
      */
@@ -39,6 +41,7 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
     /**
      * 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
      */
     iframe: boolean;
     /**
@@ -147,6 +150,10 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
      * @hidden
      */
     focusChangedProgrammatically: boolean;
+    /**
+     * @hidden
+     */
+    shouldEmitFocus: boolean;
     private defaultToolbar;
     private defaultToolbarComponent;
     private subs;
@@ -161,7 +168,7 @@ export declare class EditorComponent implements AfterViewInit, ControlValueAcces
     private _styleObserver;
     private afterViewInit;
     private contentAreaLoaded;
-    constructor(dialogService: DialogService, localization: LocalizationService, cdr: ChangeDetectorRef, ngZone: NgZone, element: ElementRef);
+    constructor(dialogService: DialogService, localization: LocalizationService, cdr: ChangeDetectorRef, ngZone: NgZone, element: ElementRef, toolsService: EditorToolsService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/dist/es2015/editor.component.js

@@ -25,6 +25,7 @@ import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditorLocalizationService } from './localization/editor-localization.service';
 import { defaultStyle, tablesStyles, rtlStyles } from './common/styles';
 import { EditorErrorMessages } from './common/error-messages';
+import { EditorToolsService } from './tools/tools.service';
 const EMPTY_PARAGRAPH = '<p></p>';
 const defaultPasteCleanupSettings = {
     convertMsLists: false,
@@ -52,15 +53,17 @@ const ɵ0 = getPasteCleanupAttributes;
  * Represents the [Kendo UI Editor component for Angular]({% slug overview_editor %}).
  */
 let EditorComponent = EditorComponent_1 = class EditorComponent {
-    constructor(dialogService, localization, cdr, ngZone, element) {
+    constructor(dialogService, localization, cdr, ngZone, element, toolsService) {
         this.dialogService = dialogService;
         this.localization = localization;
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.element = element;
+        this.toolsService = toolsService;
         /**
          * If set to `false`, the Editor will run in style non-encapsulated mode. This means
          * that the styles of the page will be persisted in the Editor and its content will be affected by them.
+         * @default true
          */
         this.iframe = true;
         /**
@@ -325,6 +328,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
         }));
+        this.subs.add(this.toolsService.needsCheck.subscribe(() => this.cdr.markForCheck()));
     }
     ngAfterViewInit() {
         this.afterViewInit.next();
@@ -477,7 +481,6 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
      * Manually focus the Editor.
      */
     focus() {
-        // this.focusChangedProgrammatically = true;
         this.focusChangedProgrammatically = true;
         this._view.focus();
         this.focusChangedProgrammatically = false;
@@ -648,8 +651,9 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
                 if (this.readonly) {
                     contentAreaClasslist.add('k-state-focused');
                 }
-                if (!this.focusChangedProgrammatically) {
+                if (!this.focusChangedProgrammatically || this.shouldEmitFocus) {
                     this.ngZone.run(() => this.onFocus.emit());
+                    this.shouldEmitFocus = false;
                 }
             }));
             this.subs.add(fromEvent(containerElement, 'focusout')
@@ -874,6 +878,7 @@ EditorComponent = EditorComponent_1 = tslib_1.__decorate([
         selector: 'kendo-editor',
         providers: [
             EditorLocalizationService,
+            EditorToolsService,
             {
                 provide: LocalizationService,
                 useExisting: EditorLocalizationService
@@ -964,8 +969,12 @@ EditorComponent = EditorComponent_1 = tslib_1.__decorate([
             linkWebAddress="Web address"
             i18n-outdent="kendo.editor.outdent|The title of the tool that outdents the content."
             outdent="Outdent"
+            i18n-print="kendo.editor.print|The title of the print tool."
+            print="Print"
             i18n-redo="kendo.editor.redo|The title of the tool that undos the last action."
             redo="Redo"
+            i18n-selectAll="kendo.editor.selectAll|The title of the tool that selects all content."
+            selectAll="Select All"
             i18n-strikethrough="kendo.editor.strikethrough|The title of the tool that strikes through text."
             strikethrough="Strikethrough"
             i18n-subscript="kendo.editor.subscript|The title of the tool that makes text subscript."
@@ -1056,7 +1065,8 @@ EditorComponent = EditorComponent_1 = tslib_1.__decorate([
         LocalizationService,
         ChangeDetectorRef,
         NgZone,
-        ElementRef])
+        ElementRef,
+        EditorToolsService])
 ], EditorComponent);
 export { EditorComponent };
 export { ɵ0 };

package/dist/es2015/editor.module.js

@@ -66,6 +66,8 @@ import { FontFamilyDropDownListComponent } from './tools/fontfamily/editor-fontf
 import { FontSizeDropDownListComponent } from './tools/fontsize/editor-fontsize-dropdownlist.component';
 import { FontSizeDialogComponent } from './dialogs/font-size-dialog.component';
 import { DropDownToolDirective } from './tools/shared/dropdown-tool.directive';
+import { EditorPrintDirective } from './tools/print/editor-print-button.directive';
+import { EditorSelectAllButtonDirective } from './tools/select-all/select-all-button.directive';
 const COMPONENT_DIRECTIVES = [
     //alignment
     EditorAlignLeftButtonDirective,
@@ -117,7 +119,11 @@ const COMPONENT_DIRECTIVES = [
     CustomMessagesComponent,
     LocalizedMessagesDirective,
     // dropdown tools
-    DropDownToolDirective
+    DropDownToolDirective,
+    // print
+    EditorPrintDirective,
+    // select all
+    EditorSelectAllButtonDirective
 ];
 const TOOLBAR_TOOLS = [
     EditorFontSizeComponent,

package/dist/es2015/index.d.ts

@@ -43,6 +43,8 @@ export { EditorInsertFileButtonDirective } from './tools/link/editor-insert-file
 export { EditorUnlinkButtonDirective } from './tools/link/editor-unlink-button.directive';
 export { EditorInsertOrderedListButtonDirective } from './tools/list/editor-insert-ordered-list-button.directive';
 export { EditorInsertUnorderedListButtonDirective } from './tools/list/editor-insert-unordered-list-button.directive';
+export { EditorPrintDirective } from './tools/print/editor-print-button.directive';
+export { EditorSelectAllButtonDirective } from './tools/select-all/select-all-button.directive';
 export { DropDownToolDirective } from './tools/shared/dropdown-tool.directive';
 export { EditorCommandBase } from './tools/shared/editor-command-base';
 export { EditorCommandButton } from './tools/shared/editor-command-button';
@@ -59,6 +61,7 @@ export { EditorInsertTableButtonComponent } from './tools/tables/editor-insert-t
 export { EditorMergeCellsButtonDirective } from './tools/tables/editor-merge-cells-button.directive';
 export { EditorSplitCellButtonDirective } from './tools/tables/editor-split-cell-button.directive';
 export { PopupTableGridComponent } from './tools/tables/popup-table-grid.component';
+export { EditorToolsService } from './tools/tools.service';
 export { EditorBoldButtonDirective } from './tools/typographical-emphasis/editor-bold-button.directive';
 export { EditorItalicButtonDirective } from './tools/typographical-emphasis/editor-italic-button.directive';
 export { EditorStrikethroughButtonDirective } from './tools/typographical-emphasis/editor-strikethrough-button.directive';

package/dist/es2015/index.js

@@ -42,6 +42,8 @@ export { EditorInsertFileButtonDirective } from './tools/link/editor-insert-file
 export { EditorUnlinkButtonDirective } from './tools/link/editor-unlink-button.directive';
 export { EditorInsertOrderedListButtonDirective } from './tools/list/editor-insert-ordered-list-button.directive';
 export { EditorInsertUnorderedListButtonDirective } from './tools/list/editor-insert-unordered-list-button.directive';
+export { EditorPrintDirective } from './tools/print/editor-print-button.directive';
+export { EditorSelectAllButtonDirective } from './tools/select-all/select-all-button.directive';
 export { DropDownToolDirective } from './tools/shared/dropdown-tool.directive';
 export { EditorCommandBase } from './tools/shared/editor-command-base';
 export { EditorCommandButton } from './tools/shared/editor-command-button';
@@ -58,6 +60,7 @@ export { EditorInsertTableButtonComponent } from './tools/tables/editor-insert-t
 export { EditorMergeCellsButtonDirective } from './tools/tables/editor-merge-cells-button.directive';
 export { EditorSplitCellButtonDirective } from './tools/tables/editor-split-cell-button.directive';
 export { PopupTableGridComponent } from './tools/tables/popup-table-grid.component';
+export { EditorToolsService } from './tools/tools.service';
 export { EditorBoldButtonDirective } from './tools/typographical-emphasis/editor-bold-button.directive';
 export { EditorItalicButtonDirective } from './tools/typographical-emphasis/editor-italic-button.directive';
 export { EditorStrikethroughButtonDirective } from './tools/typographical-emphasis/editor-strikethrough-button.directive';