@progress/kendo-angular-editor 2.5.0-dev.202111111129 → 2.5.0-dev.202111261548

package/dist/es2015/config/commands.js

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { alignBlocks, alignLeftRules, alignCenterRules, alignRightRules, alignJustifyRules, alignRemoveRules, indent, outdent, setHtml, getHtml, insertImage, insertText, applyLink, removeLink, expandToWordWrap, 
 //marks
-bold, italic, underline, strikethrough, subscript, superscript, link, toggleInlineFormat, applyInlineStyle, formatBlockElements, toggleOrderedList, toggleUnorderedList, isAligned, undo, redo, cleanFormatting } from '@progress/kendo-editor-common';
+bold, italic, underline, strikethrough, subscript, superscript, link, toggleInlineFormat, applyInlineStyle, formatBlockElements, toggleOrderedList, toggleUnorderedList, isAligned, undo, redo, cleanFormatting, selectAll } from '@progress/kendo-editor-common';
 import { insertTable, deleteTable, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell } from './table-commands';
 const alignRemove = (state, dispatch) => alignBlocks(alignRemoveRules)(state, dispatch);
 const ɵ0 = alignRemove;
-const ɵ1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, bold, { applyToWord })), ɵ2 = (options) => cleanFormatting(options), ɵ3 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }), ɵ4 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ5 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }), ɵ6 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }), ɵ7 = text => insertText(text), ɵ8 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, italic, { applyToWord })), ɵ9 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, strikethrough, { applyToWord })), ɵ10 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, subscript, { applyToWord })), ɵ11 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, superscript, { applyToWord })), ɵ12 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, underline, { applyToWord })), ɵ13 = () => removeLink(link), ɵ14 = attrs => expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ15 = attrs => expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord });
+const ɵ1 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, bold, { applyToWord })), ɵ2 = (options) => cleanFormatting(options), ɵ3 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }), ɵ4 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ5 = attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value + 'px', applyToWord: attrs.applyToWord }), ɵ6 = attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }), ɵ7 = text => insertText(text), ɵ8 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, italic, { applyToWord })), ɵ9 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, strikethrough, { applyToWord })), ɵ10 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, subscript, { applyToWord })), ɵ11 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, superscript, { applyToWord })), ɵ12 = (applyToWord) => expandToWordWrap(toggleInlineFormat, Object.assign({}, underline, { applyToWord })), ɵ13 = () => removeLink(link), ɵ14 = attrs => expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ15 = attrs => expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }), ɵ16 = () => (state, dispatch) => selectAll(state, dispatch);
 const inlineCommand = {
     bold: ɵ1,
     cleanFormatting: ɵ2,
@@ -24,42 +24,43 @@ const inlineCommand = {
     underline: ɵ12,
     unlink: ɵ13,
     foreColor: ɵ14,
-    backColor: ɵ15
+    backColor: ɵ15,
+    selectAll: ɵ16
 };
-const ɵ16 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ17 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ20 = formatAttr => formatBlockElements(formatAttr.tag), ɵ21 = () => getHtml, ɵ22 = () => indent, ɵ23 = attrs => insertImage(attrs), ɵ24 = () => toggleOrderedList, ɵ25 = () => toggleUnorderedList, ɵ26 = () => outdent, ɵ27 = () => redo, ɵ28 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ29 = () => undo;
+const ɵ17 = () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch), ɵ18 = () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch), ɵ19 = () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch), ɵ20 = () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch), ɵ21 = formatAttr => formatBlockElements(formatAttr.tag), ɵ22 = () => getHtml, ɵ23 = () => indent, ɵ24 = attrs => insertImage(attrs), ɵ25 = () => toggleOrderedList, ɵ26 = () => toggleUnorderedList, ɵ27 = () => outdent, ɵ28 = () => redo, ɵ29 = ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions), ɵ30 = () => undo;
 const 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
 };
-const ɵ30 = attr => insertTable(attr), ɵ31 = () => addColumnBefore, ɵ32 = () => addColumnAfter, ɵ33 = () => addRowBefore, ɵ34 = () => addRowAfter, ɵ35 = () => deleteRow, ɵ36 = () => deleteColumn, ɵ37 = () => mergeCells, ɵ38 = () => splitCell, ɵ39 = () => deleteTable;
+const ɵ31 = attr => insertTable(attr), ɵ32 = () => addColumnBefore, ɵ33 = () => addColumnAfter, ɵ34 = () => addRowBefore, ɵ35 = () => addRowAfter, ɵ36 = () => deleteRow, ɵ37 = () => deleteColumn, ɵ38 = () => mergeCells, ɵ39 = () => splitCell, ɵ40 = () => deleteTable;
 const 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
  */
 export const editorCommands = Object.assign({}, inlineCommand, blockCommand, tableCommand);
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ16, ɵ17, ɵ18, ɵ19, ɵ20, ɵ21, ɵ22, ɵ23, ɵ24, ɵ25, ɵ26, ɵ27, ɵ28, ɵ29, ɵ30, ɵ31, ɵ32, ɵ33, ɵ34, ɵ35, ɵ36, ɵ37, ɵ38, ɵ39 };
+export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ16, ɵ17, ɵ18, ɵ19, ɵ20, ɵ21, ɵ22, ɵ23, ɵ24, ɵ25, ɵ26, ɵ27, ɵ28, ɵ29, ɵ30, ɵ31, ɵ32, ɵ33, ɵ34, ɵ35, ɵ36, ɵ37, ɵ38, ɵ39, ɵ40 };

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';