@progress/kendo-angular-editor 17.0.0-develop.21 → 17.0.0-develop.22

package/esm2022/localization/messages.mjs

@@ -0,0 +1,364 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class MessagesDirective extends ComponentMessages {
+    /* Section of Tools Messages */
+    /**
+     * The title of the tool that aligns text in the center.
+     */
+    alignCenter;
+    /**
+     * The title of the tool that justifies text both left and right.
+     */
+    alignJustify;
+    /**
+     * The title of the tool that aligns text on the left.
+     */
+    alignLeft;
+    /**
+     * The title of the tool that aligns text on the right.
+     */
+    alignRight;
+    /**
+     * The title of the tool that changes the text background color.
+     */
+    backColor;
+    /**
+     * The title of the tool that wraps an element in a blockquote.
+     */
+    blockquote;
+    /**
+     * The title of the tool that makes text bold.
+     */
+    bold;
+    /**
+     * The title of the Clean Formatting tool.
+     */
+    cleanFormatting;
+    /**
+     * The title of the tool that creates hyperlinks.
+     */
+    createLink;
+    /**
+     * The title of the tool that changes the text font.
+     */
+    fontFamily;
+    /**
+     * The title of the tool that changes the text size.
+     */
+    fontSize;
+    /**
+     * The title of the tool that changes the text color.
+     */
+    foreColor;
+    /**
+     * The title of the tool that lets users choose block formats.
+     */
+    format;
+    /**
+     * The title of the tool that indents the content.
+     */
+    indent;
+    /**
+     * The title of the tool that inserts links to files.
+     */
+    insertFile;
+    /**
+     * The title of the tool that inserts images.
+     */
+    insertImage;
+    /**
+     * The title of the tool that inserts an ordered list.
+     */
+    insertOrderedList;
+    /**
+     * The title of the tool that inserts an unordered list.
+     */
+    insertUnorderedList;
+    /**
+     * The title of the tool that makes text italicized.
+     */
+    italic;
+    /**
+     * The title of the tool that outdents the content.
+     */
+    outdent;
+    /**
+     * The title of the print tool.
+     */
+    print;
+    /**
+     * The title of the tool that redos the last action.
+     */
+    redo;
+    /**
+     * The title of the tool that selects all content.
+     */
+    selectAll;
+    /**
+     * The title of the tool that strikes through text.
+     */
+    strikethrough;
+    /**
+     * The title of the tool that makes text subscript.
+     */
+    subscript;
+    /**
+     * The title of the tool that makes text superscript.
+     */
+    superscript;
+    /**
+     * The title of the tool that underlines text.
+     */
+    underline;
+    /**
+     * The title of the tool that undos the last action.
+     */
+    undo;
+    /**
+     * The title of the tool that removes hyperlinks.
+     */
+    unlink;
+    /**
+     * The title of the tool that shows the editor value as HTML.
+     */
+    viewSource;
+    /**
+     * The title of the tool that inserts table.
+     */
+    insertTable;
+    /**
+    * 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;
+    /**
+     * The title of the tool that adds new column before currently selected column.
+     */
+    addColumnBefore;
+    /**
+     * The title of the tool that adds new column after currently selected column.
+     */
+    addColumnAfter;
+    /**
+     * The title of the tool that adds new row before currently selected row.
+     */
+    addRowBefore;
+    /**
+     * The title of the tool that adds new row after currently selected row.
+     */
+    addRowAfter;
+    /**
+     * The title of the tool that deletes a table column.
+     */
+    deleteColumn;
+    /**
+     * The title of the tool that deletes a table row.
+     */
+    deleteRow;
+    /**
+     * The title of the tool that deletes a table.
+     */
+    deleteTable;
+    /**
+     * The title of the tool that merges the currently selected cells.
+     */
+    mergeCells;
+    /**
+     * The title of the tool that splits the currently selected cell.
+     */
+    splitCell;
+    /* End of Tools Messages Section */
+    /* Section of Dialog Messages */
+    /**
+     * The label of the **Apply** button in all Editor dialogs.
+     */
+    dialogApply;
+    /**
+     * The label of the **Cancel** button in all editor dialogs.
+     */
+    dialogCancel;
+    /**
+     * The label of the **Insert** button in all editor dialogs.
+     */
+    dialogInsert;
+    /**
+     * The label of the **Update** button in all editor dialogs.
+     */
+    dialogUpdate;
+    /**
+     * The caption for the file text in the insertFile dialog.
+     */
+    fileText;
+    /**
+     * The caption for the file Title in the insertFile dialog.
+     */
+    fileTitle;
+    /**
+     * The caption for the file URL in the insertFile dialog.
+     */
+    fileWebAddress;
+    /**
+     * The caption for the image alternate text in the insertImage dialog.
+     */
+    imageAltText;
+    /**
+     * The caption for the image height in the insertImage dialog.
+     */
+    imageHeight;
+    /**
+     * The caption for the image URL in the insertImage dialog.
+     */
+    imageWebAddress;
+    /**
+     * The caption for the image width in the insertImage dialog.
+     */
+    imageWidth;
+    /**
+     * The caption for the checkbox for opening the link in a new window in the createLink dialog.
+     */
+    linkOpenInNewWindow;
+    /**
+     * The caption for the link text in the createLink dialog.
+     */
+    linkText;
+    /**
+     * The caption for the link title in the createLink dialog.
+     */
+    linkTitle;
+    /**
+     * The caption for the URL in the createLink dialog.
+     */
+    linkWebAddress;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.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: "16.2.12", ngImport: i0, type: MessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoEditorMessages]'
+                }]
+        }], propDecorators: { alignCenter: [{
+                type: Input
+            }], alignJustify: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], alignRight: [{
+                type: Input
+            }], backColor: [{
+                type: Input
+            }], blockquote: [{
+                type: Input
+            }], bold: [{
+                type: Input
+            }], cleanFormatting: [{
+                type: Input
+            }], createLink: [{
+                type: Input
+            }], fontFamily: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], foreColor: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], insertFile: [{
+                type: Input
+            }], insertImage: [{
+                type: Input
+            }], insertOrderedList: [{
+                type: Input
+            }], insertUnorderedList: [{
+                type: Input
+            }], italic: [{
+                type: Input
+            }], outdent: [{
+                type: Input
+            }], print: [{
+                type: Input
+            }], redo: [{
+                type: Input
+            }], selectAll: [{
+                type: Input
+            }], strikethrough: [{
+                type: Input
+            }], subscript: [{
+                type: Input
+            }], superscript: [{
+                type: Input
+            }], underline: [{
+                type: Input
+            }], undo: [{
+                type: Input
+            }], unlink: [{
+                type: Input
+            }], viewSource: [{
+                type: Input
+            }], insertTable: [{
+                type: Input
+            }], insertTableHint: [{
+                type: Input
+            }], addColumnBefore: [{
+                type: Input
+            }], addColumnAfter: [{
+                type: Input
+            }], addRowBefore: [{
+                type: Input
+            }], addRowAfter: [{
+                type: Input
+            }], deleteColumn: [{
+                type: Input
+            }], deleteRow: [{
+                type: Input
+            }], deleteTable: [{
+                type: Input
+            }], mergeCells: [{
+                type: Input
+            }], splitCell: [{
+                type: Input
+            }], dialogApply: [{
+                type: Input
+            }], dialogCancel: [{
+                type: Input
+            }], dialogInsert: [{
+                type: Input
+            }], dialogUpdate: [{
+                type: Input
+            }], fileText: [{
+                type: Input
+            }], fileTitle: [{
+                type: Input
+            }], fileWebAddress: [{
+                type: Input
+            }], imageAltText: [{
+                type: Input
+            }], imageHeight: [{
+                type: Input
+            }], imageWebAddress: [{
+                type: Input
+            }], imageWidth: [{
+                type: Input
+            }], linkOpenInNewWindow: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], linkTitle: [{
+                type: Input
+            }], linkWebAddress: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/package-metadata.mjs

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

