@rangertechnologies/ngnxt 2.1.76 → 2.1.78
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/README.md +29 -29
- package/esm2022/lib/ar.i18n.mjs +29 -29
- package/esm2022/lib/components/custom-button/custom-button.component.mjs +39 -39
- package/esm2022/lib/components/custom-calendar/custom-calendar.component.mjs +366 -366
- package/esm2022/lib/components/custom-date/custom-date.component.mjs +47 -47
- package/esm2022/lib/components/custom-date-picker/custom-date-picker.component.mjs +48 -48
- package/esm2022/lib/components/custom-dropdown/custom-dropdown.component.mjs +219 -212
- package/esm2022/lib/components/custom-image/custom-image.component.mjs +34 -34
- package/esm2022/lib/components/custom-input/custom-input.component.mjs +93 -93
- package/esm2022/lib/components/custom-label/custom-label.component.mjs +21 -21
- package/esm2022/lib/components/custom-model/custom-model.component.mjs +48 -48
- package/esm2022/lib/components/custom-radio/custom-radio.component.mjs +115 -115
- package/esm2022/lib/components/custom-table/custom-table.component.mjs +169 -169
- package/esm2022/lib/components/custom-text-area/custom-text-area.component.mjs +65 -65
- package/esm2022/lib/components/custom-time/custom-time.component.mjs +61 -61
- package/esm2022/lib/components/dependent-table/dependent-table.component.mjs +42 -42
- package/esm2022/lib/components/dropdown-with-flag/dropdown-with-flag.component.mjs +39 -39
- package/esm2022/lib/components/file-upload/file-upload.component.mjs +233 -233
- package/esm2022/lib/components/file-view/file-view.component.mjs +46 -46
- package/esm2022/lib/components/loader/loader.component.mjs +23 -23
- package/esm2022/lib/components/pick-location/pick-location.component.mjs +188 -188
- package/esm2022/lib/components/search-box/search-box.component.mjs +130 -130
- package/esm2022/lib/components/table-appendix/table-appendix.component.mjs +123 -123
- package/esm2022/lib/directives/componenthost/componenthost.directive.mjs +19 -19
- package/esm2022/lib/en.i18n.mjs +29 -29
- package/esm2022/lib/i18n-config.service.mjs +4 -4
- package/esm2022/lib/i18n.component.mjs +47 -47
- package/esm2022/lib/i18n.module.mjs +38 -38
- package/esm2022/lib/i18n.pipe.mjs +25 -25
- package/esm2022/lib/i18n.service.mjs +56 -56
- package/esm2022/lib/interfaces/actionMeta.mjs +2 -2
- package/esm2022/lib/interfaces/apimeta.mjs +2 -2
- package/esm2022/lib/interfaces/dependencyMeta.mjs +2 -2
- package/esm2022/lib/model/bookletWrapper.mjs +9 -9
- package/esm2022/lib/model/changeWrapper.mjs +11 -11
- package/esm2022/lib/model/errorWrapper.mjs +6 -6
- package/esm2022/lib/model/tableWrapper.mjs +20 -20
- package/esm2022/lib/nxt-app.component.mjs +22 -22
- package/esm2022/lib/nxt-app.module.mjs +352 -352
- package/esm2022/lib/nxt-app.service.mjs +14 -14
- package/esm2022/lib/pages/booklet/booklet.component.mjs +541 -541
- package/esm2022/lib/pages/questionbook/questionbook.component.mjs +407 -407
- package/esm2022/lib/pages/questionnaire/questionnaire.component.mjs +2373 -2373
- package/esm2022/lib/pages/summary-page/summary-page.component.mjs +76 -76
- package/esm2022/lib/pipe/get-value.pipe.mjs +50 -50
- package/esm2022/lib/sample.mjs +3430 -3430
- package/esm2022/lib/services/change.service.mjs +53 -53
- package/esm2022/lib/services/data.service.mjs +80 -80
- package/esm2022/lib/services/salesforce.service.mjs +46 -46
- package/esm2022/lib/services/shared.service.mjs +100 -100
- package/esm2022/lib/services/storage.service.mjs +44 -44
- package/esm2022/lib/tam.i18n.mjs +29 -29
- package/esm2022/lib/wrapper.mjs +175 -175
- package/esm2022/public-api.mjs +15 -15
- package/esm2022/rangertechnologies-ngnxt.mjs +4 -4
- package/fesm2022/rangertechnologies-ngnxt.mjs +9812 -9805
- package/fesm2022/rangertechnologies-ngnxt.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/ar.i18n.d.ts +24 -24
- package/lib/components/custom-button/custom-button.component.d.ts +16 -16
- package/lib/components/custom-calendar/custom-calendar.component.d.ts +65 -65
- package/lib/components/custom-date/custom-date.component.d.ts +18 -18
- package/lib/components/custom-date-picker/custom-date-picker.component.d.ts +19 -19
- package/lib/components/custom-dropdown/custom-dropdown.component.d.ts +39 -39
- package/lib/components/custom-image/custom-image.component.d.ts +13 -13
- package/lib/components/custom-input/custom-input.component.d.ts +31 -31
- package/lib/components/custom-label/custom-label.component.d.ts +10 -10
- package/lib/components/custom-model/custom-model.component.d.ts +19 -19
- package/lib/components/custom-radio/custom-radio.component.d.ts +33 -33
- package/lib/components/custom-table/custom-table.component.d.ts +43 -43
- package/lib/components/custom-text-area/custom-text-area.component.d.ts +22 -22
- package/lib/components/custom-time/custom-time.component.d.ts +18 -18
- package/lib/components/dependent-table/dependent-table.component.d.ts +15 -15
- package/lib/components/dropdown-with-flag/dropdown-with-flag.component.d.ts +16 -16
- package/lib/components/file-upload/file-upload.component.d.ts +42 -42
- package/lib/components/file-view/file-view.component.d.ts +16 -16
- package/lib/components/loader/loader.component.d.ts +11 -11
- package/lib/components/pick-location/pick-location.component.d.ts +42 -42
- package/lib/components/search-box/search-box.component.d.ts +40 -40
- package/lib/components/table-appendix/table-appendix.component.d.ts +30 -30
- package/lib/directives/componenthost/componenthost.directive.d.ts +8 -8
- package/lib/en.i18n.d.ts +24 -24
- package/lib/i18n-config.service.d.ts +2 -2
- package/lib/i18n.component.d.ts +11 -11
- package/lib/i18n.module.d.ts +9 -9
- package/lib/i18n.pipe.d.ts +10 -10
- package/lib/i18n.service.d.ts +14 -14
- package/lib/interfaces/actionMeta.d.ts +5 -5
- package/lib/interfaces/apimeta.d.ts +14 -13
- package/lib/interfaces/dependencyMeta.d.ts +8 -8
- package/lib/model/bookletWrapper.d.ts +5 -5
- package/lib/model/changeWrapper.d.ts +10 -10
- package/lib/model/errorWrapper.d.ts +5 -5
- package/lib/model/tableWrapper.d.ts +18 -18
- package/lib/nxt-app.component.d.ts +8 -8
- package/lib/nxt-app.module.d.ts +46 -46
- package/lib/nxt-app.service.d.ts +6 -6
- package/lib/pages/booklet/booklet.component.d.ts +68 -68
- package/lib/pages/questionbook/questionbook.component.d.ts +66 -66
- package/lib/pages/questionnaire/questionnaire.component.d.ts +218 -218
- package/lib/pages/summary-page/summary-page.component.d.ts +20 -20
- package/lib/pipe/get-value.pipe.d.ts +7 -7
- package/lib/sample.d.ts +10 -10
- package/lib/services/change.service.d.ts +22 -22
- package/lib/services/data.service.d.ts +13 -13
- package/lib/services/salesforce.service.d.ts +11 -11
- package/lib/services/shared.service.d.ts +15 -15
- package/lib/services/storage.service.d.ts +13 -13
- package/lib/tam.i18n.d.ts +24 -24
- package/lib/wrapper.d.ts +203 -203
- package/package.json +1 -1
- package/public-api.d.ts +10 -10
- package/rangertechnologies-ngnxt-2.1.78.tgz +0 -0
- package/rangertechnologies-ngnxt-2.1.76.tgz +0 -0
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CustomImageComponent {
|
|
4
|
-
alt;
|
|
5
|
-
src;
|
|
6
|
-
imageStyle;
|
|
7
|
-
question;
|
|
8
|
-
styles;
|
|
9
|
-
constructor() { }
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
// VD 03Aug24 style changes
|
|
12
|
-
// RS 09DEC24 Changed keys
|
|
13
|
-
if (this.question) {
|
|
14
|
-
this.imageStyle = this.question.subTitle ? this.question.subTitle : "height: 150px;width: 200px;";
|
|
15
|
-
this.src = this.question.title ? this.question.title : "";
|
|
16
|
-
this.alt = this.question.helpText ? this.question.helpText : "my image";
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomImageComponent, selector: "app-custom-image", inputs: { alt: "alt", src: "src", imageStyle: "imageStyle", question: "question" }, ngImport: i0, template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>", styles: [""] });
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomImageComponent, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{ selector: 'app-custom-image', template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>" }]
|
|
25
|
-
}], ctorParameters: function () { return []; }, propDecorators: { alt: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], src: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], imageStyle: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}], question: [{
|
|
32
|
-
type: Input
|
|
33
|
-
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CustomImageComponent {
|
|
4
|
+
alt;
|
|
5
|
+
src;
|
|
6
|
+
imageStyle;
|
|
7
|
+
question;
|
|
8
|
+
styles;
|
|
9
|
+
constructor() { }
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
// VD 03Aug24 style changes
|
|
12
|
+
// RS 09DEC24 Changed keys
|
|
13
|
+
if (this.question) {
|
|
14
|
+
this.imageStyle = this.question.subTitle ? this.question.subTitle : "height: 150px;width: 200px;";
|
|
15
|
+
this.src = this.question.title ? this.question.title : "";
|
|
16
|
+
this.alt = this.question.helpText ? this.question.helpText : "my image";
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomImageComponent, selector: "app-custom-image", inputs: { alt: "alt", src: "src", imageStyle: "imageStyle", question: "question" }, ngImport: i0, template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>", styles: [""] });
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomImageComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'app-custom-image', template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>" }]
|
|
25
|
+
}], ctorParameters: function () { return []; }, propDecorators: { alt: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], src: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], imageStyle: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], question: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWltYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1pbWFnZS9jdXN0b20taW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWltYWdlL2N1c3RvbS1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixHQUFHLENBQVM7SUFDWixHQUFHLENBQVM7SUFDWixVQUFVLENBQU07SUFDaEIsUUFBUSxDQUFLO0lBRWYsTUFBTSxDQUFTO0lBRXRCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTiw0QkFBNEI7UUFDNUIsMEJBQTBCO1FBQ3pCLElBQUcsSUFBSSxDQUFDLFFBQVEsRUFBQztZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQztZQUNsRyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFO1lBQzNELElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUM7U0FDMUU7SUFDSixDQUFDO3VHQWxCVSxvQkFBb0I7MkZBQXBCLG9CQUFvQiw0SUNQakMsb0RBQWtEOzsyRkRPckMsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFLbkIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS1pbWFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1pbWFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLWltYWdlLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VzdG9tSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGFsdDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGltYWdlU3R5bGU6IGFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbjphbnk7XHJcblxyXG4gIHB1YmxpYyBzdHlsZXM6IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyBWRCAwM0F1ZzI0IHN0eWxlIGNoYW5nZXMgXHJcbiAgICAvLyBSUyAwOURFQzI0IENoYW5nZWQga2V5c1xyXG4gICAgIGlmKHRoaXMucXVlc3Rpb24pe1xyXG4gICAgICAgIHRoaXMuaW1hZ2VTdHlsZSA9IHRoaXMucXVlc3Rpb24uc3ViVGl0bGUgPyB0aGlzLnF1ZXN0aW9uLnN1YlRpdGxlIDogXCJoZWlnaHQ6IDE1MHB4O3dpZHRoOiAyMDBweDtcIjtcclxuICAgICAgICB0aGlzLnNyYyA9IHRoaXMucXVlc3Rpb24udGl0bGUgPyB0aGlzLnF1ZXN0aW9uLnRpdGxlIDogXCJcIiA7XHJcbiAgICAgICAgdGhpcy5hbHQgPSB0aGlzLnF1ZXN0aW9uLmhlbHBUZXh0ID8gdGhpcy5xdWVzdGlvbi5oZWxwVGV4dCA6IFwibXkgaW1hZ2VcIjtcclxuICAgICB9XHJcbiAgfVxyXG59IiwiPGltZyBzcmM9e3tzcmN9fSBhbHQ9e3thbHR9fSBzdHlsZT17e2ltYWdlU3R5bGV9fT4iXX0=
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../services/change.service";
|
|
4
|
-
import * as i2 from "../../i18n.service";
|
|
5
|
-
import * as i3 from "../../services/data.service";
|
|
6
|
-
import * as i4 from "@angular/common";
|
|
7
|
-
import * as i5 from "@angular/forms";
|
|
8
|
-
export class CustomInputComponent {
|
|
9
|
-
changeService;
|
|
10
|
-
i18nService;
|
|
11
|
-
dataService;
|
|
12
|
-
value; // input value
|
|
13
|
-
question;
|
|
14
|
-
disabled = false; // input disabled or not
|
|
15
|
-
placeholder;
|
|
16
|
-
error;
|
|
17
|
-
fromShengel = false;
|
|
18
|
-
readOnly = false; // VD 12Jun24 - readonly change
|
|
19
|
-
ngClassValue;
|
|
20
|
-
idValue;
|
|
21
|
-
focusEvent;
|
|
22
|
-
inputValue = new EventEmitter();
|
|
23
|
-
subscription;
|
|
24
|
-
constructor(changeService, i18nService, dataService) {
|
|
25
|
-
this.changeService = changeService;
|
|
26
|
-
this.i18nService = i18nService;
|
|
27
|
-
this.dataService = dataService;
|
|
28
|
-
}
|
|
29
|
-
// RS 09DEC24 Changed keys
|
|
30
|
-
ngOnInit() {
|
|
31
|
-
// Since the idValue holds the Parent Question
|
|
32
|
-
if (this.question.subText != undefined) {
|
|
33
|
-
this.disabled = true;
|
|
34
|
-
let dependencyObj = JSON.parse(this.question.subText);
|
|
35
|
-
if (dependencyObj.disabled && dependencyObj.disabled == "false") {
|
|
36
|
-
this.disabled = false;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
this.disabled = true;
|
|
40
|
-
}
|
|
41
|
-
// Subscribe for the changes
|
|
42
|
-
this.subscription = this.changeService.changeAnnounced$.subscribe((changeValue) => {
|
|
43
|
-
if (changeValue != undefined) {
|
|
44
|
-
// console.log('inside subscription for the change');
|
|
45
|
-
if (changeValue.valueObj != undefined && changeValue.fromQuestionId == dependencyObj.sourceQuestionId) {
|
|
46
|
-
// VD 20Aug24 handling the multiple object
|
|
47
|
-
this.value = this.dataService.getValue(changeValue.valueObj, dependencyObj.valueField);
|
|
48
|
-
this.inputValue.emit(this.value);
|
|
49
|
-
}
|
|
50
|
-
this.changeService.confirmChange(dependencyObj.sourceQuestionId);
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
ngOnChange() {
|
|
56
|
-
}
|
|
57
|
-
ngOnDestroy() {
|
|
58
|
-
// prevent memory leak when component destroyed
|
|
59
|
-
this.subscription?.unsubscribe();
|
|
60
|
-
}
|
|
61
|
-
onInputChange(input) {
|
|
62
|
-
this.inputValue.emit(input.target.value);
|
|
63
|
-
}
|
|
64
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomInputComponent, deps: [{ token: i1.ChangeService }, { token: i2.I18nService }, { token: i3.DataService }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomInputComponent, selector: "app-custom-input", inputs: { value: "value", question: "question", disabled: "disabled", placeholder: "placeholder", error: "error", fromShengel: "fromShengel", readOnly: "readOnly", ngClassValue: "ngClassValue", idValue: "idValue", focusEvent: "focusEvent" }, outputs: { inputValue: "inputValue" }, ngImport: i0, template: " <!-- HA 19DEC23 Included Style value from Salesforce -->\n <!-- HA 18-JAN-24 Added these classes for style, HA 31-JAN-24 Added ternary for style -->\n <!-- HA 02FEB24 question input will hold the value to display -->\n <!-- // VD 12Jun24 - readonly change-->\n <!-- RS 09DEC24 Changed keys--> \n <input *ngIf=\"!fromShengel\" type=\"text\" \n [(ngModel)]=\"question.input\" \n [ngClass]=\"ngClassValue\"\n class=\"she-line-input form-control\"\n [id]=\"idValue\"\n (focus)=\"focusEvent\"\n [readOnly]=\"readOnly\"\n [style.border-color]=\"error ? 'red !important' : ''\"\n [style]=\"question?.style?.inputStyle\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n (input)=\"onInputChange($event)\" />\n\n<input *ngIf=\"fromShengel\" \n [(ngModel)]=\"question.input\"\n type=\"text\" \n [readOnly]=\"readOnly\"\n class=\"she-line-input form-control\" \n [placeholder]=\"placeholder ? placeholder : '' \"\n [disabled]=\"disabled\"\n [style]=\"question?.style?.inputStyle\"\n (input)=\"onInputChange($event)\" />\n<!-- HA 19DEC23 For translation -->\n<span *ngIf=\"error\" class=\"error-msg\">{{question?.errorMessage}}*</span>\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
66
|
-
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomInputComponent, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{ selector: 'app-custom-input', template: " <!-- HA 19DEC23 Included Style value from Salesforce -->\n <!-- HA 18-JAN-24 Added these classes for style, HA 31-JAN-24 Added ternary for style -->\n <!-- HA 02FEB24 question input will hold the value to display -->\n <!-- // VD 12Jun24 - readonly change-->\n <!-- RS 09DEC24 Changed keys--> \n <input *ngIf=\"!fromShengel\" type=\"text\" \n [(ngModel)]=\"question.input\" \n [ngClass]=\"ngClassValue\"\n class=\"she-line-input form-control\"\n [id]=\"idValue\"\n (focus)=\"focusEvent\"\n [readOnly]=\"readOnly\"\n [style.border-color]=\"error ? 'red !important' : ''\"\n [style]=\"question?.style?.inputStyle\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n (input)=\"onInputChange($event)\" />\n\n<input *ngIf=\"fromShengel\" \n [(ngModel)]=\"question.input\"\n type=\"text\" \n [readOnly]=\"readOnly\"\n class=\"she-line-input form-control\" \n [placeholder]=\"placeholder ? placeholder : '' \"\n [disabled]=\"disabled\"\n [style]=\"question?.style?.inputStyle\"\n (input)=\"onInputChange($event)\" />\n<!-- HA 19DEC23 For translation -->\n<span *ngIf=\"error\" class=\"error-msg\">{{question?.errorMessage}}*</span>\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"] }]
|
|
70
|
-
}], ctorParameters: function () { return [{ type: i1.ChangeService }, { type: i2.I18nService }, { type: i3.DataService }]; }, propDecorators: { value: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], question: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], disabled: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], placeholder: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], error: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], fromShengel: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], readOnly: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], ngClassValue: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], idValue: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], focusEvent: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], inputValue: [{
|
|
91
|
-
type: Output
|
|
92
|
-
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../services/change.service";
|
|
4
|
+
import * as i2 from "../../i18n.service";
|
|
5
|
+
import * as i3 from "../../services/data.service";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
7
|
+
import * as i5 from "@angular/forms";
|
|
8
|
+
export class CustomInputComponent {
|
|
9
|
+
changeService;
|
|
10
|
+
i18nService;
|
|
11
|
+
dataService;
|
|
12
|
+
value; // input value
|
|
13
|
+
question;
|
|
14
|
+
disabled = false; // input disabled or not
|
|
15
|
+
placeholder;
|
|
16
|
+
error;
|
|
17
|
+
fromShengel = false;
|
|
18
|
+
readOnly = false; // VD 12Jun24 - readonly change
|
|
19
|
+
ngClassValue;
|
|
20
|
+
idValue;
|
|
21
|
+
focusEvent;
|
|
22
|
+
inputValue = new EventEmitter();
|
|
23
|
+
subscription;
|
|
24
|
+
constructor(changeService, i18nService, dataService) {
|
|
25
|
+
this.changeService = changeService;
|
|
26
|
+
this.i18nService = i18nService;
|
|
27
|
+
this.dataService = dataService;
|
|
28
|
+
}
|
|
29
|
+
// RS 09DEC24 Changed keys
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
// Since the idValue holds the Parent Question
|
|
32
|
+
if (this.question.subText != undefined) {
|
|
33
|
+
this.disabled = true;
|
|
34
|
+
let dependencyObj = JSON.parse(this.question.subText);
|
|
35
|
+
if (dependencyObj.disabled && dependencyObj.disabled == "false") {
|
|
36
|
+
this.disabled = false;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.disabled = true;
|
|
40
|
+
}
|
|
41
|
+
// Subscribe for the changes
|
|
42
|
+
this.subscription = this.changeService.changeAnnounced$.subscribe((changeValue) => {
|
|
43
|
+
if (changeValue != undefined) {
|
|
44
|
+
// console.log('inside subscription for the change');
|
|
45
|
+
if (changeValue.valueObj != undefined && changeValue.fromQuestionId == dependencyObj.sourceQuestionId) {
|
|
46
|
+
// VD 20Aug24 handling the multiple object
|
|
47
|
+
this.value = this.dataService.getValue(changeValue.valueObj, dependencyObj.valueField);
|
|
48
|
+
this.inputValue.emit(this.value);
|
|
49
|
+
}
|
|
50
|
+
this.changeService.confirmChange(dependencyObj.sourceQuestionId);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
ngOnChange() {
|
|
56
|
+
}
|
|
57
|
+
ngOnDestroy() {
|
|
58
|
+
// prevent memory leak when component destroyed
|
|
59
|
+
this.subscription?.unsubscribe();
|
|
60
|
+
}
|
|
61
|
+
onInputChange(input) {
|
|
62
|
+
this.inputValue.emit(input.target.value);
|
|
63
|
+
}
|
|
64
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomInputComponent, deps: [{ token: i1.ChangeService }, { token: i2.I18nService }, { token: i3.DataService }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomInputComponent, selector: "app-custom-input", inputs: { value: "value", question: "question", disabled: "disabled", placeholder: "placeholder", error: "error", fromShengel: "fromShengel", readOnly: "readOnly", ngClassValue: "ngClassValue", idValue: "idValue", focusEvent: "focusEvent" }, outputs: { inputValue: "inputValue" }, ngImport: i0, template: " <!-- HA 19DEC23 Included Style value from Salesforce -->\r\n <!-- HA 18-JAN-24 Added these classes for style, HA 31-JAN-24 Added ternary for style -->\r\n <!-- HA 02FEB24 question input will hold the value to display -->\r\n <!-- // VD 12Jun24 - readonly change-->\r\n <!-- RS 09DEC24 Changed keys--> \r\n <input *ngIf=\"!fromShengel\" type=\"text\" \r\n [(ngModel)]=\"question.input\" \r\n [ngClass]=\"ngClassValue\"\r\n class=\"she-line-input form-control\"\r\n [id]=\"idValue\"\r\n (focus)=\"focusEvent\"\r\n [readOnly]=\"readOnly\"\r\n [style.border-color]=\"error ? 'red !important' : ''\"\r\n [style]=\"question?.style?.inputStyle\"\r\n [placeholder]=\"placeholder ? placeholder : ''\"\r\n (input)=\"onInputChange($event)\" />\r\n\r\n<input *ngIf=\"fromShengel\" \r\n [(ngModel)]=\"question.input\"\r\n type=\"text\" \r\n [readOnly]=\"readOnly\"\r\n class=\"she-line-input form-control\" \r\n [placeholder]=\"placeholder ? placeholder : '' \"\r\n [disabled]=\"disabled\"\r\n [style]=\"question?.style?.inputStyle\"\r\n (input)=\"onInputChange($event)\" />\r\n<!-- HA 19DEC23 For translation -->\r\n<span *ngIf=\"error\" class=\"error-msg\">{{question?.errorMessage}}*</span>\r\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
66
|
+
}
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomInputComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'app-custom-input', template: " <!-- HA 19DEC23 Included Style value from Salesforce -->\r\n <!-- HA 18-JAN-24 Added these classes for style, HA 31-JAN-24 Added ternary for style -->\r\n <!-- HA 02FEB24 question input will hold the value to display -->\r\n <!-- // VD 12Jun24 - readonly change-->\r\n <!-- RS 09DEC24 Changed keys--> \r\n <input *ngIf=\"!fromShengel\" type=\"text\" \r\n [(ngModel)]=\"question.input\" \r\n [ngClass]=\"ngClassValue\"\r\n class=\"she-line-input form-control\"\r\n [id]=\"idValue\"\r\n (focus)=\"focusEvent\"\r\n [readOnly]=\"readOnly\"\r\n [style.border-color]=\"error ? 'red !important' : ''\"\r\n [style]=\"question?.style?.inputStyle\"\r\n [placeholder]=\"placeholder ? placeholder : ''\"\r\n (input)=\"onInputChange($event)\" />\r\n\r\n<input *ngIf=\"fromShengel\" \r\n [(ngModel)]=\"question.input\"\r\n type=\"text\" \r\n [readOnly]=\"readOnly\"\r\n class=\"she-line-input form-control\" \r\n [placeholder]=\"placeholder ? placeholder : '' \"\r\n [disabled]=\"disabled\"\r\n [style]=\"question?.style?.inputStyle\"\r\n (input)=\"onInputChange($event)\" />\r\n<!-- HA 19DEC23 For translation -->\r\n<span *ngIf=\"error\" class=\"error-msg\">{{question?.errorMessage}}*</span>\r\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"] }]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i1.ChangeService }, { type: i2.I18nService }, { type: i3.DataService }]; }, propDecorators: { value: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], question: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], disabled: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], placeholder: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], error: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], fromShengel: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], readOnly: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], ngClassValue: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], idValue: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], focusEvent: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], inputValue: [{
|
|
91
|
+
type: Output
|
|
92
|
+
}] } });
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1pbnB1dC9jdXN0b20taW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWlucHV0L2N1c3RvbS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBZ0IvRSxNQUFNLE9BQU8sb0JBQW9CO0lBZ0JYO0lBQXFDO0lBQWtDO0lBZmxGLEtBQUssQ0FBYyxDQUFDLGNBQWM7SUFDbEMsUUFBUSxDQUFVO0lBQ2xCLFFBQVEsR0FBWSxLQUFLLENBQUMsQ0FBQyx3QkFBd0I7SUFDbkQsV0FBVyxDQUFRO0lBQ25CLEtBQUssQ0FBSztJQUNWLFdBQVcsR0FBWSxLQUFLLENBQUM7SUFDN0IsUUFBUSxHQUFZLEtBQUssQ0FBQyxDQUFDLCtCQUErQjtJQUUxRCxZQUFZLENBQUs7SUFDakIsT0FBTyxDQUFLO0lBQ1osVUFBVSxDQUFNO0lBQ2YsVUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0MsWUFBWSxDQUFlO0lBRTNCLFlBQW9CLGFBQTRCLEVBQVMsV0FBd0IsRUFBVSxXQUF3QjtRQUEvRixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUFTLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQVUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7SUFDbkgsQ0FBQztJQUVELDBCQUEwQjtJQUMxQixRQUFRO1FBQ04sOENBQThDO1FBQzlDLElBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUksU0FBUyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksYUFBYSxHQUFtQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDdEUsSUFBRyxhQUFhLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxRQUFRLElBQUksT0FBTyxFQUFDO2dCQUM3RCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQzthQUN2QjtpQkFBSTtnQkFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQzthQUN0QjtZQUNELDRCQUE0QjtZQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUMvRCxDQUFDLFdBQVcsRUFBRSxFQUFFO2dCQUNkLElBQUcsV0FBVyxJQUFJLFNBQVMsRUFBRTtvQkFDM0IscURBQXFEO29CQUNyRCxJQUFHLFdBQVcsQ0FBQyxRQUFRLElBQUksU0FBUyxJQUFJLFdBQVcsQ0FBQyxjQUFjLElBQUksYUFBYSxDQUFDLGdCQUFnQixFQUFFO3dCQUNwRywwQ0FBMEM7d0JBQzFDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7d0JBQ3RGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztxQkFDbEM7b0JBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7aUJBQ2xFO1lBQ0gsQ0FBQyxDQUNGLENBQUM7U0FDSDtJQUNILENBQUM7SUFFRCxVQUFVO0lBQ1YsQ0FBQztJQUVELFdBQVc7UUFDVCwrQ0FBK0M7UUFDL0MsSUFBSSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVM7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO3VHQXpEVSxvQkFBb0I7MkZBQXBCLG9CQUFvQixpVkNoQmpDLG94Q0E0QkE7OzJGRFphLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxrQkFBa0I7d0pBTW5CLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENoYW5nZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jaGFuZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IENoYW5nZVdyYXBwZXIgfSBmcm9tICcuLi8uLi9tb2RlbC9jaGFuZ2VXcmFwcGVyJztcclxuaW1wb3J0IHsgUXVlc3Rpb24gfSBmcm9tICcuLi8uLi93cmFwcGVyJztcclxuaW1wb3J0IHsgRGVwZW5kZW5jeU1ldGEgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2RlcGVuZGVuY3lNZXRhJztcclxuLy8gSEEgMTlERUMyMyBpbXBvcnRlZCB0cmFuc2xhdGlvbiBzZXJ2aWNlXHJcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaTE4bi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9kYXRhLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20taW5wdXQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQ3VzdG9tSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnkgfCBhbnlbXTsgLy8gaW5wdXQgdmFsdWVcclxuICBASW5wdXQoKSBxdWVzdGlvbjogUXVlc3Rpb25cclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlOyAvLyBpbnB1dCBkaXNhYmxlZCBvciBub3RcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjpzdHJpbmc7XHJcbiAgQElucHV0KCkgZXJyb3I6YW55O1xyXG4gIEBJbnB1dCgpIGZyb21TaGVuZ2VsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcmVhZE9ubHkgOmJvb2xlYW4gPSBmYWxzZTsgLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZVxyXG5cclxuICBASW5wdXQoKSBuZ0NsYXNzVmFsdWU6YW55O1xyXG4gIEBJbnB1dCgpIGlkVmFsdWU6YW55O1xyXG4gIEBJbnB1dCgpIGZvY3VzRXZlbnQ6IGFueTtcclxuICBAT3V0cHV0KCkgaW5wdXRWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyBcclxuXHJcbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlU2VydmljZTogQ2hhbmdlU2VydmljZSwgcHVibGljIGkxOG5TZXJ2aWNlOiBJMThuU2VydmljZSwgcHJpdmF0ZSBkYXRhU2VydmljZTogRGF0YVNlcnZpY2UpIHsgXHJcbiAgfVxyXG5cclxuICAvLyBSUyAwOURFQzI0IENoYW5nZWQga2V5c1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy8gU2luY2UgdGhlIGlkVmFsdWUgaG9sZHMgdGhlIFBhcmVudCBRdWVzdGlvblxyXG4gICAgaWYodGhpcy5xdWVzdGlvbi5zdWJUZXh0ICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICB0aGlzLmRpc2FibGVkID0gdHJ1ZTtcclxuICAgICAgbGV0IGRlcGVuZGVuY3lPYmo6IERlcGVuZGVuY3lNZXRhID0gSlNPTi5wYXJzZSh0aGlzLnF1ZXN0aW9uLnN1YlRleHQpO1xyXG4gICAgICBpZihkZXBlbmRlbmN5T2JqLmRpc2FibGVkICYmIGRlcGVuZGVuY3lPYmouZGlzYWJsZWQgPT0gXCJmYWxzZVwiKXtcclxuICAgICAgICB0aGlzLmRpc2FibGVkID0gZmFsc2U7XHJcbiAgICAgIH1lbHNle1xyXG4gICAgICAgIHRoaXMuZGlzYWJsZWQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIC8vIFN1YnNjcmliZSBmb3IgdGhlIGNoYW5nZXNcclxuICAgICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLmNoYW5nZVNlcnZpY2UuY2hhbmdlQW5ub3VuY2VkJC5zdWJzY3JpYmUoXHJcbiAgICAgICAgKGNoYW5nZVZhbHVlKSA9PiB7XHJcbiAgICAgICAgICBpZihjaGFuZ2VWYWx1ZSAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgLy8gY29uc29sZS5sb2coJ2luc2lkZSBzdWJzY3JpcHRpb24gZm9yIHRoZSBjaGFuZ2UnKTtcclxuICAgICAgICAgICAgaWYoY2hhbmdlVmFsdWUudmFsdWVPYmogIT0gdW5kZWZpbmVkICYmIGNoYW5nZVZhbHVlLmZyb21RdWVzdGlvbklkID09IGRlcGVuZGVuY3lPYmouc291cmNlUXVlc3Rpb25JZCkge1xyXG4gICAgICAgICAgICAgIC8vIFZEIDIwQXVnMjQgaGFuZGxpbmcgdGhlIG11bHRpcGxlIG9iamVjdFxyXG4gICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmRhdGFTZXJ2aWNlLmdldFZhbHVlKGNoYW5nZVZhbHVlLnZhbHVlT2JqLGRlcGVuZGVuY3lPYmoudmFsdWVGaWVsZCk7XHJcbiAgICAgICAgICAgICAgdGhpcy5pbnB1dFZhbHVlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgdGhpcy5jaGFuZ2VTZXJ2aWNlLmNvbmZpcm1DaGFuZ2UoZGVwZW5kZW5jeU9iai5zb3VyY2VRdWVzdGlvbklkKTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlKCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAvLyBwcmV2ZW50IG1lbW9yeSBsZWFrIHdoZW4gY29tcG9uZW50IGRlc3Ryb3llZFxyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG4gIFxyXG4gIG9uSW5wdXRDaGFuZ2UoaW5wdXQ6YW55KXtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZS5lbWl0KGlucHV0LnRhcmdldC52YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIiA8IS0tIEhBIDE5REVDMjMgSW5jbHVkZWQgU3R5bGUgdmFsdWUgZnJvbSBTYWxlc2ZvcmNlIC0tPlxyXG4gIDwhLS0gSEEgMTgtSkFOLTI0IEFkZGVkIHRoZXNlIGNsYXNzZXMgZm9yIHN0eWxlLCBIQSAzMS1KQU4tMjQgQWRkZWQgdGVybmFyeSBmb3Igc3R5bGUgLS0+XHJcbiAgPCEtLSBIQSAwMkZFQjI0IHF1ZXN0aW9uIGlucHV0IHdpbGwgaG9sZCB0aGUgdmFsdWUgdG8gZGlzcGxheSAtLT5cclxuICA8IS0tIC8vIFZEIDEySnVuMjQgLSByZWFkb25seSBjaGFuZ2UtLT5cclxuICA8IS0tIFJTIDA5REVDMjQgQ2hhbmdlZCBrZXlzLS0+IFxyXG4gIDxpbnB1dCAqbmdJZj1cIiFmcm9tU2hlbmdlbFwiIHR5cGU9XCJ0ZXh0XCIgXHJcbiAgICAgICBbKG5nTW9kZWwpXT1cInF1ZXN0aW9uLmlucHV0XCIgXHJcbiAgICAgICBbbmdDbGFzc109XCJuZ0NsYXNzVmFsdWVcIlxyXG4gICAgICAgY2xhc3M9XCJzaGUtbGluZS1pbnB1dCBmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgW2lkXT1cImlkVmFsdWVcIlxyXG4gICAgICAgKGZvY3VzKT1cImZvY3VzRXZlbnRcIlxyXG4gICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5XCJcclxuICAgICAgIFtzdHlsZS5ib3JkZXItY29sb3JdPVwiZXJyb3IgPyAncmVkICFpbXBvcnRhbnQnIDogJydcIlxyXG4gICAgICAgW3N0eWxlXT1cInF1ZXN0aW9uPy5zdHlsZT8uaW5wdXRTdHlsZVwiXHJcbiAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXIgPyBwbGFjZWhvbGRlciA6ICcnXCJcclxuICAgICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudClcIiAvPlxyXG5cclxuPGlucHV0ICpuZ0lmPVwiZnJvbVNoZW5nZWxcIiBcclxuICAgICAgIFsobmdNb2RlbCldPVwicXVlc3Rpb24uaW5wdXRcIlxyXG4gICAgICAgdHlwZT1cInRleHRcIiBcclxuICAgICAgIFtyZWFkT25seV09XCJyZWFkT25seVwiXHJcbiAgICAgICBjbGFzcz1cInNoZS1saW5lLWlucHV0IGZvcm0tY29udHJvbFwiIFxyXG4gICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyID8gcGxhY2Vob2xkZXIgOiAnJyBcIlxyXG4gICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgIFtzdHlsZV09XCJxdWVzdGlvbj8uc3R5bGU/LmlucHV0U3R5bGVcIlxyXG4gICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiIC8+XHJcbjwhLS0gSEEgMTlERUMyMyBGb3IgdHJhbnNsYXRpb24gLS0+XHJcbjxzcGFuICpuZ0lmPVwiZXJyb3JcIiBjbGFzcz1cImVycm9yLW1zZ1wiPnt7cXVlc3Rpb24/LmVycm9yTWVzc2FnZX19Kjwvc3Bhbj5cclxuIl19
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CustomLabelComponent {
|
|
4
|
-
labelValue;
|
|
5
|
-
labelStyle;
|
|
6
|
-
constructor() {
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() {
|
|
9
|
-
}
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomLabelComponent, selector: "app-custom-label", inputs: { labelValue: "labelValue", labelStyle: "labelStyle" }, ngImport: i0, template: "\n<div style={{labelStyle}}>{{ labelValue }}</div>\n", styles: [".label{margin-top:8px;margin-left:7px}\n"] });
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomLabelComponent, decorators: [{
|
|
14
|
-
type: Component,
|
|
15
|
-
args: [{ selector: 'app-custom-label', template: "\n<div style={{labelStyle}}>{{ labelValue }}</div>\n", styles: [".label{margin-top:8px;margin-left:7px}\n"] }]
|
|
16
|
-
}], ctorParameters: function () { return []; }, propDecorators: { labelValue: [{
|
|
17
|
-
type: Input
|
|
18
|
-
}], labelStyle: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CustomLabelComponent {
|
|
4
|
+
labelValue;
|
|
5
|
+
labelStyle;
|
|
6
|
+
constructor() {
|
|
7
|
+
}
|
|
8
|
+
ngOnInit() {
|
|
9
|
+
}
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomLabelComponent, selector: "app-custom-label", inputs: { labelValue: "labelValue", labelStyle: "labelStyle" }, ngImport: i0, template: "\r\n<div style={{labelStyle}}>{{ labelValue }}</div>\r\n", styles: [".label{margin-top:8px;margin-left:7px}\n"] });
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomLabelComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'app-custom-label', template: "\r\n<div style={{labelStyle}}>{{ labelValue }}</div>\r\n", styles: [".label{margin-top:8px;margin-left:7px}\n"] }]
|
|
16
|
+
}], ctorParameters: function () { return []; }, propDecorators: { labelValue: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], labelStyle: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1sYWJlbC9jdXN0b20tbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWxhYmVsL2N1c3RvbS1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFRekQsTUFBTSxPQUFPLG9CQUFvQjtJQUV0QixVQUFVLENBQVE7SUFDbEIsVUFBVSxDQUFTO0lBRTVCO0lBQ0EsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO3VHQVRVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLHdIQ1JqQywwREFFQTs7MkZETWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFNbkIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENoYW5nZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jaGFuZ2Uuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jdXN0b20tbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1sYWJlbC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbUxhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgbGFiZWxWYWx1ZTpzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFiZWxTdHlsZTogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIlxyXG48ZGl2IHN0eWxlPXt7bGFiZWxTdHlsZX19Pnt7IGxhYmVsVmFsdWUgfX08L2Rpdj5cclxuIl19
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class CustomModelComponent {
|
|
5
|
-
constructor() { }
|
|
6
|
-
modalTitle;
|
|
7
|
-
isModalOpen = false;
|
|
8
|
-
modalSize = '';
|
|
9
|
-
saveButtonValue = 'Save';
|
|
10
|
-
modalFooter = true;
|
|
11
|
-
saveButtonEmit = new EventEmitter();
|
|
12
|
-
cancelButtonEmit = new EventEmitter();
|
|
13
|
-
onSave() {
|
|
14
|
-
this.saveButtonEmit.emit();
|
|
15
|
-
}
|
|
16
|
-
onCancel() {
|
|
17
|
-
this.cancelButtonEmit.emit();
|
|
18
|
-
}
|
|
19
|
-
ngOnInit() {
|
|
20
|
-
}
|
|
21
|
-
closeModal() {
|
|
22
|
-
this.cancelButtonEmit.emit(false);
|
|
23
|
-
}
|
|
24
|
-
saveModal() {
|
|
25
|
-
this.saveButtonEmit.emit();
|
|
26
|
-
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomModelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomModelComponent, selector: "app-custom-model", inputs: { modalTitle: "modalTitle", isModalOpen: "isModalOpen", modalSize: "modalSize", saveButtonValue: "saveButtonValue", modalFooter: "modalFooter" }, outputs: { saveButtonEmit: "saveButtonEmit", cancelButtonEmit: "cancelButtonEmit" }, ngImport: i0, template: "<div *ngIf=\"isModalOpen\" class=\"modal\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <span class=\"close\" (click)=\"onCancel()\">×</span>\n <h2>{{ modalTitle }}</h2>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <!-- /* VD 06Sep24 styling changes */-->\n <div class=\"modal-footer\" *ngIf=\"modalFooter\">\n <button (click)=\"onCancel()\">Cancel</button>\n <button (click)=\"onSave()\">{{ saveButtonValue }}</button>\n </div>\n </div>\n</div>\n ", styles: [".modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:70%;max-width:90%;max-height:80vh;overflow-y:auto}.modal-header,.modal-footer{padding:10px;text-align:center;display:block}.modal-body{max-height:60vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-footer button{padding:10px 20px;margin:5px;font-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#f5f5f5;color:#333}.modal-footer button:hover{background-color:#e0e0e0;border-color:#bbb}@media (max-width: 768px){.modal-content{width:90%;margin:10% auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
|
-
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomModelComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{ selector: 'app-custom-model', template: "<div *ngIf=\"isModalOpen\" class=\"modal\" [ngClass]=\"modalSize\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <span class=\"close\" (click)=\"onCancel()\">×</span>\n <h2>{{ modalTitle }}</h2>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <!-- /* VD 06Sep24 styling changes */-->\n <div class=\"modal-footer\" *ngIf=\"modalFooter\">\n <button (click)=\"onCancel()\">Cancel</button>\n <button (click)=\"onSave()\">{{ saveButtonValue }}</button>\n </div>\n </div>\n</div>\n ", styles: [".modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:70%;max-width:90%;max-height:80vh;overflow-y:auto}.modal-header,.modal-footer{padding:10px;text-align:center;display:block}.modal-body{max-height:60vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-footer button{padding:10px 20px;margin:5px;font-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#f5f5f5;color:#333}.modal-footer button:hover{background-color:#e0e0e0;border-color:#bbb}@media (max-width: 768px){.modal-content{width:90%;margin:10% auto}}\n"] }]
|
|
33
|
-
}], ctorParameters: function () { return []; }, propDecorators: { modalTitle: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], isModalOpen: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], modalSize: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], saveButtonValue: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], modalFooter: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], saveButtonEmit: [{
|
|
44
|
-
type: Output
|
|
45
|
-
}], cancelButtonEmit: [{
|
|
46
|
-
type: Output
|
|
47
|
-
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class CustomModelComponent {
|
|
5
|
+
constructor() { }
|
|
6
|
+
modalTitle;
|
|
7
|
+
isModalOpen = false;
|
|
8
|
+
modalSize = '';
|
|
9
|
+
saveButtonValue = 'Save';
|
|
10
|
+
modalFooter = true;
|
|
11
|
+
saveButtonEmit = new EventEmitter();
|
|
12
|
+
cancelButtonEmit = new EventEmitter();
|
|
13
|
+
onSave() {
|
|
14
|
+
this.saveButtonEmit.emit();
|
|
15
|
+
}
|
|
16
|
+
onCancel() {
|
|
17
|
+
this.cancelButtonEmit.emit();
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
}
|
|
21
|
+
closeModal() {
|
|
22
|
+
this.cancelButtonEmit.emit(false);
|
|
23
|
+
}
|
|
24
|
+
saveModal() {
|
|
25
|
+
this.saveButtonEmit.emit();
|
|
26
|
+
}
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomModelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomModelComponent, selector: "app-custom-model", inputs: { modalTitle: "modalTitle", isModalOpen: "isModalOpen", modalSize: "modalSize", saveButtonValue: "saveButtonValue", modalFooter: "modalFooter" }, outputs: { saveButtonEmit: "saveButtonEmit", cancelButtonEmit: "cancelButtonEmit" }, ngImport: i0, template: "<div *ngIf=\"isModalOpen\" class=\"modal\" [ngClass]=\"modalSize\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <span class=\"close\" (click)=\"onCancel()\">×</span>\r\n <h2>{{ modalTitle }}</h2>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- /* VD 06Sep24 styling changes */-->\r\n <div class=\"modal-footer\" *ngIf=\"modalFooter\">\r\n <button (click)=\"onCancel()\">Cancel</button>\r\n <button (click)=\"onSave()\">{{ saveButtonValue }}</button>\r\n </div>\r\n </div>\r\n</div>\r\n ", styles: [".modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:70%;max-width:90%;max-height:80vh;overflow-y:auto}.modal-header,.modal-footer{padding:10px;text-align:center;display:block}.modal-body{max-height:60vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-footer button{padding:10px 20px;margin:5px;font-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#f5f5f5;color:#333}.modal-footer button:hover{background-color:#e0e0e0;border-color:#bbb}@media (max-width: 768px){.modal-content{width:90%;margin:10% auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomModelComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: 'app-custom-model', template: "<div *ngIf=\"isModalOpen\" class=\"modal\" [ngClass]=\"modalSize\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <span class=\"close\" (click)=\"onCancel()\">×</span>\r\n <h2>{{ modalTitle }}</h2>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- /* VD 06Sep24 styling changes */-->\r\n <div class=\"modal-footer\" *ngIf=\"modalFooter\">\r\n <button (click)=\"onCancel()\">Cancel</button>\r\n <button (click)=\"onSave()\">{{ saveButtonValue }}</button>\r\n </div>\r\n </div>\r\n</div>\r\n ", styles: [".modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:70%;max-width:90%;max-height:80vh;overflow-y:auto}.modal-header,.modal-footer{padding:10px;text-align:center;display:block}.modal-body{max-height:60vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-footer button{padding:10px 20px;margin:5px;font-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#f5f5f5;color:#333}.modal-footer button:hover{background-color:#e0e0e0;border-color:#bbb}@media (max-width: 768px){.modal-content{width:90%;margin:10% auto}}\n"] }]
|
|
33
|
+
}], ctorParameters: function () { return []; }, propDecorators: { modalTitle: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], isModalOpen: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], modalSize: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], saveButtonValue: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], modalFooter: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], saveButtonEmit: [{
|
|
44
|
+
type: Output
|
|
45
|
+
}], cancelButtonEmit: [{
|
|
46
|
+
type: Output
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLW1vZGVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1tb2RlbC9jdXN0b20tbW9kZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLW1vZGVsL2N1c3RvbS1tb2RlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7QUFPdEcsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixnQkFBZ0IsQ0FBQztJQUNSLFVBQVUsQ0FBTTtJQUNoQixXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDZixlQUFlLEdBQUcsTUFBTSxDQUFDO0lBQ3pCLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbEIsY0FBYyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDekMsZ0JBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVyRCxNQUFNO1FBQ0osSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBR0QsUUFBUTtJQUNSLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQzt1R0E3QlUsb0JBQW9COzJGQUFwQixvQkFBb0IsdVNDUGpDLGtvQkFnQkU7OzJGRFRXLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBT25CLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLW1vZGVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLW1vZGVsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tbW9kZWwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21Nb2RlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgQElucHV0KCkgbW9kYWxUaXRsZTogYW55O1xyXG4gIEBJbnB1dCgpIGlzTW9kYWxPcGVuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbW9kYWxTaXplID0gJyc7XHJcbiAgQElucHV0KCkgc2F2ZUJ1dHRvblZhbHVlID0gJ1NhdmUnO1xyXG4gIEBJbnB1dCgpIG1vZGFsRm9vdGVyID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgc2F2ZUJ1dHRvbkVtaXQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgY2FuY2VsQnV0dG9uRW1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBvblNhdmUoKSB7XHJcbiAgICB0aGlzLnNhdmVCdXR0b25FbWl0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uQ2FuY2VsKCkge1xyXG4gICAgdGhpcy5jYW5jZWxCdXR0b25FbWl0LmVtaXQoKTtcclxuICB9XHJcblxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGNsb3NlTW9kYWwoKSB7XHJcbiAgICB0aGlzLmNhbmNlbEJ1dHRvbkVtaXQuZW1pdChmYWxzZSk7XHJcbiAgfVxyXG5cclxuICBzYXZlTW9kYWwoKSB7XHJcbiAgICB0aGlzLnNhdmVCdXR0b25FbWl0LmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJpc01vZGFsT3BlblwiIGNsYXNzPVwibW9kYWxcIiBbbmdDbGFzc109XCJtb2RhbFNpemVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImNsb3NlXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj4mdGltZXM7PC9zcGFuPlxyXG4gICAgICAgIDxoMj57eyBtb2RhbFRpdGxlIH19PC9oMj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPCEtLSAvKiBWRCAwNlNlcDI0IHN0eWxpbmcgY2hhbmdlcyAqLy0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCIgKm5nSWY9XCJtb2RhbEZvb3RlclwiPlxyXG4gICAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJvblNhdmUoKVwiPnt7IHNhdmVCdXR0b25WYWx1ZSB9fTwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuICAiXX0=
|