@colijnit/corecomponents_v12 12.0.68 → 12.0.70

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -3680,12 +3680,12 @@
             this.icons = exports.CoreComponentsIcon;
             this.showCloseIcon = true;
             this.modal = false;
+            this.show = false;
             this.borderless = false;
             this.closeClick = new core.EventEmitter();
             this.overlayClick = new core.EventEmitter();
             this.isTouch = false;
             this.mobile = false;
-            this.show = false;
         }
         CoDialogComponent.prototype.showClass = function () {
             return true;
@@ -3697,6 +3697,7 @@
             }
         };
         CoDialogComponent.prototype.ngOnInit = function () {
+            this.show = false;
             this._checkDevice();
             this.show = true;
         };
@@ -3723,7 +3724,7 @@
     CoDialogComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'co-dialog',
-                    template: "\n    <div class=\"co-dialog-overlay\" *ngIf=\"show\" (click)=\"handleOverlayClick($event)\" @showHideOverlay></div>\n    <div class=\"co-dialog-wrapper\" *ngIf=\"show\" @showHideDialog>\n      <div class=\"dialog-header\" *ngIf=\"!borderless\">\n        <div class=\"dialog-header-caption\" *ngIf=\"headerTemplate\">\n          <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n        </div>\n        <div class=\"dialog-close-button\" *ngIf=\"showCloseIcon\" (click)=\"handleCloseDialog($event)\">\n          <co-icon [icon]=\"icons.Cancel\"></co-icon>\n        </div>\n      </div>\n      <div class=\"dialog-content\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"dialog-footer\" *ngIf=\"footerTemplate\">\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"co-dialog-overlay\" *ngIf=\"show\" (click)=\"handleOverlayClick($event)\" @showHideOverlay></div>\n    <div class=\"co-dialog-wrapper\" *ngIf=\"show\" @showHideDialog>\n      <div class=\"dialog-header\" *ngIf=\"!borderless\">\n        <div class=\"dialog-header-caption\" *ngIf=\"headerTemplate\">\n          <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n        </div>\n        <div class=\"dialog-close-button\" *ngIf=\"showCloseIcon\" (click)=\"handleCloseDialog($event)\">\n          <co-icon [icon]=\"icons.Cancel\"></co-icon>\n        </div>\n      </div>\n      <div class=\"dialog-content\" [ngClass]=\"customCssClass ? customCssClass : undefined\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"dialog-footer\" *ngIf=\"footerTemplate\">\n        <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n      </div>\n    </div>\n  ",
                     animations: [
                         animations.trigger('showHideOverlay', [
                             animations.state('*', animations.style({ opacity: 1 })),
@@ -3737,10 +3738,12 @@
                 },] }
     ];
     CoDialogComponent.propDecorators = {
+        customCssClass: [{ type: core.Input }],
         headerTemplate: [{ type: core.Input }],
         footerTemplate: [{ type: core.Input }],
         showCloseIcon: [{ type: core.Input }],
         modal: [{ type: core.Input }],
+        show: [{ type: core.Input }],
         borderless: [{ type: core.HostBinding, args: ['class.borderless',] }, { type: core.Input }],
         closeClick: [{ type: core.Output }],
         overlayClick: [{ type: core.Output }],
@@ -6582,7 +6585,6 @@
             _this.shopPopup = true;
             _this.valueChange = new core.EventEmitter();
             _this.isSmall = false;
-            _this.customHeight = false;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
@@ -6629,7 +6631,6 @@
         popupWidth: [{ type: core.Input }],
         valueChange: [{ type: core.Output }],
         isSmall: [{ type: core.HostBinding, args: ['class.is-small',] }, { type: core.Input }],
-        customHeight: [{ type: core.HostBinding, args: ['class.custom-height',] }, { type: core.Input }],
         showClass: [{ type: core.HostBinding, args: ["class.co-input-combo-box",] }]
     };
 
@@ -6957,7 +6958,6 @@
             //   this._model = value;
             // }
             _this.collection = [];
-            _this.customHeight = true;
             _this.selectionSettings = { mode: 'Multiple' };
             return _this;
         }
@@ -6996,7 +6996,7 @@
     InputListboxComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'co-input-listbox',
