@progress/kendo-angular-editor 2.4.0-dev.202110181309 → 2.4.1-dev.202110261541

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: 1634562312,
+    publishDate: 1635262687,
     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.js

@@ -50,7 +50,9 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
         });
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     /**
      * @hidden

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

@@ -87,7 +87,9 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {

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

@@ -82,7 +82,9 @@ let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeCo
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {

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

@@ -82,7 +82,9 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         const element = this.formatDropDownList.element;

package/dist/es2015/tools/shared/editor-command-base.js

@@ -31,7 +31,9 @@ export class EditorCommandBase {
         });
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     // tslint:disable-next-line
     clickHandler() { }

package/dist/es2015/tools/tables/editor-insert-table-button.component.js

@@ -38,16 +38,18 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
         this.subs = this.editor.stateChange.subscribe(({ insertTable }) => {
             this.disabled = insertTable.disabled;
         });
-        this.subs = this.buttonBlurred.pipe(concatMap(() => interval(200).pipe(take(1), takeUntil(this.cellClicked)))).subscribe(() => {
+        this.subs.add(this.buttonBlurred.pipe(concatMap(() => interval(200).pipe(take(1), takeUntil(this.cellClicked)))).subscribe(() => {
             this.toggle(false);
-        });
+        }));
     }
     ngAfterViewInit() {
         this.getButton().tabIndex = -1;
     }
     ngOnDestroy() {
         this.destroyPopup();
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {

package/dist/fesm2015/index.js

@@ -27,7 +27,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1634562312,
+    publishDate: 1635262687,
     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'
 };
@@ -2721,19 +2721,19 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
     }
     get minWidth() {
         const resizableOptions = this.resizable;
-        return resizableOptions.minWidth;
+        return resizableOptions.minWidth ? resizableOptions.minWidth + 'px' : undefined;
     }
     get maxWidth() {
         const resizableOptions = this.resizable;
-        return resizableOptions.maxWidth;
+        return resizableOptions.maxWidth ? resizableOptions.maxWidth + 'px' : undefined;
     }
     get minHeight() {
         const resizableOptions = this.resizable;
-        return resizableOptions.minHeight;
+        return resizableOptions.minHeight ? resizableOptions.minHeight + 'px' : undefined;
     }
     get maxHeight() {
         const resizableOptions = this.resizable;
-        return resizableOptions.maxHeight;
+        return resizableOptions.maxHeight ? resizableOptions.maxHeight + 'px' : undefined;
     }
     get toolbar() {
         return this.defaultToolbarComponent || this.userToolBarComponent;
@@ -2745,6 +2745,12 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
     get view() {
         return this._view;
     }
+    /**
+     * Returns the text which the current Editor selection contains ([see example]({% slug selection_editor %}#toc-retrieve-the-selected-text)).
+     */
+    get selectionText() {
+        return this._view && this._view.state ? getSelectionText(this._view.state) : '';
+    }
     ngOnInit() {
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.direction = rtl ? 'rtl' : 'ltr';
@@ -2755,11 +2761,17 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         if (!this.iframe) {
             this.contentAreaLoaded.next();
         }
+        if (this.resizable) {
+            this.normalizeSize();
+        }
     }
     ngOnChanges(changes) {
         if (changes.iframe && !changes.iframe.isFirstChange()) {
             this.ngZone.onStable.pipe(take(1)).subscribe(() => this.initialize());
         }
+        if (changes.resizable && !changes.resizable.isFirstChange()) {
+            this.normalizeSize();
+        }
     }
     /**
      * @hidden
@@ -2915,7 +2927,12 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
         return getHtml(this._view.state);
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
+        if (this._styleObserver) {
+            this._styleObserver.disconnect();
+        }
     }
     /**
      * @hidden
@@ -3095,6 +3112,47 @@ let EditorComponent = EditorComponent_1 = class EditorComponent {
             .pipe(filter((event) => !this.viewMountElement.contains(event.relatedTarget)))
             .subscribe(() => this.onTouchedCallback()));
     }
+    normalizeSize() {
+        if (typeof this.resizable === 'object' && !this._styleObserver) {
+            const element = this.element.nativeElement;
+            this._styleObserver = new MutationObserver(() => {
+                this.ngZone.runOutsideAngular(() => this.normalizeProperties(element));
+            });
+            this._styleObserver.observe(element, { attributeFilter: ['style'] });
+        }
+    }
+    normalizeProperties(element) {
+        const props = Object.keys(this.resizable);
+        const pixelWidth = parseInt(element.style.width, 10);
+        const pixelHeight = parseInt(element.style.height, 10);
+        const resizable = this.resizable;
+        props.forEach(prop => {
+            const isMinProp = prop.startsWith('min');
+            const isMaxProp = !isMinProp;
+            const isWidthProp = prop.endsWith('Width');
+            const isHeightProp = !isWidthProp;
+            if (isMinProp && isWidthProp) {
+                if (pixelWidth < resizable.minWidth) {
+                    element.style.width = resizable.minWidth + 'px';
+                }
+            }
+            else if (isMinProp && isHeightProp) {
+                if (pixelHeight < resizable.minHeight) {
+                    element.style.height = resizable.minHeight + 'px';
+                }
+            }
+            else if (isMaxProp && isWidthProp) {
+                if (pixelWidth > resizable.maxWidth) {
+                    element.style.width = resizable.maxWidth + 'px';
+                }
+            }
+            else {
+                if (pixelHeight > resizable.maxHeight) {
+                    element.style.height = resizable.maxHeight + 'px';
+                }
+            }
+        });
+    }
 };
 __decorate([
     Input(),
@@ -3987,7 +4045,9 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         const element = this.formatDropDownList.element;
@@ -4338,7 +4398,9 @@ let EditorFontSizeComponent = EditorFontSizeComponent_1 = class EditorFontSizeCo
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {
@@ -4541,7 +4603,9 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
         }
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {
@@ -4706,7 +4770,9 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
         });
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     /**
      * @hidden
@@ -4907,16 +4973,18 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
         this.subs = this.editor.stateChange.subscribe(({ insertTable }) => {
             this.disabled = insertTable.disabled;
         });
-        this.subs = this.buttonBlurred.pipe(concatMap(() => interval(200).pipe(take(1), takeUntil(this.cellClicked)))).subscribe(() => {
+        this.subs.add(this.buttonBlurred.pipe(concatMap(() => interval(200).pipe(take(1), takeUntil(this.cellClicked)))).subscribe(() => {
             this.toggle(false);
-        });
+        }));
     }
     ngAfterViewInit() {
         this.getButton().tabIndex = -1;
     }
     ngOnDestroy() {
         this.destroyPopup();
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     get outerWidth() {
         if (this.element) {
@@ -5220,7 +5288,9 @@ class EditorCommandBase {
         });
     }
     ngOnDestroy() {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     }
     // tslint:disable-next-line
     clickHandler() { }

package/dist/fesm5/index.js

@@ -27,7 +27,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1634562312,
+    publishDate: 1635262687,
     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'
 };
@@ -2586,7 +2586,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "minWidth", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.minWidth;
+            return resizableOptions.minWidth ? resizableOptions.minWidth + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -2594,7 +2594,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "maxWidth", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.maxWidth;
+            return resizableOptions.maxWidth ? resizableOptions.maxWidth + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -2602,7 +2602,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "minHeight", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.minHeight;
+            return resizableOptions.minHeight ? resizableOptions.minHeight + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -2610,7 +2610,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "maxHeight", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.maxHeight;
+            return resizableOptions.maxHeight ? resizableOptions.maxHeight + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -2633,6 +2633,16 @@ var EditorComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(EditorComponent.prototype, "selectionText", {
+        /**
+         * Returns the text which the current Editor selection contains ([see example]({% slug selection_editor %}#toc-retrieve-the-selected-text)).
+         */
+        get: function () {
+            return this._view && this._view.state ? getSelectionText(this._view.state) : '';
+        },
+        enumerable: true,
+        configurable: true
+    });
     EditorComponent.prototype.ngOnInit = function () {
         var _this = this;
         this.subs.add(this.localization.changes.subscribe(function (_a) {
@@ -2645,12 +2655,18 @@ var EditorComponent = /** @class */ (function () {
         if (!this.iframe) {
             this.contentAreaLoaded.next();
         }
+        if (this.resizable) {
+            this.normalizeSize();
+        }
     };
     EditorComponent.prototype.ngOnChanges = function (changes) {
         var _this = this;
         if (changes.iframe && !changes.iframe.isFirstChange()) {
             this.ngZone.onStable.pipe(take(1)).subscribe(function () { return _this.initialize(); });
         }
+        if (changes.resizable && !changes.resizable.isFirstChange()) {
+            this.normalizeSize();
+        }
     };
     /**
      * @hidden
@@ -2806,7 +2822,12 @@ var EditorComponent = /** @class */ (function () {
         return getHtml(this._view.state);
     };
     EditorComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
+        if (this._styleObserver) {
+            this._styleObserver.disconnect();
+        }
     };
     /**
      * @hidden
@@ -2987,6 +3008,48 @@ var EditorComponent = /** @class */ (function () {
             .pipe(filter(function (event) { return !_this.viewMountElement.contains(event.relatedTarget); }))
             .subscribe(function () { return _this.onTouchedCallback(); }));
     };
+    EditorComponent.prototype.normalizeSize = function () {
+        var _this = this;
+        if (typeof this.resizable === 'object' && !this._styleObserver) {
+            var element_1 = this.element.nativeElement;
+            this._styleObserver = new MutationObserver(function () {
+                _this.ngZone.runOutsideAngular(function () { return _this.normalizeProperties(element_1); });
+            });
+            this._styleObserver.observe(element_1, { attributeFilter: ['style'] });
+        }
+    };
+    EditorComponent.prototype.normalizeProperties = function (element) {
+        var props = Object.keys(this.resizable);
+        var pixelWidth = parseInt(element.style.width, 10);
+        var pixelHeight = parseInt(element.style.height, 10);
+        var resizable = this.resizable;
+        props.forEach(function (prop) {
+            var isMinProp = prop.startsWith('min');
+            var isMaxProp = !isMinProp;
+            var isWidthProp = prop.endsWith('Width');
+            var isHeightProp = !isWidthProp;
+            if (isMinProp && isWidthProp) {
+                if (pixelWidth < resizable.minWidth) {
+                    element.style.width = resizable.minWidth + 'px';
+                }
+            }
+            else if (isMinProp && isHeightProp) {
+                if (pixelHeight < resizable.minHeight) {
+                    element.style.height = resizable.minHeight + 'px';
+                }
+            }
+            else if (isMaxProp && isWidthProp) {
+                if (pixelWidth > resizable.maxWidth) {
+                    element.style.width = resizable.maxWidth + 'px';
+                }
+            }
+            else {
+                if (pixelHeight > resizable.maxHeight) {
+                    element.style.height = resizable.maxHeight + 'px';
+                }
+            }
+        });
+    };
     var EditorComponent_1;
     __decorate([
         Input(),
@@ -3584,7 +3647,9 @@ var EditorFormatComponent = /** @class */ (function (_super) {
         }
     };
     EditorFormatComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     Object.defineProperty(EditorFormatComponent.prototype, "outerWidth", {
         get: function () {
@@ -3884,7 +3949,9 @@ var EditorFontSizeComponent = /** @class */ (function (_super) {
         }
     };
     EditorFontSizeComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     Object.defineProperty(EditorFontSizeComponent.prototype, "outerWidth", {
         get: function () {
@@ -4074,7 +4141,9 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
         }
     };
     EditorFontFamilyComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     Object.defineProperty(EditorFontFamilyComponent.prototype, "outerWidth", {
         get: function () {
@@ -4226,7 +4295,9 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
         });
     };
     EditorColorPickerComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     /**
      * @hidden
@@ -4400,9 +4471,9 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
             var insertTable = _a.insertTable;
             _this.disabled = insertTable.disabled;
         });
-        _this.subs = _this.buttonBlurred.pipe(concatMap(function () { return interval(200).pipe(take(1), takeUntil(_this.cellClicked)); })).subscribe(function () {
+        _this.subs.add(_this.buttonBlurred.pipe(concatMap(function () { return interval(200).pipe(take(1), takeUntil(_this.cellClicked)); })).subscribe(function () {
             _this.toggle(false);
-        });
+        }));
         return _this;
     }
     EditorInsertTableButtonComponent_1 = EditorInsertTableButtonComponent;
@@ -4411,7 +4482,9 @@ var EditorInsertTableButtonComponent = /** @class */ (function (_super) {
     };
     EditorInsertTableButtonComponent.prototype.ngOnDestroy = function () {
         this.destroyPopup();
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     Object.defineProperty(EditorInsertTableButtonComponent.prototype, "outerWidth", {
         get: function () {
@@ -4696,7 +4769,9 @@ var EditorCommandBase = /** @class */ (function () {
         });
     };
     EditorCommandBase.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     // tslint:disable-next-line
     EditorCommandBase.prototype.clickHandler = function () { };

package/dist/npm/editor.component.js

@@ -347,7 +347,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "minWidth", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.minWidth;
+            return resizableOptions.minWidth ? resizableOptions.minWidth + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -355,7 +355,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "maxWidth", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.maxWidth;
+            return resizableOptions.maxWidth ? resizableOptions.maxWidth + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -363,7 +363,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "minHeight", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.minHeight;
+            return resizableOptions.minHeight ? resizableOptions.minHeight + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -371,7 +371,7 @@ var EditorComponent = /** @class */ (function () {
     Object.defineProperty(EditorComponent.prototype, "maxHeight", {
         get: function () {
             var resizableOptions = this.resizable;
-            return resizableOptions.maxHeight;
+            return resizableOptions.maxHeight ? resizableOptions.maxHeight + 'px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -394,6 +394,16 @@ var EditorComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(EditorComponent.prototype, "selectionText", {
+        /**
+         * Returns the text which the current Editor selection contains ([see example]({% slug selection_editor %}#toc-retrieve-the-selected-text)).
+         */
+        get: function () {
+            return this._view && this._view.state ? kendo_editor_common_1.getSelectionText(this._view.state) : '';
+        },
+        enumerable: true,
+        configurable: true
+    });
     EditorComponent.prototype.ngOnInit = function () {
         var _this = this;
         this.subs.add(this.localization.changes.subscribe(function (_a) {
@@ -406,12 +416,18 @@ var EditorComponent = /** @class */ (function () {
         if (!this.iframe) {
             this.contentAreaLoaded.next();
         }
+        if (this.resizable) {
+            this.normalizeSize();
+        }
     };
     EditorComponent.prototype.ngOnChanges = function (changes) {
         var _this = this;
         if (changes.iframe && !changes.iframe.isFirstChange()) {
             this.ngZone.onStable.pipe(operators_1.take(1)).subscribe(function () { return _this.initialize(); });
         }
+        if (changes.resizable && !changes.resizable.isFirstChange()) {
+            this.normalizeSize();
+        }
     };
     /**
      * @hidden
@@ -567,7 +583,12 @@ var EditorComponent = /** @class */ (function () {
         return kendo_editor_common_1.getHtml(this._view.state);
     };
     EditorComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
+        if (this._styleObserver) {
+            this._styleObserver.disconnect();
+        }
     };
     /**
      * @hidden
@@ -748,6 +769,48 @@ var EditorComponent = /** @class */ (function () {
             .pipe(operators_1.filter(function (event) { return !_this.viewMountElement.contains(event.relatedTarget); }))
             .subscribe(function () { return _this.onTouchedCallback(); }));
     };
+    EditorComponent.prototype.normalizeSize = function () {
+        var _this = this;
+        if (typeof this.resizable === 'object' && !this._styleObserver) {
+            var element_1 = this.element.nativeElement;
+            this._styleObserver = new MutationObserver(function () {
+                _this.ngZone.runOutsideAngular(function () { return _this.normalizeProperties(element_1); });
+            });
+            this._styleObserver.observe(element_1, { attributeFilter: ['style'] });
+        }
+    };
+    EditorComponent.prototype.normalizeProperties = function (element) {
+        var props = Object.keys(this.resizable);
+        var pixelWidth = parseInt(element.style.width, 10);
+        var pixelHeight = parseInt(element.style.height, 10);
+        var resizable = this.resizable;
+        props.forEach(function (prop) {
+            var isMinProp = prop.startsWith('min');
+            var isMaxProp = !isMinProp;
+            var isWidthProp = prop.endsWith('Width');
+            var isHeightProp = !isWidthProp;
+            if (isMinProp && isWidthProp) {
+                if (pixelWidth < resizable.minWidth) {
+                    element.style.width = resizable.minWidth + 'px';
+                }
+            }
+            else if (isMinProp && isHeightProp) {
+                if (pixelHeight < resizable.minHeight) {
+                    element.style.height = resizable.minHeight + 'px';
+                }
+            }
+            else if (isMaxProp && isWidthProp) {
+                if (pixelWidth > resizable.maxWidth) {
+                    element.style.width = resizable.maxWidth + 'px';
+                }
+            }
+            else {
+                if (pixelHeight > resizable.maxHeight) {
+                    element.style.height = resizable.maxHeight + 'px';
+                }
+            }
+        });
+    };
     var EditorComponent_1;
     tslib_1.__decorate([
         core_1.Input(),

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: 1634562312,
+    publishDate: 1635262687,
     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/npm/tools/colorpicker/editor-colorpicker.component.js

@@ -60,7 +60,9 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
         });
     };
     EditorColorPickerComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     /**
      * @hidden

package/dist/npm/tools/fontfamily/editor-fontfamily.component.js

@@ -97,7 +97,9 @@ var EditorFontFamilyComponent = /** @class */ (function (_super) {
         }
     };
     EditorFontFamilyComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
+        if (this.subs) {
+            this.subs.unsubscribe();
+        }
     };
     Object.defineProperty(EditorFontFamilyComponent.prototype, "outerWidth", {
         get: function () {