@churchillliving/se-ui-toolkit 6.54.702 → 6.54.703
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/components/shared/controls/display-text-control/display-text-control.component.mjs +8 -10
- package/fesm2022/churchillliving-se-ui-toolkit.mjs +7 -9
- package/fesm2022/churchillliving-se-ui-toolkit.mjs.map +1 -1
- package/lib/components/shared/controls/display-text-control/display-text-control.component.d.ts +5 -5
- package/package.json +1 -1
|
@@ -7,24 +7,22 @@ export class DisplayTextControlComponent {
|
|
|
7
7
|
constructor(envService) {
|
|
8
8
|
this.envService = envService;
|
|
9
9
|
this.staticText = '';
|
|
10
|
+
this.processedText = '';
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
getNgModelValue(formField) {
|
|
14
|
-
if (formField?.control === EFormControl.DISPLAY_TEXT) {
|
|
12
|
+
ngOnChanges(changes) {
|
|
13
|
+
if (changes['formField'] && this.formField?.control === EFormControl.DISPLAY_TEXT) {
|
|
15
14
|
this.staticText = this.envService.getStaticLeaseText();
|
|
16
|
-
const value =
|
|
17
|
-
|
|
15
|
+
const value = this.formField?.value ?? '';
|
|
16
|
+
this.processedText = this.staticText.replace('{{}}', value);
|
|
18
17
|
}
|
|
19
|
-
return '';
|
|
20
18
|
}
|
|
21
19
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayTextControlComponent, deps: [{ token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DisplayTextControlComponent, selector: "display-text-control", inputs: { formField: "formField" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"
|
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DisplayTextControlComponent, selector: "display-text-control", inputs: { formField: "formField" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"processedText\"></p>\n </span>\n </div>\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
23
21
|
}
|
|
24
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayTextControlComponent, decorators: [{
|
|
25
23
|
type: Component,
|
|
26
|
-
args: [{ selector: 'display-text-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"
|
|
24
|
+
args: [{ selector: 'display-text-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"processedText\"></p>\n </span>\n </div>\n</span>" }]
|
|
27
25
|
}], ctorParameters: () => [{ type: i1.EnvironmentService }], propDecorators: { formField: [{
|
|
28
26
|
type: Input
|
|
29
27
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS10ZXh0LWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkL2NvbnRyb2xzL2Rpc3BsYXktdGV4dC1jb250cm9sL2Rpc3BsYXktdGV4dC1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9kaXNwbGF5LXRleHQtY29udHJvbC9kaXNwbGF5LXRleHQtY29udHJvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBYyxNQUFNLCtCQUErQixDQUFDOzs7O0FBUXpFLE1BQU0sT0FBTywyQkFBMkI7SUFLdEMsWUFBb0IsVUFBOEI7UUFBOUIsZUFBVSxHQUFWLFVBQVUsQ0FBb0I7UUFIbEQsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixrQkFBYSxHQUFXLEVBQUUsQ0FBQztJQUUwQixDQUFDO0lBRXRELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sS0FBSyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEYsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDdkQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzlELENBQUM7SUFDSCxDQUFDO2tJQWJVLDJCQUEyQjtzSEFBM0IsMkJBQTJCLHFIQ1R4Qyw4ZEFhTzs7NEZESk0sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjt1RkFLdkIsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRUZvcm1Db250cm9sLCBJRm9ybUZpZWxkIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy9mb3JtLm1vZGVsXCI7XG5pbXBvcnQgeyBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9lbnZpcm9ubWVudC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGlzcGxheS10ZXh0LWNvbnRyb2wnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlzcGxheS10ZXh0LWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kaXNwbGF5LXRleHQtY29udHJvbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERpc3BsYXlUZXh0Q29udHJvbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGZvcm1GaWVsZDogSUZvcm1GaWVsZDtcbiAgc3RhdGljVGV4dDogc3RyaW5nID0gJyc7XG4gIHByb2Nlc3NlZFRleHQ6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZW52U2VydmljZTogRW52aXJvbm1lbnRTZXJ2aWNlKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snZm9ybUZpZWxkJ10gJiYgdGhpcy5mb3JtRmllbGQ/LmNvbnRyb2wgPT09IEVGb3JtQ29udHJvbC5ESVNQTEFZX1RFWFQpIHtcbiAgICAgIHRoaXMuc3RhdGljVGV4dCA9IHRoaXMuZW52U2VydmljZS5nZXRTdGF0aWNMZWFzZVRleHQoKTtcbiAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5mb3JtRmllbGQ/LnZhbHVlID8/ICcnO1xuICAgICAgdGhpcy5wcm9jZXNzZWRUZXh0ID0gdGhpcy5zdGF0aWNUZXh0LnJlcGxhY2UoJ3t7fX0nLCB2YWx1ZSk7XG4gICAgfVxuICB9XG59XG4iLCI8c3BhbiAqbmdJZj1cIiFmb3JtRmllbGQuaGlkZGVuXCI+XG4gICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW5cIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICA8bGFiZWw+XG4gICAgICAgICAgICAgICAge3tmb3JtRmllbGQubGFiZWwgPyBmb3JtRmllbGQubGFiZWwgOiAnJ319XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJmb3JtRmllbGQucmVxdWlyZWRGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCIncmVxdWlyZWQtc3RhciAnICsgKGZvcm1GaWVsZD8uZXJyb3JNZXNzYWdlID8gJyBpbnZhbGlkICcgOiAnJylcIj4qPC9zcGFuPlxuICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgIDxwIFtpbm5lckhUTUxdPVwicHJvY2Vzc2VkVGV4dFwiPjwvcD5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuPC9zcGFuPiJdfQ==
|
|
@@ -6855,23 +6855,21 @@ class DisplayTextControlComponent {
|
|
|
6855
6855
|
constructor(envService) {
|
|
6856
6856
|
this.envService = envService;
|
|
6857
6857
|
this.staticText = '';
|
|
6858
|
+
this.processedText = '';
|
|
6858
6859
|
}
|
|
6859
|
-
|
|
6860
|
-
|
|
6861
|
-
getNgModelValue(formField) {
|
|
6862
|
-
if (formField?.control === EFormControl.DISPLAY_TEXT) {
|
|
6860
|
+
ngOnChanges(changes) {
|
|
6861
|
+
if (changes['formField'] && this.formField?.control === EFormControl.DISPLAY_TEXT) {
|
|
6863
6862
|
this.staticText = this.envService.getStaticLeaseText();
|
|
6864
|
-
const value =
|
|
6865
|
-
|
|
6863
|
+
const value = this.formField?.value ?? '';
|
|
6864
|
+
this.processedText = this.staticText.replace('{{}}', value);
|
|
6866
6865
|
}
|
|
6867
|
-
return '';
|
|
6868
6866
|
}
|
|
6869
6867
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayTextControlComponent, deps: [{ token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6870
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DisplayTextControlComponent, selector: "display-text-control", inputs: { formField: "formField" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"
|
|
6868
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DisplayTextControlComponent, selector: "display-text-control", inputs: { formField: "formField" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"processedText\"></p>\n </span>\n </div>\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
6871
6869
|
}
|
|
6872
6870
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayTextControlComponent, decorators: [{
|
|
6873
6871
|
type: Component,
|
|
6874
|
-
args: [{ selector: 'display-text-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"
|
|
6872
|
+
args: [{ selector: 'display-text-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span>\n <label>\n {{formField.label ? formField.label : ''}}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n </span>\n <span>\n <p [innerHTML]=\"processedText\"></p>\n </span>\n </div>\n</span>" }]
|
|
6875
6873
|
}], ctorParameters: () => [{ type: EnvironmentService }], propDecorators: { formField: [{
|
|
6876
6874
|
type: Input
|
|
6877
6875
|
}] } });
|