@progress/kendo-angular-editor 3.0.0-dev.202201121158 → 3.0.1

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641988389,
+    publishDate: 1642684689,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -40,9 +40,15 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
      */
     disabled: boolean;
     /**
-     * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+     * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
      *
-     * @default 'palette'
+     * @default ['palette']
+     */
+    views: ColorPickerView[];
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
      */
     view: ColorPickerView;
     /**

package/dist/es2015/tools/colorpicker/editor-colorpicker.component.js

@@ -32,11 +32,19 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
          */
         this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        this.view = 'palette';
+        this.views = ['palette'];
+    }
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
+     */
+    set view(view) {
+        this.views = [view];
     }
     /**
      * @hidden
@@ -108,7 +116,7 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     }
     /**
@@ -159,8 +167,13 @@ tslib_1.__decorate([
 ], EditorColorPickerComponent.prototype, "disabled", void 0);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", String)
-], EditorColorPickerComponent.prototype, "view", void 0);
+    tslib_1.__metadata("design:type", Array)
+], EditorColorPickerComponent.prototype, "views", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], EditorColorPickerComponent.prototype, "view", null);
 tslib_1.__decorate([
     ViewChild('toolbarTemplate', { static: true }),
     tslib_1.__metadata("design:type", TemplateRef)
@@ -189,7 +202,7 @@ EditorColorPickerComponent = EditorColorPickerComponent_1 = tslib_1.__decorate([
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
-                [view]="view"
+                [views]="['palette']"
                 [format]="'hex'"
                 [attr.title]="title"
                 [icon]="icon"

package/dist/es2015/tools/tables/popup-table-grid.component.js

@@ -61,8 +61,8 @@ PopupTableGridComponent = tslib_1.__decorate([
         <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
                 class="k-ct-cell"
-                [class.k-state-selected]="selected(i)"
-                [class.k-state-disabled]="!selected(i)"
+                [class.k-selected]="selected(i)"
+                [class.k-disabled]="!selected(i)"
                 (mouseenter)="setState(i)">
             </span>
         </div>

package/dist/fesm2015/index.js

@@ -17,7 +17,7 @@ import { LocalizationService, L10N_PREFIX, RTL, MessageService, ComponentMessage
 import { CommonModule } from '@angular/common';
 import { DropDownListComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, CheckBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
 import { PopupService } from '@progress/kendo-angular-popup';
 
 /**
@@ -27,7 +27,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641988389,
+    publishDate: 1642684689,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -740,25 +740,25 @@ ImageDialogComponent = __decorate([
                         <label [for]="srcInputId">{{ textFor('imageWebAddress') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox" />
+                        <input [id]="srcInputId" #srcInput [formControl]="src" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="altTextInputId">{{ textFor('imageAltText') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox" />
+                        <input [id]="altTextInputId" [formControl]="alt" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="widthInputId">{{ textFor('imageWidth') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox" />
+                        <input [id]="widthInputId" [formControl]="width" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                     <div class="k-edit-label">
                         <label [for]="heightInputId">{{ textFor('imageHeight') }}</label>
                     </div>
                     <div class="k-edit-field">
-                        <input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox" />
+                        <input [id]="heightInputId" [formControl]="height" type="text" class="k-textbox k-input k-rounded-md" />
                     </div>
                 </div>
             </div>
@@ -888,26 +888,26 @@ FileLinkDialogComponent = __decorate([
                             <label (click)="hrefInput.focus()">{{ textForWithPrefix('WebAddress') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #hrefInput formControlName="href" type="text" class="k-textbox" />
+                            <input #hrefInput formControlName="href" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
 
                         <div class="k-edit-label">
                             <label (click)="textInput.focus()">{{ textForWithPrefix('Text') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #textInput formControlName="text" type="text" class="k-textbox" />
+                            <input #textInput formControlName="text" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
 
                         <div class="k-edit-label">
                             <label (click)="titleInput.focus()">{{ textForWithPrefix('Title') }}</label>
                         </div>
                         <div class="k-edit-field">
-                            <input #titleInput formControlName="title" type="text" class="k-textbox" />
+                            <input #titleInput formControlName="title" type="text" class="k-textbox k-input k-rounded-md" />
                         </div>
                         <ng-container *ngIf="command === 'createLink'">
                             <div class="k-edit-label"></div>
                             <div class="k-edit-field">
-                                <input type="checkbox" id="k-target-blank" class="k-checkbox" formControlName="target" />
+                                <input type="checkbox" id="k-target-blank" kendoCheckBox formControlName="target" />
                                 <label class="k-checkbox-label" for="k-target-blank">{{ textForWithPrefix('OpenInNewWindow') }}</label>
                             </div>
                         </ng-container>
@@ -1863,7 +1863,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
             this.subs.add(fromEvent(containerElement, 'focusin')
                 .subscribe(() => {
                 if (this.readonly) {
-                    contentAreaClasslist.add('k-state-focused');
+                    contentAreaClasslist.add('k-focus');
                 }
                 if (!this.focusChangedProgrammatically || this.shouldEmitFocus) {
                     this.ngZone.run(() => this.onFocus.emit());
@@ -1873,7 +1873,7 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
             this.subs.add(fromEvent(containerElement, 'focusout')
                 .subscribe(() => {
                 if (this.readonly) {
-                    contentAreaClasslist.remove('k-state-focused');
+                    contentAreaClasslist.remove('k-focus');
                 }
                 if (!this.focusChangedProgrammatically) {
                     this.ngZone.run(() => this.onBlur.emit());
@@ -2019,7 +2019,7 @@ __decorate([
     __metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "resizableClass", null);
 __decorate([
-    HostBinding('class.k-state-disabled'),
+    HostBinding('class.k-disabled'),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [])
 ], EditorComponent.prototype, "isDisabled", null);
@@ -2532,7 +2532,7 @@ ColorPickerDialogComponent = __decorate([
                 <div class="k-edit-form-container k-window-content" style="text-align: center;">
                     <kendo-colorpicker
                         #colorpicker
-                        [view]="view"
+                        [views]="['palette']"
                         [format]="'hex'"
                         [attr.title]="title"
                         [icon]="icon"
@@ -3559,11 +3559,19 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
          */
         this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        this.view = 'palette';
