@rangertechnologies/ngnxt 2.1.76 → 2.1.78

package/esm2022/lib/components/custom-text-area/custom-text-area.component.mjs

@@ -1,65 +1,65 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../i18n.service";
-import * as i2 from "../../services/change.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-export class CustomTextAreaComponent {
-    i18nService;
-    changeService;
-    value; // input value
-    placeholder;
-    rows; //The number of visible text lines for the control
-    error;
-    question;
-    readOnly = false; // VD 12Jun24 - readonly change
-    textareaValueChange = new EventEmitter();
-    subscription;
-    constructor(i18nService, changeService) {
-        this.i18nService = i18nService;
-        this.changeService = changeService;
-    }
-    // RS 09DEC24 Changed keys
-    ngOnInit() {
-        // 10MAY24 - VD Dependent update
-        if (this.question.subText) {
-            let dependencyObj = JSON.parse(this.question.subText);
-            if (dependencyObj.sourceQuestionId) {
-                // Subscribe for the changes
-                this.subscription = this.changeService.changeAnnounced$.subscribe((changeValue) => {
-                    if (changeValue != undefined) {
-                        if (changeValue.valueObj != undefined && changeValue.fromQuestionId == dependencyObj.sourceQuestionId) {
-                            this.value = changeValue.valueObj[dependencyObj.valueField];
-                            this.textareaValueChange.emit(this.value);
-                        }
-                        this.changeService.confirmChange(dependencyObj.sourceQuestionId);
-                    }
-                });
-            }
-        }
-    }
-    onTextareaChange(event) {
-        this.textareaValueChange.emit(event.target.value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTextAreaComponent, deps: [{ token: i1.I18nService }, { token: i2.ChangeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTextAreaComponent, selector: "app-custom-text-area", inputs: { value: "value", placeholder: "placeholder", rows: "rows", error: "error", question: "question", readOnly: "readOnly" }, outputs: { textareaValueChange: "textareaValueChange" }, ngImport: i0, template: "<!-- // VD 12Jun24 - readonly change-->\n<!-- VD 01Aug24 - validation change-->\n<!-- RS 09DEC24 Changed keys--> \n<textarea \n    [class]=\"error ? 'invalid' : ''\"\n    [(ngModel)] =\"value\" \n    [rows]=\"rows\" \n    class=\"she-line-input form-control\" \n    [placeholder]=\"placeholder\"\n    [readOnly]=\"readOnly\"\n    (input)=\"onTextareaChange($event)\"\n></textarea>\n<!-- HA 19DEC23 For translation -->\n<span *ngIf=\"error\" class=\"error-msg\">{{ question?.errorMessage }}</span>", styles: [".invalid{border:1px solid red!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTextAreaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-custom-text-area', template: "<!-- // VD 12Jun24 - readonly change-->\n<!-- VD 01Aug24 - validation change-->\n<!-- RS 09DEC24 Changed keys--> \n<textarea \n    [class]=\"error ? 'invalid' : ''\"\n    [(ngModel)] =\"value\" \n    [rows]=\"rows\" \n    class=\"she-line-input form-control\" \n    [placeholder]=\"placeholder\"\n    [readOnly]=\"readOnly\"\n    (input)=\"onTextareaChange($event)\"\n></textarea>\n<!-- HA 19DEC23 For translation -->\n<span *ngIf=\"error\" class=\"error-msg\">{{ question?.errorMessage }}</span>", styles: [".invalid{border:1px solid red!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.I18nService }, { type: i2.ChangeService }]; }, propDecorators: { value: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], question: [{
-                type: Input
-            }], readOnly: [{
-                type: Input
-            }], textareaValueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvY29tcG9uZW50cy9jdXN0b20tdGV4dC1hcmVhL2N1c3RvbS10ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRleHQtYXJlYS9jdXN0b20tdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVkvRSxNQUFNLE9BQU8sdUJBQXVCO0lBVWY7SUFBaUM7SUFUM0MsS0FBSyxDQUFjLENBQUMsY0FBYztJQUNsQyxXQUFXLENBQVE7SUFDbkIsSUFBSSxDQUFRLENBQUMsa0RBQWtEO0lBQy9ELEtBQUssQ0FBSztJQUNWLFFBQVEsQ0FBSztJQUNiLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQywrQkFBK0I7SUFDaEQsbUJBQW1CLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFDakYsWUFBWSxDQUFlO0lBRTNCLFlBQW1CLFdBQXdCLEVBQVMsYUFBNEI7UUFBN0QsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtJQUFJLENBQUM7SUFDckYsMEJBQTBCO0lBQzFCLFFBQVE7UUFDTixnQ0FBZ0M7UUFDOUIsSUFBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBQztZQUN2QixJQUFJLGFBQWEsR0FBbUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RFLElBQUcsYUFBYSxDQUFDLGdCQUFnQixFQUFDO2dCQUNoQyw0QkFBNEI7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQy9ELENBQUMsV0FBVyxFQUFFLEVBQUU7b0JBQ2QsSUFBRyxXQUFXLElBQUksU0FBUyxFQUFFO3dCQUMzQixJQUFHLFdBQVcsQ0FBQyxRQUFRLElBQUksU0FBUyxJQUFJLFdBQVcsQ0FBQyxjQUFjLElBQUksYUFBYSxDQUFDLGdCQUFnQixFQUFFOzRCQUNwRyxJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDOzRCQUM1RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt5QkFDM0M7d0JBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7cUJBQ2xFO2dCQUNILENBQUMsQ0FDRixDQUFDO2FBQ0w7U0FDRjtJQUVILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFTO1FBQ3hCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO3VHQXBDVSx1QkFBdUI7MkZBQXZCLHVCQUF1Qix1UENacEMsa2ZBYXlFOzsyRkRENUQsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQjs4SEFLdkIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuLy8gSEEgMTlERUMyMyBpbXBvcnRlZCB0cmFuc2xhdGlvbiBzZXJ2aWNlXG5pbXBvcnQgeyBJMThuU2VydmljZSB9IGZyb20gJy4uLy4uL2kxOG4uc2VydmljZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENoYW5nZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jaGFuZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBEZXBlbmRlbmN5TWV0YSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvZGVwZW5kZW5jeU1ldGEnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLXRleHQtYXJlYScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tVGV4dEFyZWFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB2YWx1ZTogYW55IHwgYW55W107IC8vIGlucHV0IHZhbHVlXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOnN0cmluZztcbiAgQElucHV0KCkgcm93czpOdW1iZXI7IC8vVGhlIG51bWJlciBvZiB2aXNpYmxlIHRleHQgbGluZXMgZm9yIHRoZSBjb250cm9sXG4gIEBJbnB1dCgpIGVycm9yOmFueTtcbiAgQElucHV0KCkgcXVlc3Rpb246YW55O1xuICBASW5wdXQoKSByZWFkT25seSA9IGZhbHNlOyAvLyBWRCAxMkp1bjI0IC0gcmVhZG9ubHkgY2hhbmdlXG4gIEBPdXRwdXQoKSB0ZXh0YXJlYVZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpOyBcbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocHVibGljIGkxOG5TZXJ2aWNlOiBJMThuU2VydmljZSxwcml2YXRlIGNoYW5nZVNlcnZpY2U6IENoYW5nZVNlcnZpY2UpIHsgfVxuICAvLyBSUyAwOURFQzI0IENoYW5nZWQga2V5c1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyAxME1BWTI0IC0gVkQgRGVwZW5kZW50IHVwZGF0ZVxuICAgICAgaWYodGhpcy5xdWVzdGlvbi5zdWJUZXh0KXtcbiAgICAgICAgbGV0IGRlcGVuZGVuY3lPYmo6IERlcGVuZGVuY3lNZXRhID0gSlNPTi5wYXJzZSh0aGlzLnF1ZXN0aW9uLnN1YlRleHQpO1xuICAgICAgICBpZihkZXBlbmRlbmN5T2JqLnNvdXJjZVF1ZXN0aW9uSWQpe1xuICAgICAgICAgIC8vIFN1YnNjcmliZSBmb3IgdGhlIGNoYW5nZXNcbiAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IHRoaXMuY2hhbmdlU2VydmljZS5jaGFuZ2VBbm5vdW5jZWQkLnN1YnNjcmliZShcbiAgICAgICAgICAgIChjaGFuZ2VWYWx1ZSkgPT4ge1xuICAgICAgICAgICAgICBpZihjaGFuZ2VWYWx1ZSAhPSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICBpZihjaGFuZ2VWYWx1ZS52YWx1ZU9iaiAhPSB1bmRlZmluZWQgJiYgY2hhbmdlVmFsdWUuZnJvbVF1ZXN0aW9uSWQgPT0gZGVwZW5kZW5jeU9iai5zb3VyY2VRdWVzdGlvbklkKSB7XG4gICAgICAgICAgICAgICAgICB0aGlzLnZhbHVlID0gY2hhbmdlVmFsdWUudmFsdWVPYmpbZGVwZW5kZW5jeU9iai52YWx1ZUZpZWxkXTtcbiAgICAgICAgICAgICAgICAgIHRoaXMudGV4dGFyZWFWYWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZVNlcnZpY2UuY29uZmlybUNoYW5nZShkZXBlbmRlbmN5T2JqLnNvdXJjZVF1ZXN0aW9uSWQpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gICAgXG4gIH1cblxuICBvblRleHRhcmVhQ2hhbmdlKGV2ZW50OmFueSk6IHZvaWQge1xuICAgIHRoaXMudGV4dGFyZWFWYWx1ZUNoYW5nZS5lbWl0KGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH1cblxufVxuIiwiPCEtLSAvLyBWRCAxMkp1bjI0IC0gcmVhZG9ubHkgY2hhbmdlLS0+XG48IS0tIFZEIDAxQXVnMjQgLSB2YWxpZGF0aW9uIGNoYW5nZS0tPlxuPCEtLSBSUyAwOURFQzI0IENoYW5nZWQga2V5cy0tPiBcbjx0ZXh0YXJlYSBcbiAgICBbY2xhc3NdPVwiZXJyb3IgPyAnaW52YWxpZCcgOiAnJ1wiXG4gICAgWyhuZ01vZGVsKV0gPVwidmFsdWVcIiBcbiAgICBbcm93c109XCJyb3dzXCIgXG4gICAgY2xhc3M9XCJzaGUtbGluZS1pbnB1dCBmb3JtLWNvbnRyb2xcIiBcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFtyZWFkT25seV09XCJyZWFkT25seVwiXG4gICAgKGlucHV0KT1cIm9uVGV4dGFyZWFDaGFuZ2UoJGV2ZW50KVwiXG4+PC90ZXh0YXJlYT5cbjwhLS0gSEEgMTlERUMyMyBGb3IgdHJhbnNsYXRpb24gLS0+XG48c3BhbiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvci1tc2dcIj57eyBxdWVzdGlvbj8uZXJyb3JNZXNzYWdlIH19PC9zcGFuPiJdfQ==
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../i18n.service";
+import * as i2 from "../../services/change.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+export class CustomTextAreaComponent {
+    i18nService;
+    changeService;
+    value; // input value
+    placeholder;
+    rows; //The number of visible text lines for the control
+    error;
+    question;
+    readOnly = false; // VD 12Jun24 - readonly change
+    textareaValueChange = new EventEmitter();
+    subscription;
+    constructor(i18nService, changeService) {
+        this.i18nService = i18nService;
+        this.changeService = changeService;
+    }
+    // RS 09DEC24 Changed keys
+    ngOnInit() {
+        // 10MAY24 - VD Dependent update
+        if (this.question.subText) {
+            let dependencyObj = JSON.parse(this.question.subText);
+            if (dependencyObj.sourceQuestionId) {
+                // Subscribe for the changes
+                this.subscription = this.changeService.changeAnnounced$.subscribe((changeValue) => {
+                    if (changeValue != undefined) {
+                        if (changeValue.valueObj != undefined && changeValue.fromQuestionId == dependencyObj.sourceQuestionId) {
+                            this.value = changeValue.valueObj[dependencyObj.valueField];
+                            this.textareaValueChange.emit(this.value);
+                        }
+                        this.changeService.confirmChange(dependencyObj.sourceQuestionId);
+                    }
+                });
+            }
+        }
+    }
+    onTextareaChange(event) {
+        this.textareaValueChange.emit(event.target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTextAreaComponent, deps: [{ token: i1.I18nService }, { token: i2.ChangeService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTextAreaComponent, selector: "app-custom-text-area", inputs: { value: "value", placeholder: "placeholder", rows: "rows", error: "error", question: "question", readOnly: "readOnly" }, outputs: { textareaValueChange: "textareaValueChange" }, ngImport: i0, template: "<!-- // VD 12Jun24 - readonly change-->\r\n<!-- VD 01Aug24 - validation change-->\r\n<!-- RS 09DEC24 Changed keys--> \r\n<textarea \r\n    [class]=\"error ? 'invalid' : ''\"\r\n    [(ngModel)] =\"value\" \r\n    [rows]=\"rows\" \r\n    class=\"she-line-input form-control\" \r\n    [placeholder]=\"placeholder\"\r\n    [readOnly]=\"readOnly\"\r\n    (input)=\"onTextareaChange($event)\"\r\n></textarea>\r\n<!-- HA 19DEC23 For translation -->\r\n<span *ngIf=\"error\" class=\"error-msg\">{{ question?.errorMessage }}</span>", styles: [".invalid{border:1px solid red!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-custom-text-area', template: "<!-- // VD 12Jun24 - readonly change-->\r\n<!-- VD 01Aug24 - validation change-->\r\n<!-- RS 09DEC24 Changed keys--> \r\n<textarea \r\n    [class]=\"error ? 'invalid' : ''\"\r\n    [(ngModel)] =\"value\" \r\n    [rows]=\"rows\" \r\n    class=\"she-line-input form-control\" \r\n    [placeholder]=\"placeholder\"\r\n    [readOnly]=\"readOnly\"\r\n    (input)=\"onTextareaChange($event)\"\r\n></textarea>\r\n<!-- HA 19DEC23 For translation -->\r\n<span *ngIf=\"error\" class=\"error-msg\">{{ question?.errorMessage }}</span>", styles: [".invalid{border:1px solid red!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.I18nService }, { type: i2.ChangeService }]; }, propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], textareaValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvY29tcG9uZW50cy9jdXN0b20tdGV4dC1hcmVhL2N1c3RvbS10ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRleHQtYXJlYS9jdXN0b20tdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVkvRSxNQUFNLE9BQU8sdUJBQXVCO0lBVWY7SUFBaUM7SUFUM0MsS0FBSyxDQUFjLENBQUMsY0FBYztJQUNsQyxXQUFXLENBQVE7SUFDbkIsSUFBSSxDQUFRLENBQUMsa0RBQWtEO0lBQy9ELEtBQUssQ0FBSztJQUNWLFFBQVEsQ0FBSztJQUNiLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQywrQkFBK0I7SUFDaEQsbUJBQW1CLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFDakYsWUFBWSxDQUFlO0lBRTNCLFlBQW1CLFdBQXdCLEVBQVMsYUFBNEI7UUFBN0QsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtJQUFJLENBQUM7SUFDckYsMEJBQTBCO0lBQzFCLFFBQVE7UUFDTixnQ0FBZ0M7UUFDOUIsSUFBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBQztZQUN2QixJQUFJLGFBQWEsR0FBbUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RFLElBQUcsYUFBYSxDQUFDLGdCQUFnQixFQUFDO2dCQUNoQyw0QkFBNEI7Z0JBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQy9ELENBQUMsV0FBVyxFQUFFLEVBQUU7b0JBQ2QsSUFBRyxXQUFXLElBQUksU0FBUyxFQUFFO3dCQUMzQixJQUFHLFdBQVcsQ0FBQyxRQUFRLElBQUksU0FBUyxJQUFJLFdBQVcsQ0FBQyxjQUFjLElBQUksYUFBYSxDQUFDLGdCQUFnQixFQUFFOzRCQUNwRyxJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDOzRCQUM1RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt5QkFDM0M7d0JBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7cUJBQ2xFO2dCQUNILENBQUMsQ0FDRixDQUFDO2FBQ0w7U0FDRjtJQUVILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFTO1FBQ3hCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO3VHQXBDVSx1QkFBdUI7MkZBQXZCLHVCQUF1Qix1UENacEMsNGdCQWF5RTs7MkZERDVELHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7OEhBS3ZCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLG1CQUFtQjtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuLy8gSEEgMTlERUMyMyBpbXBvcnRlZCB0cmFuc2xhdGlvbiBzZXJ2aWNlXHJcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaTE4bi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENoYW5nZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jaGFuZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IERlcGVuZGVuY3lNZXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9kZXBlbmRlbmN5TWV0YSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jdXN0b20tdGV4dC1hcmVhJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbVRleHRBcmVhQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55IHwgYW55W107IC8vIGlucHV0IHZhbHVlXHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6c3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJvd3M6TnVtYmVyOyAvL1RoZSBudW1iZXIgb2YgdmlzaWJsZSB0ZXh0IGxpbmVzIGZvciB0aGUgY29udHJvbFxyXG4gIEBJbnB1dCgpIGVycm9yOmFueTtcclxuICBASW5wdXQoKSBxdWVzdGlvbjphbnk7XHJcbiAgQElucHV0KCkgcmVhZE9ubHkgPSBmYWxzZTsgLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZVxyXG4gIEBPdXRwdXQoKSB0ZXh0YXJlYVZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpOyBcclxuICBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGkxOG5TZXJ2aWNlOiBJMThuU2VydmljZSxwcml2YXRlIGNoYW5nZVNlcnZpY2U6IENoYW5nZVNlcnZpY2UpIHsgfVxyXG4gIC8vIFJTIDA5REVDMjQgQ2hhbmdlZCBrZXlzXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyAxME1BWTI0IC0gVkQgRGVwZW5kZW50IHVwZGF0ZVxyXG4gICAgICBpZih0aGlzLnF1ZXN0aW9uLnN1YlRleHQpe1xyXG4gICAgICAgIGxldCBkZXBlbmRlbmN5T2JqOiBEZXBlbmRlbmN5TWV0YSA9IEpTT04ucGFyc2UodGhpcy5xdWVzdGlvbi5zdWJUZXh0KTtcclxuICAgICAgICBpZihkZXBlbmRlbmN5T2JqLnNvdXJjZVF1ZXN0aW9uSWQpe1xyXG4gICAgICAgICAgLy8gU3Vic2NyaWJlIGZvciB0aGUgY2hhbmdlc1xyXG4gICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLmNoYW5nZVNlcnZpY2UuY2hhbmdlQW5ub3VuY2VkJC5zdWJzY3JpYmUoXHJcbiAgICAgICAgICAgIChjaGFuZ2VWYWx1ZSkgPT4ge1xyXG4gICAgICAgICAgICAgIGlmKGNoYW5nZVZhbHVlICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgICAgICAgaWYoY2hhbmdlVmFsdWUudmFsdWVPYmogIT0gdW5kZWZpbmVkICYmIGNoYW5nZVZhbHVlLmZyb21RdWVzdGlvbklkID09IGRlcGVuZGVuY3lPYmouc291cmNlUXVlc3Rpb25JZCkge1xyXG4gICAgICAgICAgICAgICAgICB0aGlzLnZhbHVlID0gY2hhbmdlVmFsdWUudmFsdWVPYmpbZGVwZW5kZW5jeU9iai52YWx1ZUZpZWxkXTtcclxuICAgICAgICAgICAgICAgICAgdGhpcy50ZXh0YXJlYVZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZVNlcnZpY2UuY29uZmlybUNoYW5nZShkZXBlbmRlbmN5T2JqLnNvdXJjZVF1ZXN0aW9uSWQpO1xyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG5cclxuICBvblRleHRhcmVhQ2hhbmdlKGV2ZW50OmFueSk6IHZvaWQge1xyXG4gICAgdGhpcy50ZXh0YXJlYVZhbHVlQ2hhbmdlLmVtaXQoZXZlbnQudGFyZ2V0LnZhbHVlKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjwhLS0gLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZS0tPlxyXG48IS0tIFZEIDAxQXVnMjQgLSB2YWxpZGF0aW9uIGNoYW5nZS0tPlxyXG48IS0tIFJTIDA5REVDMjQgQ2hhbmdlZCBrZXlzLS0+IFxyXG48dGV4dGFyZWEgXHJcbiAgICBbY2xhc3NdPVwiZXJyb3IgPyAnaW52YWxpZCcgOiAnJ1wiXHJcbiAgICBbKG5nTW9kZWwpXSA9XCJ2YWx1ZVwiIFxyXG4gICAgW3Jvd3NdPVwicm93c1wiIFxyXG4gICAgY2xhc3M9XCJzaGUtbGluZS1pbnB1dCBmb3JtLWNvbnRyb2xcIiBcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbcmVhZE9ubHldPVwicmVhZE9ubHlcIlxyXG4gICAgKGlucHV0KT1cIm9uVGV4dGFyZWFDaGFuZ2UoJGV2ZW50KVwiXHJcbj48L3RleHRhcmVhPlxyXG48IS0tIEhBIDE5REVDMjMgRm9yIHRyYW5zbGF0aW9uIC0tPlxyXG48c3BhbiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvci1tc2dcIj57eyBxdWVzdGlvbj8uZXJyb3JNZXNzYWdlIH19PC9zcGFuPiJdfQ==

package/esm2022/lib/components/custom-time/custom-time.component.mjs

@@ -1,61 +1,61 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../i18n.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "ng-pick-datetime";
-export class CustomTimeComponent {
-    i18nService;
-    time;
-    readOnly = false; // VD 12Jun24 - readonly change
-    error;
-    errorMessage;
-    timeChange = new EventEmitter();
-    timeSelected;
-    constructor(i18nService) {
-        this.i18nService = i18nService;
-    }
-    ngOnInit() {
-        if (this.time) {
-            this.time = this.time['value'] ? this.time['value'] : this.time;
-            this.timeSelected = new Date(this.time);
-        }
-        else {
-            // if no time set null value
-            this.timeSelected = null;
-        }
-    }
-    ngOnChanges(changes) {
-        // update on changes
-        if (changes['time']) {
-            if (this.time) {
-                this.time = this.time['value'] ? this.time['value'] : this.time;
-                this.timeSelected = new Date(this.time);
-            }
-            else {
-                this.timeSelected = null;
-            }
-        }
-    }
-    // VD 06Sep24 emit exact time object
-    onTimeChange(event) {
-        this.timeChange.emit(event?.value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTimeComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTimeComponent, selector: "app-custom-time", inputs: { time: "time", readOnly: "readOnly", error: "error", errorMessage: "errorMessage" }, outputs: { timeChange: "timeChange" }, usesOnChanges: true, ngImport: i0, template: "<!-- time component -->\n<!-- // VD 12Jun24 - readonly change-->\n<!-- VD 01Aug24 - validation change-->\n  <p>\n    <input\n      [class]=\"error ? 'invalid' : ''\"\n      [(ngModel)]=\"timeSelected\"\n      [owlDateTimeTrigger]=\"dt2\"\n      [owlDateTime]=\"dt2\"\n      placeholder=\"HH:MM\"\n      [readOnly]=\"readOnly\" \n      style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\n      (dateTimeChange)=\"onTimeChange($event)\"\n    >\n    <owl-date-time [pickerType]=\"'timer'\" #dt2></owl-date-time>\n  </p>\n  <span *ngIf=\"error\" class=\"error-msg\">{{errorMessage}}</span>", styles: [".invalid{border-color:red!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["disabled", "owlDateTimeTrigger"] }, { kind: "directive", type: i4.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["rangeSeparator", "owlDateTime", "owlDateTimeFilter", "min", "max", "selectMode", "value", "values", "_disabled"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { kind: "component", type: i4.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["startAt", "pickerType", "pickerMode", "disabled", "opened", "backdropClass", "panelClass", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTimeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-custom-time', template: "<!-- time component -->\n<!-- // VD 12Jun24 - readonly change-->\n<!-- VD 01Aug24 - validation change-->\n  <p>\n    <input\n      [class]=\"error ? 'invalid' : ''\"\n      [(ngModel)]=\"timeSelected\"\n      [owlDateTimeTrigger]=\"dt2\"\n      [owlDateTime]=\"dt2\"\n      placeholder=\"HH:MM\"\n      [readOnly]=\"readOnly\" \n      style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\n      (dateTimeChange)=\"onTimeChange($event)\"\n    >\n    <owl-date-time [pickerType]=\"'timer'\" #dt2></owl-date-time>\n  </p>\n  <span *ngIf=\"error\" class=\"error-msg\">{{errorMessage}}</span>", styles: [".invalid{border-color:red!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { time: [{
-                type: Input
-            }], readOnly: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], errorMessage: [{
-                type: Input
-            }], timeChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRpbWUvY3VzdG9tLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRpbWUvY3VzdG9tLXRpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVE5RixNQUFNLE9BQU8sbUJBQW1CO0lBUVg7SUFQVixJQUFJLENBQVM7SUFDYixRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUMsK0JBQStCO0lBQ2pELEtBQUssQ0FBSztJQUNWLFlBQVksQ0FBUztJQUNwQixVQUFVLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDbEUsWUFBWSxDQUFNO0lBRWxCLFlBQW1CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUksQ0FBQztJQUVoRCxRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsSUFBSSxFQUFDO1lBQ1gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3pDO2FBQUs7WUFDSiw0QkFBNEI7WUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXFCO1FBQy9CLG9CQUFvQjtRQUNwQixJQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNqQixJQUFHLElBQUksQ0FBQyxJQUFJLEVBQUM7Z0JBQ1gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNoRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN6QztpQkFBSztnQkFDSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtTQUNGO0lBQ0gsQ0FBQztJQUNELG9DQUFvQztJQUNwQyxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQzt1R0FsQ1UsbUJBQW1COzJGQUFuQixtQkFBbUIsaU5DUmhDLDRuQkFnQitEOzsyRkRSbEQsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjtrR0FLbEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaTE4bi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS10aW1lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS10aW1lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRpbWUuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVRpbWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJlYWRPbmx5ID0gZmFsc2U7IC8vIFZEIDEySnVuMjQgLSByZWFkb25seSBjaGFuZ2VcbiAgQElucHV0KCkgZXJyb3I6YW55O1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQE91dHB1dCgpIHRpbWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIHRpbWVTZWxlY3RlZDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpMThuU2VydmljZTogSTE4blNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmKHRoaXMudGltZSl7XG4gICAgICB0aGlzLnRpbWUgPSB0aGlzLnRpbWVbJ3ZhbHVlJ10gPyB0aGlzLnRpbWVbJ3ZhbHVlJ10gOiB0aGlzLnRpbWU7XG4gICAgICB0aGlzLnRpbWVTZWxlY3RlZCA9IG5ldyBEYXRlKHRoaXMudGltZSk7XG4gICAgfWVsc2Uge1xuICAgICAgLy8gaWYgbm8gdGltZSBzZXQgbnVsbCB2YWx1ZVxuICAgICAgdGhpcy50aW1lU2VsZWN0ZWQgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6U2ltcGxlQ2hhbmdlcyl7XG4gICAgLy8gdXBkYXRlIG9uIGNoYW5nZXNcbiAgICBpZihjaGFuZ2VzWyd0aW1lJ10pe1xuICAgICAgaWYodGhpcy50aW1lKXtcbiAgICAgICAgdGhpcy50aW1lID0gdGhpcy50aW1lWyd2YWx1ZSddID8gdGhpcy50aW1lWyd2YWx1ZSddIDogdGhpcy50aW1lO1xuICAgICAgICB0aGlzLnRpbWVTZWxlY3RlZCA9IG5ldyBEYXRlKHRoaXMudGltZSk7XG4gICAgICB9ZWxzZSB7XG4gICAgICAgIHRoaXMudGltZVNlbGVjdGVkID0gbnVsbDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVkQgMDZTZXAyNCBlbWl0IGV4YWN0IHRpbWUgb2JqZWN0XG4gIG9uVGltZUNoYW5nZShldmVudDogYW55KSB7XG4gICAgdGhpcy50aW1lQ2hhbmdlLmVtaXQoZXZlbnQ/LnZhbHVlKTtcbiAgfVxufVxuIiwiPCEtLSB0aW1lIGNvbXBvbmVudCAtLT5cbjwhLS0gLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZS0tPlxuPCEtLSBWRCAwMUF1ZzI0IC0gdmFsaWRhdGlvbiBjaGFuZ2UtLT5cbiAgPHA+XG4gICAgPGlucHV0XG4gICAgICBbY2xhc3NdPVwiZXJyb3IgPyAnaW52YWxpZCcgOiAnJ1wiXG4gICAgICBbKG5nTW9kZWwpXT1cInRpbWVTZWxlY3RlZFwiXG4gICAgICBbb3dsRGF0ZVRpbWVUcmlnZ2VyXT1cImR0MlwiXG4gICAgICBbb3dsRGF0ZVRpbWVdPVwiZHQyXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiSEg6TU1cIlxuICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5XCIgXG4gICAgICBzdHlsZT1cIndpZHRoOiAxMDAlOyBoZWlnaHQ6IDM1cHg7IGJvcmRlcjogbm9uZTsgYm94LXNoYWRvdzogbm9uZTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7XCJcbiAgICAgIChkYXRlVGltZUNoYW5nZSk9XCJvblRpbWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgPlxuICAgIDxvd2wtZGF0ZS10aW1lIFtwaWNrZXJUeXBlXT1cIid0aW1lcidcIiAjZHQyPjwvb3dsLWRhdGUtdGltZT5cbiAgPC9wPlxuICA8c3BhbiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvci1tc2dcIj57e2Vycm9yTWVzc2FnZX19PC9zcGFuPiJdfQ==
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../i18n.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ng-pick-datetime";
+export class CustomTimeComponent {
+    i18nService;
+    time;
+    readOnly = false; // VD 12Jun24 - readonly change
+    error;
+    errorMessage;
+    timeChange = new EventEmitter();
+    timeSelected;
+    constructor(i18nService) {
+        this.i18nService = i18nService;
+    }
+    ngOnInit() {
+        if (this.time) {
+            this.time = this.time['value'] ? this.time['value'] : this.time;
+            this.timeSelected = new Date(this.time);
+        }
+        else {
+            // if no time set null value
+            this.timeSelected = null;
+        }
+    }
+    ngOnChanges(changes) {
+        // update on changes
+        if (changes['time']) {
+            if (this.time) {
+                this.time = this.time['value'] ? this.time['value'] : this.time;
+                this.timeSelected = new Date(this.time);
+            }
+            else {
+                this.timeSelected = null;
+            }
+        }
+    }
+    // VD 06Sep24 emit exact time object
+    onTimeChange(event) {
+        this.timeChange.emit(event?.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTimeComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomTimeComponent, selector: "app-custom-time", inputs: { time: "time", readOnly: "readOnly", error: "error", errorMessage: "errorMessage" }, outputs: { timeChange: "timeChange" }, usesOnChanges: true, ngImport: i0, template: "<!-- time component -->\r\n<!-- // VD 12Jun24 - readonly change-->\r\n<!-- VD 01Aug24 - validation change-->\r\n  <p>\r\n    <input\r\n      [class]=\"error ? 'invalid' : ''\"\r\n      [(ngModel)]=\"timeSelected\"\r\n      [owlDateTimeTrigger]=\"dt2\"\r\n      [owlDateTime]=\"dt2\"\r\n      placeholder=\"HH:MM\"\r\n      [readOnly]=\"readOnly\" \r\n      style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\r\n      (dateTimeChange)=\"onTimeChange($event)\"\r\n    >\r\n    <owl-date-time [pickerType]=\"'timer'\" #dt2></owl-date-time>\r\n  </p>\r\n  <span *ngIf=\"error\" class=\"error-msg\">{{errorMessage}}</span>", styles: [".invalid{border-color:red!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["disabled", "owlDateTimeTrigger"] }, { kind: "directive", type: i4.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["rangeSeparator", "owlDateTime", "owlDateTimeFilter", "min", "max", "selectMode", "value", "values", "_disabled"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { kind: "component", type: i4.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["startAt", "pickerType", "pickerMode", "disabled", "opened", "backdropClass", "panelClass", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-custom-time', template: "<!-- time component -->\r\n<!-- // VD 12Jun24 - readonly change-->\r\n<!-- VD 01Aug24 - validation change-->\r\n  <p>\r\n    <input\r\n      [class]=\"error ? 'invalid' : ''\"\r\n      [(ngModel)]=\"timeSelected\"\r\n      [owlDateTimeTrigger]=\"dt2\"\r\n      [owlDateTime]=\"dt2\"\r\n      placeholder=\"HH:MM\"\r\n      [readOnly]=\"readOnly\" \r\n      style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\r\n      (dateTimeChange)=\"onTimeChange($event)\"\r\n    >\r\n    <owl-date-time [pickerType]=\"'timer'\" #dt2></owl-date-time>\r\n  </p>\r\n  <span *ngIf=\"error\" class=\"error-msg\">{{errorMessage}}</span>", styles: [".invalid{border-color:red!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { time: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], timeChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRpbWUvY3VzdG9tLXRpbWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRpbWUvY3VzdG9tLXRpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVE5RixNQUFNLE9BQU8sbUJBQW1CO0lBUVg7SUFQVixJQUFJLENBQVM7SUFDYixRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUMsK0JBQStCO0lBQ2pELEtBQUssQ0FBSztJQUNWLFlBQVksQ0FBUztJQUNwQixVQUFVLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDbEUsWUFBWSxDQUFNO0lBRWxCLFlBQW1CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUksQ0FBQztJQUVoRCxRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsSUFBSSxFQUFDO1lBQ1gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3pDO2FBQUs7WUFDSiw0QkFBNEI7WUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXFCO1FBQy9CLG9CQUFvQjtRQUNwQixJQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBQztZQUNqQixJQUFHLElBQUksQ0FBQyxJQUFJLEVBQUM7Z0JBQ1gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNoRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN6QztpQkFBSztnQkFDSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtTQUNGO0lBQ0gsQ0FBQztJQUNELG9DQUFvQztJQUNwQyxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQzt1R0FsQ1UsbUJBQW1COzJGQUFuQixtQkFBbUIsaU5DUmhDLDRwQkFnQitEOzsyRkRSbEQsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjtrR0FLbEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSTE4blNlcnZpY2UgfSBmcm9tICcuLi8uLi9pMThuLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLXRpbWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tdGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRpbWUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21UaW1lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0aW1lOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcmVhZE9ubHkgPSBmYWxzZTsgLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZVxyXG4gIEBJbnB1dCgpIGVycm9yOmFueTtcclxuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcclxuICBAT3V0cHV0KCkgdGltZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICB0aW1lU2VsZWN0ZWQ6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGkxOG5TZXJ2aWNlOiBJMThuU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYodGhpcy50aW1lKXtcclxuICAgICAgdGhpcy50aW1lID0gdGhpcy50aW1lWyd2YWx1ZSddID8gdGhpcy50aW1lWyd2YWx1ZSddIDogdGhpcy50aW1lO1xyXG4gICAgICB0aGlzLnRpbWVTZWxlY3RlZCA9IG5ldyBEYXRlKHRoaXMudGltZSk7XHJcbiAgICB9ZWxzZSB7XHJcbiAgICAgIC8vIGlmIG5vIHRpbWUgc2V0IG51bGwgdmFsdWVcclxuICAgICAgdGhpcy50aW1lU2VsZWN0ZWQgPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczpTaW1wbGVDaGFuZ2VzKXtcclxuICAgIC8vIHVwZGF0ZSBvbiBjaGFuZ2VzXHJcbiAgICBpZihjaGFuZ2VzWyd0aW1lJ10pe1xyXG4gICAgICBpZih0aGlzLnRpbWUpe1xyXG4gICAgICAgIHRoaXMudGltZSA9IHRoaXMudGltZVsndmFsdWUnXSA/IHRoaXMudGltZVsndmFsdWUnXSA6IHRoaXMudGltZTtcclxuICAgICAgICB0aGlzLnRpbWVTZWxlY3RlZCA9IG5ldyBEYXRlKHRoaXMudGltZSk7XHJcbiAgICAgIH1lbHNlIHtcclxuICAgICAgICB0aGlzLnRpbWVTZWxlY3RlZCA9IG51bGw7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgLy8gVkQgMDZTZXAyNCBlbWl0IGV4YWN0IHRpbWUgb2JqZWN0XHJcbiAgb25UaW1lQ2hhbmdlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudGltZUNoYW5nZS5lbWl0KGV2ZW50Py52YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gdGltZSBjb21wb25lbnQgLS0+XHJcbjwhLS0gLy8gVkQgMTJKdW4yNCAtIHJlYWRvbmx5IGNoYW5nZS0tPlxyXG48IS0tIFZEIDAxQXVnMjQgLSB2YWxpZGF0aW9uIGNoYW5nZS0tPlxyXG4gIDxwPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIFtjbGFzc109XCJlcnJvciA/ICdpbnZhbGlkJyA6ICcnXCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJ0aW1lU2VsZWN0ZWRcIlxyXG4gICAgICBbb3dsRGF0ZVRpbWVUcmlnZ2VyXT1cImR0MlwiXHJcbiAgICAgIFtvd2xEYXRlVGltZV09XCJkdDJcIlxyXG4gICAgICBwbGFjZWhvbGRlcj1cIkhIOk1NXCJcclxuICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5XCIgXHJcbiAgICAgIHN0eWxlPVwid2lkdGg6IDEwMCU7IGhlaWdodDogMzVweDsgYm9yZGVyOiBub25lOyBib3gtc2hhZG93OiBub25lOyBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NjYztcIlxyXG4gICAgICAoZGF0ZVRpbWVDaGFuZ2UpPVwib25UaW1lQ2hhbmdlKCRldmVudClcIlxyXG4gICAgPlxyXG4gICAgPG93bC1kYXRlLXRpbWUgW3BpY2tlclR5cGVdPVwiJ3RpbWVyJ1wiICNkdDI+PC9vd2wtZGF0ZS10aW1lPlxyXG4gIDwvcD5cclxuICA8c3BhbiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvci1tc2dcIj57e2Vycm9yTWVzc2FnZX19PC9zcGFuPiJdfQ==

package/esm2022/lib/components/dependent-table/dependent-table.component.mjs

@@ -1,42 +1,42 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../services/change.service";
-import * as i2 from "@angular/common";
-export class DependentTableComponent {
-    changeService;
-    alertMessage;
-    ValueLength;
-    Value;
-    errorObj;
-    constructor(changeService) {
-        this.changeService = changeService;
-        this.changeService.changeField$.subscribe((data) => {
-            this.dependentData(data);
-        });
-    }
-    ngOnInit() {
-        this.errorObj = JSON.parse(this.alertMessage);
-    }
-    dependentData(data) {
-        let existingData = data.Permits;
-        if (existingData.length !== 0) {
-            this.ValueLength = true;
-            this.Value = existingData;
-            $("#zoneIcon").css("border", "3px solid rgb(252, 35, 27)");
-        }
-        else {
-            this.ValueLength = false;
-            this.Value = [];
-            $("#zoneIcon").css("border", "3px solid rgb(12, 190, 12)");
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DependentTableComponent, deps: [{ token: i1.ChangeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DependentTableComponent, selector: "app-dependent-table", inputs: { alertMessage: "alertMessage" }, ngImport: i0, template: "<div  class=\"dropdown\" style=\"cursor: pointer;\">\n    <span id=\"zoneIcon\">  \n      <img src=\"./../../../../../assets/images/permit_icons/zone.png\" style=\"height: 35px; margin-left: 0px;\" alt=\"adv-search\">\n    </span>\n    <div class=\"dropdown-content\" style=\"margin-left: -300px; min-width: 415px;\">\n      <div class=\"col-lg-12\">\n        <table class=\"table table-striped table-bordered\">\n          <tbody *ngIf=\"!ValueLength\">\n            <tr>\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(12, 190, 12); text-align: center\">\n                <span><b>{{ errorObj.noPermits }}</b></span>\n                <span>{{ errorObj.noActive }}</span>\n              </td>\n            </tr>\n          </tbody>\n          <tbody id=\"zoneDetails\" *ngIf=\"ValueLength\">\n            <tr>\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(252, 35, 27); text-align: center\">\n                <span><b>{{ errorObj.permits }} ({{Value.length}})</b></span>\n                <span>{{ errorObj.active }}</span>\n              </td>\n            </tr>\n            <tr *ngFor=\"let item of Value\" >\n              <td>\n                <span>{{item?.permit_type}}-{{item?.ref_no}} - {{item?.status}} - {{item?.end_date}}</span>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n    </div>\n    </div>\n  </div>", styles: [".dropdown{margin-top:25px;margin-left:25px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}#zoneIcon{border:3px solid #a59d9d;padding:10px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}@media (max-width: 992px){.dropdown{margin-top:15px;margin-left:0;margin-bottom:15px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DependentTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-dependent-table', template: "<div  class=\"dropdown\" style=\"cursor: pointer;\">\n    <span id=\"zoneIcon\">  \n      <img src=\"./../../../../../assets/images/permit_icons/zone.png\" style=\"height: 35px; margin-left: 0px;\" alt=\"adv-search\">\n    </span>\n    <div class=\"dropdown-content\" style=\"margin-left: -300px; min-width: 415px;\">\n      <div class=\"col-lg-12\">\n        <table class=\"table table-striped table-bordered\">\n          <tbody *ngIf=\"!ValueLength\">\n            <tr>\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(12, 190, 12); text-align: center\">\n                <span><b>{{ errorObj.noPermits }}</b></span>\n                <span>{{ errorObj.noActive }}</span>\n              </td>\n            </tr>\n          </tbody>\n          <tbody id=\"zoneDetails\" *ngIf=\"ValueLength\">\n            <tr>\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(252, 35, 27); text-align: center\">\n                <span><b>{{ errorObj.permits }} ({{Value.length}})</b></span>\n                <span>{{ errorObj.active }}</span>\n              </td>\n            </tr>\n            <tr *ngFor=\"let item of Value\" >\n              <td>\n                <span>{{item?.permit_type}}-{{item?.ref_no}} - {{item?.status}} - {{item?.end_date}}</span>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n    </div>\n    </div>\n  </div>", styles: [".dropdown{margin-top:25px;margin-left:25px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}#zoneIcon{border:3px solid #a59d9d;padding:10px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}@media (max-width: 992px){.dropdown{margin-top:15px;margin-left:0;margin-bottom:15px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ChangeService }]; }, propDecorators: { alertMessage: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwZW5kZW50LXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2RlcGVuZGVudC10YWJsZS9kZXBlbmRlbnQtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvZGVwZW5kZW50LXRhYmxlL2RlcGVuZGVudC10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sdUJBQXVCO0lBUWQ7SUFOWCxZQUFZLENBQUs7SUFFMUIsV0FBVyxDQUFTO0lBQ3BCLEtBQUssQ0FBSztJQUNWLFFBQVEsQ0FBSztJQUViLFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzlDLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFRO1FBQ3BCLElBQUksWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDaEMsSUFBRyxZQUFZLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztZQUMxQixDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNEO2FBQU07WUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNEO0lBQ0osQ0FBQzt1R0E3QlUsdUJBQXVCOzJGQUF2Qix1QkFBdUIscUdDVHBDLHM0Q0ErQlE7OzJGRHRCSyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCO29HQU10QixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY2hhbmdlLnNlcnZpY2UnO1xuZGVjbGFyZSB2YXIgJDogYW55O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGVwZW5kZW50LXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlcGVuZGVudC10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RlcGVuZGVudC10YWJsZS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGVwZW5kZW50VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGFsZXJ0TWVzc2FnZTphbnk7XG5cbiAgVmFsdWVMZW5ndGg6Ym9vbGVhbjtcbiAgVmFsdWU6YW55O1xuICBlcnJvck9iajphbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VTZXJ2aWNlOiBDaGFuZ2VTZXJ2aWNlKSB7IFxuICAgIHRoaXMuY2hhbmdlU2VydmljZS5jaGFuZ2VGaWVsZCQuc3Vic2NyaWJlKChkYXRhKT0+e1xuICAgICAgdGhpcy5kZXBlbmRlbnREYXRhKGRhdGEpO1xuICAgIH0pXG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmVycm9yT2JqID0gSlNPTi5wYXJzZSh0aGlzLmFsZXJ0TWVzc2FnZSk7XG4gIH1cblxuICBkZXBlbmRlbnREYXRhKGRhdGE6YW55KXtcbiAgICBsZXQgZXhpc3RpbmdEYXRhID0gZGF0YS5QZXJtaXRzO1xuICAgIGlmKGV4aXN0aW5nRGF0YS5sZW5ndGggIT09IDApIHtcbiAgICAgIHRoaXMuVmFsdWVMZW5ndGggPSB0cnVlO1xuICAgICAgdGhpcy5WYWx1ZSA9IGV4aXN0aW5nRGF0YTtcbiAgICAgICQoXCIjem9uZUljb25cIikuY3NzKFwiYm9yZGVyXCIsIFwiM3B4IHNvbGlkIHJnYigyNTIsIDM1LCAyNylcIik7XG4gICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLlZhbHVlTGVuZ3RoID0gZmFsc2U7XG4gICAgICB0aGlzLlZhbHVlID0gW107XG4gICAgICAkKFwiI3pvbmVJY29uXCIpLmNzcyhcImJvcmRlclwiLCBcIjNweCBzb2xpZCByZ2IoMTIsIDE5MCwgMTIpXCIpO1xuICAgICB9XG4gIH1cblxufVxuIiwiPGRpdiAgY2xhc3M9XCJkcm9wZG93blwiIHN0eWxlPVwiY3Vyc29yOiBwb2ludGVyO1wiPlxuICAgIDxzcGFuIGlkPVwiem9uZUljb25cIj4gIFxuICAgICAgPGltZyBzcmM9XCIuLy4uLy4uLy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvcGVybWl0X2ljb25zL3pvbmUucG5nXCIgc3R5bGU9XCJoZWlnaHQ6IDM1cHg7IG1hcmdpbi1sZWZ0OiAwcHg7XCIgYWx0PVwiYWR2LXNlYXJjaFwiPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiIHN0eWxlPVwibWFyZ2luLWxlZnQ6IC0zMDBweDsgbWluLXdpZHRoOiA0MTVweDtcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctMTJcIj5cbiAgICAgICAgPHRhYmxlIGNsYXNzPVwidGFibGUgdGFibGUtc3RyaXBlZCB0YWJsZS1ib3JkZXJlZFwiPlxuICAgICAgICAgIDx0Ym9keSAqbmdJZj1cIiFWYWx1ZUxlbmd0aFwiPlxuICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjNcIiBjbGFzcz1cInBlcm1pc3Npb25feWVzXCIgc3R5bGU9XCJjb2xvcjogcmdiKDEyLCAxOTAsIDEyKTsgdGV4dC1hbGlnbjogY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4+PGI+e3sgZXJyb3JPYmoubm9QZXJtaXRzIH19PC9iPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBlcnJvck9iai5ub0FjdGl2ZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgPC90Ym9keT5cbiAgICAgICAgICA8dGJvZHkgaWQ9XCJ6b25lRGV0YWlsc1wiICpuZ0lmPVwiVmFsdWVMZW5ndGhcIj5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgPHRkIGNvbHNwYW49XCIzXCIgY2xhc3M9XCJwZXJtaXNzaW9uX3llc1wiIHN0eWxlPVwiY29sb3I6IHJnYigyNTIsIDM1LCAyNyk7IHRleHQtYWxpZ246IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxzcGFuPjxiPnt7IGVycm9yT2JqLnBlcm1pdHMgfX0gKHt7VmFsdWUubGVuZ3RofX0pPC9iPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBlcnJvck9iai5hY3RpdmUgfX08L3NwYW4+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIFZhbHVlXCIgPlxuICAgICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3tpdGVtPy5wZXJtaXRfdHlwZX19LXt7aXRlbT8ucmVmX25vfX0gLSB7e2l0ZW0/LnN0YXR1c319IC0ge3tpdGVtPy5lbmRfZGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/change.service";
+import * as i2 from "@angular/common";
+export class DependentTableComponent {
+    changeService;
+    alertMessage;
+    ValueLength;
+    Value;
+    errorObj;
+    constructor(changeService) {
+        this.changeService = changeService;
+        this.changeService.changeField$.subscribe((data) => {
+            this.dependentData(data);
+        });
+    }
+    ngOnInit() {
+        this.errorObj = JSON.parse(this.alertMessage);
+    }
+    dependentData(data) {
+        let existingData = data.Permits;
+        if (existingData.length !== 0) {
+            this.ValueLength = true;
+            this.Value = existingData;
+            $("#zoneIcon").css("border", "3px solid rgb(252, 35, 27)");
+        }
+        else {
+            this.ValueLength = false;
+            this.Value = [];
+            $("#zoneIcon").css("border", "3px solid rgb(12, 190, 12)");
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DependentTableComponent, deps: [{ token: i1.ChangeService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DependentTableComponent, selector: "app-dependent-table", inputs: { alertMessage: "alertMessage" }, ngImport: i0, template: "<div  class=\"dropdown\" style=\"cursor: pointer;\">\r\n    <span id=\"zoneIcon\">  \r\n      <img src=\"./../../../../../assets/images/permit_icons/zone.png\" style=\"height: 35px; margin-left: 0px;\" alt=\"adv-search\">\r\n    </span>\r\n    <div class=\"dropdown-content\" style=\"margin-left: -300px; min-width: 415px;\">\r\n      <div class=\"col-lg-12\">\r\n        <table class=\"table table-striped table-bordered\">\r\n          <tbody *ngIf=\"!ValueLength\">\r\n            <tr>\r\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(12, 190, 12); text-align: center\">\r\n                <span><b>{{ errorObj.noPermits }}</b></span>\r\n                <span>{{ errorObj.noActive }}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n          <tbody id=\"zoneDetails\" *ngIf=\"ValueLength\">\r\n            <tr>\r\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(252, 35, 27); text-align: center\">\r\n                <span><b>{{ errorObj.permits }} ({{Value.length}})</b></span>\r\n                <span>{{ errorObj.active }}</span>\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let item of Value\" >\r\n              <td>\r\n                <span>{{item?.permit_type}}-{{item?.ref_no}} - {{item?.status}} - {{item?.end_date}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n    </div>\r\n    </div>\r\n  </div>", styles: [".dropdown{margin-top:25px;margin-left:25px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}#zoneIcon{border:3px solid #a59d9d;padding:10px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}@media (max-width: 992px){.dropdown{margin-top:15px;margin-left:0;margin-bottom:15px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DependentTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dependent-table', template: "<div  class=\"dropdown\" style=\"cursor: pointer;\">\r\n    <span id=\"zoneIcon\">  \r\n      <img src=\"./../../../../../assets/images/permit_icons/zone.png\" style=\"height: 35px; margin-left: 0px;\" alt=\"adv-search\">\r\n    </span>\r\n    <div class=\"dropdown-content\" style=\"margin-left: -300px; min-width: 415px;\">\r\n      <div class=\"col-lg-12\">\r\n        <table class=\"table table-striped table-bordered\">\r\n          <tbody *ngIf=\"!ValueLength\">\r\n            <tr>\r\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(12, 190, 12); text-align: center\">\r\n                <span><b>{{ errorObj.noPermits }}</b></span>\r\n                <span>{{ errorObj.noActive }}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n          <tbody id=\"zoneDetails\" *ngIf=\"ValueLength\">\r\n            <tr>\r\n              <td colspan=\"3\" class=\"permission_yes\" style=\"color: rgb(252, 35, 27); text-align: center\">\r\n                <span><b>{{ errorObj.permits }} ({{Value.length}})</b></span>\r\n                <span>{{ errorObj.active }}</span>\r\n              </td>\r\n            </tr>\r\n            <tr *ngFor=\"let item of Value\" >\r\n              <td>\r\n                <span>{{item?.permit_type}}-{{item?.ref_no}} - {{item?.status}} - {{item?.end_date}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n    </div>\r\n    </div>\r\n  </div>", styles: [".dropdown{margin-top:25px;margin-left:25px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}#zoneIcon{border:3px solid #a59d9d;padding:10px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}@media (max-width: 992px){.dropdown{margin-top:15px;margin-left:0;margin-bottom:15px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ChangeService }]; }, propDecorators: { alertMessage: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwZW5kZW50LXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2RlcGVuZGVudC10YWJsZS9kZXBlbmRlbnQtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvZGVwZW5kZW50LXRhYmxlL2RlcGVuZGVudC10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sdUJBQXVCO0lBUWQ7SUFOWCxZQUFZLENBQUs7SUFFMUIsV0FBVyxDQUFTO0lBQ3BCLEtBQUssQ0FBSztJQUNWLFFBQVEsQ0FBSztJQUViLFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQzlDLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFRO1FBQ3BCLElBQUksWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDaEMsSUFBRyxZQUFZLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztZQUMxQixDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNEO2FBQU07WUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNEO0lBQ0osQ0FBQzt1R0E3QlUsdUJBQXVCOzJGQUF2Qix1QkFBdUIscUdDVHBDLG84Q0ErQlE7OzJGRHRCSyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCO29HQU10QixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENoYW5nZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jaGFuZ2Uuc2VydmljZSc7XHJcbmRlY2xhcmUgdmFyICQ6IGFueTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWRlcGVuZGVudC10YWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RlcGVuZGVudC10YWJsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGVwZW5kZW50LXRhYmxlLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVwZW5kZW50VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBhbGVydE1lc3NhZ2U6YW55O1xyXG5cclxuICBWYWx1ZUxlbmd0aDpib29sZWFuO1xyXG4gIFZhbHVlOmFueTtcclxuICBlcnJvck9iajphbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlU2VydmljZTogQ2hhbmdlU2VydmljZSkgeyBcclxuICAgIHRoaXMuY2hhbmdlU2VydmljZS5jaGFuZ2VGaWVsZCQuc3Vic2NyaWJlKChkYXRhKT0+e1xyXG4gICAgICB0aGlzLmRlcGVuZGVudERhdGEoZGF0YSk7XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmVycm9yT2JqID0gSlNPTi5wYXJzZSh0aGlzLmFsZXJ0TWVzc2FnZSk7XHJcbiAgfVxyXG5cclxuICBkZXBlbmRlbnREYXRhKGRhdGE6YW55KXtcclxuICAgIGxldCBleGlzdGluZ0RhdGEgPSBkYXRhLlBlcm1pdHM7XHJcbiAgICBpZihleGlzdGluZ0RhdGEubGVuZ3RoICE9PSAwKSB7XHJcbiAgICAgIHRoaXMuVmFsdWVMZW5ndGggPSB0cnVlO1xyXG4gICAgICB0aGlzLlZhbHVlID0gZXhpc3RpbmdEYXRhO1xyXG4gICAgICAkKFwiI3pvbmVJY29uXCIpLmNzcyhcImJvcmRlclwiLCBcIjNweCBzb2xpZCByZ2IoMjUyLCAzNSwgMjcpXCIpO1xyXG4gICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuVmFsdWVMZW5ndGggPSBmYWxzZTtcclxuICAgICAgdGhpcy5WYWx1ZSA9IFtdO1xyXG4gICAgICAkKFwiI3pvbmVJY29uXCIpLmNzcyhcImJvcmRlclwiLCBcIjNweCBzb2xpZCByZ2IoMTIsIDE5MCwgMTIpXCIpO1xyXG4gICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgIGNsYXNzPVwiZHJvcGRvd25cIiBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjtcIj5cclxuICAgIDxzcGFuIGlkPVwiem9uZUljb25cIj4gIFxyXG4gICAgICA8aW1nIHNyYz1cIi4vLi4vLi4vLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9wZXJtaXRfaWNvbnMvem9uZS5wbmdcIiBzdHlsZT1cImhlaWdodDogMzVweDsgbWFyZ2luLWxlZnQ6IDBweDtcIiBhbHQ9XCJhZHYtc2VhcmNoXCI+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiIHN0eWxlPVwibWFyZ2luLWxlZnQ6IC0zMDBweDsgbWluLXdpZHRoOiA0MTVweDtcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0xMlwiPlxyXG4gICAgICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlIHRhYmxlLXN0cmlwZWQgdGFibGUtYm9yZGVyZWRcIj5cclxuICAgICAgICAgIDx0Ym9keSAqbmdJZj1cIiFWYWx1ZUxlbmd0aFwiPlxyXG4gICAgICAgICAgICA8dHI+XHJcbiAgICAgICAgICAgICAgPHRkIGNvbHNwYW49XCIzXCIgY2xhc3M9XCJwZXJtaXNzaW9uX3llc1wiIHN0eWxlPVwiY29sb3I6IHJnYigxMiwgMTkwLCAxMik7IHRleHQtYWxpZ246IGNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+PGI+e3sgZXJyb3JPYmoubm9QZXJtaXRzIH19PC9iPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7IGVycm9yT2JqLm5vQWN0aXZlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDwvdHI+XHJcbiAgICAgICAgICA8L3Rib2R5PlxyXG4gICAgICAgICAgPHRib2R5IGlkPVwiem9uZURldGFpbHNcIiAqbmdJZj1cIlZhbHVlTGVuZ3RoXCI+XHJcbiAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjNcIiBjbGFzcz1cInBlcm1pc3Npb25feWVzXCIgc3R5bGU9XCJjb2xvcjogcmdiKDI1MiwgMzUsIDI3KTsgdGV4dC1hbGlnbjogY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj48Yj57eyBlcnJvck9iai5wZXJtaXRzIH19ICh7e1ZhbHVlLmxlbmd0aH19KTwvYj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBlcnJvck9iai5hY3RpdmUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIFZhbHVlXCIgPlxyXG4gICAgICAgICAgICAgIDx0ZD5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7aXRlbT8ucGVybWl0X3R5cGV9fS17e2l0ZW0/LnJlZl9ub319IC0ge3tpdGVtPy5zdGF0dXN9fSAtIHt7aXRlbT8uZW5kX2RhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8L3RyPlxyXG4gICAgICAgICAgPC90Ym9keT5cclxuICAgICAgICA8L3RhYmxlPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=

package/esm2022/lib/components/dropdown-with-flag/dropdown-with-flag.component.mjs

@@ -1,39 +1,39 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../i18n.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@ng-select/ng-select";
-import * as i5 from "../../i18n.pipe";
-export class DropdownWithFlagComponent {
-    i18nService;
-    certified = false;
-    // @Input() getValue:string = '';
-    JobPerformerCertificates = [];
-    flagDropDownChange = new EventEmitter();
-    selectedValue = '';
-    constructor(i18nService) {
-        this.i18nService = i18nService;
-    }
-    ngOnInit() {
-    }
-    ngOnChanges() {
-        this.selectedValue = null;
-    }
-    onJobPerformerCertified(event) {
-        this.flagDropDownChange.emit(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownWithFlagComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DropdownWithFlagComponent, selector: "app-dropdown-with-flag", inputs: { certified: "certified", JobPerformerCertificates: "JobPerformerCertificates" }, outputs: { flagDropDownChange: "flagDropDownChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"she-title\">\n    <label class=\"switch\">\n      <input  class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\n      <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \n      <span class=\"switch-handle\"></span> \n    </label> \n    <!-- HA 19DEC23 For translation -->\n    <ng-select *ngIf=\"certified\"\n      style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \n      [items]=\"JobPerformerCertificates\"\n      [(ngModel)]=\"selectedValue\"\n      (change)=\"onJobPerformerCertified($event)\"\n      placeholder=\"---{{ 'select' | i18n:i18nService.currentLanguage }}---\">\n    </ng-select>\n  </div>   ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#fff);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownWithFlagComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-dropdown-with-flag', template: "<div class=\"she-title\">\n    <label class=\"switch\">\n      <input  class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\n      <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \n      <span class=\"switch-handle\"></span> \n    </label> \n    <!-- HA 19DEC23 For translation -->\n    <ng-select *ngIf=\"certified\"\n      style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \n      [items]=\"JobPerformerCertificates\"\n      [(ngModel)]=\"selectedValue\"\n      (change)=\"onJobPerformerCertified($event)\"\n      placeholder=\"---{{ 'select' | i18n:i18nService.currentLanguage }}---\">\n    </ng-select>\n  </div>   ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#fff);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { certified: [{
-                type: Input
-            }], JobPerformerCertificates: [{
-                type: Input
-            }], flagDropDownChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24td2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXdpdGgtZmxhZy9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24td2l0aC1mbGFnL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPakI7SUFOVixTQUFTLEdBQVUsS0FBSyxDQUFDO0lBQ2xDLGlDQUFpQztJQUN4Qix3QkFBd0IsR0FBVSxFQUFFLENBQUM7SUFDcEMsa0JBQWtCLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDMUUsYUFBYSxHQUFVLEVBQUUsQ0FBQztJQUUxQixZQUFtQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUFJLENBQUM7SUFFaEQsUUFBUTtJQUNSLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQztJQUVELHVCQUF1QixDQUFDLEtBQVM7UUFDOUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO3VHQWpCVSx5QkFBeUI7MkZBQXpCLHlCQUF5QixvT0NUdEMsZ3NCQWNXOzsyRkRMRSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usd0JBQXdCO2tHQUt6QixTQUFTO3NCQUFqQixLQUFLO2dCQUVHLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG4vLyBIQSAxOURFQzIzIGltcG9ydGVkIHRyYW5zbGF0aW9uIHNlcnZpY2VcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaTE4bi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWRyb3Bkb3duLXdpdGgtZmxhZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duV2l0aEZsYWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjZXJ0aWZpZWQ6Ym9vbGVhbj0gZmFsc2U7XG4gIC8vIEBJbnB1dCgpIGdldFZhbHVlOnN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBKb2JQZXJmb3JtZXJDZXJ0aWZpY2F0ZXM6IGFueVtdID0gW107XG4gIEBPdXRwdXQoKSBmbGFnRHJvcERvd25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7IFxuICBzZWxlY3RlZFZhbHVlOnN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpMThuU2VydmljZTogSTE4blNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIG5nT25DaGFuZ2VzKCl7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gbnVsbDtcbiAgfVxuICBcbiAgb25Kb2JQZXJmb3JtZXJDZXJ0aWZpZWQoZXZlbnQ6YW55KXtcbiAgICAgdGhpcy5mbGFnRHJvcERvd25DaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInNoZS10aXRsZVwiPlxuICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaFwiPlxuICAgICAgPGlucHV0ICBjbGFzcz1cInN3aXRjaC1pbnB1dFwiIHR5cGU9XCJjaGVja2JveFwiIGRpc2FibGVkPVwidHJ1ZVwiIFtjaGVja2VkXT1cImNlcnRpZmllZFwiLz5cbiAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWxhYmVsXCIgZGF0YS1vbj1cIkNlcnRpZmllZFwiIGRhdGEtb2ZmPVwiTm90IENlcnRpZmllZFwiPjwvc3Bhbj4gXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1oYW5kbGVcIj48L3NwYW4+IFxuICAgIDwvbGFiZWw+IFxuICAgIDwhLS0gSEEgMTlERUMyMyBGb3IgdHJhbnNsYXRpb24gLS0+XG4gICAgPG5nLXNlbGVjdCAqbmdJZj1cImNlcnRpZmllZFwiXG4gICAgICBzdHlsZT1cIm1hcmdpbi1sZWZ0OiAzNnB4OyB3aWR0aDogMjA1cHg7IG1hcmdpbi1ib3R0b206IDhweDtcIiBcbiAgICAgIFtpdGVtc109XCJKb2JQZXJmb3JtZXJDZXJ0aWZpY2F0ZXNcIlxuICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFZhbHVlXCJcbiAgICAgIChjaGFuZ2UpPVwib25Kb2JQZXJmb3JtZXJDZXJ0aWZpZWQoJGV2ZW50KVwiXG4gICAgICBwbGFjZWhvbGRlcj1cIi0tLXt7ICdzZWxlY3QnIHwgaTE4bjppMThuU2VydmljZS5jdXJyZW50TGFuZ3VhZ2UgfX0tLS1cIj5cbiAgICA8L25nLXNlbGVjdD5cbiAgPC9kaXY+ICAgIl19
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../i18n.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@ng-select/ng-select";
+import * as i5 from "../../i18n.pipe";
+export class DropdownWithFlagComponent {
+    i18nService;
+    certified = false;
+    // @Input() getValue:string = '';
+    JobPerformerCertificates = [];
+    flagDropDownChange = new EventEmitter();
+    selectedValue = '';
+    constructor(i18nService) {
+        this.i18nService = i18nService;
+    }
+    ngOnInit() {
+    }
+    ngOnChanges() {
+        this.selectedValue = null;
+    }
+    onJobPerformerCertified(event) {
+        this.flagDropDownChange.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownWithFlagComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DropdownWithFlagComponent, selector: "app-dropdown-with-flag", inputs: { certified: "certified", JobPerformerCertificates: "JobPerformerCertificates" }, outputs: { flagDropDownChange: "flagDropDownChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"she-title\">\r\n    <label class=\"switch\">\r\n      <input  class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\r\n      <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \r\n      <span class=\"switch-handle\"></span> \r\n    </label> \r\n    <!-- HA 19DEC23 For translation -->\r\n    <ng-select *ngIf=\"certified\"\r\n      style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \r\n      [items]=\"JobPerformerCertificates\"\r\n      [(ngModel)]=\"selectedValue\"\r\n      (change)=\"onJobPerformerCertified($event)\"\r\n      placeholder=\"---{{ 'select' | i18n:i18nService.currentLanguage }}---\">\r\n    </ng-select>\r\n  </div>   ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#fff);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownWithFlagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dropdown-with-flag', template: "<div class=\"she-title\">\r\n    <label class=\"switch\">\r\n      <input  class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\r\n      <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \r\n      <span class=\"switch-handle\"></span> \r\n    </label> \r\n    <!-- HA 19DEC23 For translation -->\r\n    <ng-select *ngIf=\"certified\"\r\n      style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \r\n      [items]=\"JobPerformerCertificates\"\r\n      [(ngModel)]=\"selectedValue\"\r\n      (change)=\"onJobPerformerCertified($event)\"\r\n      placeholder=\"---{{ 'select' | i18n:i18nService.currentLanguage }}---\">\r\n    </ng-select>\r\n  </div>   ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#fff 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#fff);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { certified: [{
+                type: Input
+            }], JobPerformerCertificates: [{
+                type: Input
+            }], flagDropDownChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24td2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXdpdGgtZmxhZy9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24td2l0aC1mbGFnL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPakI7SUFOVixTQUFTLEdBQVUsS0FBSyxDQUFDO0lBQ2xDLGlDQUFpQztJQUN4Qix3QkFBd0IsR0FBVSxFQUFFLENBQUM7SUFDcEMsa0JBQWtCLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDMUUsYUFBYSxHQUFVLEVBQUUsQ0FBQztJQUUxQixZQUFtQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUFJLENBQUM7SUFFaEQsUUFBUTtJQUNSLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQztJQUVELHVCQUF1QixDQUFDLEtBQVM7UUFDOUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO3VHQWpCVSx5QkFBeUI7MkZBQXpCLHlCQUF5QixvT0NUdEMsNHRCQWNXOzsyRkRMRSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usd0JBQXdCO2tHQUt6QixTQUFTO3NCQUFqQixLQUFLO2dCQUVHLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbi8vIEhBIDE5REVDMjMgaW1wb3J0ZWQgdHJhbnNsYXRpb24gc2VydmljZVxyXG5pbXBvcnQgeyBJMThuU2VydmljZSB9IGZyb20gJy4uLy4uL2kxOG4uc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1kcm9wZG93bi13aXRoLWZsYWcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERyb3Bkb3duV2l0aEZsYWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNlcnRpZmllZDpib29sZWFuPSBmYWxzZTtcclxuICAvLyBASW5wdXQoKSBnZXRWYWx1ZTpzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBKb2JQZXJmb3JtZXJDZXJ0aWZpY2F0ZXM6IGFueVtdID0gW107XHJcbiAgQE91dHB1dCgpIGZsYWdEcm9wRG93bkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTsgXHJcbiAgc2VsZWN0ZWRWYWx1ZTpzdHJpbmcgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGkxOG5TZXJ2aWNlOiBJMThuU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICBuZ09uQ2hhbmdlcygpe1xyXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gbnVsbDtcclxuICB9XHJcbiAgXHJcbiAgb25Kb2JQZXJmb3JtZXJDZXJ0aWZpZWQoZXZlbnQ6YW55KXtcclxuICAgICB0aGlzLmZsYWdEcm9wRG93bkNoYW5nZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzaGUtdGl0bGVcIj5cclxuICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaFwiPlxyXG4gICAgICA8aW5wdXQgIGNsYXNzPVwic3dpdGNoLWlucHV0XCIgdHlwZT1cImNoZWNrYm94XCIgZGlzYWJsZWQ9XCJ0cnVlXCIgW2NoZWNrZWRdPVwiY2VydGlmaWVkXCIvPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1sYWJlbFwiIGRhdGEtb249XCJDZXJ0aWZpZWRcIiBkYXRhLW9mZj1cIk5vdCBDZXJ0aWZpZWRcIj48L3NwYW4+IFxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1oYW5kbGVcIj48L3NwYW4+IFxyXG4gICAgPC9sYWJlbD4gXHJcbiAgICA8IS0tIEhBIDE5REVDMjMgRm9yIHRyYW5zbGF0aW9uIC0tPlxyXG4gICAgPG5nLXNlbGVjdCAqbmdJZj1cImNlcnRpZmllZFwiXHJcbiAgICAgIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDM2cHg7IHdpZHRoOiAyMDVweDsgbWFyZ2luLWJvdHRvbTogOHB4O1wiIFxyXG4gICAgICBbaXRlbXNdPVwiSm9iUGVyZm9ybWVyQ2VydGlmaWNhdGVzXCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkpvYlBlcmZvcm1lckNlcnRpZmllZCgkZXZlbnQpXCJcclxuICAgICAgcGxhY2Vob2xkZXI9XCItLS17eyAnc2VsZWN0JyB8IGkxOG46aTE4blNlcnZpY2UuY3VycmVudExhbmd1YWdlIH19LS0tXCI+XHJcbiAgICA8L25nLXNlbGVjdD5cclxuICA8L2Rpdj4gICAiXX0=