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

package/common/styles.d.ts

@@ -5,7 +5,7 @@
 /**
  * @hidden
  */
-export declare const defaultStyle = "\n    html, body {\n        margin: 0;\n        height: 100%;\n        padding: 0;\n    }\n\n    html {\n        min-height: 100%;\n    }\n\n    body {\n        box-sizing: border-box;\n        position: relative;\n        word-wrap: break-word;\n        padding: 8px;\n    }\n\n    body > .k-content {\n        outline: 0;\n        height: 100%;\n        white-space: pre-wrap;\n    }\n\n    div.ProseMirror {\n        position: relative;\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        white-space: break-spaces;\n        -webkit-font-variant-ligatures: none;\n        font-variant-ligatures: none;\n        font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n    }\n\n    .ProseMirror pre {\n        white-space: pre-wrap;\n    }\n\n    .k-content > p {\n        margin: 0 0 1em;\n    }\n\n    .k-content table {\n        white-space: pre-wrap;\n    }\n\n    .k-content .k-text-selected, .k-content::selection {\n        color: HighlightText;\n        background-color: Highlight;\n    }\n\n    .k-content .k-text-highlighted {\n        background-color: #bbdefb;\n    }\n\n    .k-content .ProseMirror-selectednode {\n        outline: 2px solid #8cf;\n    }\n\n    .ProseMirror-hideselection *::selection { background: transparent; }\n    .ProseMirror-hideselection *::-moz-selection { background: transparent; }\n    .ProseMirror-hideselection { caret-color: transparent; }\n\n    .ProseMirror-gapcursor {\n        display: none;\n        pointer-events: none;\n        position: absolute;\n    }\n\n    .ProseMirror-gapcursor:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: -2px;\n        width: 20px;\n        border-top: 1px solid black;\n        animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n    }\n\n    @keyframes ProseMirror-cursor-blink {\n        to {\n            visibility: hidden;\n        }\n    }\n\n    .ProseMirror-focused .ProseMirror-gapcursor {\n        display: block;\n    }\n\n    .k-editor-resize-handles-wrapper {\n        position: absolute;\n        visibility: hidden;\n    }\n\n    .k-editor-resize-handle {\n        position: absolute;\n        visibility: visible;\n        background-color: #fff;\n        border: 1px solid #000;\n        z-index: 100;\n        width: 5px;\n        height: 5px;\n    }\n\n    .k-editor-resize-handle.northwest {\n        top: 0;\n        left: 0;\n        transform: translate(-50%, -50%);\n        cursor: nw-resize;\n    }\n\n    .k-editor-resize-handle.north {\n        top: 0;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        cursor: n-resize;\n    }\n\n    .k-editor-resize-handle.northeast {\n        top: 0;\n        right: 0;\n        transform: translate(50%, -50%);\n        cursor: ne-resize;\n    }\n\n    .k-editor-resize-handle.southwest {\n        left: 0;\n        bottom: 0;\n        transform: translate(-50%, 50%);\n        cursor: sw-resize;\n    }\n\n    .k-editor-resize-handle.south {\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%, 50%);\n        cursor: s-resize;\n    }\n\n    .k-editor-resize-handle.southeast {\n        right: 0;\n        bottom: 0;\n        transform: translate(50%, 50%);\n        cursor: se-resize;\n    }\n\n    .k-editor-resize-handle.west {\n        top: 50%;\n        left: 0;\n        transform: translate(-50%, -50%);\n        cursor: w-resize;\n    }\n\n    .k-editor-resize-handle.east {\n        top: 50%;\n        right: 0;\n        transform: translate(50%, -50%);\n        cursor: e-resize;\n    }\n\n    .ProseMirror .k-placeholder::before {\n        content: attr(data-placeholder);\n        height: 0;\n        color: #8a8a8a;\n        float: left;\n        opacity: 1;\n        cursor: text;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n\n    .ProseMirror li {\n        position: relative;\n    }\n\n    li.ProseMirror-selectednode {\n        outline: none;\n    }\n\n    li.ProseMirror-selectednode:after {\n        content: \"\";\n        position: absolute;\n        left: -32px;\n        right: -2px;\n        top: -2px;\n        bottom: -2px;\n        border: 2px solid #8cf;\n        pointer-events: none;\n    }\n\n    .ProseMirror[contenteditable=\"false\"] img {\n        pointer-events: none;\n    }\n";
+export declare const defaultStyle = "\n    html, body {\n        margin: 0;\n        height: 100%;\n        padding: 0;\n    }\n\n    html {\n        min-height: 100%;\n    }\n\n    body {\n        box-sizing: border-box;\n        position: relative;\n        word-wrap: break-word;\n        padding: 8px;\n    }\n\n    body > .k-content {\n        outline: 0;\n        height: 100%;\n        white-space: pre-wrap;\n    }\n\n    div.ProseMirror {\n        position: relative;\n        word-wrap: break-word;\n        white-space: pre-wrap;\n        white-space: break-spaces;\n        -webkit-font-variant-ligatures: none;\n        font-variant-ligatures: none;\n        font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n    }\n\n    .ProseMirror pre {\n        white-space: pre-wrap;\n    }\n\n    .k-content > p {\n        margin: 0 0 1em;\n    }\n\n    .k-content table {\n        white-space: pre-wrap;\n    }\n\n    .k-content .k-text-selected, .k-content::selection {\n        color: HighlightText;\n        background-color: Highlight;\n    }\n\n    .k-content .k-text-highlighted {\n        background-color: #bbdefb;\n    }\n\n    .k-content .ProseMirror-selectednode {\n        outline: 2px solid #8cf;\n    }\n\n    .ProseMirror-hideselection *::selection { background: transparent; }\n    .ProseMirror-hideselection *::-moz-selection { background: transparent; }\n    .ProseMirror-hideselection { caret-color: transparent; }\n\n    .ProseMirror-gapcursor {\n        display: none;\n        pointer-events: none;\n        position: absolute;\n    }\n\n    .ProseMirror-gapcursor:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: -2px;\n        width: 20px;\n        border-top: 1px solid black;\n        animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n    }\n\n    @keyframes ProseMirror-cursor-blink {\n        to {\n            visibility: hidden;\n        }\n    }\n\n    .ProseMirror-focused .ProseMirror-gapcursor {\n        display: block;\n    }\n\n    .k-editor-resize-handles-wrapper {\n        position: absolute;\n        visibility: hidden;\n    }\n\n    .k-editor-resize-handle {\n        position: absolute;\n        visibility: visible;\n        background-color: #fff;\n        border: 1px solid #000;\n        z-index: 100;\n        width: 5px;\n        height: 5px;\n    }\n\n    .k-editor-resize-handle.northwest {\n        top: 0;\n        left: 0;\n        transform: translate(-50%, -50%);\n        cursor: nw-resize;\n    }\n\n    .k-editor-resize-handle.north {\n        top: 0;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        cursor: n-resize;\n    }\n\n    .k-editor-resize-handle.northeast {\n        top: 0;\n        right: 0;\n        transform: translate(50%, -50%);\n        cursor: ne-resize;\n    }\n\n    .k-editor-resize-handle.southwest {\n        left: 0;\n        bottom: 0;\n        transform: translate(-50%, 50%);\n        cursor: sw-resize;\n    }\n\n    .k-editor-resize-handle.south {\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%, 50%);\n        cursor: s-resize;\n    }\n\n    .k-editor-resize-handle.southeast {\n        right: 0;\n        bottom: 0;\n        transform: translate(50%, 50%);\n        cursor: se-resize;\n    }\n\n    .k-editor-resize-handle.west {\n        top: 50%;\n        left: 0;\n        transform: translate(-50%, -50%);\n        cursor: w-resize;\n    }\n\n    .k-editor-resize-handle.east {\n        top: 50%;\n        right: 0;\n        transform: translate(50%, -50%);\n        cursor: e-resize;\n    }\n\n    .ProseMirror .k-placeholder::before {\n        content: attr(data-placeholder);\n        height: 0;\n        color: #8a8a8a;\n        float: inline-start;\n        opacity: 1;\n        cursor: text;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n\n    .ProseMirror li {\n        position: relative;\n    }\n\n    li.ProseMirror-selectednode {\n        outline: none;\n    }\n\n    li.ProseMirror-selectednode:after {\n        content: \"\";\n        position: absolute;\n        left: -32px;\n        right: -2px;\n        top: -2px;\n        bottom: -2px;\n        border: 2px solid #8cf;\n        pointer-events: none;\n    }\n\n    .ProseMirror[contenteditable=\"false\"] img {\n        pointer-events: none;\n    }\n";
 /**
  * @hidden
  */