+        this.views = ['palette'];
+    }
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
+     */
+    set view(view) {
+        this.views = [view];
     }
     /**
      * @hidden
@@ -3635,7 +3643,7 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     }
     /**
@@ -3686,8 +3694,13 @@ __decorate([
 ], EditorColorPickerComponent.prototype, "disabled", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], EditorColorPickerComponent.prototype, "view", void 0);
+    __metadata("design:type", Array)
+], EditorColorPickerComponent.prototype, "views", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], EditorColorPickerComponent.prototype, "view", null);
 __decorate([
     ViewChild('toolbarTemplate', { static: true }),
     __metadata("design:type", TemplateRef)
@@ -3716,7 +3729,7 @@ EditorColorPickerComponent = EditorColorPickerComponent_1 = __decorate([
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
-                [view]="view"
+                [views]="['palette']"
                 [format]="'hex'"
                 [attr.title]="title"
                 [icon]="icon"
@@ -4015,8 +4028,8 @@ PopupTableGridComponent = __decorate([
         <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
                 class="k-ct-cell"
-                [class.k-state-selected]="selected(i)"
-                [class.k-state-disabled]="!selected(i)"
+                [class.k-selected]="selected(i)"
+                [class.k-disabled]="!selected(i)"
                 (mouseenter)="setState(i)">
             </span>
         </div>
@@ -5768,6 +5781,7 @@ EditorModule = __decorate([
             DialogModule,
             DropDownsModule,
             NumericTextBoxModule,
+            CheckBoxModule,
             ToolBarModule,
             TextBoxModule
         ]

package/dist/fesm5/index.js

@@ -17,7 +17,7 @@ import { L10N_PREFIX, RTL, MessageService, LocalizationService, ComponentMessage
 import { CommonModule } from '@angular/common';
 import { DropDownListComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
+import { ColorPickerComponent, ColorPickerModule, NumericTextBoxModule, CheckBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
 import { PopupService } from '@progress/kendo-angular-popup';
 
 /**
@@ -27,7 +27,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641988389,
+    publishDate: 1642684689,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -745,7 +745,7 @@ var ImageDialogComponent = /** @class */ (function (_super) {
     ], ImageDialogComponent.prototype, "srcInput", void 0);
     ImageDialogComponent = __decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         __metadata("design:paramtypes", [DialogRef,
             EditorLocalizationService])