-                    template: "\n    <div class=\"co-input-listbox-header\" [textContent]=\"placeholder\"></div>\n    <div class=\"co-input-listbox-content\">\n      <ejs-listbox\n        [ngModel]=\"value\"\n        [dataSource]=\"collection\"\n        [fields]=\"fields\"\n        [disabled]=\"readonly\"\n        [selectionSettings]=\"selectionSettings\"\n        (ngModelChange)=\"modelChange.emit($event)\"\n      ></ejs-listbox>\n    </div>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <div class=\"co-input-listbox-header\" [textContent]=\"placeholder\"></div>\n    <div class=\"co-input-listbox-content\" [ngClass]=\"customCssClass ? customCssClass : undefined\">\n      <ejs-listbox\n        [ngModel]=\"value\"\n        [dataSource]=\"collection\"\n        [fields]=\"fields\"\n        [disabled]=\"readonly\"\n        [selectionSettings]=\"selectionSettings\"\n        (ngModelChange)=\"modelChange.emit($event)\"\n      ></ejs-listbox>\n    </div>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     providers: [{
                             provide: COMPONENT_INTERFACE_NAME, useExisting: core.forwardRef(function () { return InputListboxComponent; })
                         }, {
@@ -7015,6 +7015,7 @@
         { type: core.ElementRef }
     ]; };
     InputListboxComponent.propDecorators = {
+        customCssClass: [{ type: core.Input }],
         placeholder: [{ type: core.Input }],
         value: [{ type: core.Input }],
         collection: [{ type: core.Input }],
@@ -7022,8 +7023,7 @@
         singleSelect: [{ type: core.Input }],
         showCheckbox: [{ type: core.Input }],
         showSelectAll: [{ type: core.Input }],
-        showClass: [{ type: core.HostBinding, args: ['class.co-input-listbox',] }],
-        customHeight: [{ type: core.HostBinding, args: ['class.custom-height',] }]
+        showClass: [{ type: core.HostBinding, args: ['class.co-input-listbox',] }]
     };
 
     ej2Base.enableRipple(true);
@@ -7689,7 +7689,6 @@
             _this.hasOwnLabel = true;
             _this.hideArrowButtons = false;
             _this.isSmall = false;
-            _this.customHeight = false;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
@@ -7769,8 +7768,7 @@
         hasRightIcon: [{ type: core.HostBinding, args: ['class.has-right-icon',] }],
         hasOwnLabel: [{ type: core.HostBinding, args: ["class.has-own-label",] }],
         hideArrowButtons: [{ type: core.Input }, { type: core.HostBinding, args: ['class.hideArrows',] }],
-        isSmall: [{ type: core.HostBinding, args: ['class.is-small',] }, { type: core.Input }],
-        customHeight: [{ type: core.HostBinding, args: ['class.custom-height',] }, { type: core.Input }]
+        isSmall: [{ type: core.HostBinding, args: ['class.is-small',] }, { type: core.Input }]
     };
 
     var ValidationErrorModule = /** @class */ (function () {
@@ -7917,7 +7915,6 @@
             _this.search = new core.EventEmitter();
             _this.useLeftIcon = false;
             _this.useRightIcon = false;
-            _this.customHeight = false;
             _this.noIcon = false;
             _this.isSmall = false;
             return _this;
@@ -7949,7 +7946,6 @@
         search: [{ type: core.Output }],
         useLeftIcon: [{ type: core.Input }],
         useRightIcon: [{ type: core.Input }],
-        customHeight: [{ type: core.Input }],
         noIcon: [{ type: core.HostBinding, args: ['class.no-icon',] }, { type: core.Input }],
         isSmall: [{ type: core.HostBinding, args: ['class.is-small',] }, { type: core.Input }],
         showClass: [{ type: core.HostBinding, args: ['class.co-input-search',] }]
@@ -7959,10 +7955,7 @@
     ], InputSearchComponent.prototype, "useLeftIcon", void 0);
     __decorate([
         InputBoolean()
-    ], InputSearchComponent.prototype, "useRightIcon", void 0);
-    __decorate([
-        InputBoolean()
-    ], InputSearchComponent.prototype, "customHeight", void 0);
+    ], InputSearchComponent.prototype, "useRightIcon", void 0);
 
     var InputSearchModule = /** @class */ (function () {
         function InputSearchModule() {
@@ -7994,7 +7987,6 @@
             _this.elementRef = elementRef;
             _this.placeholder = "";
             _this.hasOwnLabel = true;
-            _this.customHeight = true;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
@@ -8028,8 +8020,7 @@
     InputTextareaComponent.propDecorators = {
         placeholder: [{ type: core.Input }],
         showClass: [{ type: core.HostBinding, args: ["class.co-input-textarea",] }],
-        hasOwnLabel: [{ type: core.HostBinding, args: ["class.has-own-label",] }],
-        customHeight: [{ type: core.HostBinding, args: ['class.custom-height',] }]
+        hasOwnLabel: [{ type: core.HostBinding, args: ["class.has-own-label",] }]
     };
 
     var InputTextareaModule = /** @class */ (function () {