package/esm2022/common/styles.mjs

@@ -169,7 +169,7 @@ export const defaultStyle = `
         content: attr(data-placeholder);
         height: 0;
         color: #8a8a8a;
-        float: left;
+        float: inline-start;
         opacity: 1;
         cursor: text;
         -webkit-user-select: none;

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1759482631,
-    version: '20.1.0-develop.8',
+    publishDate: 1761117464,
+    version: '20.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs

@@ -10,7 +10,7 @@ import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { outerWidth } from '../../util';
+import { outerWidth, getUniqueStyleValues } from '../../util';
 import { ColorPickerDialogComponent } from '../../dialogs/colorpicker-dialog.component';
 import { ProviderService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
@@ -92,7 +92,6 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
     colorPicker;
     colorPickerButton;
     subs;
-    valueCache;
     editor;
     activeView;
     constructor(localization, dialogService, ngZone, providerService, renderer) {
@@ -106,6 +105,8 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
     }
     ngOnInit() {
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
+            const cssProperty = this.editorCommand === 'foreColor' ? 'color' : 'background-color';
+            this.value = getUniqueStyleValues(style.selected, cssProperty) || null;
             this.disabled = style.disabled;
         });
         this.activeView = this.view;
@@ -134,17 +135,7 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
     /**
      * @hidden
      */
-    onOpen(picker) {
-        this.valueCache = picker.value;
-        picker.reset();
-    }
-    /**
-     * @hidden
-     */
-    onClose(picker) {
-        if (!picker.value) {
-            picker.value = this.valueCache;
-        }
+    onClose() {
         this.editor.shouldEmitFocus = true;
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
         this.activeView = this.view;
@@ -231,15 +222,14 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -271,15 +261,14 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -300,15 +289,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -340,15 +328,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>

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

@@ -36,8 +36,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1759482631,
-    version: '20.1.0-develop.8',
+    publishDate: 1761117464,
+    version: '20.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1373,7 +1373,7 @@ const defaultStyle = `
         content: attr(data-placeholder);
         height: 0;
         color: #8a8a8a;