@@ -861,7 +861,7 @@ var FileLinkDialogComponent = /** @class */ (function (_super) {
     ], FileLinkDialogComponent.prototype, "hrefInput", void 0);
     FileLinkDialogComponent = __decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" class=\"k-checkbox\" formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" kendoCheckBox formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
         }),
         __metadata("design:paramtypes", [DialogRef, EditorLocalizationService])
     ], FileLinkDialogComponent);
@@ -1662,7 +1662,7 @@ var EditorComponent = /** @class */ (function () {
             this.subs.add(fromEvent(containerElement, 'focusin')
                 .subscribe(function () {
                 if (_this.readonly) {
-                    contentAreaClasslist_1.add('k-state-focused');
+                    contentAreaClasslist_1.add('k-focus');
                 }
                 if (!_this.focusChangedProgrammatically || _this.shouldEmitFocus) {
                     _this.ngZone.run(function () { return _this.onFocus.emit(); });
@@ -1672,7 +1672,7 @@ var EditorComponent = /** @class */ (function () {
             this.subs.add(fromEvent(containerElement, 'focusout')
                 .subscribe(function () {
                 if (_this.readonly) {
-                    contentAreaClasslist_1.remove('k-state-focused');
+                    contentAreaClasslist_1.remove('k-focus');
                 }
                 if (!_this.focusChangedProgrammatically) {
                     _this.ngZone.run(function () { return _this.onBlur.emit(); });
@@ -1819,7 +1819,7 @@ var EditorComponent = /** @class */ (function () {
         __metadata("design:paramtypes", [])
     ], EditorComponent.prototype, "resizableClass", null);
     __decorate([
-        HostBinding('class.k-state-disabled'),
+        HostBinding('class.k-disabled'),
         __metadata("design:type", Boolean),
         __metadata("design:paramtypes", [])
     ], EditorComponent.prototype, "isDisabled", null);
@@ -2096,7 +2096,7 @@ var ColorPickerDialogComponent = /** @class */ (function (_super) {
     ], ColorPickerDialogComponent.prototype, "colorPicker", void 0);
     ColorPickerDialogComponent = __decorate([
         Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [view]=\"view\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [views]=\"['palette']\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         __metadata("design:paramtypes", [DialogRef,
             EditorLocalizationService])
@@ -2977,14 +2977,26 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
          */
         _this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        _this.view = 'palette';
+        _this.views = ['palette'];
         return _this;
     }
     EditorColorPickerComponent_1 = EditorColorPickerComponent;
+    Object.defineProperty(EditorColorPickerComponent.prototype, "view", {
+        /**
+         * @hidden
+         *
+         * For backward compatibility with configurations using the deprecated "view" input.
+         */
+        set: function (view) {
+            this.views = [view];
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(EditorColorPickerComponent.prototype, "title", {
         /**
          * @hidden
@@ -3066,7 +3078,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     };
     /**
@@ -3117,8 +3129,13 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
     ], EditorColorPickerComponent.prototype, "disabled", void 0);
     __decorate([
         Input(),
-        __metadata("design:type", String)
-    ], EditorColorPickerComponent.prototype, "view", void 0);
+        __metadata("design:type", Array)
+    ], EditorColorPickerComponent.prototype, "views", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], EditorColorPickerComponent.prototype, "view", null);
     __decorate([
         ViewChild('toolbarTemplate', { static: true }),
         __metadata("design:type", TemplateRef)
@@ -3143,7 +3160,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
         Component({
             providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(function () { return EditorColorPickerComponent_1; }) }],
             selector: 'kendo-toolbar-colorpicker',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-colorpicker\n                #colorpicker\n                [view]=\"view\"\n                [format]=\"'hex'\"\n                [attr.title]=\"title\"\n                [icon]=\"icon\"\n                [value]=\"value\"\n                [paletteSettings]=\"paletteSettings\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"handleValueChange($event)\"\n                (activeColorClick)=\"handleActiveColorClick($event)\"\n                (open)=\"onOpen(colorpicker)\"\n                (close)=\"onClose(colorpicker)\"\n            >\n            </kendo-colorpicker>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #colorPickerButton\n                class=\"k-overflow-button\"\n                [icon]=\"icon\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (click)=\"openDialog()\"\n            >\n                {{ title }}\n            </button>\n        </ng-template>\n    "
+            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-colorpicker\n                #colorpicker\n                [views]=\"['palette']\"\n                [format]=\"'hex'\"\n                [attr.title]=\"title\"\n                [icon]=\"icon\"\n                [value]=\"value\"\n                [paletteSettings]=\"paletteSettings\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"handleValueChange($event)\"\n                (activeColorClick)=\"handleActiveColorClick($event)\"\n                (open)=\"onOpen(colorpicker)\"\n                (close)=\"onClose(colorpicker)\"\n            >\n            </kendo-colorpicker>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #colorPickerButton\n                class=\"k-overflow-button\"\n                [icon]=\"icon\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (click)=\"openDialog()\"\n            >\n                {{ title }}\n            </button>\n        </ng-template>\n    "
         }),
         __param(0, Host()),
         __metadata("design:paramtypes", [EditorComponent,
@@ -3397,7 +3414,7 @@ var PopupTableGridComponent = /** @class */ (function () {
     PopupTableGridComponent = __decorate([
         Component({
             selector: 'kendo-popup-table-grid',
-            template: "\n        <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n            <span *ngFor=\"let i of cells\"\n                class=\"k-ct-cell\"\n                [class.k-state-selected]=\"selected(i)\"\n                [class.k-state-disabled]=\"!selected(i)\"\n                (mouseenter)=\"setState(i)\">\n            </span>\n        </div>\n        <div class=\"k-status\" unselectable=\"on\">{{ message }}</div>\n        <!-- uncomment when TableWizard is completed\n        <div class=\"k-editor-toolbar\" unselectable=\"on\">\n            <button type=\"button\" kendoButton class=\"k-tool\" [icon]=\"'table-wizard'\" (click)=\"openTableWizard()\" title=\"Table Wizard\">Table Wizard</button>\n        </div>\n        -->\n    "
+            template: "\n        <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n            <span *ngFor=\"let i of cells\"\n                class=\"k-ct-cell\"\n                [class.k-selected]=\"selected(i)\"\n                [class.k-disabled]=\"!selected(i)\"\n                (mouseenter)=\"setState(i)\">\n            </span>\n        </div>\n        <div class=\"k-status\" unselectable=\"on\">{{ message }}</div>\n        <!-- uncomment when TableWizard is completed\n        <div class=\"k-editor-toolbar\" unselectable=\"on\">\n            <button type=\"button\" kendoButton class=\"k-tool\" [icon]=\"'table-wizard'\" (click)=\"openTableWizard()\" title=\"Table Wizard\">Table Wizard</button>\n        </div>\n        -->\n    "
         })
     ], PopupTableGridComponent);
     return PopupTableGridComponent;
@@ -5241,6 +5258,7 @@ var EditorModule = /** @class */ (function () {
                 DialogModule,
                 DropDownsModule,
                 NumericTextBoxModule,
+                CheckBoxModule,
                 ToolBarModule,
                 TextBoxModule
             ]

package/dist/npm/dialogs/colorpicker-dialog.component.js

@@ -61,7 +61,7 @@ var ColorPickerDialogComponent = /** @class */ (function (_super) {
     ], ColorPickerDialogComponent.prototype, "colorPicker", void 0);
     ColorPickerDialogComponent = tslib_1.__decorate([
         core_1.Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [view]=\"view\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [views]=\"['palette']\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_dialog_1.DialogRef,
             editor_localization_service_1.EditorLocalizationService])

package/dist/npm/dialogs/file-link-dialog.component.js

@@ -119,7 +119,7 @@ var FileLinkDialogComponent = /** @class */ (function (_super) {
     ], FileLinkDialogComponent.prototype, "hrefInput", void 0);
     FileLinkDialogComponent = tslib_1.__decorate([
         core_1.Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" class=\"k-checkbox\" formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" kendoCheckBox formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_dialog_1.DialogRef, editor_localization_service_1.EditorLocalizationService])
     ], FileLinkDialogComponent);

package/dist/npm/dialogs/image-dialog.component.js

@@ -94,7 +94,7 @@ var ImageDialogComponent = /** @class */ (function (_super) {
     ], ImageDialogComponent.prototype, "srcInput", void 0);
     ImageDialogComponent = tslib_1.__decorate([
         core_1.Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
+            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_dialog_1.DialogRef,
             editor_localization_service_1.EditorLocalizationService])

package/dist/npm/editor.component.js

@@ -764,7 +764,7 @@ var EditorComponent = /** @class */ (function () {
             this.subs.add(rxjs_1.fromEvent(containerElement, 'focusin')
                 .subscribe(function () {
                 if (_this.readonly) {
-                    contentAreaClasslist_1.add('k-state-focused');
+                    contentAreaClasslist_1.add('k-focus');
                 }
                 if (!_this.focusChangedProgrammatically || _this.shouldEmitFocus) {
                     _this.ngZone.run(function () { return _this.onFocus.emit(); });
@@ -774,7 +774,7 @@ var EditorComponent = /** @class */ (function () {
             this.subs.add(rxjs_1.fromEvent(containerElement, 'focusout')
                 .subscribe(function () {
                 if (_this.readonly) {
-                    contentAreaClasslist_1.remove('k-state-focused');
+                    contentAreaClasslist_1.remove('k-focus');
                 }
                 if (!_this.focusChangedProgrammatically) {
                     _this.ngZone.run(function () { return _this.onBlur.emit(); });
@@ -921,7 +921,7 @@ var EditorComponent = /** @class */ (function () {
         tslib_1.__metadata("design:paramtypes", [])
     ], EditorComponent.prototype, "resizableClass", null);
     tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-disabled'),
+        core_1.HostBinding('class.k-disabled'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], EditorComponent.prototype, "isDisabled", null);

package/dist/npm/editor.module.js

@@ -13,7 +13,6 @@ var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
 var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
 var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
 var kendo_angular_inputs_1 = require("@progress/kendo-angular-inputs");
-var kendo_angular_inputs_2 = require("@progress/kendo-angular-inputs");
 var editor_component_1 = require("./editor.component");
 var image_dialog_component_1 = require("./dialogs/image-dialog.component");
 var source_dialog_component_1 = require("./dialogs/source-dialog.component");
@@ -232,9 +231,10 @@ var EditorModule = /** @class */ (function () {
                 kendo_angular_inputs_1.ColorPickerModule,
                 kendo_angular_dialog_1.DialogModule,
                 kendo_angular_dropdowns_1.DropDownsModule,
-                kendo_angular_inputs_2.NumericTextBoxModule,
+                kendo_angular_inputs_1.NumericTextBoxModule,
+                kendo_angular_inputs_1.CheckBoxModule,
                 kendo_angular_toolbar_1.ToolBarModule,
-                kendo_angular_inputs_2.TextBoxModule
+                kendo_angular_inputs_1.TextBoxModule
             ]
         })
     ], EditorModule);

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1641988389,
+    publishDate: 1642684689,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };