@progress-chef/platform-shared-components 0.0.54 → 0.0.55
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/esm2022/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.mjs +18 -5
- package/fesm2022/progress-chef-platform-shared-components.mjs +17 -4
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -10,13 +10,14 @@ export class ConfirmationDialogComponent {
|
|
|
10
10
|
this.confirmationDialogCloseEvent = new EventEmitter();
|
|
11
11
|
this.popupEvent = new EventEmitter();
|
|
12
12
|
this.title = '';
|
|
13
|
+
this.secondaryBtnLabel = '';
|
|
13
14
|
this.btnText = '';
|
|
14
15
|
this.type = '';
|
|
15
16
|
this.dialogInfoText = '';
|
|
16
17
|
this.dialogConfirmationText = '';
|
|
17
18
|
this.fillMode = 'solid';
|
|
18
19
|
this.themeColor = 'base';
|
|
19
|
-
this.
|
|
20
|
+
this.secondaryBtnFillMode = 'solid';
|
|
20
21
|
}
|
|
21
22
|
dialogClose() {
|
|
22
23
|
this.confirmationDialogCloseEvent.emit();
|
|
@@ -28,28 +29,40 @@ export class ConfirmationDialogComponent {
|
|
|
28
29
|
if (changes['type']?.currentValue === 'enable') {
|
|
29
30
|
this.themeColor = 'primary';
|
|
30
31
|
this.fillMode = 'solid';
|
|
32
|
+
this.secondaryBtnFillMode = "outline";
|
|
33
|
+
this.secondaryBtnLabel = "Cancel";
|
|
31
34
|
}
|
|
32
35
|
else if (changes['type']?.currentValue === 'update') {
|
|
33
36
|
this.themeColor = 'secondary';
|
|
34
37
|
this.fillMode = 'solid';
|
|
38
|
+
this.secondaryBtnFillMode = "outline";
|
|
39
|
+
this.secondaryBtnLabel = "Cancel";
|
|
40
|
+
}
|
|
41
|
+
else if (changes['type']?.currentValue === 'primary-flat') {
|
|
42
|
+
this.themeColor = 'primary';
|
|
43
|
+
this.secondaryBtnFillMode = 'flat';
|
|
35
44
|
}
|
|
36
45
|
else {
|
|
37
46
|
this.themeColor = 'error';
|
|
38
47
|
this.fillMode = 'outline';
|
|
48
|
+
this.secondaryBtnFillMode = "outline";
|
|
49
|
+
this.secondaryBtnLabel = "Cancel";
|
|
39
50
|
}
|
|
40
51
|
}
|
|
41
52
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor",
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: i3.DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: i4.DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: i5.DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
43
54
|
}
|
|
44
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
45
56
|
type: Component,
|
|
46
|
-
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button label=\"
|
|
57
|
+
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
47
58
|
}], propDecorators: { confirmationDialogCloseEvent: [{
|
|
48
59
|
type: Output
|
|
49
60
|
}], popupEvent: [{
|
|
50
61
|
type: Output
|
|
51
62
|
}], title: [{
|
|
52
63
|
type: Input
|
|
64
|
+
}], secondaryBtnLabel: [{
|
|
65
|
+
type: Input
|
|
53
66
|
}], btnText: [{
|
|
54
67
|
type: Input
|
|
55
68
|
}], type: [{
|
|
@@ -62,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
62
75
|
type: Input
|
|
63
76
|
}], themeColor: [{
|
|
64
77
|
type: Input
|
|
65
|
-
}],
|
|
78
|
+
}], secondaryBtnFillMode: [{
|
|
66
79
|
type: Input
|
|
67
80
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9tb2xlY3VsZXMvZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9tb2xlY3VsZXMvZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQU9qRyxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBTVksaUNBQTRCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQyxVQUFLLEdBQVUsRUFBRSxDQUFDO1FBQ2xCLHNCQUFpQixHQUFVLEVBQUUsQ0FBQztRQUM5QixZQUFPLEdBQVUsRUFBRSxDQUFDO1FBQ3BCLFNBQUksR0FBVSxFQUFFLENBQUM7UUFDakIsbUJBQWMsR0FBVSxFQUFFLENBQUM7UUFDM0IsMkJBQXNCLEdBQVMsRUFBRSxDQUFDO1FBQ2xDLGFBQVEsR0FNSixPQUFPLENBQUM7UUFDWixlQUFVLEdBV0gsTUFBTSxDQUFDO1FBQ2QseUJBQW9CLEdBTWxCLE9BQU8sQ0FBQztLQStCcEI7SUE3QkMsV0FBVztRQUNULElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxZQUFZLEtBQUssUUFBUSxFQUFFO1lBQzlDLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFBO1lBQ3ZCLElBQUksQ0FBQyxvQkFBb0IsR0FBQyxTQUFTLENBQUE7WUFDbkMsSUFBSSxDQUFDLGlCQUFpQixHQUFDLFFBQVEsQ0FBQTtTQUNoQzthQUFNLElBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFlBQVksS0FBSyxRQUFRLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUE7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixHQUFDLFNBQVMsQ0FBQTtZQUNuQyxJQUFJLENBQUMsaUJBQWlCLEdBQUMsUUFBUSxDQUFBO1NBQ2hDO2FBQU0sSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUUsWUFBWSxLQUFLLGNBQWMsRUFBRTtZQUMzRCxJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztZQUM1QixJQUFJLENBQUMsb0JBQW9CLEdBQUcsTUFBTSxDQUFDO1NBQ3BDO2FBQUs7WUFDSixJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQTtZQUN6QixJQUFJLENBQUMsb0JBQW9CLEdBQUMsU0FBUyxDQUFBO1lBQ25DLElBQUksQ0FBQyxpQkFBaUIsR0FBQyxRQUFRLENBQUE7U0FDaEM7SUFDSCxDQUFDOytHQWhFVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixpZENQeEMsbTNCQVlBOzs0RkRMYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQUt6Qiw0QkFBNEI7c0JBQXJDLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQVlHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNvbmZpcm1hdGlvbi1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbmZpcm1hdGlvbi1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBAT3V0cHV0KCkgY29uZmlybWF0aW9uRGlhbG9nQ2xvc2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIHBvcHVwRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPScnO1xuICBASW5wdXQoKSBzZWNvbmRhcnlCdG5MYWJlbDogc3RyaW5nID0nJztcbiAgQElucHV0KCkgYnRuVGV4dDogc3RyaW5nID0nJztcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nID0nJztcbiAgQElucHV0KCkgZGlhbG9nSW5mb1RleHQ6IHN0cmluZyA9Jyc7XG4gIEBJbnB1dCgpIGRpYWxvZ0NvbmZpcm1hdGlvblRleHQ6IHN0cmluZz0nJztcbiAgQElucHV0KCkgZmlsbE1vZGU6XG4gICAgfCAnc29saWQnXG4gICAgfCAnZmxhdCdcbiAgICB8ICdvdXRsaW5lJ1xuICAgIHwgJ2NsZWFyJ1xuICAgIHwgJ2xpbmsnXG4gICAgfCAnbm9uZScgPSAnc29saWQnO1xuICBASW5wdXQoKSB0aGVtZUNvbG9yOlxuICAgIHwgJ2Jhc2UnXG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAndGVydGlhcnknXG4gICAgfCAnaW5mbydcbiAgICB8ICdzdWNjZXNzJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnZGFyaydcbiAgICB8ICdsaWdodCdcbiAgICB8ICdpbnZlcnNlJyA9ICdiYXNlJztcbiAgQElucHV0KCkgc2Vjb25kYXJ5QnRuRmlsbE1vZGU6XG4gIHwgJ3NvbGlkJ1xuICB8ICdmbGF0J1xuICB8ICdvdXRsaW5lJ1xuICB8ICdjbGVhcidcbiAgfCAnbGluaydcbiAgfCAnbm9uZScgPSAnc29saWQnO1xuXG4gIGRpYWxvZ0Nsb3NlKCkge1xuICAgIHRoaXMuY29uZmlybWF0aW9uRGlhbG9nQ2xvc2VFdmVudC5lbWl0KCk7XG4gIH1cblxuICBldmVudENsaWNrZWQoKSB7XG4gICAgdGhpcy5wb3B1cEV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sndHlwZSddPy5jdXJyZW50VmFsdWUgPT09ICdlbmFibGUnKSB7XG4gICAgICB0aGlzLnRoZW1lQ29sb3IgPSAncHJpbWFyeSc7XG4gICAgICB0aGlzLmZpbGxNb2RlID0gJ3NvbGlkJ1xuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5GaWxsTW9kZT1cIm91dGxpbmVcIlxuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5MYWJlbD1cIkNhbmNlbFwiXG4gICAgfSBlbHNlIGlmKGNoYW5nZXNbJ3R5cGUnXT8uY3VycmVudFZhbHVlID09PSAndXBkYXRlJykge1xuICAgICAgdGhpcy50aGVtZUNvbG9yID0gJ3NlY29uZGFyeSc7XG4gICAgICB0aGlzLmZpbGxNb2RlID0gJ3NvbGlkJ1xuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5GaWxsTW9kZT1cIm91dGxpbmVcIlxuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5MYWJlbD1cIkNhbmNlbFwiXG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWyd0eXBlJ10/LmN1cnJlbnRWYWx1ZSA9PT0gJ3ByaW1hcnktZmxhdCcpIHtcbiAgICAgIHRoaXMudGhlbWVDb2xvciA9ICdwcmltYXJ5JztcbiAgICAgIHRoaXMuc2Vjb25kYXJ5QnRuRmlsbE1vZGUgPSAnZmxhdCc7XG4gICAgfWVsc2Uge1xuICAgICAgdGhpcy50aGVtZUNvbG9yID0gJ2Vycm9yJztcbiAgICAgIHRoaXMuZmlsbE1vZGUgPSAnb3V0bGluZSdcbiAgICAgIHRoaXMuc2Vjb25kYXJ5QnRuRmlsbE1vZGU9XCJvdXRsaW5lXCJcbiAgICAgIHRoaXMuc2Vjb25kYXJ5QnRuTGFiZWw9XCJDYW5jZWxcIlxuICAgIH1cbiAgfVxufVxuIiwiPGxpYi1kaWFsb2cgd2lkdGg9XCI0ODlweFwiIGNsYXNzPVwiY29uZmlybWF0aW9uLWRpYWxvZ1wiPlxuICA8bGliLWRpYWxvZy10aXRsZWJhciBjbGFzcz1cImNvbmZpcm1hdGlvbi10aXRsZVwiIFt0aXRsZV09XCJ0aXRsZVwiIHRpdGxlRm9udD1cIkhFQURJTkdfTUVESVVNXCJcbiAgICBbaGlkZUNsb3NlSWNvbl09XCJ0cnVlXCI+PC9saWItZGlhbG9nLXRpdGxlYmFyPlxuICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLXBvcHVwLXRleHRcIj5cbiAgICA8bGliLXR5cG9ncmFwaHkgdHlwZT1cIkJPRFlfTUVESVVNXCIgW2RlZmF1bHRUZXh0XT1cImRpYWxvZ0luZm9UZXh0XCI+PC9saWItdHlwb2dyYXBoeT48YnI+XG4gICAgPGxpYi10eXBvZ3JhcGh5IHR5cGU9XCJCT0RZX01FRElVTVwiIFtkZWZhdWx0VGV4dF09XCJkaWFsb2dDb25maXJtYXRpb25UZXh0XCI+PC9saWItdHlwb2dyYXBoeT5cbiAgPC9kaXY+XG4gIDxsaWItZGlhbG9nLWFjdGlvbnMgYnV0dG9uTGF5b3V0PVwiZW5kXCIgY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCI+XG4gICAgPGxpYi1idXR0b24gW2xhYmVsXT1cInNlY29uZGFyeUJ0bkxhYmVsXCIgW2ZpbGxNb2RlXT1cInNlY29uZGFyeUJ0bkZpbGxNb2RlXCIgdGhlbWVDb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiZGlhbG9nQ2xvc2UoKVwiIHdpZHRoPVwiMTQ0cHhcIj48L2xpYi1idXR0b24+XG4gICAgPGxpYi1idXR0b24gW2xhYmVsXT1cImJ0blRleHRcIiBbdGhlbWVDb2xvcl09XCJ0aGVtZUNvbG9yXCIgKGNsaWNrKT1cImV2ZW50Q2xpY2tlZCgpXCIgW2ZpbGxNb2RlXT1cImZpbGxNb2RlXCIgd2lkdGg9XCIxNDRweFwiPjwvbGliLWJ1dHRvbj5cbiAgPC9saWItZGlhbG9nLWFjdGlvbnM+XG48L2xpYi1kaWFsb2c+XG4iXX0=
|
|
@@ -3599,13 +3599,14 @@ class ConfirmationDialogComponent {
|
|
|
3599
3599
|
this.confirmationDialogCloseEvent = new EventEmitter();
|
|
3600
3600
|
this.popupEvent = new EventEmitter();
|
|
3601
3601
|
this.title = '';
|
|
3602
|
+
this.secondaryBtnLabel = '';
|
|
3602
3603
|
this.btnText = '';
|
|
3603
3604
|
this.type = '';
|
|
3604
3605
|
this.dialogInfoText = '';
|
|
3605
3606
|
this.dialogConfirmationText = '';
|
|
3606
3607
|
this.fillMode = 'solid';
|
|
3607
3608
|
this.themeColor = 'base';
|
|
3608
|
-
this.
|
|
3609
|
+
this.secondaryBtnFillMode = 'solid';
|
|
3609
3610
|
}
|
|
3610
3611
|
dialogClose() {
|
|
3611
3612
|
this.confirmationDialogCloseEvent.emit();
|
|
@@ -3617,28 +3618,40 @@ class ConfirmationDialogComponent {
|
|
|
3617
3618
|
if (changes['type']?.currentValue === 'enable') {
|
|
3618
3619
|
this.themeColor = 'primary';
|
|
3619
3620
|
this.fillMode = 'solid';
|
|
3621
|
+
this.secondaryBtnFillMode = "outline";
|
|
3622
|
+
this.secondaryBtnLabel = "Cancel";
|
|
3620
3623
|
}
|
|
3621
3624
|
else if (changes['type']?.currentValue === 'update') {
|
|
3622
3625
|
this.themeColor = 'secondary';
|
|
3623
3626
|
this.fillMode = 'solid';
|
|
3627
|
+
this.secondaryBtnFillMode = "outline";
|
|
3628
|
+
this.secondaryBtnLabel = "Cancel";
|
|
3629
|
+
}
|
|
3630
|
+
else if (changes['type']?.currentValue === 'primary-flat') {
|
|
3631
|
+
this.themeColor = 'primary';
|
|
3632
|
+
this.secondaryBtnFillMode = 'flat';
|
|
3624
3633
|
}
|
|
3625
3634
|
else {
|
|
3626
3635
|
this.themeColor = 'error';
|
|
3627
3636
|
this.fillMode = 'outline';
|
|
3637
|
+
this.secondaryBtnFillMode = "outline";
|
|
3638
|
+
this.secondaryBtnLabel = "Cancel";
|
|
3628
3639
|
}
|
|
3629
3640
|
}
|
|
3630
3641
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3631
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor",
|
|
3642
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
3632
3643
|
}
|
|
3633
3644
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
3634
3645
|
type: Component,
|
|
3635
|
-
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button label=\"
|
|
3646
|
+
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
3636
3647
|
}], propDecorators: { confirmationDialogCloseEvent: [{
|
|
3637
3648
|
type: Output
|
|
3638
3649
|
}], popupEvent: [{
|
|
3639
3650
|
type: Output
|
|
3640
3651
|
}], title: [{
|
|
3641
3652
|
type: Input
|
|
3653
|
+
}], secondaryBtnLabel: [{
|
|
3654
|
+
type: Input
|
|
3642
3655
|
}], btnText: [{
|
|
3643
3656
|
type: Input
|
|
3644
3657
|
}], type: [{
|
|
@@ -3651,7 +3664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3651
3664
|
type: Input
|
|
3652
3665
|
}], themeColor: [{
|
|
3653
3666
|
type: Input
|
|
3654
|
-
}],
|
|
3667
|
+
}], secondaryBtnFillMode: [{
|
|
3655
3668
|
type: Input
|
|
3656
3669
|
}] } });
|
|
3657
3670
|
|