-        float: left;
+        float: inline-start;
         opacity: 1;
         cursor: text;
         -webkit-user-select: none;
@@ -5553,7 +5553,6 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
     colorPicker;
     colorPickerButton;
     subs;
-    valueCache;
     editor;
     activeView;
     constructor(localization, dialogService, ngZone, providerService, renderer) {
@@ -5567,6 +5566,8 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
     }
     ngOnInit() {
         this.subs = this.editor.stateChange.subscribe(({ style }) => {
+            const cssProperty = this.editorCommand === 'foreColor' ? 'color' : 'background-color';
+            this.value = getUniqueStyleValues(style.selected, cssProperty) || null;
             this.disabled = style.disabled;
         });
         this.activeView = this.view;
@@ -5595,17 +5596,7 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
     /**
      * @hidden
      */
-    onOpen(picker) {
-        this.valueCache = picker.value;
-        picker.reset();
-    }
-    /**
-     * @hidden
-     */
-    onClose(picker) {
-        if (!picker.value) {
-            picker.value = this.valueCache;
-        }
+    onClose() {
         this.editor.shouldEmitFocus = true;
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
         this.activeView = this.view;
@@ -5692,15 +5683,14 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -5732,15 +5722,14 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -5761,15 +5750,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>
@@ -5801,15 +5789,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [svgIcon]="svgIcon"
                 [views]="views"
                 [format]="'hex'"
-                [value]="value"
+                [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
                 (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
-                (open)="onOpen(colorpicker)"
-                (close)="onClose(colorpicker)"
+                (close)="onClose()"
                 (activeViewChange)="onActiveViewChange($event)"
             >
             </kendo-colorpicker>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "20.1.0-develop.8",
+  "version": "20.1.0",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1759482631,
+      "publishDate": 1761117464,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,23 +29,23 @@
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "20.1.0-develop.8",
-    "@progress/kendo-angular-common": "20.1.0-develop.8",
-    "@progress/kendo-angular-dialog": "20.1.0-develop.8",
-    "@progress/kendo-angular-dropdowns": "20.1.0-develop.8",
-    "@progress/kendo-angular-inputs": "20.1.0-develop.8",
-    "@progress/kendo-angular-intl": "20.1.0-develop.8",
-    "@progress/kendo-angular-l10n": "20.1.0-develop.8",
-    "@progress/kendo-angular-label": "20.1.0-develop.8",
-    "@progress/kendo-angular-layout": "20.1.0-develop.8",
-    "@progress/kendo-angular-icons": "20.1.0-develop.8",
-    "@progress/kendo-angular-popup": "20.1.0-develop.8",
-    "@progress/kendo-angular-toolbar": "20.1.0-develop.8",
+    "@progress/kendo-angular-buttons": "20.1.0",
+    "@progress/kendo-angular-common": "20.1.0",
+    "@progress/kendo-angular-dialog": "20.1.0",
+    "@progress/kendo-angular-dropdowns": "20.1.0",
+    "@progress/kendo-angular-inputs": "20.1.0",
+    "@progress/kendo-angular-intl": "20.1.0",
+    "@progress/kendo-angular-l10n": "20.1.0",
+    "@progress/kendo-angular-label": "20.1.0",
+    "@progress/kendo-angular-layout": "20.1.0",
+    "@progress/kendo-angular-icons": "20.1.0",
+    "@progress/kendo-angular-popup": "20.1.0",
+    "@progress/kendo-angular-toolbar": "20.1.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.1.0-develop.8",
+    "@progress/kendo-angular-schematics": "20.1.0",
     "@progress/kendo-editor-common": "1.12.3"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

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

package/tools/colorpicker/editor-colorpicker.component.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, NgZone, Renderer2 } from '@angular/core';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { PaletteSettings, ActiveColorClickEvent, ColorPickerComponent, ColorPickerView } from '@progress/kendo-angular-inputs';
+import { PaletteSettings, ActiveColorClickEvent, ColorPickerView } from '@progress/kendo-angular-inputs';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { EditorLocalizationService } from '../../localization/editor-localization.service';
@@ -79,7 +79,6 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
     private colorPicker;
     private colorPickerButton;
     private subs;
-    private valueCache;
     private editor;
     private activeView;
     constructor(localization: EditorLocalizationService, dialogService: DialogService, ngZone: NgZone, providerService: ProviderService, renderer: Renderer2);
@@ -96,11 +95,7 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
     /**
      * @hidden
      */
-    onOpen(picker: ColorPickerComponent): void;
-    /**
-     * @hidden
-     */
-    onClose(picker: ColorPickerComponent): void;
+    onClose(): void;
     /**
      * @hidden
      */