@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
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from
|
|
2
|
-
import { CoreComponentsIcon } from
|
|
3
|
-
import { animate, state, style, transition, trigger } from
|
|
1
|
+
import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
|
|
3
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
4
4
|
export class CoDialogComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.icons = CoreComponentsIcon;
|
|
7
7
|
this.showCloseIcon = true;
|
|
8
8
|
this.modal = false;
|
|
9
|
+
this.borderless = false;
|
|
9
10
|
this.animation = true;
|
|
10
11
|
this.closeClick = new EventEmitter();
|
|
11
12
|
this.overlayClick = new EventEmitter();
|
|
@@ -13,9 +14,12 @@ export class CoDialogComponent {
|
|
|
13
14
|
showClass() {
|
|
14
15
|
return true;
|
|
15
16
|
}
|
|
17
|
+
handleCloseDialog(event) {
|
|
18
|
+
this.closeClick.emit(event);
|
|
19
|
+
}
|
|
16
20
|
handleOverlayClick(event) {
|
|
17
21
|
if (!this.modal) {
|
|
18
|
-
this.overlayClick.
|
|
22
|
+
this.overlayClick.emit(event);
|
|
19
23
|
}
|
|
20
24
|
}
|
|
21
25
|
}
|
|
@@ -25,9 +29,11 @@ CoDialogComponent.decorators = [
|
|
|
25
29
|
template: `
|
|
26
30
|
<div class="co-dialog-overlay" (click)="handleOverlayClick($event)" [@showHideOverlay]="animation"></div>
|
|
27
31
|
<div class="co-dialog-wrapper" [@showHideDialog]="animation">
|
|
28
|
-
<div class="dialog-header">
|
|
29
|
-
<
|
|
30
|
-
|
|
32
|
+
<div class="dialog-header" *ngIf="!borderless">
|
|
33
|
+
<div class="dialog-header-caption">
|
|
34
|
+
<ng-content select="[header]"></ng-content>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="dialog-close-button" *ngIf="showCloseIcon" (click)="handleCloseDialog($event)">
|
|
31
37
|
<co-icon [icon]="icons.Cancel"></co-icon>
|
|
32
38
|
</div>
|
|
33
39
|
</div>
|
|
@@ -59,9 +65,10 @@ CoDialogComponent.decorators = [
|
|
|
59
65
|
CoDialogComponent.propDecorators = {
|
|
60
66
|
showCloseIcon: [{ type: Input }],
|
|
61
67
|
modal: [{ type: Input }],
|
|
68
|
+
borderless: [{ type: HostBinding, args: ['class.borderless',] }, { type: Input }],
|
|
62
69
|
animation: [{ type: Input }],
|
|
63
70
|
closeClick: [{ type: Output }],
|
|
64
71
|
overlayClick: [{ type: Output }],
|
|
65
72
|
showClass: [{ type: HostBinding, args: ["class.co-dialog",] }]
|
|
66
73
|
};
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jby1kaWFsb2cvY28tZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBdUMvRSxNQUFNLE9BQU8saUJBQWlCO0lBckM5QjtRQXNDa0IsVUFBSyxHQUE4QixrQkFBa0IsQ0FBQztRQUcvRCxrQkFBYSxHQUFZLElBQUksQ0FBQztRQUc5QixVQUFLLEdBQVksS0FBSyxDQUFDO1FBSXZCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFHNUIsY0FBUyxHQUFZLElBQUksQ0FBQztRQUdqQixlQUFVLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7UUFHdEUsaUJBQVksR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQWdCMUYsQ0FBQztJQWJRLFNBQVM7UUFDZCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxLQUFpQjtRQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRU0sa0JBQWtCLENBQUMsS0FBaUI7UUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMvQjtJQUNILENBQUM7OztZQXhFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUO2dCQUNELFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMsaUJBQWlCLEVBQUU7d0JBQ3pCLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7d0JBQy9CLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7d0JBQ2xDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO3dCQUNyQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQztxQkFDaEQsQ0FBQztvQkFDRixPQUFPLENBQUMsZ0JBQWdCLEVBQUU7d0JBQ3hCLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7d0JBQy9CLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7d0JBQ2xDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO3dCQUMvQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztxQkFDdEMsQ0FBQztpQkFDSDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7OzRCQUlFLEtBQUs7b0JBR0wsS0FBSzt5QkFHTCxXQUFXLFNBQUMsa0JBQWtCLGNBQzlCLEtBQUs7d0JBR0wsS0FBSzt5QkFHTCxNQUFNOzJCQUdOLE1BQU07d0JBR04sV0FBVyxTQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tICcuLi8uLi9jb3JlL2VudW0vY29yZS1jb21wb25lbnRzLWljb24uZW51bSc7XG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvLWRpYWxvZycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImNvLWRpYWxvZy1vdmVybGF5XCIgKGNsaWNrKT1cImhhbmRsZU92ZXJsYXlDbGljaygkZXZlbnQpXCIgW0BzaG93SGlkZU92ZXJsYXldPVwiYW5pbWF0aW9uXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvLWRpYWxvZy13cmFwcGVyXCIgW0BzaG93SGlkZURpYWxvZ109XCJhbmltYXRpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkaWFsb2ctaGVhZGVyXCIgKm5nSWY9XCIhYm9yZGVybGVzc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWhlYWRlci1jYXB0aW9uXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkaWFsb2ctY2xvc2UtYnV0dG9uXCIgKm5nSWY9XCJzaG93Q2xvc2VJY29uXCIgKGNsaWNrKT1cImhhbmRsZUNsb3NlRGlhbG9nKCRldmVudClcIj5cbiAgICAgICAgICA8Y28taWNvbiBbaWNvbl09XCJpY29ucy5DYW5jZWxcIj48L2NvLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWZvb3RlclwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignc2hvd0hpZGVPdmVybGF5JywgW1xuICAgICAgc3RhdGUoJyonLCBzdHlsZSh7b3BhY2l0eTogMX0pKSxcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe29wYWNpdHk6IDB9KSksXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDIwMCkpLFxuICAgICAgdHJhbnNpdGlvbignKiA9PiB2b2lkJywgYW5pbWF0ZSgnMjAwbXMgMjAwbXMnKSlcbiAgICBdKSxcbiAgICB0cmlnZ2VyKCdzaG93SGlkZURpYWxvZycsIFtcbiAgICAgIHN0YXRlKCcqJywgc3R5bGUoe29wYWNpdHk6IDF9KSksXG4gICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtvcGFjaXR5OiAwfSkpLFxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgYW5pbWF0ZSgnMjAwbXMgMjAwbXMnKSksXG4gICAgICB0cmFuc2l0aW9uKCcqID0+IHZvaWQnLCBhbmltYXRlKDIwMCkpXG4gICAgXSlcbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBDb0RpYWxvZ0NvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBpY29uczogdHlwZW9mIENvcmVDb21wb25lbnRzSWNvbiA9IENvcmVDb21wb25lbnRzSWNvbjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0Nsb3NlSWNvbjogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG1vZGFsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXJsZXNzJylcbiAgQElucHV0KClcbiAgcHVibGljIGJvcmRlcmxlc3M6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgYW5pbWF0aW9uOiBib29sZWFuID0gdHJ1ZTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGNsb3NlQ2xpY2s6IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IG92ZXJsYXlDbGljazogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWRpYWxvZ1wiKVxuICBwdWJsaWMgc2hvd0NsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgcHVibGljIGhhbmRsZUNsb3NlRGlhbG9nKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZUNsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgcHVibGljIGhhbmRsZU92ZXJsYXlDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5tb2RhbCkge1xuICAgICAgdGhpcy5vdmVybGF5Q2xpY2suZW1pdChldmVudCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -3113,6 +3113,7 @@ class CoDialogComponent {
|
|
|
3113
3113
|
this.icons = CoreComponentsIcon;
|
|
3114
3114
|
this.showCloseIcon = true;
|
|
3115
3115
|
this.modal = false;
|
|
3116
|
+
this.borderless = false;
|
|
3116
3117
|
this.animation = true;
|
|
3117
3118
|
this.closeClick = new EventEmitter();
|
|
3118
3119
|
this.overlayClick = new EventEmitter();
|
|
@@ -3120,9 +3121,12 @@ class CoDialogComponent {
|
|
|
3120
3121
|
showClass() {
|
|
3121
3122
|
return true;
|
|
3122
3123
|
}
|
|
3124
|
+
handleCloseDialog(event) {
|
|
3125
|
+
this.closeClick.emit(event);
|
|
3126
|
+
}
|
|
3123
3127
|
handleOverlayClick(event) {
|
|
3124
3128
|
if (!this.modal) {
|
|
3125
|
-
this.overlayClick.
|
|
3129
|
+
this.overlayClick.emit(event);
|
|
3126
3130
|
}
|
|
3127
3131
|
}
|
|
3128
3132
|
}
|
|
@@ -3132,9 +3136,11 @@ CoDialogComponent.decorators = [
|
|
|
3132
3136
|
template: `
|
|
3133
3137
|
<div class="co-dialog-overlay" (click)="handleOverlayClick($event)" [@showHideOverlay]="animation"></div>
|
|
3134
3138
|
<div class="co-dialog-wrapper" [@showHideDialog]="animation">
|
|
3135
|
-
<div class="dialog-header">
|
|
3136
|
-
<
|
|
3137
|
-
|
|
3139
|
+
<div class="dialog-header" *ngIf="!borderless">
|
|
3140
|
+
<div class="dialog-header-caption">
|
|
3141
|
+
<ng-content select="[header]"></ng-content>
|
|
3142
|
+
</div>
|
|
3143
|
+
<div class="dialog-close-button" *ngIf="showCloseIcon" (click)="handleCloseDialog($event)">
|
|
3138
3144
|
<co-icon [icon]="icons.Cancel"></co-icon>
|
|
3139
3145
|
</div>
|
|
3140
3146
|
</div>
|
|
@@ -3166,6 +3172,7 @@ CoDialogComponent.decorators = [
|
|
|
3166
3172
|
CoDialogComponent.propDecorators = {
|
|
3167
3173
|
showCloseIcon: [{ type: Input }],
|
|
3168
3174
|
modal: [{ type: Input }],
|
|
3175
|
+
borderless: [{ type: HostBinding, args: ['class.borderless',] }, { type: Input }],
|
|
3169
3176
|
animation: [{ type: Input }],
|
|
3170
3177
|
closeClick: [{ type: Output }],
|
|
3171
3178
|
overlayClick: [{ type: Output }],
|