@progress-chef/platform-shared-components 0.0.118 → 0.0.120
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 +6 -3
- package/esm2022/lib/molecules/dialog/dialog-titlebar/dialog-titlebar.component.mjs +3 -6
- package/esm2022/lib/molecules/dialog/dialog.component.mjs +18 -13
- package/fesm2022/progress-chef-platform-shared-components.mjs +24 -19
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.d.ts +2 -1
- package/lib/molecules/dialog/dialog.component.d.ts +3 -4
- package/package.json +4 -4
|
@@ -9,6 +9,7 @@ export class ConfirmationDialogComponent {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.confirmationDialogCloseEvent = new EventEmitter();
|
|
11
11
|
this.popupEvent = new EventEmitter();
|
|
12
|
+
this.width = '30.5rem';
|
|
12
13
|
this.title = '';
|
|
13
14
|
this.secondaryBtnLabel = '';
|
|
14
15
|
this.btnText = '';
|
|
@@ -50,15 +51,17 @@ export class ConfirmationDialogComponent {
|
|
|
50
51
|
}
|
|
51
52
|
}
|
|
52
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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=\"
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { width: "width", 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]=\"width\" 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\" (buttonClick)=\"dialogClose()\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></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", "formatFn", "iconFontSize"], 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"] }] }); }
|
|
54
55
|
}
|
|
55
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
56
57
|
type: Component,
|
|
57
|
-
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"
|
|
58
|
+
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog [width]=\"width\" 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\" (buttonClick)=\"dialogClose()\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
58
59
|
}], propDecorators: { confirmationDialogCloseEvent: [{
|
|
59
60
|
type: Output
|
|
60
61
|
}], popupEvent: [{
|
|
61
62
|
type: Output
|
|
63
|
+
}], width: [{
|
|
64
|
+
type: Input
|
|
62
65
|
}], title: [{
|
|
63
66
|
type: Input
|
|
64
67
|
}], secondaryBtnLabel: [{
|
|
@@ -78,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
78
81
|
}], secondaryBtnFillMode: [{
|
|
79
82
|
type: Input
|
|
80
83
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9tb2xlY3VsZXMvZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9tb2xlY3VsZXMvZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQU9qRyxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBTVksaUNBQTRCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQyxVQUFLLEdBQW9CLFNBQVMsQ0FBQztRQUNuQyxVQUFLLEdBQVUsRUFBRSxDQUFDO1FBQ2xCLHNCQUFpQixHQUFVLEVBQUUsQ0FBQztRQUM5QixZQUFPLEdBQVUsRUFBRSxDQUFDO1FBQ3BCLFNBQUksR0FBVSxFQUFFLENBQUM7UUFDakIsbUJBQWMsR0FBVSxFQUFFLENBQUM7UUFDM0IsMkJBQXNCLEdBQVMsRUFBRSxDQUFDO1FBQ2xDLGFBQVEsR0FNSixPQUFPLENBQUM7UUFDWixlQUFVLEdBV0gsTUFBTSxDQUFDO1FBQ2QseUJBQW9CLEdBTWxCLE9BQU8sQ0FBQztLQStCcEI7SUE3QkMsV0FBVztRQUNULElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxZQUFZLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDL0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUE7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixHQUFDLFNBQVMsQ0FBQTtZQUNuQyxJQUFJLENBQUMsaUJBQWlCLEdBQUMsUUFBUSxDQUFBO1FBQ2pDLENBQUM7YUFBTSxJQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxZQUFZLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDckQsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUE7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixHQUFDLFNBQVMsQ0FBQTtZQUNuQyxJQUFJLENBQUMsaUJBQWlCLEdBQUMsUUFBUSxDQUFBO1FBQ2pDLENBQUM7YUFBTSxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxZQUFZLEtBQUssY0FBYyxFQUFFLENBQUM7WUFDNUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7WUFDNUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLE1BQU0sQ0FBQztRQUNyQyxDQUFDO2FBQUssQ0FBQztZQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFBO1lBQ3pCLElBQUksQ0FBQyxvQkFBb0IsR0FBQyxTQUFTLENBQUE7WUFDbkMsSUFBSSxDQUFDLGlCQUFpQixHQUFDLFFBQVEsQ0FBQTtRQUNqQyxDQUFDO0lBQ0gsQ0FBQzsrR0FqRVUsMkJBQTJCO21HQUEzQiwyQkFBMkIsaWVDUHhDLGkyQkFZQTs7NEZETGEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLekIsNEJBQTRCO3NCQUFyQyxNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0UsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBWUcsb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItY29uZmlybWF0aW9uLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtYXRpb24tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBPdXRwdXQoKSBjb25maXJtYXRpb25EaWFsb2dDbG9zZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcG9wdXBFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyB8IG51bWJlciA9ICczMC41cmVtJztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9Jyc7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUJ0bkxhYmVsOiBzdHJpbmcgPScnO1xuICBASW5wdXQoKSBidG5UZXh0OiBzdHJpbmcgPScnO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPScnO1xuICBASW5wdXQoKSBkaWFsb2dJbmZvVGV4dDogc3RyaW5nID0nJztcbiAgQElucHV0KCkgZGlhbG9nQ29uZmlybWF0aW9uVGV4dDogc3RyaW5nPScnO1xuICBASW5wdXQoKSBmaWxsTW9kZTpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICdmbGF0J1xuICAgIHwgJ291dGxpbmUnXG4gICAgfCAnY2xlYXInXG4gICAgfCAnbGluaydcbiAgICB8ICdub25lJyA9ICdzb2xpZCc7XG4gIEBJbnB1dCgpIHRoZW1lQ29sb3I6XG4gICAgfCAnYmFzZSdcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3N1Y2Nlc3MnXG4gICAgfCAnd2FybmluZydcbiAgICB8ICdlcnJvcidcbiAgICB8ICdkYXJrJ1xuICAgIHwgJ2xpZ2h0J1xuICAgIHwgJ2ludmVyc2UnID0gJ2Jhc2UnO1xuICBASW5wdXQoKSBzZWNvbmRhcnlCdG5GaWxsTW9kZTpcbiAgfCAnc29saWQnXG4gIHwgJ2ZsYXQnXG4gIHwgJ291dGxpbmUnXG4gIHwgJ2NsZWFyJ1xuICB8ICdsaW5rJ1xuICB8ICdub25lJyA9ICdzb2xpZCc7XG5cbiAgZGlhbG9nQ2xvc2UoKSB7XG4gICAgdGhpcy5jb25maXJtYXRpb25EaWFsb2dDbG9zZUV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIGV2ZW50Q2xpY2tlZCgpIHtcbiAgICB0aGlzLnBvcHVwRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWyd0eXBlJ10/LmN1cnJlbnRWYWx1ZSA9PT0gJ2VuYWJsZScpIHtcbiAgICAgIHRoaXMudGhlbWVDb2xvciA9ICdwcmltYXJ5JztcbiAgICAgIHRoaXMuZmlsbE1vZGUgPSAnc29saWQnXG4gICAgICB0aGlzLnNlY29uZGFyeUJ0bkZpbGxNb2RlPVwib3V0bGluZVwiXG4gICAgICB0aGlzLnNlY29uZGFyeUJ0bkxhYmVsPVwiQ2FuY2VsXCJcbiAgICB9IGVsc2UgaWYoY2hhbmdlc1sndHlwZSddPy5jdXJyZW50VmFsdWUgPT09ICd1cGRhdGUnKSB7XG4gICAgICB0aGlzLnRoZW1lQ29sb3IgPSAnc2Vjb25kYXJ5JztcbiAgICAgIHRoaXMuZmlsbE1vZGUgPSAnc29saWQnXG4gICAgICB0aGlzLnNlY29uZGFyeUJ0bkZpbGxNb2RlPVwib3V0bGluZVwiXG4gICAgICB0aGlzLnNlY29uZGFyeUJ0bkxhYmVsPVwiQ2FuY2VsXCJcbiAgICB9IGVsc2UgaWYgKGNoYW5nZXNbJ3R5cGUnXT8uY3VycmVudFZhbHVlID09PSAncHJpbWFyeS1mbGF0Jykge1xuICAgICAgdGhpcy50aGVtZUNvbG9yID0gJ3ByaW1hcnknO1xuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5GaWxsTW9kZSA9ICdmbGF0JztcbiAgICB9ZWxzZSB7XG4gICAgICB0aGlzLnRoZW1lQ29sb3IgPSAnZXJyb3InO1xuICAgICAgdGhpcy5maWxsTW9kZSA9ICdvdXRsaW5lJ1xuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5GaWxsTW9kZT1cIm91dGxpbmVcIlxuICAgICAgdGhpcy5zZWNvbmRhcnlCdG5MYWJlbD1cIkNhbmNlbFwiXG4gICAgfVxuICB9XG59XG4iLCI8bGliLWRpYWxvZyBbd2lkdGhdPVwid2lkdGhcIiBjbGFzcz1cImNvbmZpcm1hdGlvbi1kaWFsb2dcIj5cbiAgPGxpYi1kaWFsb2ctdGl0bGViYXIgY2xhc3M9XCJjb25maXJtYXRpb24tdGl0bGVcIiBbdGl0bGVdPVwidGl0bGVcIiB0aXRsZUZvbnQ9XCJIRUFESU5HX01FRElVTVwiXG4gICAgW2hpZGVDbG9zZUljb25dPVwidHJ1ZVwiPjwvbGliLWRpYWxvZy10aXRsZWJhcj5cbiAgPGRpdiBjbGFzcz1cImNvbmZpcm1hdGlvbi1wb3B1cC10ZXh0XCI+XG4gICAgPGxpYi10eXBvZ3JhcGh5IHR5cGU9XCJCT0RZX01FRElVTVwiIFtkZWZhdWx0VGV4dF09XCJkaWFsb2dJbmZvVGV4dFwiPjwvbGliLXR5cG9ncmFwaHk+PGJyPlxuICAgIDxsaWItdHlwb2dyYXBoeSB0eXBlPVwiQk9EWV9NRURJVU1cIiBbZGVmYXVsdFRleHRdPVwiZGlhbG9nQ29uZmlybWF0aW9uVGV4dFwiPjwvbGliLXR5cG9ncmFwaHk+XG4gIDwvZGl2PlxuICA8bGliLWRpYWxvZy1hY3Rpb25zIGJ1dHRvbkxheW91dD1cImVuZFwiIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiPlxuICAgIDxsaWItYnV0dG9uIFtsYWJlbF09XCJzZWNvbmRhcnlCdG5MYWJlbFwiIFtmaWxsTW9kZV09XCJzZWNvbmRhcnlCdG5GaWxsTW9kZVwiIHRoZW1lQ29sb3I9XCJwcmltYXJ5XCIgKGJ1dHRvbkNsaWNrKT1cImRpYWxvZ0Nsb3NlKClcIj48L2xpYi1idXR0b24+XG4gICAgPGxpYi1idXR0b24gW2xhYmVsXT1cImJ0blRleHRcIiBbdGhlbWVDb2xvcl09XCJ0aGVtZUNvbG9yXCIgKGJ1dHRvbkNsaWNrKT1cImV2ZW50Q2xpY2tlZCgpXCIgW2ZpbGxNb2RlXT1cImZpbGxNb2RlXCI+PC9saWItYnV0dG9uPlxuICA8L2xpYi1kaWFsb2ctYWN0aW9ucz5cbjwvbGliLWRpYWxvZz5cbiJdfQ==
|
|
@@ -8,7 +8,7 @@ export class DialogTitlebarComponent {
|
|
|
8
8
|
constructor(dialogComponent) {
|
|
9
9
|
this.dialogComponent = dialogComponent;
|
|
10
10
|
this.title = '';
|
|
11
|
-
this.titleFont = '
|
|
11
|
+
this.titleFont = 'HEADING_MEDIUM';
|
|
12
12
|
this.closeDialog = new EventEmitter();
|
|
13
13
|
this.hideCloseIcon = false;
|
|
14
14
|
}
|
|
@@ -17,10 +17,7 @@ export class DialogTitlebarComponent {
|
|
|
17
17
|
}
|
|
18
18
|
;
|
|
19
19
|
closeBtn() {
|
|
20
|
-
|
|
21
|
-
return 'dialog-title';
|
|
22
|
-
}
|
|
23
|
-
return;
|
|
20
|
+
return this.hideCloseIcon ? 'dialog-title' : undefined;
|
|
24
21
|
}
|
|
25
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: i1.DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
23
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n <lib-typography\n [defaultText]=\"title\"\n [type]=\"titleFont\"\n ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
@@ -37,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
37
34
|
}], hideCloseIcon: [{
|
|
38
35
|
type: Input
|
|
39
36
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXRpdGxlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL21vbGVjdWxlcy9kaWFsb2cvZGlhbG9nLXRpdGxlYmFyL2RpYWxvZy10aXRsZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9tb2xlY3VsZXMvZGlhbG9nL2RpYWxvZy10aXRsZWJhci9kaWFsb2ctdGl0bGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTyx1QkFBdUI7SUFNbEMsWUFBbUIsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBTDFDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFtQixnQkFBZ0IsQ0FBQztRQUM1QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsa0JBQWEsR0FBWSxLQUFLLENBQUM7SUFFYyxDQUFDO0lBRXZELEtBQUs7UUFDSCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFBQSxDQUFDO0lBRUYsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDekQsQ0FBQzsrR0FkVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3TENUcEMsa01BTUE7OzRGREdhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7b0ZBS3RCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IFR5cG9ncmFwaHlUeXBlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvdHlwb2dyYXBoeS9UeXBvZ3JhcGh5VHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1kaWFsb2ctdGl0bGViYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLXRpdGxlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLXRpdGxlYmFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ1RpdGxlYmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSB0aXRsZUZvbnQ6IFR5cG9ncmFwaHlUeXBlID0gJ0hFQURJTkdfTUVESVVNJztcbiAgQE91dHB1dCgpIGNsb3NlRGlhbG9nID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBASW5wdXQoKSBoaWRlQ2xvc2VJY29uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ0NvbXBvbmVudDogRGlhbG9nQ29tcG9uZW50KSB7fVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2VEaWFsb2cuZW1pdCgpO1xuICB9O1xuXG4gIGNsb3NlQnRuKCkge1xuICAgIHJldHVybiB0aGlzLmhpZGVDbG9zZUljb24gPyAnZGlhbG9nLXRpdGxlJyA6IHVuZGVmaW5lZDtcbiAgfVxufVxuIiwiPGtlbmRvLWRpYWxvZy10aXRsZWJhciAoY2xvc2UpPVwiY2xvc2UoKVwiIFtuZ0NsYXNzXT1cImNsb3NlQnRuKClcIj5cbiAgPGxpYi10eXBvZ3JhcGh5XG4gICAgW2RlZmF1bHRUZXh0XT1cInRpdGxlXCJcbiAgICBbdHlwZV09XCJ0aXRsZUZvbnRcIlxuICA+PC9saWItdHlwb2dyYXBoeT5cbjwva2VuZG8tZGlhbG9nLXRpdGxlYmFyPlxuIl19
|
|
@@ -3,33 +3,38 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "@progress/kendo-angular-dialog";
|
|
5
5
|
export class DialogComponent {
|
|
6
|
-
constructor(
|
|
7
|
-
this.elt = elt;
|
|
6
|
+
constructor(ref, renderer) {
|
|
8
7
|
this.ref = ref;
|
|
9
8
|
this.renderer = renderer;
|
|
10
9
|
this.opened = true;
|
|
11
10
|
}
|
|
12
11
|
ngAfterViewInit() {
|
|
13
|
-
//
|
|
12
|
+
// Force change detection to ensure all view children are available
|
|
14
13
|
this.ref.detectChanges();
|
|
15
|
-
//
|
|
16
|
-
const
|
|
14
|
+
// Get references to key DOM elements
|
|
15
|
+
const dialogContentRefElement = this.contentRef?.nativeElement;
|
|
17
16
|
const dialogRefElement = this.dialogRef?.nativeElement;
|
|
18
17
|
const parentDialogElement = dialogRefElement.getElementsByClassName('k-dialog');
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
if (
|
|
23
|
-
this.renderer.
|
|
18
|
+
// Find the title bar element within the dialog
|
|
19
|
+
const dialogTitleBar = dialogRefElement.getElementsByTagName('lib-dialog-titlebar');
|
|
20
|
+
// Move the title bar to appear before the content element
|
|
21
|
+
if (dialogTitleBar.length) {
|
|
22
|
+
this.renderer.insertBefore(parentDialogElement[0], dialogTitleBar[0].childNodes[0], dialogContentRefElement.parentElement);
|
|
23
|
+
}
|
|
24
|
+
// Find any action buttons within the dialog content
|
|
25
|
+
const dialogActionsBar = dialogContentRefElement.getElementsByTagName('lib-dialog-actions');
|
|
26
|
+
// If action buttons exist, move them to the bottom of the dialog
|
|
27
|
+
if (dialogActionsBar.length) {
|
|
28
|
+
this.renderer.appendChild(parentDialogElement[0], dialogActionsBar[0].childNodes[0]);
|
|
24
29
|
}
|
|
25
30
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
32
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
|
|
28
33
|
}
|
|
29
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, decorators: [{
|
|
30
35
|
type: Component,
|
|
31
36
|
args: [{ selector: 'lib-dialog', template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"] }]
|
|
32
|
-
}], ctorParameters: () => [{ type: i0.
|
|
37
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { contentRef: [{
|
|
33
38
|
type: ViewChild,
|
|
34
39
|
args: ['contentRef', { static: false }]
|
|
35
40
|
}], dialogRef: [{
|
|
@@ -50,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
50
55
|
}], opened: [{
|
|
51
56
|
type: Input
|
|
52
57
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL21vbGVjdWxlcy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL21vbGVjdWxlcy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFjLEtBQUssRUFBYSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdEcsTUFBTSxPQUFPLGVBQWU7SUFjMUIsWUFDbUIsR0FBc0IsRUFDdEIsUUFBbUI7UUFEbkIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUp0QixXQUFNLEdBQWlCLElBQUksQ0FBQztJQUt4QyxDQUFDO0lBRUwsZUFBZTtRQUNiLG1FQUFtRTtRQUNuRSxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRXpCLHFDQUFxQztRQUNyQyxNQUFNLHVCQUF1QixHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDO1FBQy9ELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7UUFDdkQsTUFBTSxtQkFBbUIsR0FBRyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUVoRiwrQ0FBK0M7UUFDL0MsTUFBTSxjQUFjLEdBQUcsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUVwRiwwREFBMEQ7UUFDMUQsSUFBSSxjQUFjLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQ3hCLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUN0QixjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUMvQix1QkFBdUIsQ0FBQyxhQUFhLENBQ3RDLENBQUM7UUFDSixDQUFDO1FBRUQsb0RBQW9EO1FBQ3BELE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsb0JBQW9CLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUU1RixpRUFBaUU7UUFDakUsSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN2RixDQUFDO0lBQ0gsQ0FBQzsrR0EvQ1UsZUFBZTttR0FBZixlQUFlLGlaQ1A1QixtVUFjQTs7NEZEUGEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzhHQUtzQixVQUFVO3NCQUFyRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBR0MsU0FBUztzQkFBbkQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUVoQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRSZWYnLCB7IHN0YXRpYzogZmFsc2UgfSkgY29udGVudFJlZjpcbiAgICB8IEVsZW1lbnRSZWZcbiAgICB8IHVuZGVmaW5lZDtcbiAgQFZpZXdDaGlsZCgnZGlhbG9nUmVmJywgeyBzdGF0aWM6IGZhbHNlIH0pIGRpYWxvZ1JlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKSB3aWR0aCE6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgaGVpZ2h0ITogc3RyaW5nIHwgbnVtYmVyO1xuICBASW5wdXQoKSBtaW5XaWR0aCE6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgbWF4V2lkdGghOiBzdHJpbmcgfCBudW1iZXI7XG4gIEBJbnB1dCgpIG1pbkhlaWdodCE6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgbWF4SGVpZ2h0ITogc3RyaW5nIHwgbnVtYmVyO1xuICBASW5wdXQoKSBwdWJsaWMgb3BlbmVkOiB0cnVlIHwgZmFsc2UgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgKSB7IH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgLy8gRm9yY2UgY2hhbmdlIGRldGVjdGlvbiB0byBlbnN1cmUgYWxsIHZpZXcgY2hpbGRyZW4gYXJlIGF2YWlsYWJsZVxuICAgIHRoaXMucmVmLmRldGVjdENoYW5nZXMoKTtcblxuICAgIC8vIEdldCByZWZlcmVuY2VzIHRvIGtleSBET00gZWxlbWVudHNcbiAgICBjb25zdCBkaWFsb2dDb250ZW50UmVmRWxlbWVudCA9IHRoaXMuY29udGVudFJlZj8ubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBkaWFsb2dSZWZFbGVtZW50ID0gdGhpcy5kaWFsb2dSZWY/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgcGFyZW50RGlhbG9nRWxlbWVudCA9IGRpYWxvZ1JlZkVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnay1kaWFsb2cnKTtcblxuICAgIC8vIEZpbmQgdGhlIHRpdGxlIGJhciBlbGVtZW50IHdpdGhpbiB0aGUgZGlhbG9nXG4gICAgY29uc3QgZGlhbG9nVGl0bGVCYXIgPSBkaWFsb2dSZWZFbGVtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdsaWItZGlhbG9nLXRpdGxlYmFyJyk7XG5cbiAgICAvLyBNb3ZlIHRoZSB0aXRsZSBiYXIgdG8gYXBwZWFyIGJlZm9yZSB0aGUgY29udGVudCBlbGVtZW50XG4gICAgaWYgKGRpYWxvZ1RpdGxlQmFyLmxlbmd0aCkge1xuICAgICAgdGhpcy5yZW5kZXJlci5pbnNlcnRCZWZvcmUoXG4gICAgICAgIHBhcmVudERpYWxvZ0VsZW1lbnRbMF0sXG4gICAgICAgIGRpYWxvZ1RpdGxlQmFyWzBdLmNoaWxkTm9kZXNbMF0sXG4gICAgICAgIGRpYWxvZ0NvbnRlbnRSZWZFbGVtZW50LnBhcmVudEVsZW1lbnRcbiAgICAgICk7XG4gICAgfVxuXG4gICAgLy8gRmluZCBhbnkgYWN0aW9uIGJ1dHRvbnMgd2l0aGluIHRoZSBkaWFsb2cgY29udGVudFxuICAgIGNvbnN0IGRpYWxvZ0FjdGlvbnNCYXIgPSBkaWFsb2dDb250ZW50UmVmRWxlbWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnbGliLWRpYWxvZy1hY3Rpb25zJyk7XG5cbiAgICAvLyBJZiBhY3Rpb24gYnV0dG9ucyBleGlzdCwgbW92ZSB0aGVtIHRvIHRoZSBib3R0b20gb2YgdGhlIGRpYWxvZ1xuICAgIGlmIChkaWFsb2dBY3Rpb25zQmFyLmxlbmd0aCkge1xuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChwYXJlbnREaWFsb2dFbGVtZW50WzBdLCBkaWFsb2dBY3Rpb25zQmFyWzBdLmNoaWxkTm9kZXNbMF0pO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2ICNkaWFsb2dSZWY+XG4gIDxrZW5kby1kaWFsb2dcbiAgICAqbmdJZj1cIm9wZW5lZFwiXG4gICAgW3dpZHRoXT1cIndpZHRoXCJcbiAgICBbaGVpZ2h0XT1cImhlaWdodFwiXG4gICAgW21pbldpZHRoXT1cIm1pbldpZHRoXCJcbiAgICBbbWF4V2lkdGhdPVwibWF4V2lkdGhcIlxuICAgIFttaW5IZWlnaHRdPVwibWluSGVpZ2h0XCJcbiAgICBbbWF4SGVpZ2h0XT1cIm1heEhlaWdodFwiPlxuICAgIDxkaXYgI2NvbnRlbnRSZWY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwva2VuZG8tZGlhbG9nPlxuPC9kaXY+XG4iXX0=
|
|
@@ -4395,33 +4395,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4395
4395
|
}] });
|
|
4396
4396
|
|
|
4397
4397
|
class DialogComponent {
|
|
4398
|
-
constructor(
|
|
4399
|
-
this.elt = elt;
|
|
4398
|
+
constructor(ref, renderer) {
|
|
4400
4399
|
this.ref = ref;
|
|
4401
4400
|
this.renderer = renderer;
|
|
4402
4401
|
this.opened = true;
|
|
4403
4402
|
}
|
|
4404
4403
|
ngAfterViewInit() {
|
|
4405
|
-
//
|
|
4404
|
+
// Force change detection to ensure all view children are available
|
|
4406
4405
|
this.ref.detectChanges();
|
|
4407
|
-
//
|
|
4408
|
-
const
|
|
4406
|
+
// Get references to key DOM elements
|
|
4407
|
+
const dialogContentRefElement = this.contentRef?.nativeElement;
|
|
4409
4408
|
const dialogRefElement = this.dialogRef?.nativeElement;
|
|
4410
4409
|
const parentDialogElement = dialogRefElement.getElementsByClassName('k-dialog');
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
if (
|
|
4415
|
-
this.renderer.
|
|
4410
|
+
// Find the title bar element within the dialog
|
|
4411
|
+
const dialogTitleBar = dialogRefElement.getElementsByTagName('lib-dialog-titlebar');
|
|
4412
|
+
// Move the title bar to appear before the content element
|
|
4413
|
+
if (dialogTitleBar.length) {
|
|
4414
|
+
this.renderer.insertBefore(parentDialogElement[0], dialogTitleBar[0].childNodes[0], dialogContentRefElement.parentElement);
|
|
4415
|
+
}
|
|
4416
|
+
// Find any action buttons within the dialog content
|
|
4417
|
+
const dialogActionsBar = dialogContentRefElement.getElementsByTagName('lib-dialog-actions');
|
|
4418
|
+
// If action buttons exist, move them to the bottom of the dialog
|
|
4419
|
+
if (dialogActionsBar.length) {
|
|
4420
|
+
this.renderer.appendChild(parentDialogElement[0], dialogActionsBar[0].childNodes[0]);
|
|
4416
4421
|
}
|
|
4417
4422
|
}
|
|
4418
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.
|
|
4423
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4419
4424
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$9.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
|
|
4420
4425
|
}
|
|
4421
4426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponent, decorators: [{
|
|
4422
4427
|
type: Component,
|
|
4423
4428
|
args: [{ selector: 'lib-dialog', template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"] }]
|
|
4424
|
-
}], ctorParameters: () => [{ type: i0.
|
|
4429
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { contentRef: [{
|
|
4425
4430
|
type: ViewChild,
|
|
4426
4431
|
args: ['contentRef', { static: false }]
|
|
4427
4432
|
}], dialogRef: [{
|
|
@@ -4447,7 +4452,7 @@ class DialogTitlebarComponent {
|
|
|
4447
4452
|
constructor(dialogComponent) {
|
|
4448
4453
|
this.dialogComponent = dialogComponent;
|
|
4449
4454
|
this.title = '';
|
|
4450
|
-
this.titleFont = '
|
|
4455
|
+
this.titleFont = 'HEADING_MEDIUM';
|
|
4451
4456
|
this.closeDialog = new EventEmitter();
|
|
4452
4457
|
this.hideCloseIcon = false;
|
|
4453
4458
|
}
|
|
@@ -4456,10 +4461,7 @@ class DialogTitlebarComponent {
|
|
|
4456
4461
|
}
|
|
4457
4462
|
;
|
|
4458
4463
|
closeBtn() {
|
|
4459
|
-
|
|
4460
|
-
return 'dialog-title';
|
|
4461
|
-
}
|
|
4462
|
-
return;
|
|
4464
|
+
return this.hideCloseIcon ? 'dialog-title' : undefined;
|
|
4463
4465
|
}
|
|
4464
4466
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4465
4467
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n <lib-typography\n [defaultText]=\"title\"\n [type]=\"titleFont\"\n ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$9.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
@@ -4495,6 +4497,7 @@ class ConfirmationDialogComponent {
|
|
|
4495
4497
|
constructor() {
|
|
4496
4498
|
this.confirmationDialogCloseEvent = new EventEmitter();
|
|
4497
4499
|
this.popupEvent = new EventEmitter();
|
|
4500
|
+
this.width = '30.5rem';
|
|
4498
4501
|
this.title = '';
|
|
4499
4502
|
this.secondaryBtnLabel = '';
|
|
4500
4503
|
this.btnText = '';
|
|
@@ -4536,15 +4539,17 @@ class ConfirmationDialogComponent {
|
|
|
4536
4539
|
}
|
|
4537
4540
|
}
|
|
4538
4541
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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=\"
|
|
4542
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { width: "width", 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]=\"width\" 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\" (buttonClick)=\"dialogClose()\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></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", "formatFn", "iconFontSize"], 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"] }] }); }
|
|
4540
4543
|
}
|
|
4541
4544
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
4542
4545
|
type: Component,
|
|
4543
|
-
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"
|
|
4546
|
+
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog [width]=\"width\" 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\" (buttonClick)=\"dialogClose()\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
4544
4547
|
}], propDecorators: { confirmationDialogCloseEvent: [{
|
|
4545
4548
|
type: Output
|
|
4546
4549
|
}], popupEvent: [{
|
|
4547
4550
|
type: Output
|
|
4551
|
+
}], width: [{
|
|
4552
|
+
type: Input
|
|
4548
4553
|
}], title: [{
|
|
4549
4554
|
type: Input
|
|
4550
4555
|
}], secondaryBtnLabel: [{
|