@progress/kendo-angular-editor 11.0.1-develop.2 → 11.0.1-develop.4

package/dialogs/colorpicker-dialog.component.d.ts

@@ -27,6 +27,7 @@ export declare class ColorPickerDialogComponent extends DialogContentBase {
     constructor(dialog: DialogRef, localization: EditorLocalizationService);
     ngAfterViewInit(): void;
     handleActiveColorClick(event: ActiveColorClickEvent): void;
+    handleClearButtonClick(): void;
     onCancelAction(): void;
     onConfirmAction(): void;
     setData(args: any): void;

package/esm2020/dialogs/colorpicker-dialog.component.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, Input, ViewChild } from '@angular/core';
 import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
 import { EditorLocalizationService } from '../localization/editor-localization.service';
@@ -30,6 +31,9 @@ export class ColorPickerDialogComponent extends DialogContentBase {
         event.preventOpen();
         this.value = event.color;
     }
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -69,6 +73,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>
@@ -77,7 +82,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.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"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -96,6 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>

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: 1674072334,
-    version: '11.0.1-develop.2',
+    publishDate: 1674136753,
+    version: '11.0.1-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -107,6 +107,15 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
         this.activeView = this.view;
     }
+    /**
+     * @hidden
+     */
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+        if (this.activeView === 'palette') {
+            this.editor.view.focus();
+        }
+    }
     /**
      * @hidden
      */
@@ -185,6 +194,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"
@@ -211,7 +221,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i4.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"] }, { type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -231,6 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"

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

@@ -40,8 +40,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1674072334,
-    version: '11.0.1-develop.2',
+    publishDate: 1674136753,
+    version: '11.0.1-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3996,6 +3996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ['defaultToolbar', { read: ToolBarComponent, static: false }]
             }] } });
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * @hidden
  */
@@ -4014,6 +4015,9 @@ class ColorPickerDialogComponent extends DialogContentBase {
         event.preventOpen();
         this.value = event.color;
     }
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4053,6 +4057,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>
@@ -4061,7 +4066,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4080,6 +4085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>
@@ -5137,6 +5143,15 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
         this.activeView = this.view;
     }
+    /**
+     * @hidden
+     */
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+        if (this.activeView === 'palette') {
+            this.editor.view.focus();
+        }
+    }
     /**
      * @hidden
      */
@@ -5216,6 +5231,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"
@@ -5242,7 +5258,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i4.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"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -5262,6 +5278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"

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

@@ -40,8 +40,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1674072334,
-    version: '11.0.1-develop.2',
+    publishDate: 1674136753,
+    version: '11.0.1-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3998,6 +3998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ['defaultToolbar', { read: ToolBarComponent, static: false }]
             }] } });
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * @hidden
  */
@@ -4016,6 +4017,9 @@ class ColorPickerDialogComponent extends DialogContentBase {
         event.preventOpen();
         this.value = event.color;
     }
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+    }
     onCancelAction() {
         this.dialog.close();
     }
@@ -4055,6 +4059,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>
@@ -4063,7 +4068,7 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, components: [{ type: i1$1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i4.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"] }, { type: i1$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4$1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -4082,6 +4087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [(value)]="value"
                 [paletteSettings]="paletteSettings"
                 (activeColorClick)="handleActiveColorClick($event)"
+                (clearButtonClick)="handleClearButtonClick()"
             >
             </kendo-colorpicker>
         </div>
@@ -5139,6 +5145,15 @@ class EditorColorPickerComponent extends ToolBarToolComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
         this.activeView = this.view;
     }
+    /**
+     * @hidden
+     */
+    handleClearButtonClick() {
+        this.editor.exec(this.editorCommand, undefined);
+        if (this.activeView === 'palette') {
+            this.editor.view.focus();
+        }
+    }
     /**
      * @hidden
      */
@@ -5217,6 +5232,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"
@@ -5243,7 +5259,7 @@ EditorColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.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", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i4.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"] }, { type: i6$1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -5263,6 +5279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [disabled]="disabled"
                 [tabindex]="tabindex"
                 (valueChange)="handleValueChange($event)"
+                (clearButtonClick)="handleClearButtonClick()"
                 (activeColorClick)="handleActiveColorClick($event)"
                 (open)="onOpen(colorpicker)"
                 (close)="onClose(colorpicker)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "11.0.1-develop.2",
+  "version": "11.0.1-develop.4",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -22,22 +22,22 @@
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "11.0.1-develop.2",
-    "@progress/kendo-angular-common": "11.0.1-develop.2",
-    "@progress/kendo-angular-dialog": "11.0.1-develop.2",
-    "@progress/kendo-angular-dropdowns": "11.0.1-develop.2",
-    "@progress/kendo-angular-inputs": "11.0.1-develop.2",
-    "@progress/kendo-angular-intl": "11.0.1-develop.2",
-    "@progress/kendo-angular-l10n": "11.0.1-develop.2",
-    "@progress/kendo-angular-layout": "11.0.1-develop.2",
-    "@progress/kendo-angular-icons": "11.0.1-develop.2",
-    "@progress/kendo-angular-popup": "11.0.1-develop.2",
-    "@progress/kendo-angular-toolbar": "11.0.1-develop.2",
+    "@progress/kendo-angular-buttons": "11.0.1-develop.4",
+    "@progress/kendo-angular-common": "11.0.1-develop.4",
+    "@progress/kendo-angular-dialog": "11.0.1-develop.4",
+    "@progress/kendo-angular-dropdowns": "11.0.1-develop.4",
+    "@progress/kendo-angular-inputs": "11.0.1-develop.4",
+    "@progress/kendo-angular-intl": "11.0.1-develop.4",
+    "@progress/kendo-angular-l10n": "11.0.1-develop.4",
+    "@progress/kendo-angular-layout": "11.0.1-develop.4",
+    "@progress/kendo-angular-icons": "11.0.1-develop.4",
+    "@progress/kendo-angular-popup": "11.0.1-develop.4",
+    "@progress/kendo-angular-toolbar": "11.0.1-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "11.0.1-develop.2",
+    "@progress/kendo-angular-schematics": "11.0.1-develop.4",
     "@progress/kendo-editor-common": "1.9.3"
   },
   "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': '11.0.1-develop.2',
+            '@progress/kendo-angular-treeview': '11.0.1-develop.4',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '11.0.1-develop.2',
+            '@progress/kendo-angular-progressbar': '11.0.1-develop.4',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '11.0.1-develop.2',
+            '@progress/kendo-angular-dialog': '11.0.1-develop.4',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^1.0.0'
         } });

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

@@ -91,6 +91,10 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
      * @hidden
      */
     onClose(picker: ColorPickerComponent): void;
+    /**
+     * @hidden
+     */
+    handleClearButtonClick(): void;
     /**
      * @hidden
      */