package/{esm2020 → esm2022}/preventable-events/paste-event.mjs

@@ -7,6 +7,18 @@ import { PreventableEvent } from "./preventable-event";
  * The Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event.
  */
 export class EditorPasteEvent extends PreventableEvent {
+    /**
+     * The HTML content cleaned in accordance with the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
+     */
+    cleanedHtml;
+    /**
+     * The raw pasted content.
+     */
+    originalHtml;
+    /**
+     * The original DOM event.
+     */
+    originalEvent;
     /**
      * Constructs the event arguments for the `paste` event.
      * @hidden

package/{esm2020 → esm2022}/preventable-events/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.

package/{esm2020 → esm2022}/tools/alignment/editor-align-center-button.directive.mjs

@@ -28,10 +28,10 @@ export class EditorAlignCenterButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
         super('alignCenter', button, localization, providerService, toolsService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorAlignCenterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
 }
-EditorAlignCenterButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignCenterButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignCenterButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignCenterButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-button[kendoEditorAlignCenterButton]',

package/{esm2020 → esm2022}/tools/alignment/editor-align-justify-button.directive.mjs

@@ -28,10 +28,10 @@ export class EditorAlignJustifyButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
         super('alignJustify', button, localization, providerService, toolsService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorAlignJustifyButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
 }
-EditorAlignJustifyButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignJustifyButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignJustifyButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignJustifyButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-button[kendoEditorAlignJustifyButton]',

package/{esm2020 → esm2022}/tools/alignment/editor-align-left-button.directive.mjs

@@ -28,10 +28,10 @@ export class EditorAlignLeftButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
         super('alignLeft', button, localization, providerService, toolsService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorAlignLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
 }
-EditorAlignLeftButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignLeftButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignLeftButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-button[kendoEditorAlignLeftButton]',

package/{esm2020 → esm2022}/tools/alignment/editor-align-right-button.directive.mjs

@@ -28,10 +28,10 @@ export class EditorAlignRightButtonDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
         super('alignRight', button, localization, providerService, toolsService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorAlignRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
 }
-EditorAlignRightButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorAlignRightButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorAlignRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorAlignRightButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-button[kendoEditorAlignRightButton]',

package/{esm2020 → esm2022}/tools/blockquote/editor-blockquote-button.directive.mjs

@@ -27,10 +27,10 @@ export class EditorBlockquoteDirective extends EditorCommandButton {
     constructor(button, localization, providerService, toolsService) {
         super('blockquote', button, localization, providerService, toolsService);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorBlockquoteDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorBlockquoteDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
 }
-EditorBlockquoteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBlockquoteDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-EditorBlockquoteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBlockquoteDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorBlockquoteButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBlockquoteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorBlockquoteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]',

package/{esm2020 → esm2022}/tools/colorpicker/editor-back-color.directive.mjs

@@ -17,16 +17,17 @@ import * as i1 from "./editor-colorpicker.component";
  * ```
  */
 export class EditorBackColorDirective {
+    colorPicker;
     constructor(colorPicker) {
         this.colorPicker = colorPicker;
         this.colorPicker.icon = commandIcons.backColor;
         this.colorPicker.svgIcon = commandSVGIcons.backColor;
         this.colorPicker.editorCommand = 'backColor';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorBackColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditorBackColorDirective, isStandalone: true, selector: "[kendoEditorBackColor]", ngImport: i0 });
 }
-EditorBackColorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBackColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-EditorBackColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditorBackColorDirective, isStandalone: true, selector: "[kendoEditorBackColor]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorBackColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorBackColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoEditorBackColor]',

package/{esm2020 → esm2022}/tools/colorpicker/editor-colorpicker.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // eslint-disable no-forward-ref
-import { Component, Input, forwardRef, ViewChild, ElementRef, TemplateRef, NgZone, Renderer2 } from '@angular/core';
+import { Component, Input, forwardRef, ViewChild, ElementRef, NgZone, Renderer2 } from '@angular/core';
 import { NgIf } from '@angular/common';
 import { take } from 'rxjs/operators';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
@@ -25,28 +25,44 @@ import * as i3 from "../../common/provider.service";
  * foreground or the background color of the text, use the `kendoEditorForeColor` or `kendoEditorBackColor` directivе ([more information]({% slug toolbartools_editor %}#toc-colorpickers)).
  */
 export class EditorColorPickerComponent extends ToolBarToolComponent {
-    constructor(localization, dialogService, ngZone, providerService, renderer) {
-        super();
-        this.localization = localization;
-        this.dialogService = dialogService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.tabindex = -1;
-        /**
-         * Specifies if the component should be disabled.
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
-         *
-         * @default ['palette']
-         */
-        this.views = ['palette'];
-        this.editor = providerService.editor;
-        this.isBuiltInTool = true;
-    }
+    localization;
+    dialogService;
+    ngZone;
+    renderer;
+    tabindex = -1;
+    /**
+     * Specifies the initial value of the color picker.
+     */
+    value;
+    /**
+     * Specifies the Kendo UI font icon that will be used.
+     */
+    icon;
+    /**
+     * Defines an SVGIcon to be rendered within the ColorPicker button.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    svgIcon;
+    /**
+     * Overrides the default [color palette settings]({% slug api_inputs_palettesettings %}).
+     */
+    paletteSettings;
+    /**
+     * Specifies the color-related command that will be executed.
+     */
+    editorCommand;
+    /**
+     * Specifies if the component should be disabled.
+     *
+     * @default false
+     */
+    disabled = false;
+    /**
+     * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
+     *
+     * @default ['palette']
+     */
+    views = ['palette'];
     /**
      * @hidden
      *
@@ -64,6 +80,22 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
     get title() {
         return this.localization.get(this.editorCommand);
     }
+    element;
+    colorPicker;
+    colorPickerButton;
+    subs;
+    valueCache;
+    editor;
+    activeView;
+    constructor(localization, dialogService, ngZone, providerService, renderer) {
+        super();
+        this.localization = localization;
+        this.dialogService = dialogService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.editor = providerService.editor;
+        this.isBuiltInTool = true;
+    }
     ngOnInit() {
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
             this.disabled = style.disabled;
@@ -181,9 +213,8 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
         this.tabindex = -1;
         return false;
     }
-}
-EditorColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorColorPickerComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.DialogService }, { token: i0.NgZone }, { token: i3.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.DialogService }, { token: i0.NgZone }, { token: i3.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
@@ -225,7 +256,8 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }],
@@ -291,12 +323,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], view: [{
                 type: Input
-            }], toolbarTemplate: [{
-                type: ViewChild,
-                args: ['toolbarTemplate', { static: true }]
-            }], popupTemplate: [{
-                type: ViewChild,
-                args: ['popupTemplate', { static: true }]
             }], element: [{
                 type: ViewChild,
                 args: ['colorpicker', { read: ElementRef }]