@progress/kendo-angular-editor 14.3.0-develop.8 → 14.3.0

package/esm2020/editor.component.mjs

@@ -915,6 +915,8 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
@@ -1099,6 +1101,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class MessagesDirective extends ComponentMessages {
 }
 MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
+MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -79,6 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], insertTable: [{
                 type: Input
+            }], insertTableHint: [{
+                type: Input
             }], addColumnBefore: [{
                 type: Input
             }], addColumnAfter: [{

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701849437,
-    version: '14.3.0-develop.8',
+    publishDate: 1703060788,
+    version: '14.3.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/tools/tables/popup-table-grid.component.mjs

@@ -4,13 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Output, EventEmitter } from '@angular/core';
 import { tableWizardIcon } from '@progress/kendo-svg-icons';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { replaceMessagePlaceholder } from '../../util';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "../../localization/editor-localization.service";
+import * as i2 from "@angular/common";
 /**
  * @hidden
  */
 export class PopupTableGridComponent {
-    constructor() {
+    constructor(localization) {
+        this.localization = localization;
         this.cellClick = new EventEmitter();
         this.tableWizardClick = new EventEmitter();
         this.tableWizardIcon = tableWizardIcon;
@@ -20,7 +24,15 @@ export class PopupTableGridComponent {
     }
     get message() {
         const { rows, cols } = this.state;
-        return `Create a ${rows > -1 ? rows + 1 : ''} ${cols > -1 ? 'x' : ''} ${cols > -1 ? cols + 1 : ''} table`;
+        const localizationMsg = this.localization.get('insertTableHint') || '';
+        const rowReplacement = rows > -1 ? (rows + 1).toString() : '';
+        const colReplacement = cols > -1 ? (cols + 1).toString() : '';
+        const xReplacement = cols > -1 ? 'x' : '';
+        return replaceMessagePlaceholder(localizationMsg, [
+            { placeholder: 'rows', value: rowReplacement },
+            { placeholder: 'columns', value: colReplacement },
+            { placeholder: 'x', value: xReplacement }
+        ]);
     }
     get cells() {
         return Array.from(Array(this.rows * this.cols).keys());
@@ -46,7 +58,7 @@ export class PopupTableGridComponent {
         this.tableWizardClick.emit();
     }
 }
-PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: i1.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
         <div [style.border-color]="'inherit'" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
@@ -62,7 +74,7 @@ PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
         </div>
         -->
-    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -84,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         -->
     `
                 }]
-        }], propDecorators: { cellClick: [{
+        }], ctorParameters: function () { return [{ type: i1.EditorLocalizationService }]; }, propDecorators: { cellClick: [{
                 type: Output
             }], tableWizardClick: [{
                 type: Output

package/esm2020/util.mjs

@@ -133,3 +133,10 @@ export const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);
  * @returns the selection text.
  */
 export const getSelectionText = (state) => commonGetSelectionText(state);
+/**
+ * @hidden
+ */
+export const replaceMessagePlaceholder = (message, replacements) => {
+    replacements.forEach((replacement) => message = message.replace(new RegExp(`\{\\s*${replacement.placeholder}\\s*\}`, 'g'), replacement.value));
+    return message;
+};

package/fesm2015/progress-kendo-angular-editor.mjs

@@ -41,8 +41,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701849437,
-    version: '14.3.0-develop.8',
+    publishDate: 1703060788,
+    version: '14.3.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -638,6 +638,13 @@ const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);
  * @returns the selection text.
  */
 const getSelectionText = (state) => getSelectionText$1(state);
+/**
+ * @hidden
+ */
+const replaceMessagePlaceholder = (message, replacements) => {
+    replacements.forEach((replacement) => message = message.replace(new RegExp(`\{\\s*${replacement.placeholder}\\s*\}`, 'g'), replacement.value));
+    return message;
+};
 
 /**
  * @hidden
@@ -2093,7 +2100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class MessagesDirective extends ComponentMessages {
 }
 MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
+MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2161,6 +2168,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], insertTable: [{
                 type: Input
+            }], insertTableHint: [{
+                type: Input
             }], addColumnBefore: [{
                 type: Input
             }], addColumnAfter: [{
@@ -3649,6 +3658,8 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
@@ -3833,6 +3844,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
@@ -4298,7 +4311,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class PopupTableGridComponent {
-    constructor() {
+    constructor(localization) {
+        this.localization = localization;
         this.cellClick = new EventEmitter();
         this.tableWizardClick = new EventEmitter();
         this.tableWizardIcon = tableWizardIcon;
@@ -4308,7 +4322,15 @@ class PopupTableGridComponent {
     }
     get message() {
         const { rows, cols } = this.state;
-        return `Create a ${rows > -1 ? rows + 1 : ''} ${cols > -1 ? 'x' : ''} ${cols > -1 ? cols + 1 : ''} table`;
+        const localizationMsg = this.localization.get('insertTableHint') || '';
+        const rowReplacement = rows > -1 ? (rows + 1).toString() : '';
+        const colReplacement = cols > -1 ? (cols + 1).toString() : '';
+        const xReplacement = cols > -1 ? 'x' : '';
+        return replaceMessagePlaceholder(localizationMsg, [
+            { placeholder: 'rows', value: rowReplacement },
+            { placeholder: 'columns', value: colReplacement },
+            { placeholder: 'x', value: xReplacement }
+        ]);
     }
     get cells() {
         return Array.from(Array(this.rows * this.cols).keys());
@@ -4334,7 +4356,7 @@ class PopupTableGridComponent {
         this.tableWizardClick.emit();
     }
 }
-PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
         <div [style.border-color]="'inherit'" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
@@ -4372,7 +4394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         -->
     `
                 }]
-        }], propDecorators: { cellClick: [{
+        }], ctorParameters: function () { return [{ type: EditorLocalizationService }]; }, propDecorators: { cellClick: [{
                 type: Output
             }], tableWizardClick: [{
                 type: Output

package/fesm2020/progress-kendo-angular-editor.mjs

@@ -41,8 +41,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701849437,
-    version: '14.3.0-develop.8',
+    publishDate: 1703060788,
+    version: '14.3.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -644,6 +644,13 @@ const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);
  * @returns the selection text.
  */
 const getSelectionText = (state) => getSelectionText$1(state);
+/**
+ * @hidden
+ */
+const replaceMessagePlaceholder = (message, replacements) => {
+    replacements.forEach((replacement) => message = message.replace(new RegExp(`\{\\s*${replacement.placeholder}\\s*\}`, 'g'), replacement.value));
+    return message;
+};
 
 /**
  * @hidden
@@ -2097,7 +2104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class MessagesDirective extends ComponentMessages {
 }
 MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
+MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoEditorMessages]", inputs: { alignCenter: "alignCenter", alignJustify: "alignJustify", alignLeft: "alignLeft", alignRight: "alignRight", backColor: "backColor", blockquote: "blockquote", bold: "bold", cleanFormatting: "cleanFormatting", createLink: "createLink", fontFamily: "fontFamily", fontSize: "fontSize", foreColor: "foreColor", format: "format", indent: "indent", insertFile: "insertFile", insertImage: "insertImage", insertOrderedList: "insertOrderedList", insertUnorderedList: "insertUnorderedList", italic: "italic", outdent: "outdent", print: "print", redo: "redo", selectAll: "selectAll", strikethrough: "strikethrough", subscript: "subscript", superscript: "superscript", underline: "underline", undo: "undo", unlink: "unlink", viewSource: "viewSource", insertTable: "insertTable", insertTableHint: "insertTableHint", addColumnBefore: "addColumnBefore", addColumnAfter: "addColumnAfter", addRowBefore: "addRowBefore", addRowAfter: "addRowAfter", deleteColumn: "deleteColumn", deleteRow: "deleteRow", deleteTable: "deleteTable", mergeCells: "mergeCells", splitCell: "splitCell", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogInsert: "dialogInsert", dialogUpdate: "dialogUpdate", fileText: "fileText", fileTitle: "fileTitle", fileWebAddress: "fileWebAddress", imageAltText: "imageAltText", imageHeight: "imageHeight", imageWebAddress: "imageWebAddress", imageWidth: "imageWidth", linkOpenInNewWindow: "linkOpenInNewWindow", linkText: "linkText", linkTitle: "linkTitle", linkWebAddress: "linkWebAddress" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2165,6 +2172,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], insertTable: [{
                 type: Input
+            }], insertTableHint: [{
+                type: Input
             }], addColumnBefore: [{
                 type: Input
             }], addColumnAfter: [{
@@ -3651,6 +3660,8 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
@@ -3835,6 +3846,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             viewSource="View source"
             i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
             insertTable="Insert Table"
+            i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
+            insertTableHint="Create a {rows} {x} {columns} table"
             i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
             addColumnBefore="Add column before"
             i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
@@ -4300,7 +4313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class PopupTableGridComponent {
-    constructor() {
+    constructor(localization) {
+        this.localization = localization;
         this.cellClick = new EventEmitter();
         this.tableWizardClick = new EventEmitter();
         this.tableWizardIcon = tableWizardIcon;
@@ -4310,7 +4324,15 @@ class PopupTableGridComponent {
     }
     get message() {
         const { rows, cols } = this.state;
-        return `Create a ${rows > -1 ? rows + 1 : ''} ${cols > -1 ? 'x' : ''} ${cols > -1 ? cols + 1 : ''} table`;
+        const localizationMsg = this.localization.get('insertTableHint') || '';
+        const rowReplacement = rows > -1 ? (rows + 1).toString() : '';
+        const colReplacement = cols > -1 ? (cols + 1).toString() : '';
+        const xReplacement = cols > -1 ? 'x' : '';
+        return replaceMessagePlaceholder(localizationMsg, [
+            { placeholder: 'rows', value: rowReplacement },
+            { placeholder: 'columns', value: colReplacement },
+            { placeholder: 'x', value: xReplacement }
+        ]);
     }
     get cells() {
         return Array.from(Array(this.rows * this.cols).keys());
@@ -4336,7 +4358,7 @@ class PopupTableGridComponent {
         this.tableWizardClick.emit();
     }
 }
-PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
         <div [style.border-color]="'inherit'" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
@@ -4374,7 +4396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         -->
     `
                 }]
-        }], propDecorators: { cellClick: [{
+        }], ctorParameters: function () { return [{ type: EditorLocalizationService }]; }, propDecorators: { cellClick: [{
                 type: Output
             }], tableWizardClick: [{
                 type: Output

package/localization/messages.d.ts

@@ -132,6 +132,15 @@ export declare class MessagesDirective extends ComponentMessages {
      * The title of the tool that inserts table.
      */
     insertTable: string;
+    /**
+    * The caption for the hint in the insert table tool.
+    *
+    * The message consists of several parts - the amount of rows, the amount of columns, an `x` separator, and a localizable string.
+    * To allow for reordering its parts, the `insertTableHint` input accepts a string with placeholders for the selected rows, selected columns
+    * and the separator. The `{rows}` and `{columns}` placeholders will be replaced internally with the respective actual values. The `{x}` placeholder
+    * shows a separator only when rows and columns are selected.
+    */
+    insertTableHint: string;
     /**
      * The title of the tool that adds new column before currently selected column.
      */
@@ -229,5 +238,5 @@ export declare class MessagesDirective extends ComponentMessages {
      */
     linkWebAddress: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoEditorMessages]", never, { "alignCenter": "alignCenter"; "alignJustify": "alignJustify"; "alignLeft": "alignLeft"; "alignRight": "alignRight"; "backColor": "backColor"; "blockquote": "blockquote"; "bold": "bold"; "cleanFormatting": "cleanFormatting"; "createLink": "createLink"; "fontFamily": "fontFamily"; "fontSize": "fontSize"; "foreColor": "foreColor"; "format": "format"; "indent": "indent"; "insertFile": "insertFile"; "insertImage": "insertImage"; "insertOrderedList": "insertOrderedList"; "insertUnorderedList": "insertUnorderedList"; "italic": "italic"; "outdent": "outdent"; "print": "print"; "redo": "redo"; "selectAll": "selectAll"; "strikethrough": "strikethrough"; "subscript": "subscript"; "superscript": "superscript"; "underline": "underline"; "undo": "undo"; "unlink": "unlink"; "viewSource": "viewSource"; "insertTable": "insertTable"; "addColumnBefore": "addColumnBefore"; "addColumnAfter": "addColumnAfter"; "addRowBefore": "addRowBefore"; "addRowAfter": "addRowAfter"; "deleteColumn": "deleteColumn"; "deleteRow": "deleteRow"; "deleteTable": "deleteTable"; "mergeCells": "mergeCells"; "splitCell": "splitCell"; "dialogApply": "dialogApply"; "dialogCancel": "dialogCancel"; "dialogInsert": "dialogInsert"; "dialogUpdate": "dialogUpdate"; "fileText": "fileText"; "fileTitle": "fileTitle"; "fileWebAddress": "fileWebAddress"; "imageAltText": "imageAltText"; "imageHeight": "imageHeight"; "imageWebAddress": "imageWebAddress"; "imageWidth": "imageWidth"; "linkOpenInNewWindow": "linkOpenInNewWindow"; "linkText": "linkText"; "linkTitle": "linkTitle"; "linkWebAddress": "linkWebAddress"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoEditorMessages]", never, { "alignCenter": "alignCenter"; "alignJustify": "alignJustify"; "alignLeft": "alignLeft"; "alignRight": "alignRight"; "backColor": "backColor"; "blockquote": "blockquote"; "bold": "bold"; "cleanFormatting": "cleanFormatting"; "createLink": "createLink"; "fontFamily": "fontFamily"; "fontSize": "fontSize"; "foreColor": "foreColor"; "format": "format"; "indent": "indent"; "insertFile": "insertFile"; "insertImage": "insertImage"; "insertOrderedList": "insertOrderedList"; "insertUnorderedList": "insertUnorderedList"; "italic": "italic"; "outdent": "outdent"; "print": "print"; "redo": "redo"; "selectAll": "selectAll"; "strikethrough": "strikethrough"; "subscript": "subscript"; "superscript": "superscript"; "underline": "underline"; "undo": "undo"; "unlink": "unlink"; "viewSource": "viewSource"; "insertTable": "insertTable"; "insertTableHint": "insertTableHint"; "addColumnBefore": "addColumnBefore"; "addColumnAfter": "addColumnAfter"; "addRowBefore": "addRowBefore"; "addRowAfter": "addRowAfter"; "deleteColumn": "deleteColumn"; "deleteRow": "deleteRow"; "deleteTable": "deleteTable"; "mergeCells": "mergeCells"; "splitCell": "splitCell"; "dialogApply": "dialogApply"; "dialogCancel": "dialogCancel"; "dialogInsert": "dialogInsert"; "dialogUpdate": "dialogUpdate"; "fileText": "fileText"; "fileTitle": "fileTitle"; "fileWebAddress": "fileWebAddress"; "imageAltText": "imageAltText"; "imageHeight": "imageHeight"; "imageWebAddress": "imageWebAddress"; "imageWidth": "imageWidth"; "linkOpenInNewWindow": "linkOpenInNewWindow"; "linkText": "linkText"; "linkTitle": "linkTitle"; "linkWebAddress": "linkWebAddress"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "14.3.0-develop.8",
+  "version": "14.3.0",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,23 +23,23 @@
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "14.3.0-develop.8",
-    "@progress/kendo-angular-common": "14.3.0-develop.8",
-    "@progress/kendo-angular-dialog": "14.3.0-develop.8",
-    "@progress/kendo-angular-dropdowns": "14.3.0-develop.8",
-    "@progress/kendo-angular-inputs": "14.3.0-develop.8",
-    "@progress/kendo-angular-intl": "14.3.0-develop.8",
-    "@progress/kendo-angular-l10n": "14.3.0-develop.8",
-    "@progress/kendo-angular-label": "14.3.0-develop.8",
-    "@progress/kendo-angular-layout": "14.3.0-develop.8",
-    "@progress/kendo-angular-icons": "14.3.0-develop.8",
-    "@progress/kendo-angular-popup": "14.3.0-develop.8",
-    "@progress/kendo-angular-toolbar": "14.3.0-develop.8",
+    "@progress/kendo-angular-buttons": "14.3.0",
+    "@progress/kendo-angular-common": "14.3.0",
+    "@progress/kendo-angular-dialog": "14.3.0",
+    "@progress/kendo-angular-dropdowns": "14.3.0",
+    "@progress/kendo-angular-inputs": "14.3.0",
+    "@progress/kendo-angular-intl": "14.3.0",
+    "@progress/kendo-angular-l10n": "14.3.0",
+    "@progress/kendo-angular-label": "14.3.0",
+    "@progress/kendo-angular-layout": "14.3.0",
+    "@progress/kendo-angular-icons": "14.3.0",
+    "@progress/kendo-angular-popup": "14.3.0",
+    "@progress/kendo-angular-toolbar": "14.3.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.3.0-develop.8",
+    "@progress/kendo-angular-schematics": "14.3.0",
     "@progress/kendo-editor-common": "1.11.0"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,11 +4,11 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'EditorModule', package: 'editor', peerDependencies: {
             // peer dependency of kendo-angular-dropdowns
-            '@progress/kendo-angular-treeview': '14.3.0-develop.8',
+            '@progress/kendo-angular-treeview': '14.3.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '14.3.0-develop.8',
+            '@progress/kendo-angular-progressbar': '14.3.0',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '14.3.0-develop.8',
+            '@progress/kendo-angular-dialog': '14.3.0',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0'
         } });

package/tools/tables/popup-table-grid.component.d.ts

@@ -5,17 +5,20 @@
 import { EventEmitter } from '@angular/core';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { TableData } from '../../common/table-data.interface';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class PopupTableGridComponent {
+    private localization;
     cellClick: EventEmitter<TableData>;
     tableWizardClick: EventEmitter<any>;
     tableWizardIcon: SVGIcon;
     private state;
     private rows;
     private cols;
+    constructor(localization: EditorLocalizationService);
     get message(): string;
     get cells(): any[];
     selected(index: number): boolean;

package/util.d.ts

@@ -94,3 +94,10 @@ export declare const pipe: (...fns: any[]) => (x: any) => any;
  * @returns the selection text.
  */
 export declare const getSelectionText: (state: EditorState) => string;
+/**
+ * @hidden
+ */
+export declare const replaceMessagePlaceholder: (message: string, replacements: {
+    placeholder: string;
+    value: string;
+}[]) => string;