@colijnit/corecomponents_v12 12.0.38 → 12.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +7 -2
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/co-dialog/co-dialog.component.js +15 -8
- package/fesm2015/colijnit-corecomponents_v12.js +11 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/co-dialog/co-dialog.component.d.ts +4 -2
- package/lib/components/co-dialog/style/_layout.scss +6 -0
- package/lib/components/co-dialog/style/_theme.scss +1 -1
- package/package.json +1 -1
|
@@ -3475,6 +3475,7 @@
|
|
|
3475
3475
|
this.icons = exports.CoreComponentsIcon;
|
|
3476
3476
|
this.showCloseIcon = true;
|
|
3477
3477
|
this.modal = false;
|
|
3478
|
+
this.borderless = false;
|
|
3478
3479
|
this.animation = true;
|
|
3479
3480
|
this.closeClick = new core.EventEmitter();
|
|
3480
3481
|
this.overlayClick = new core.EventEmitter();
|
|
@@ -3482,9 +3483,12 @@
|
|
|
3482
3483
|
CoDialogComponent.prototype.showClass = function () {
|
|
3483
3484
|
return true;
|
|
3484
3485
|
};
|
|
3486
|
+
CoDialogComponent.prototype.handleCloseDialog = function (event) {
|
|
3487
|
+
this.closeClick.emit(event);
|
|
3488
|
+
};
|
|
3485
3489
|
CoDialogComponent.prototype.handleOverlayClick = function (event) {
|
|
3486
3490
|
if (!this.modal) {
|
|
3487
|
-
this.overlayClick.
|
|
3491
|
+
this.overlayClick.emit(event);
|
|
3488
3492
|
}
|
|
3489
3493
|
};
|
|
3490
3494
|
return CoDialogComponent;
|
|
@@ -3492,7 +3496,7 @@
|
|
|
3492
3496
|
CoDialogComponent.decorators = [
|
|
3493
3497
|
{ type: core.Component, args: [{
|
|
3494
3498
|
selector: 'co-dialog',
|
|
3495
|
-
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)=\"
|
|
3499
|
+
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 ",
|
|
3496
3500
|
animations: [
|
|
3497
3501
|
animations.trigger('showHideOverlay', [
|
|
3498
3502
|
animations.state('*', animations.style({ opacity: 1 })),
|
|
@@ -3513,6 +3517,7 @@
|
|
|
3513
3517
|
CoDialogComponent.propDecorators = {
|
|
3514
3518
|
showCloseIcon: [{ type: core.Input }],
|
|
3515
3519
|
modal: [{ type: core.Input }],
|
|
3520
|
+
borderless: [{ type: core.HostBinding, args: ['class.borderless',] }, { type: core.Input }],
|
|
3516
3521
|
animation: [{ type: core.Input }],
|
|
3517
3522
|
closeClick: [{ type: core.Output }],
|
|
3518
3523
|
overlayClick: [{ type: core.Output }],
|