@colijnit/corecomponents_v12 12.0.38 → 12.0.41

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -3475,6 +3475,7 @@
             this.icons = exports.CoreComponentsIcon;
             this.showCloseIcon = true;
             this.modal = false;
+            this.borderless = false;
             this.animation = true;
             this.closeClick = new core.EventEmitter();
             this.overlayClick = new core.EventEmitter();
@@ -3482,9 +3483,12 @@
         CoDialogComponent.prototype.showClass = function () {
             return true;
         };
+        CoDialogComponent.prototype.handleCloseDialog = function (event) {
+            this.closeClick.emit(event);
+        };
         CoDialogComponent.prototype.handleOverlayClick = function (event) {
             if (!this.modal) {
-                this.overlayClick.next(event);
+                this.overlayClick.emit(event);
             }
         };
         return CoDialogComponent;
@@ -3492,7 +3496,7 @@
     CoDialogComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'co-dialog',
-                    template: "\n    <div class=\"co-dialog-overlay\" (click)=\"handleOverlayClick($event)\" [@showHideOverlay]=\"animation\"></div>\n    <div class=\"co-dialog-wrapper\" [@showHideDialog]=\"animation\">\n      <div class=\"dialog-header\">\n        <ng-content select=\"[header]\"></ng-content>\n        <div class=\"dialog-close-button\" *ngIf=\"showCloseIcon\" (click)=\"closeClick.emit($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\">\n        <ng-content select=\"[footer]\"></ng-content>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"co-dialog-overlay\" (click)=\"handleOverlayClick($event)\" [@showHideOverlay]=\"animation\"></div>\n    <div class=\"co-dialog-wrapper\" [@showHideDialog]=\"animation\">\n      <div class=\"dialog-header\" *ngIf=\"!borderless\">\n        <div class=\"dialog-header-caption\">\n            <ng-content select=\"[header]\"></ng-content>\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\">\n        <ng-content select=\"[footer]\"></ng-content>\n      </div>\n    </div>\n  ",
                     animations: [
                         animations.trigger('showHideOverlay', [
                             animations.state('*', animations.style({ opacity: 1 })),
@@ -3513,6 +3517,7 @@
     CoDialogComponent.propDecorators = {
         showCloseIcon: [{ type: core.Input }],
         modal: [{ type: core.Input }],
+        borderless: [{ type: core.HostBinding, args: ['class.borderless',] }, { type: core.Input }],
         animation: [{ type: core.Input }],
         closeClick: [{ type: core.Output }],
         overlayClick: [{ type: core.Output }],
@@ -6384,6 +6389,8 @@
             _this.startDateChange = new core.EventEmitter();
             _this.endDateChange = new core.EventEmitter();
             _this.dateRangeChange = new core.EventEmitter();
+            _this.close = new core.EventEmitter();
+            _this.select = new core.EventEmitter();
             return _this;
         }
         InputDateRangePickerComponent.prototype.showClass = function () {
@@ -6401,7 +6408,7 @@
     InputDateRangePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-input-date-range",
-                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -6413,6 +6420,8 @@
         startDateChange: [{ type: core.Output }],
         endDateChange: [{ type: core.Output }],
         dateRangeChange: [{ type: core.Output }],
+        close: [{ type: core.Output }],
+        select: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-input-date-range-picker",] }]
     };