@reusa/ngx-reusa-app-lib 0.0.731 → 0.1.731

package/esm2022/lib/components/search-employer/search-employer.component.mjs

@@ -0,0 +1,142 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/questionnaire/validation.service";
+import * as i2 from "@ionic/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "primeng/api";
+import * as i5 from "@angular/forms";
+import * as i6 from "primeng/autocomplete";
+function SearchEmployerComponent_ng_template_2_ion_col_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ion-col", 7)(1, "ion-text");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const employer_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(employer_r1.ficCode);
+} }
+function SearchEmployerComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 2)(2, "ion-text", 3);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "ion-col", 4)(5, "ion-text", 3);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "ion-col", 5)(8, "ion-text");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(10, SearchEmployerComponent_ng_template_2_ion_col_10_Template, 3, 1, "ion-col", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const employer_r1 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(employer_r1.employerName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(employer_r1.addressDisplayVal);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(employer_r1.state.text);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.empType === "FED");
+} }
+const _c0 = () => ({ standalone: true });
+export class SearchEmployerComponent {
+    constructor(validationService) {
+        this.validationService = validationService;
+        this.onFound = new EventEmitter();
+        this.onEmpty = new EventEmitter();
+        this.onChange = (value) => {
+        };
+        this.onTouch = () => {
+        };
+        this.employersBs = new BehaviorSubject(null);
+        this.choice = [];
+        this.radioOptions = [];
+    }
+    ngOnInit() {
+        this.onChange(this.empName);
+    }
+    writeValue(obj) {
+        this.empName = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    ngOnChanges(changes) {
+    }
+    // searchForEmployer(event) {
+    //  this.empService.getEmployersList(event.query)
+    //     .subscribe(response => {
+    //         this.employersBs.next(response);
+    //     });
+    // }
+    searchForEmployer(event) {
+        if (this.empType === 'REG') {
+            this.validationService.get(`/dms-service/employer/reg/search/` + `${event.query}`)
+                .subscribe(response => {
+                this.employersBs.next(response);
+            });
+        }
+        else {
+            this.validationService.get(`/dms-service/employer/fed/search/` + `${event.query}`)
+                .subscribe(response => {
+                this.employersBs.next(response);
+            });
+        }
+    }
+    onSelectAction(event) {
+        this.employersBs.next(null);
+        this.onChange(event.value.employerName);
+        this.empName = event.value.employerName;
+        this.onFound.emit(event.value);
+    }
+    onClearAction(event) {
+        this.onChange(null);
+        this.onEmpty.emit();
+    }
+    manualEnterEmployer() {
+        this.onEmpty.emit();
+    }
+    setEmployerName() {
+        this.onChange(this.empName);
+    }
+    static { this.ɵfac = function SearchEmployerComponent_Factory(t) { return new (t || SearchEmployerComponent)(i0.ɵɵdirectiveInject(i1.ValidationService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchEmployerComponent, selectors: [["app-search-employer"]], inputs: { empType: "empType" }, outputs: { onFound: "onFound", onEmpty: "onEmpty" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: SearchEmployerComponent,
+                    multi: true
+                }]), i0.ɵɵNgOnChangesFeature], decls: 3, vars: 6, consts: [["appendTo", "body", "placeholder", "Start... typing employer's name", "minLength", "3", "emptyMessage", "No Employer(s) Found.", "styleClass", "search-panel", 3, "suggestions", "ngModel", "ngModelOptions", "completeMethod", "onClear", "onSelect", "ngModelChange", "onBlur"], ["pTemplate", "item"], ["size", "4"], [1, "ion-text-wrap", "app-text"], ["size", "5"], ["size", "2", 1, "app-text", "ion-text-wrap"], ["size", "1", "class", "app-text ion-text-wrap", 4, "ngIf"], ["size", "1", 1, "app-text", "ion-text-wrap"]], template: function SearchEmployerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p-autoComplete", 0);
+            i0.ɵɵlistener("completeMethod", function SearchEmployerComponent_Template_p_autoComplete_completeMethod_0_listener($event) { return ctx.searchForEmployer($event); })("onClear", function SearchEmployerComponent_Template_p_autoComplete_onClear_0_listener($event) { return ctx.onClearAction($event); })("onSelect", function SearchEmployerComponent_Template_p_autoComplete_onSelect_0_listener($event) { return ctx.onSelectAction($event); })("ngModelChange", function SearchEmployerComponent_Template_p_autoComplete_ngModelChange_0_listener($event) { return ctx.empName = $event; })("onBlur", function SearchEmployerComponent_Template_p_autoComplete_onBlur_0_listener() { return ctx.setEmployerName(); });
+            i0.ɵɵpipe(1, "async");
+            i0.ɵɵtemplate(2, SearchEmployerComponent_ng_template_2_Template, 11, 4, "ng-template", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("suggestions", i0.ɵɵpipeBind1(1, 3, ctx.employersBs))("ngModel", ctx.empName)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0));
+        } }, dependencies: [i2.IonCol, i2.IonRow, i2.IonText, i3.NgIf, i4.PrimeTemplate, i5.NgControlStatus, i5.NgModel, i6.AutoComplete, i3.AsyncPipe], styles: ["[_nghost-%COMP%]     .p-autocomplete{display:block!important;position:relative!important}[_nghost-%COMP%]     .p-autocomplete-input{width:100%}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchEmployerComponent, [{
+        type: Component,
+        args: [{ selector: 'app-search-employer', providers: [{
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: SearchEmployerComponent,
+                        multi: true
+                    }], template: "\n<p-autoComplete appendTo=\"body\" [suggestions]=\"employersBs | async\" placeholder=\"Start... typing employer's name\"\n  (completeMethod)=\"searchForEmployer($event)\" minLength=3 emptyMessage=\"No Employer(s) Found.\"\n  (onClear)=\"onClearAction($event)\"  (onSelect)=\"onSelectAction($event)\" styleClass=\"search-panel\" [(ngModel)]=\"empName\" \n  [ngModelOptions]=\"{standalone: true}\"\n  (onBlur)=\"setEmployerName()\">\n  <ng-template let-employer pTemplate=\"item\">\n    <ion-row>\n      <ion-col size=\"4\">\n        <ion-text class=\"ion-text-wrap app-text\">{{employer.employerName}}</ion-text>\n      </ion-col>\n      <ion-col size=\"5\">\n        <ion-text class=\"ion-text-wrap app-text\">{{employer.addressDisplayVal}}</ion-text>\n      </ion-col>\n      <ion-col size=\"2\" class=\"app-text ion-text-wrap\">\n        <ion-text>{{employer.state.text}}</ion-text>\n      </ion-col>\n\n      <ion-col size=\"1\" class=\"app-text ion-text-wrap\" *ngIf=\"empType==='FED'\">\n        <ion-text>{{employer.ficCode}}</ion-text>\n      </ion-col>\n      \n\n    </ion-row>\n  </ng-template>\n</p-autoComplete>", styles: [":host ::ng-deep .p-autocomplete{display:block!important;position:relative!important}:host ::ng-deep .p-autocomplete-input{width:100%}\n"] }]
+    }], () => [{ type: i1.ValidationService }], { onFound: [{
+            type: Output
+        }], onEmpty: [{
+            type: Output
+        }], empType: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchEmployerComponent, { className: "SearchEmployerComponent" }); })();
+export class Choices {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWVtcGxveWVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZW1wbG95ZXIvc2VhcmNoLWVtcGxveWVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZW1wbG95ZXIvc2VhcmNoLWVtcGxveWVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7O0lDZ0JqQyxrQ0FBeUUsZUFBQTtJQUM3RCxZQUFvQjtJQUFBLGlCQUFXLEVBQUE7OztJQUEvQixlQUFvQjtJQUFwQix5Q0FBb0I7OztJQVpsQywrQkFBUyxpQkFBQSxrQkFBQTtJQUVvQyxZQUF5QjtJQUFBLGlCQUFXLEVBQUE7SUFFL0Usa0NBQWtCLGtCQUFBO0lBQ3lCLFlBQThCO0lBQUEsaUJBQVcsRUFBQTtJQUVwRixrQ0FBaUQsZUFBQTtJQUNyQyxZQUF1QjtJQUFBLGlCQUFXLEVBQUE7SUFHOUMsZ0dBRVU7SUFHWixpQkFBVTs7OztJQWRtQyxlQUF5QjtJQUF6Qiw4Q0FBeUI7SUFHekIsZUFBOEI7SUFBOUIsbURBQThCO0lBRzdELGVBQXVCO0lBQXZCLDRDQUF1QjtJQUdlLGVBQXFCO0lBQXJCLCtDQUFxQjs7O0FEQzdFLE1BQU0sT0FBTyx1QkFBdUI7SUFzQmxDLFlBQW1CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FB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Six5Q0FJK0I7WUFIN0Isb0lBQWtCLDZCQUF5QixJQUFDLHlHQUNqQyx5QkFBcUIsSUFEWSwyR0FDRywwQkFBc0IsSUFEekIsNklBQUEsaUdBR2xDLHFCQUFpQixJQUhpQjs7WUFJNUMseUZBa0JjO1lBQ2hCLGlCQUFpQjs7WUF4QmUsbUVBQW1DLHdCQUFBLDhDQUFBOzs7aUZEa0J0RCx1QkFBdUI7Y0FYbkMsU0FBUzsyQkFDRSxxQkFBcUIsYUFJcEIsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLHlCQUF5Qjt3QkFDcEMsS0FBSyxFQUFFLElBQUk7cUJBQ1osQ0FBQztrREFJUSxPQUFPO2tCQUFoQixNQUFNO1lBRUcsT0FBTztrQkFBaEIsTUFBTTtZQUVFLE9BQU87a0JBQWYsS0FBSzs7a0ZBTkssdUJBQXVCO0FBMEZwQyxNQUFNLE9BQU8sT0FBTztDQUduQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBFbXBsb3llckRldGFpbFNlYXJjaFJlc3VsdCB9IGZyb20gJy4uLy4uL21vZGVscy9xdWVzdGlvbm5haXJlL0VtcGxveWVyRGV0YWlsU2VhcmNoUmVzdWx0JztcbmltcG9ydCB7IFZhbGlkYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvcXVlc3Rpb25uYWlyZS92YWxpZGF0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgQXV0b0NvbXBsZXRlQ29tcGxldGVFdmVudCwgQXV0b0NvbXBsZXRlU2VsZWN0RXZlbnQgfSBmcm9tICdwcmltZW5nL2F1dG9jb21wbGV0ZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXNlYXJjaC1lbXBsb3llcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtZW1wbG95ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtZW1wbG95ZXIuY29tcG9uZW50LnNjc3MnXSxcblxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IFNlYXJjaEVtcGxveWVyQ29tcG9uZW50LFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaEVtcGxveWVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25DaGFuZ2VzIHtcblxuICBAT3V0cHV0KCkgb25Gb3VuZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgXG4gIEBPdXRwdXQoKSBvbkVtcHR5OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKSBlbXBUeXBlOnN0cmluZztcblxuICBlbXBOYW1lIDogc3RyaW5nO1xuXG4gIHByaXZhdGUgb25DaGFuZ2U6IEZ1bmN0aW9uID0gKHZhbHVlIDogU3RyaW5nKSA9PiB7XG4gIFxuICB9O1xuICBwcml2YXRlIG9uVG91Y2g6IEZ1bmN0aW9uID0gKCkgPT4ge1xuXG4gIH07XG5cbiAgZW1wbG95ZXJzQnM6IEJlaGF2aW9yU3ViamVjdDxFbXBsb3llckRldGFpbFNlYXJjaFJlc3VsdFtdPiA9IG5ldyBCZWhhdmlvclN1YmplY3QobnVsbCk7XG5cbiAgY2hvaWNlIDogQ2hvaWNlc1tdPVtdO1xuICBwdWJsaWMgcmFkaW9PcHRpb25zOiBhbnkgPSBbXTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdmFsaWRhdGlvblNlcnZpY2U6IFZhbGlkYXRpb25TZXJ2aWNlKSB7XG5cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy5lbXBOYW1lKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmVtcE5hbWUgPSBvYmo7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47ICBcbiAgfVxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgXG4gIH1cblxuICAvLyBzZWFyY2hGb3JFbXBsb3llcihldmVudCkge1xuICAvLyAgdGhpcy5lbXBTZXJ2aWNlLmdldEVtcGxveWVyc0xpc3QoZXZlbnQucXVlcnkpXG4gIC8vICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgLy8gICAgICAgICB0aGlzLmVtcGxveWVyc0JzLm5leHQocmVzcG9uc2UpO1xuICAvLyAgICAgfSk7XG4gIC8vIH1cbiBcbiAgc2VhcmNoRm9yRW1wbG95ZXIoZXZlbnQpIHtcbiAgICBpZih0aGlzLmVtcFR5cGU9PT0nUkVHJyl7XG4gICAgdGhpcy52YWxpZGF0aW9uU2VydmljZS5nZXQ8RW1wbG95ZXJEZXRhaWxTZWFyY2hSZXN1bHRbXT4oYC9kbXMtc2VydmljZS9lbXBsb3llci9yZWcvc2VhcmNoL2AgKyBgJHtldmVudC5xdWVyeX1gKVxuICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgdGhpcy5lbXBsb3llcnNCcy5uZXh0KHJlc3BvbnNlKTtcbiAgICAgIH0pO1xuICAgIH1lbHNle1xuICAgICAgdGhpcy52YWxpZGF0aW9uU2VydmljZS5nZXQ8RW1wbG95ZXJEZXRhaWxTZWFyY2hSZXN1bHRbXT4oYC9kbXMtc2VydmljZS9lbXBsb3llci9mZWQvc2VhcmNoL2AgKyBgJHtldmVudC5xdWVyeX1gKVxuICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgdGhpcy5lbXBsb3llcnNCcy5uZXh0KHJlc3BvbnNlKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VsZWN0QWN0aW9uKGV2ZW50OiBBdXRvQ29tcGxldGVTZWxlY3RFdmVudCkge1xuICAgIHRoaXMuZW1wbG95ZXJzQnMubmV4dChudWxsKTtcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50LnZhbHVlLmVtcGxveWVyTmFtZSk7XG4gICAgdGhpcy5lbXBOYW1lID0gZXZlbnQudmFsdWUuZW1wbG95ZXJOYW1lO1xuICAgIHRoaXMub25Gb3VuZC5lbWl0KGV2ZW50LnZhbHVlKTtcbiAgfVxuXG4gIG9uQ2xlYXJBY3Rpb24oZXZlbnQpIHtcbiAgICB0aGlzLm9uQ2hhbmdlKG51bGwpO1xuICAgIHRoaXMub25FbXB0eS5lbWl0KClcbiAgfVxuICBcbiAgbWFudWFsRW50ZXJFbXBsb3llcigpIHtcbiAgICB0aGlzLm9uRW1wdHkuZW1pdCgpXG4gIH1cblxuICBzZXRFbXBsb3llck5hbWUoKXtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuZW1wTmFtZSk7XG4gIH1cbn1cblxuZXhwb3J0IGNsYXNzIENob2ljZXMge1xuICB2YWx1ZT86IHN0cmluZztcbiAgdGV4dD86IHN0cmluZztcbn1cbiIsIlxuPHAtYXV0b0NvbXBsZXRlIGFwcGVuZFRvPVwiYm9keVwiIFtzdWdnZXN0aW9uc109XCJlbXBsb3llcnNCcyB8IGFzeW5jXCIgcGxhY2Vob2xkZXI9XCJTdGFydC4uLiB0eXBpbmcgZW1wbG95ZXIncyBuYW1lXCJcbiAgKGNvbXBsZXRlTWV0aG9kKT1cInNlYXJjaEZvckVtcGxveWVyKCRldmVudClcIiBtaW5MZW5ndGg9MyBlbXB0eU1lc3NhZ2U9XCJObyBFbXBsb3llcihzKSBGb3VuZC5cIlxuICAob25DbGVhcik9XCJvbkNsZWFyQWN0aW9uKCRldmVudClcIiAgKG9uU2VsZWN0KT1cIm9uU2VsZWN0QWN0aW9uKCRldmVudClcIiBzdHlsZUNsYXNzPVwic2VhcmNoLXBhbmVsXCIgWyhuZ01vZGVsKV09XCJlbXBOYW1lXCIgXG4gIFtuZ01vZGVsT3B0aW9uc109XCJ7c3RhbmRhbG9uZTogdHJ1ZX1cIlxuICAob25CbHVyKT1cInNldEVtcGxveWVyTmFtZSgpXCI+XG4gIDxuZy10ZW1wbGF0ZSBsZXQtZW1wbG95ZXIgcFRlbXBsYXRlPVwiaXRlbVwiPlxuICAgIDxpb24tcm93PlxuICAgICAgPGlvbi1jb2wgc2l6ZT1cIjRcIj5cbiAgICAgICAgPGlvbi10ZXh0IGNsYXNzPVwiaW9uLXRleHQtd3JhcCBhcHAtdGV4dFwiPnt7ZW1wbG95ZXIuZW1wbG95ZXJOYW1lfX08L2lvbi10ZXh0PlxuICAgICAgPC9pb24tY29sPlxuICAgICAgPGlvbi1jb2wgc2l6ZT1cIjVcIj5cbiAgICAgICAgPGlvbi10ZXh0IGNsYXNzPVwiaW9uLXRleHQtd3JhcCBhcHAtdGV4dFwiPnt7ZW1wbG95ZXIuYWRkcmVzc0Rpc3BsYXlWYWx9fTwvaW9uLXRleHQ+XG4gICAgICA8L2lvbi1jb2w+XG4gICAgICA8aW9uLWNvbCBzaXplPVwiMlwiIGNsYXNzPVwiYXBwLXRleHQgaW9uLXRleHQtd3JhcFwiPlxuICAgICAgICA8aW9uLXRleHQ+e3tlbXBsb3llci5zdGF0ZS50ZXh0fX08L2lvbi10ZXh0PlxuICAgICAgPC9pb24tY29sPlxuXG4gICAgICA8aW9uLWNvbCBzaXplPVwiMVwiIGNsYXNzPVwiYXBwLXRleHQgaW9uLXRleHQtd3JhcFwiICpuZ0lmPVwiZW1wVHlwZT09PSdGRUQnXCI+XG4gICAgICAgIDxpb24tdGV4dD57e2VtcGxveWVyLmZpY0NvZGV9fTwvaW9uLXRleHQ+XG4gICAgICA8L2lvbi1jb2w+XG4gICAgICBcblxuICAgIDwvaW9uLXJvdz5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvcC1hdXRvQ29tcGxldGU+Il19

package/esm2022/lib/components/select/select.component.mjs

@@ -0,0 +1,154 @@
+import { Component, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR, UntypedFormControl } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { startWith, map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../pipes/filter.pipe";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "ngx-mat-select-search";
+import * as i5 from "@angular/material/select";
+import * as i6 from "@angular/material/core";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/button";
+function SelectComponent_mat_option_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const v_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", v_r2[ctx_r0.key]);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.getDesc(v_r2, ctx_r0.value));
+} }
+function SelectComponent_button_8_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function SelectComponent_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); ctx_r3.dropDown.reset(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(1, "mat-icon");
+    i0.ɵɵtext(2, "close");
+    i0.ɵɵelementEnd()();
+} }
+/**
+ *
+ * @description A wrapper component build on top of mat-select and ngx-mat-select-search to give search functionality to the the dropdown along with close button.
+ * This component can be used with Angular Forms and supports 2 way data binding using ngModel.
+ *
+ * @author Prerak Tiwari
+ */
+export class SelectComponent {
+    constructor(filter) {
+        this.filter = filter;
+        /**
+         * @description set true if select box is required
+         */
+        this.required = false;
+        /**
+         * @description set true if multiple values can be selected
+         */
+        this.multiple = false;
+        this.valuesBs = new BehaviorSubject([]);
+        this.searchCtrl = new UntypedFormControl();
+        this.dropDown = new UntypedFormControl();
+        this.onChange = (value) => {
+        };
+        this.onTouch = () => {
+        };
+        this.dropDown.valueChanges.subscribe(value => this.onChange(value));
+    }
+    ngOnChanges(changes) {
+        if (changes.values && changes.values.currentValue) {
+            this.values = changes.values.currentValue;
+            this.valuesBs.next(this.values);
+        }
+        this.filteredValues = this.searchCtrl
+            .valueChanges
+            .pipe(startWith(''), map(element => element ? this.filter.transform(this.valuesBs.getValue(), element, this.value) : this.valuesBs.getValue().slice()));
+    }
+    writeValue(obj) {
+        this.dropDown.setValue(obj);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    ngOnInit() {
+    }
+    getDesc(object, arg) {
+        if (object) {
+            if (typeof arg === 'string') {
+                return object[arg] ? object[arg] : object[this.key];
+            }
+            else {
+                let values = [];
+                arg.forEach(v => {
+                    values.push(object[v] ? object[v] : '');
+                });
+                return values.join(" ");
+            }
+        }
+    }
+    static { this.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(i0.ɵɵdirectiveInject(i1.FilterPipe)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectComponent, selectors: [["app-select"]], inputs: { values: "values", key: "key", value: "value", label: "label", required: "required", multiple: "multiple" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: SelectComponent,
+                    multi: true
+                }]), i0.ɵɵNgOnChangesFeature], decls: 9, vars: 11, consts: [["appearance", "outline"], [3, "formControl", "required", "multiple"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"], [3, "value", 4, "ngFor", "ngForOf"], ["mat-button", "", "matSuffix", "", "mat-icon-button", "", "aria-label", "Clear", 3, "click", 4, "ngIf"], [3, "value"], ["mat-button", "", "matSuffix", "", "mat-icon-button", "", "aria-label", "Clear", 3, "click"]], template: function SelectComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mat-select", 1)(4, "mat-option");
+            i0.ɵɵelement(5, "ngx-mat-select-search", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, SelectComponent_mat_option_6_Template, 2, 2, "mat-option", 3);
+            i0.ɵɵpipe(7, "async");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(8, SelectComponent_button_8_Template, 3, 0, "button", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.label ? ctx.label : "Select");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControl", ctx.dropDown)("required", ctx.required)("multiple", ctx.multiple);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formControl", ctx.searchCtrl)("placeholderLabel", "Search...")("noEntriesFoundLabel", "Not found");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(7, 9, ctx.filteredValues));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.dropDown.value);
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.MatFormField, i3.MatLabel, i3.MatSuffix, i4.MatSelectSearchComponent, i5.MatSelect, i6.MatOption, i7.NgControlStatus, i7.RequiredValidator, i7.FormControlDirective, i8.MatIcon, i9.MatButton, i9.MatIconButton, i2.AsyncPipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectComponent, [{
+        type: Component,
+        args: [{ selector: 'app-select', providers: [{
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: SelectComponent,
+                        multi: true
+                    }], template: "<mat-form-field appearance=\"outline\">\n    <mat-label>{{label ? label : 'Select'}}</mat-label>\n    <mat-select [formControl]=\"dropDown\" [required]=\"required\" [multiple]='multiple'>\n      <mat-option>\n        <ngx-mat-select-search [formControl]=\"searchCtrl\" [placeholderLabel]=\"'Search...'\"\n          [noEntriesFoundLabel]=\"'Not found'\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let v of filteredValues | async\" [value]=\"v[key]\">{{getDesc(v,value)}}</mat-option>\n    </mat-select>\n    <button mat-button *ngIf=\"dropDown.value\" matSuffix mat-icon-button aria-label=\"Clear\"\n      (click)=\"dropDown.reset(); $event.stopPropagation()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>" }]
+    }], () => [{ type: i1.FilterPipe }], { values: [{
+            type: Input,
+            args: ['values']
+        }], key: [{
+            type: Input,
+            args: ['key']
+        }], value: [{
+            type: Input,
+            args: ['value']
+        }], label: [{
+            type: Input,
+            args: ['label']
+        }], required: [{
+            type: Input,
+            args: ['required']
+        }], multiple: [{
+            type: Input,
+            args: ['multiple']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectComponent, { className: "SelectComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsaUJBQWlCLEVBQXdCLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0YsT0FBTyxFQUFjLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7SUNJMUMscUNBQXNFO0lBQUEsWUFBb0I7SUFBQSxpQkFBYTs7OztJQUFsRCx3Q0FBZ0I7SUFBQyxlQUFvQjtJQUFwQix3REFBb0I7Ozs7SUFFNUYsaUNBQ3VEO0lBQXJELDhKQUFTLHVCQUFnQixTQUFFLGVBQUEsd0JBQXdCLENBQUEsSUFBQztJQUNwRCxnQ0FBVTtJQUFBLHFCQUFLO0lBQUEsaUJBQVcsRUFBQTs7QURMaEM7Ozs7OztHQU1HO0FBWUgsTUFBTSxPQUFPLGVBQWU7SUFzRDFCLFlBQW9CLE1BQW1CO1FBQW5CLFdBQU0sR0FBTixNQUFNLENBQWE7UUE1QnZDOztXQUVHO1FBRUgsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUUzQjs7V0FFRztRQUVILGFBQVEsR0FBYSxLQUFLLENBQUM7UUFFM0IsYUFBUSxHQUE0QixJQUFJLGVBQWUsQ0FBUSxFQUFFLENBQUMsQ0FBQztRQUk1RCxlQUFVLEdBQXdCLElBQUksa0JB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QVpKLGVBQTRCO1lBQTVCLHNEQUE0QjtZQUMzQixlQUF3QjtZQUF4QiwwQ0FBd0IsMEJBQUEsMEJBQUE7WUFFVCxlQUEwQjtZQUExQiw0Q0FBMEIsaUNBQUEsb0NBQUE7WUFHekIsZUFBeUI7WUFBekIsa0VBQXlCO1lBRWpDLGVBQW9CO1lBQXBCLHlDQUFvQjs7O2lGRGUvQixlQUFlO2NBVjNCLFNBQVM7MkJBQ0UsWUFBWSxhQUdYLENBQUM7d0JBQ1YsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsV0FBVyxpQkFBaUI7d0JBQzVCLEtBQUssRUFBRSxJQUFJO3FCQUNaLENBQUM7MkNBUUYsTUFBTTtrQkFETCxLQUFLO21CQUFDLFFBQVE7WUFPZixHQUFHO2tCQURGLEtBQUs7bUJBQUMsS0FBSztZQU9aLEtBQUs7a0JBREosS0FBSzttQkFBQyxPQUFPO1lBT2QsS0FBSztrQkFESixLQUFLO21CQUFDLE9BQU87WUFPZCxRQUFRO2tCQURQLEtBQUs7bUJBQUMsVUFBVTtZQU9qQixRQUFRO2tCQURQLEtBQUs7bUJBQUMsVUFBVTs7a0ZBbkNOLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHN0YXJ0V2l0aCwgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgRmlsdGVyUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL2ZpbHRlci5waXBlJztcblxuLyoqXG4gKiBcbiAqIEBkZXNjcmlwdGlvbiBBIHdyYXBwZXIgY29tcG9uZW50IGJ1aWxkIG9uIHRvcCBvZiBtYXQtc2VsZWN0IGFuZCBuZ3gtbWF0LXNlbGVjdC1zZWFyY2ggdG8gZ2l2ZSBzZWFyY2ggZnVuY3Rpb25hbGl0eSB0byB0aGUgdGhlIGRyb3Bkb3duIGFsb25nIHdpdGggY2xvc2UgYnV0dG9uLlxuICogVGhpcyBjb21wb25lbnQgY2FuIGJlIHVzZWQgd2l0aCBBbmd1bGFyIEZvcm1zIGFuZCBzdXBwb3J0cyAyIHdheSBkYXRhIGJpbmRpbmcgdXNpbmcgbmdNb2RlbC5cbiAqIFxuICogQGF1dGhvciBQcmVyYWsgVGl3YXJpXG4gKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBTZWxlY3RDb21wb25lbnQsXG4gICAgbXVsdGk6IHRydWVcbiAgfV1cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25DaGFuZ2VzIHtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIE9iamVjdCBhcnJheSB1c2luZyB3aGljaCBzZWxlY3QgYm94IG9wdGlvbiBuZWVkcyB0byBiZSBwb3B1bGF0ZWQuXG4gICAqL1xuICBASW5wdXQoJ3ZhbHVlcycpXG4gIHZhbHVlcyA6IGFueVtdO1xuXG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb24gS2V5IG9mIHRoZSBvYmplY3Qgd2hpY2ggbmVlZHMgdG8gYmUgYXNzaWduZWQgdG8gJ3ZhbHVlJyBmaWVsZCBvZiBzZWxlY3QgYm94XG4gICAqL1xuICBASW5wdXQoJ2tleScpXG4gIGtleSA6IHN0cmluZztcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIFZhbHVlKHMpIHdoaWNoIG5lZWRzIHRvIGJlIGRpc3BsYXllZCB0byB1c2VyXG4gICAqL1xuICBASW5wdXQoJ3ZhbHVlJylcbiAgdmFsdWUgOiBzdHJpbmcgfCBzdHJpbmdbXTtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIFNlbGVjdCBib3ggbGFiZWxcbiAgICovXG4gIEBJbnB1dCgnbGFiZWwnKVxuICBsYWJlbCA6IHN0cmluZztcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIHNldCB0cnVlIGlmIHNlbGVjdCBib3ggaXMgcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgncmVxdWlyZWQnKVxuICByZXF1aXJlZCA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIHNldCB0cnVlIGlmIG11bHRpcGxlIHZhbHVlcyBjYW4gYmUgc2VsZWN0ZWRcbiAgICovXG4gIEBJbnB1dCgnbXVsdGlwbGUnKVxuICBtdWx0aXBsZSA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICB2YWx1ZXNCcyA6IEJlaGF2aW9yU3ViamVjdDxhbnlbXT4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGFueVtdPihbXSk7XG5cbiAgcHVibGljIGZpbHRlcmVkVmFsdWVzIDogT2JzZXJ2YWJsZTxbXT47XG5cbiAgcHVibGljIHNlYXJjaEN0cmwgOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCk7XG5cbiAgcHVibGljIGRyb3BEb3duIDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgpO1xuXG4gIHByaXZhdGUgb25DaGFuZ2U6IEZ1bmN0aW9uID0gKHZhbHVlIDogU3RyaW5nKSA9PiB7XG4gIFxuICB9O1xuICBwcml2YXRlIG9uVG91Y2g6IEZ1bmN0aW9uID0gKCkgPT4ge1xuXG4gIH07XG5cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZpbHRlciA6IEZpbHRlclBpcGUpIHsgXG4gICAgdGhpcy5kcm9wRG93bi52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHRoaXMub25DaGFuZ2UodmFsdWUpKVxuICB9XG4gIFxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYoY2hhbmdlcy52YWx1ZXMgJiYgY2hhbmdlcy52YWx1ZXMuY3VycmVudFZhbHVlKXtcbiAgICAgIHRoaXMudmFsdWVzID0gY2hhbmdlcy52YWx1ZXMuY3VycmVudFZhbHVlO1xuICAgICAgdGhpcy52YWx1ZXNCcy5uZXh0KHRoaXMudmFsdWVzKTtcbiAgICB9XG4gICAgdGhpcy5maWx0ZXJlZFZhbHVlcyA9IHRoaXMuc2VhcmNoQ3RybFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAudmFsdWVDaGFuZ2VzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydFdpdGgoJycpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXAoZWxlbWVudCA9PiBlbGVtZW50ID8gdGhpcy5maWx0ZXIudHJhbnNmb3JtKHRoaXMudmFsdWVzQnMuZ2V0VmFsdWUoKSwgZWxlbWVudCwgdGhpcy52YWx1ZSkgOiB0aGlzLnZhbHVlc0JzLmdldFZhbHVlKCkuc2xpY2UoKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3BEb3duLnNldFZhbHVlKG9iaik7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuOyAgXG4gIH1cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgXG4gIH1cblxuICBnZXREZXNjKG9iamVjdCA6IGFueSwgYXJnIDogc3RyaW5nIHwgc3RyaW5nW10pe1xuICAgIGlmKG9iamVjdCl7XG4gICAgICBpZih0eXBlb2YgYXJnID09PSAnc3RyaW5nJyl7XG4gICAgICAgIHJldHVybiBvYmplY3RbYXJnXSA/IG9iamVjdFthcmddIDogb2JqZWN0W3RoaXMua2V5XTtcbiAgICAgIH1lbHNle1xuICAgICAgICBsZXQgdmFsdWVzID0gW107XG4gICAgICAgIGFyZy5mb3JFYWNoKFxuICAgICAgICAgIHYgPT4ge1xuICAgICAgICAgICAgdmFsdWVzLnB1c2gob2JqZWN0W3ZdID8gb2JqZWN0W3ZdIDogJycpO1xuICAgICAgICAgIH1cbiAgICAgICAgKTtcbiAgICAgICAgcmV0dXJuIHZhbHVlcy5qb2luKFwiIFwiKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgIDxtYXQtbGFiZWw+e3tsYWJlbCA/IGxhYmVsIDogJ1NlbGVjdCd9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtc2VsZWN0IFtmb3JtQ29udHJvbF09XCJkcm9wRG93blwiIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiIFttdWx0aXBsZV09J211bHRpcGxlJz5cbiAgICAgIDxtYXQtb3B0aW9uPlxuICAgICAgICA8bmd4LW1hdC1zZWxlY3Qtc2VhcmNoIFtmb3JtQ29udHJvbF09XCJzZWFyY2hDdHJsXCIgW3BsYWNlaG9sZGVyTGFiZWxdPVwiJ1NlYXJjaC4uLidcIlxuICAgICAgICAgIFtub0VudHJpZXNGb3VuZExhYmVsXT1cIidOb3QgZm91bmQnXCI+PC9uZ3gtbWF0LXNlbGVjdC1zZWFyY2g+XG4gICAgICA8L21hdC1vcHRpb24+XG4gICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgdiBvZiBmaWx0ZXJlZFZhbHVlcyB8IGFzeW5jXCIgW3ZhbHVlXT1cInZba2V5XVwiPnt7Z2V0RGVzYyh2LHZhbHVlKX19PC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LXNlbGVjdD5cbiAgICA8YnV0dG9uIG1hdC1idXR0b24gKm5nSWY9XCJkcm9wRG93bi52YWx1ZVwiIG1hdFN1ZmZpeCBtYXQtaWNvbi1idXR0b24gYXJpYS1sYWJlbD1cIkNsZWFyXCJcbiAgICAgIChjbGljayk9XCJkcm9wRG93bi5yZXNldCgpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbWF0LWZvcm0tZmllbGQ+Il19

package/esm2022/lib/components/ssn/ssn.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/inplace";
+import * as i2 from "primeng/button";
+export class SsnComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    formatSsn(ssn) {
+        if (ssn.length == 9) {
+            return ssn.substr(0, 3) + '-' + ssn.substr(3, 2) + '-' + ssn.substr(5, 4);
+        }
+        else {
+            return ssn;
+        }
+    }
+    maskSsn(ssn) {
+        return 'XXX-XX-' + (ssn.length == 9 ? ssn.substr(5, 4) : ssn.substr(7, 4));
+    }
+    static { this.ɵfac = function SsnComponent_Factory(t) { return new (t || SsnComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SsnComponent, selectors: [["app-ssn"]], inputs: { ssn: "ssn" }, decls: 6, vars: 2, consts: [["closable", "true", "closeIcon", "pi pi-eye-slash"], ["pInplaceDisplay", ""], ["pButton", "", "type", "button", "icon", "pi pi-eye"], ["pInplaceContent", ""]], template: function SsnComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p-inplace", 0)(1, "span", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵelement(3, "button", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 3);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.maskSsn(ctx.ssn), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1(" ", ctx.formatSsn(ctx.ssn), " ");
+        } }, dependencies: [i1.Inplace, i2.ButtonDirective], styles: ["button.ui-button[_ngcontent-%COMP%]{background-color:var(--ion-color-medium)!important;border:1px solid white!important;font-size:x-small}[_nghost-%COMP%]     p-inplace .p-button.p-button-icon-only{height:1.75rem!important;width:1.75rem!important}[_nghost-%COMP%]     p-inplace .p-button{background-color:var(--ion-color-medium)!important;border:1px solid white!important;font-size:x-small}[_nghost-%COMP%]     p-inplace .pi{font-size:1rem!important}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SsnComponent, [{
+        type: Component,
+        args: [{ selector: 'app-ssn', template: "<p-inplace closable=\"true\" closeIcon=\"pi pi-eye-slash\">\n    <span pInplaceDisplay>\n        {{maskSsn(ssn)}}\n        <button pButton type=\"button\" icon=\"pi pi-eye\" ></button>\n    </span>\n    <span pInplaceContent>\n        {{formatSsn(ssn)}}\n    </span>\n</p-inplace>", styles: ["button.ui-button{background-color:var(--ion-color-medium)!important;border:1px solid white!important;font-size:x-small}:host ::ng-deep p-inplace .p-button.p-button-icon-only{height:1.75rem!important;width:1.75rem!important}:host ::ng-deep p-inplace .p-button{background-color:var(--ion-color-medium)!important;border:1px solid white!important;font-size:x-small}:host ::ng-deep p-inplace .pi{font-size:1rem!important}\n"] }]
+    }], () => [], { ssn: [{
+            type: Input,
+            args: ['ssn']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SsnComponent, { className: "SsnComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3NuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zc24vc3NuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zc24vc3NuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxZQUFZO0lBS3ZCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsU0FBUyxDQUFDLEdBQVk7UUFDcEIsSUFBRyxHQUFHLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBQztZQUNqQixPQUFPLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUE7U0FDMUU7YUFBTTtZQUNMLE9BQU8sR0FBRyxDQUFDO1NBQ1o7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVk7UUFDbEIsT0FBTyxTQUFTLEdBQUcsQ0FBQyxHQUFHLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0UsQ0FBQzs2RUFwQlUsWUFBWTtvRUFBWixZQUFZO1lDUHpCLG9DQUF1RCxjQUFBO1lBRS9DLFlBQ0E7WUFBQSw0QkFBeUQ7WUFDN0QsaUJBQU87WUFDUCwrQkFBc0I7WUFDbEIsWUFDSjtZQUFBLGlCQUFPLEVBQUE7O1lBTEgsZUFDQTtZQURBLHFEQUNBO1lBR0EsZUFDSjtZQURJLHVEQUNKOzs7aUZEQVMsWUFBWTtjQUx4QixTQUFTOzJCQUNFLFNBQVM7b0JBT25CLEdBQUc7a0JBREYsS0FBSzttQkFBQyxLQUFLOztrRkFGRCxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zc24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3NuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3NuLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU3NuQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoJ3NzbicpIFxuICBzc24gOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIGZvcm1hdFNzbihzc24gOiBzdHJpbmcpe1xuICAgIGlmKHNzbi5sZW5ndGggPT0gOSl7XG4gICAgICByZXR1cm4gc3NuLnN1YnN0cigwLCAzKSArICctJyArIHNzbi5zdWJzdHIoMywgMikgKyAnLScgKyBzc24uc3Vic3RyKDUsIDQpXG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBzc247XG4gICAgfVxuICB9XG5cbiAgbWFza1Nzbihzc24gOiBzdHJpbmcpe1xuICAgIHJldHVybiAnWFhYLVhYLScgKyAoc3NuLmxlbmd0aCA9PSA5ID8gc3NuLnN1YnN0cig1LCA0KSA6IHNzbi5zdWJzdHIoNywgNCkpO1xuICB9XG59XG4iLCI8cC1pbnBsYWNlIGNsb3NhYmxlPVwidHJ1ZVwiIGNsb3NlSWNvbj1cInBpIHBpLWV5ZS1zbGFzaFwiPlxuICAgIDxzcGFuIHBJbnBsYWNlRGlzcGxheT5cbiAgICAgICAge3ttYXNrU3NuKHNzbil9fVxuICAgICAgICA8YnV0dG9uIHBCdXR0b24gdHlwZT1cImJ1dHRvblwiIGljb249XCJwaSBwaS1leWVcIiA+PC9idXR0b24+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIHBJbnBsYWNlQ29udGVudD5cbiAgICAgICAge3tmb3JtYXRTc24oc3NuKX19XG4gICAgPC9zcGFuPlxuPC9wLWlucGxhY2U+Il19

package/esm2022/lib/components/ssn-reverify/ssn-reverify.component.mjs

@@ -0,0 +1,151 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { AppRegex } from '../../validations/AppRegex';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@ionic/angular";
+import * as i3 from "primeng/api";
+import * as i4 from "primeng/dialog";
+import * as i5 from "primeng/inputtext";
+import * as i6 from "primeng/calendar";
+import * as i7 from "../error/error.component";
+import * as i8 from "@ngx-translate/core";
+const _c0 = ["ssnReverifyFormDirective"];
+const _c1 = () => ({ width: "50vw" });
+const _c2 = () => ({ "960px": "60vw", "640px": "100vw" });
+const _c3 = () => ({ required: "Required.", pattern: "Please enter only letters" });
+const _c4 = () => ({ required: "required" });
+export class SsnReverifyComponent {
+    constructor(formbuilder) {
+        this.formbuilder = formbuilder;
+        this.onSuccess = new EventEmitter();
+        this.onClose = new EventEmitter();
+    }
+    ngOnInit() {
+        this.form = this.formbuilder.group({
+            'firstNameSsCard': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.NAME_REGEX)])],
+            'lastNameSsCard': [null, Validators.compose([Validators.required, Validators.pattern(AppRegex.NAME_REGEX)])],
+            'dateOfBirth': [null, Validators.required]
+        });
+        if (this.inputData != null) {
+            this.firstNameSsCard.patchValue(this.inputData.firstNameSsCard);
+            this.lastNameSsCard.patchValue(this.inputData.lastNameSsCard);
+            this.dateOfBirth.patchValue(this.inputData.dateOfBirth);
+        }
+    }
+    get firstNameSsCard() {
+        return this.form.controls['firstNameSsCard'];
+    }
+    get lastNameSsCard() {
+        return this.form.controls['lastNameSsCard'];
+    }
+    get dateOfBirth() {
+        return this.form.controls['dateOfBirth'];
+    }
+    redirectToLink() {
+        this.onSuccess.emit(this.form.value);
+    }
+    dateInput(event) {
+        let currentValue = event.srcElement.value;
+        if (currentValue) {
+            if (currentValue.length == 2 && currentValue.charAt(2) != '/') {
+                event.target.value = currentValue + "/";
+            }
+            if (currentValue.length == 5 && currentValue.charAt(5) != '/') {
+                event.target.value = currentValue + "/";
+            }
+        }
+    }
+    close() {
+        this.onClose.emit();
+    }
+    static { this.ɵfac = function SsnReverifyComponent_Factory(t) { return new (t || SsnReverifyComponent)(i0.ɵɵdirectiveInject(i1.UntypedFormBuilder)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SsnReverifyComponent, selectors: [["app-ssn-reverify"]], viewQuery: function SsnReverifyComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ssnReverifyFormDirective = _t.first);
+        } }, inputs: { inputData: "inputData" }, outputs: { onSuccess: "onSuccess", onClose: "onClose" }, decls: 50, vars: 39, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], [2, "margin-bottom", "0px", "margin-left", "0px", "margin-top", "6px", 3, "formGroup"], ["ssnReverifyFormDirective", "ngForm"], ["size", "12", 1, "ion-padding"], [1, "p-fluid", "p-formgrid"], [1, "field"], [1, "heading", "ion-padding-left"], [2, "padding", "0px"], ["for", "firstNameSsCard"], ["id", "firstNameSsCard", "type", "text", "pInputText", "", "maxlength", "30", 3, "formControl"], [3, "field", "form", "errDef"], ["size", "1"], ["for", "lastNameSsCard"], ["id", "lastNameSsCard", "type", "text", "pInputText", "", "maxlength", "30", 3, "formControl"], ["for", "dateOfBirth"], ["inputId", "dateOfBirth", "appendTo", "body", "yearRange", "1901:2050", "dateFormat", "mm/dd/yy", "placeholder", "mm/dd/yyyy", "dataType", "string", 3, "showIcon", "formControl", "yearNavigator", "showOnFocus", "onInput"], [1, "ion-text-right"], ["shape", "round", "type", "button", "color", "primary", "fill", "outline", 3, "click"], ["shape", "round", "type", "submit", "color", "primary", 3, "click"]], template: function SsnReverifyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p-dialog", 0)(1, "form", 1, 2)(3, "ion-grid")(4, "ion-row")(5, "ion-col", 3)(6, "div", 4)(7, "div", 5)(8, "h4", 6);
+            i0.ɵɵtext(9, " Your SSN Verification did not succeed. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "p");
+            i0.ɵɵtext(11, " If there is any discrepancy, please correct the details below. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "ion-row")(13, "ion-col", 7)(14, "div", 5)(15, "label", 8);
+            i0.ɵɵtext(16);
+            i0.ɵɵpipe(17, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(18, "br")(19, "input", 9)(20, "br")(21, "app-error", 10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(22, "ion-col", 11);
+            i0.ɵɵelementStart(23, "ion-col", 7)(24, "div", 5)(25, "label", 12);
+            i0.ɵɵtext(26);
+            i0.ɵɵpipe(27, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(28, "br")(29, "input", 13)(30, "br")(31, "app-error", 10);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(32, "ion-row")(33, "ion-col", 7)(34, "div", 5)(35, "label", 14);
+            i0.ɵɵtext(36);
+            i0.ɵɵpipe(37, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(38, "br");
+            i0.ɵɵelementStart(39, "p-calendar", 15);
+            i0.ɵɵlistener("onInput", function SsnReverifyComponent_Template_p_calendar_onInput_39_listener($event) { return ctx.dateInput($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(40, "app-error", 10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(41, "ion-col", 11)(42, "ion-col", 7);
+            i0.ɵɵelementEnd()()()()()();
+            i0.ɵɵelementStart(43, "p-footer")(44, "div")(45, "div", 16)(46, "ion-button", 17);
+            i0.ɵɵlistener("click", function SsnReverifyComponent_Template_ion_button_click_46_listener() { return ctx.close(); });
+            i0.ɵɵtext(47, "Close");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(48, "ion-button", 18);
+            i0.ɵɵlistener("click", function SsnReverifyComponent_Template_ion_button_click_48_listener() { return ctx.redirectToLink(); });
+            i0.ɵɵtext(49, "Submit");
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            const _r0 = i0.ɵɵreference(2);
+            i0.ɵɵstyleMap(i0.ɵɵpureFunction0(34, _c1));
+            i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(35, _c2));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.form);
+            i0.ɵɵadvance(15);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 28, "First Name"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("formControl", ctx.firstNameSsCard);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap("app-grid");
+            i0.ɵɵproperty("field", ctx.firstNameSsCard)("form", _r0)("errDef", i0.ɵɵpureFunction0(36, _c3));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(27, 30, "Last Name"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("formControl", ctx.lastNameSsCard);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap("app-grid");
+            i0.ɵɵproperty("field", ctx.lastNameSsCard)("form", _r0)("errDef", i0.ɵɵpureFunction0(37, _c3));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(37, 32, "Date of Birth"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("showIcon", true)("formControl", ctx.dateOfBirth)("yearNavigator", true)("showOnFocus", false);
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassMap("app-grid");
+            i0.ɵɵproperty("field", ctx.dateOfBirth)("form", _r0)("errDef", i0.ɵɵpureFunction0(38, _c4));
+        } }, dependencies: [i2.IonButton, i2.IonCol, i2.IonGrid, i2.IonRow, i3.Footer, i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.MaxLengthValidator, i1.FormControlDirective, i1.FormGroupDirective, i4.Dialog, i5.InputText, i6.Calendar, i7.ErrorComponent, i8.TranslatePipe] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SsnReverifyComponent, [{
+        type: Component,
+        args: [{ selector: 'app-ssn-reverify', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\" [breakpoints]=\"{'960px': '60vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" position=\"top\">\n    <form [formGroup]=\"form\" #ssnReverifyFormDirective=\"ngForm\" style=\"margin-bottom: 0px; margin-left: 0px; margin-top: 6px;\">\n        <ion-grid>\n            <ion-row>\n              <ion-col class=\"ion-padding\" size=\"12\">\n                <div class=\"p-fluid p-formgrid\">\n                    <div class=\"field\">\n                        <h4 class=\"heading ion-padding-left\">\n                            Your SSN Verification did not succeed.\n                         </h4>\n                        <p>\n                        If there is any discrepancy, please correct the details below.\n                        </p>\n                    </div>\n                    <ion-row>\n                    <ion-col style=\"padding: 0px;\">\n                        <div class=\"field\">\n                            <label for=\"firstNameSsCard\">{{'First Name' | translate}}</label><br/>\n                            <input id=\"firstNameSsCard\" type=\"text\" pInputText [formControl]=\"firstNameSsCard\" maxlength=\"30\"/>  \n                            <br/>\n                            <app-error [class]=\"'app-grid'\" [field]='firstNameSsCard' [form]=\"ssnReverifyFormDirective\"\n                                [errDef]=\"{ \n                                    required: 'Required.',\n                                    pattern: 'Please enter only letters'\n                                }\"></app-error>                 \n                        </div>\n                    </ion-col>\n                    <ion-col size=\"1\"></ion-col>\n                    <ion-col style=\"padding: 0px;\">\n                        <div class=\"field\">\n                            <label for=\"lastNameSsCard\">{{'Last Name' | translate}}</label><br/>\n                            <input id=\"lastNameSsCard\" type=\"text\" pInputText [formControl]=\"lastNameSsCard\" maxlength=\"30\"/>  \n                            <br/>\n                            <app-error [class]=\"'app-grid'\" [field]='lastNameSsCard' [form]=\"ssnReverifyFormDirective\"\n                                [errDef]=\"{ \n                                    required: 'Required.',\n                                    pattern: 'Please enter only letters'\n                                }\"></app-error>                 \n                        </div>\n                    </ion-col>\n                    </ion-row>\n                    <ion-row>\n                        <ion-col style=\"padding: 0px;\">\n                            <div class=\"field\">\n                                <label for=\"dateOfBirth\">{{'Date of Birth' | translate}}</label><br/>\n                                <p-calendar [showIcon]=\"true\" inputId=\"dateOfBirth\" [formControl]=\"dateOfBirth\" [yearNavigator]=\"true\" \n                                    appendTo=\"body\"  yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" \n                                    dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\n                                </p-calendar>\n                                <app-error [class]=\"'app-grid'\" [field]='dateOfBirth' [form]=\"ssnReverifyFormDirective\"\n                                    [errDef]=\"{ \n                                    required: 'required'\n                                }\"></app-error>                 \n                            </div>\n                        </ion-col>\n                        <ion-col size=\"1\"></ion-col>\n                        <ion-col style=\"padding: 0px;\"></ion-col>\n                    </ion-row>          \n                </div>\n              </ion-col>\n            </ion-row>        \n        </ion-grid>\n    </form>\n        \n\n    <p-footer >\n        <div>\n            <div class=\"ion-text-right\">\n                <ion-button shape=\"round\" type=\"button\"  color=\"primary\" fill=\"outline\" (click)=\"close()\">Close</ion-button>\n                <ion-button shape=\"round\" type=\"submit\"  color=\"primary\" (click)=\"redirectToLink()\">Submit</ion-button>\n            </div>\n        </div>\n    </p-footer>\n</p-dialog>\n" }]
+    }], () => [{ type: i1.UntypedFormBuilder }], { inputData: [{
+            type: Input
+        }], onSuccess: [{
+            type: Output
+        }], onClose: [{
+            type: Output
+        }], ssnReverifyFormDirective: [{
+            type: ViewChild,
+            args: ['ssnReverifyFormDirective', { static: false }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SsnReverifyComponent, { className: "SsnReverifyComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3NuLXJldmVyaWZ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zc24tcmV2ZXJpZnkvc3NuLXJldmVyaWZ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy9zc24tcmV2ZXJpZnkvc3NuLXJldmVyaWZ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFpQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUF5RixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuSSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7Ozs7Ozs7OztBQU90RCxNQUFNLE9BQU8sb0JBQW9CO0lBSS9CLFlBQW1CLFdBQStCO1FBQS9CLGdCQUFXLEdBQVgsV0FBVyxDQUFvQjtRQU1sRCxjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHbEQsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBVE0sQ0FBQztJQWdCdkQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDakMsaUJBQWlCLEVBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVHLGdCQUFnQixFQUFDLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMs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QUFTLFdBQU8sSUFBQztZQUFDLHNCQUFLO1lBQUEsaUJBQWE7WUFDNUcsdUNBQW9GO1lBQTNCLHNHQUFTLG9CQUFnQixJQUFDO1lBQUMsdUJBQU07WUFBQSxpQkFBYSxFQUFBLEVBQUEsRUFBQSxFQUFBOzs7WUFyRWIsMENBQXlCO1lBQTdFLHlEQUFtRDtZQUMvRixlQUFrQjtZQUFsQixvQ0FBa0I7WUFnQjZCLGdCQUE0QjtZQUE1QiwwREFBNEI7WUFDTixlQUErQjtZQUEvQixpREFBK0I7WUFFdkUsZUFBb0I7WUFBcEIseUJBQW9CO1lBQUMsMkNBQXlCLGFBQUEsdUNBQUE7WUFVN0IsZUFBMkI7WUFBM0IseURBQTJCO1lBQ0wsZUFBOEI7WUFBOUIsZ0RBQThCO1lBRXJFLGVBQW9CO1lBQXBCLHlCQUFvQjtZQUFDLDBDQUF3QixhQUFBLHVDQUFBO1lBVzNCLGVBQStCO1lBQS9CLDZEQUErQjtZQUM1QyxlQUFpQjtZQUFqQiwrQkFBaUIsZ0NBQUEsdUJBQUEsc0JBQUE7WUFJbEIsZUFBb0I7WUFBcEIseUJBQW9CO1lBQUMsdUNBQXFCLGFBQUEsdUNBQUE7OztpRkR2Q3hFLG9CQUFvQjtjQUxoQyxTQUFTOzJCQUNFLGtCQUFrQjttREFXNUIsU0FBUztrQkFEUixLQUFLO1lBSU4sU0FBUztrQkFEUixNQUFNO1lBSVAsT0FBTztrQkFETixNQUFNO1lBSUEsd0JBQXdCO2tCQUQ5QixTQUFTO21CQUFDLDBCQUEwQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTs7a0ZBZjdDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdGb3JtLCBOR19WQUxVRV9BQ0NFU1NPUiwgVW50eXBlZEZvcm1CdWlsZGVyLCBVbnR5cGVkRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3NhVmVyaWZpY2F0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvU3NhVmVyaWZpY2F0aW9uTW9kZWwnO1xuaW1wb3J0IHsgQXBwUmVnZXggfSBmcm9tICcuLi8uLi92YWxpZGF0aW9ucy9BcHBSZWdleCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zc24tcmV2ZXJpZnknLFxuICB0ZW1wbGF0ZVVybDogJy4vc3NuLXJldmVyaWZ5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3NuLXJldmVyaWZ5LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTc25SZXZlcmlmeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgXG5cbiAgY29uc3RydWN0b3IocHVibGljIGZvcm1idWlsZGVyOiBVbnR5cGVkRm9ybUJ1aWxkZXIpIHsgfVxuICBcbiAgQElucHV0KClcbiAgaW5wdXREYXRhIDogU3NhVmVyaWZpY2F0aW9uTW9kZWw7XG5cbiAgQE91dHB1dCgpIFxuICBvblN1Y2Nlc3M6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKSBcbiAgb25DbG9zZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQFZpZXdDaGlsZCgnc3NuUmV2ZXJpZnlGb3JtRGlyZWN0aXZlJywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHB1YmxpYyBzc25SZXZlcmlmeUZvcm1EaXJlY3RpdmU6IE5nRm9ybTtcblxuICBwdWJsaWMgZm9ybTogVW50eXBlZEZvcm1Hcm91cDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZvcm1idWlsZGVyLmdyb3VwKHtcbiAgICAgICdmaXJzdE5hbWVTc0NhcmQnOltudWxsLCBWYWxpZGF0b3JzLmNvbXBvc2UoW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMucGF0dGVybihBcHBSZWdleC5OQU1FX1JFR0VYKV0pXSxcbiAgICAgICdsYXN0TmFtZVNzQ2FyZCc6W251bGwsIFZhbGlkYXRvcnMuY29tcG9zZShbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5wYXR0ZXJuKEFwcFJlZ2V4Lk5BTUVfUkVHRVgpXSldLFxuICAgICAgJ2RhdGVPZkJpcnRoJzpbbnVsbCwgVmFsaWRhdG9ycy5yZXF1aXJlZF1cbiAgICB9KTtcblxuICAgIGlmKHRoaXMuaW5wdXREYXRhICE9IG51bGwpe1xuICAgICAgdGhpcy5maXJzdE5hbWVTc0NhcmQucGF0Y2hWYWx1ZSh0aGlzLmlucHV0RGF0YS5maXJzdE5hbWVTc0NhcmQpO1xuICAgICAgdGhpcy5sYXN0TmFtZVNzQ2FyZC5wYXRjaFZhbHVlKHRoaXMuaW5wdXREYXRhLmxhc3ROYW1lU3NDYXJkKTtcbiAgICAgIHRoaXMuZGF0ZU9mQmlydGgucGF0Y2hWYWx1ZSh0aGlzLmlucHV0RGF0YS5kYXRlT2ZCaXJ0aCk7XG4gICAgfVxuICAgIFxuICB9XG5cbiAgZ2V0IGZpcnN0TmFtZVNzQ2FyZCgpe1xuICAgIHJldHVybiB0aGlzLmZvcm0uY29udHJvbHNbJ2ZpcnN0TmFtZVNzQ2FyZCddO1xuICB9XG5cbiAgZ2V0IGxhc3ROYW1lU3NDYXJkKCl7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5jb250cm9sc1snbGFzdE5hbWVTc0NhcmQnXTtcbiAgfVxuXG4gIGdldCBkYXRlT2ZCaXJ0aCgpe1xuICAgIHJldHVybiB0aGlzLmZvcm0uY29udHJvbHNbJ2RhdGVPZkJpcnRoJ107XG4gIH1cblxuICByZWRpcmVjdFRvTGluaygpe1xuICAgIHRoaXMub25TdWNjZXNzLmVtaXQodGhpcy5mb3JtLnZhbHVlKTtcbiAgfVxuXG4gIGRhdGVJbnB1dChldmVudCl7XG4gICAgbGV0IGN1cnJlbnRWYWx1ZSA6IHN0cmluZyA9IGV2ZW50LnNyY0VsZW1lbnQudmFsdWU7XG4gICAgaWYoY3VycmVudFZhbHVlKXtcbiAgICAgICAgaWYoY3VycmVudFZhbHVlLmxlbmd0aCA9PSAyICYmIGN1cnJlbnRWYWx1ZS5jaGFyQXQoMikgIT0gJy8nKXtcbiAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9IGN1cnJlbnRWYWx1ZSArIFwiL1wiO1xuICAgICAgICB9XG4gICAgICAgIGlmKGN1cnJlbnRWYWx1ZS5sZW5ndGggPT0gNSAmJiBjdXJyZW50VmFsdWUuY2hhckF0KDUpICE9ICcvJyl7XG4gICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPSBjdXJyZW50VmFsdWUgKyBcIi9cIjtcbiAgICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNsb3NlKCl7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPHAtZGlhbG9nIHZpc2libGU9XCJ0cnVlXCIgbW9kYWw9XCJ0cnVlXCIgYXBwZW5kVG89XCJib2R5XCIgW2JyZWFrcG9pbnRzXT1cInsnOTYwcHgnOiAnNjB2dycsICc2NDBweCc6ICcxMDB2dyd9XCIgW3N0eWxlXT1cInt3aWR0aDogJzUwdncnfVwiIHBvc2l0aW9uPVwidG9wXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgI3NzblJldmVyaWZ5Rm9ybURpcmVjdGl2ZT1cIm5nRm9ybVwiIHN0eWxlPVwibWFyZ2luLWJvdHRvbTogMHB4OyBtYXJnaW4tbGVmdDogMHB4OyBtYXJnaW4tdG9wOiA2cHg7XCI+XG4gICAgICAgIDxpb24tZ3JpZD5cbiAgICAgICAgICAgIDxpb24tcm93PlxuICAgICAgICAgICAgICA8aW9uLWNvbCBjbGFzcz1cImlvbi1wYWRkaW5nXCIgc2l6ZT1cIjEyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInAtZmx1aWQgcC1mb3JtZ3JpZFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmllbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxoNCBjbGFzcz1cImhlYWRpbmcgaW9uLXBhZGRpbmctbGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFlvdXIgU1NOIFZlcmlmaWNhdGlvbiBkaWQgbm90IHN1Y2NlZWQuXG4gICAgICAgICAgICAgICAgICAgICAgICAgPC9oND5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgICAgICAgICAgSWYgdGhlcmUgaXMgYW55IGRpc2NyZXBhbmN5LCBwbGVhc2UgY29ycmVjdCB0aGUgZGV0YWlscyBiZWxvdy5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxpb24tcm93PlxuICAgICAgICAgICAgICAgICAgICA8aW9uLWNvbCBzdHlsZT1cInBhZGRpbmc6IDBweDtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWVsZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJmaXJzdE5hbWVTc0NhcmRcIj57eydGaXJzdCBOYW1lJyB8IHRyYW5zbGF0ZX19PC9sYWJlbD48YnIvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBpZD1cImZpcnN0TmFtZVNzQ2FyZFwiIHR5cGU9XCJ0ZXh0XCIgcElucHV0VGV4dCBbZm9ybUNvbnRyb2xdPVwiZmlyc3ROYW1lU3NDYXJkXCIgbWF4bGVuZ3RoPVwiMzBcIi8+ICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnIvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtZXJyb3IgW2NsYXNzXT1cIidhcHAtZ3JpZCdcIiBbZmllbGRdPSdmaXJzdE5hbWVTc0NhcmQnIFtmb3JtXT1cInNzblJldmVyaWZ5Rm9ybURpcmVjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtlcnJEZWZdPVwieyBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkOiAnUmVxdWlyZWQuJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhdHRlcm46ICdQbGVhc2UgZW50ZXIgb25seSBsZXR0ZXJzJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCI+PC9hcHAtZXJyb3I+ICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2lvbi1jb2w+XG4gICAgICAgICAgICAgICAgICAgIDxpb24tY29sIHNpemU9XCIxXCI+PC9pb24tY29sPlxuICAgICAgICAgICAgICAgICAgICA8aW9uLWNvbCBzdHlsZT1cInBhZGRpbmc6IDBweDtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWVsZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJsYXN0TmFtZVNzQ2FyZFwiPnt7J0xhc3QgTmFtZScgfCB0cmFuc2xhdGV9fTwvbGFiZWw+PGJyLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgaWQ9XCJsYXN0TmFtZVNzQ2FyZFwiIHR5cGU9XCJ0ZXh0XCIgcElucHV0VGV4dCBbZm9ybUNvbnRyb2xdPVwibGFzdE5hbWVTc0NhcmRcIiBtYXhsZW5ndGg9XCIzMFwiLz4gIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxici8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1lcnJvciBbY2xhc3NdPVwiJ2FwcC1ncmlkJ1wiIFtmaWVsZF09J2xhc3ROYW1lU3NDYXJkJyBbZm9ybV09XCJzc25SZXZlcmlmeUZvcm1EaXJlY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZXJyRGVmXT1cInsgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXF1aXJlZDogJ1JlcXVpcmVkLicsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYXR0ZXJuOiAnUGxlYXNlIGVudGVyIG9ubHkgbGV0dGVycydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVwiPjwvYXBwLWVycm9yPiAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9pb24tY29sPlxuICAgICAgICAgICAgICAgICAgICA8L2lvbi1yb3c+XG4gICAgICAgICAgICAgICAgICAgIDxpb24tcm93PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1jb2wgc3R5bGU9XCJwYWRkaW5nOiAwcHg7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpZWxkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJkYXRlT2ZCaXJ0aFwiPnt7J0RhdGUgb2YgQmlydGgnIHwgdHJhbnNsYXRlfX08L2xhYmVsPjxici8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwLWNhbGVuZGFyIFtzaG93SWNvbl09XCJ0cnVlXCIgaW5wdXRJZD1cImRhdGVPZkJpcnRoXCIgW2Zvcm1Db250cm9sXT1cImRhdGVPZkJpcnRoXCIgW3llYXJOYXZpZ2F0b3JdPVwidHJ1ZVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCIgIHllYXJSYW5nZT1cIjE5MDE6MjA1MFwiIGRhdGVGb3JtYXQ9XCJtbS9kZC95eVwiIHBsYWNlaG9sZGVyPVwibW0vZGQveXl5eVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YVR5cGU9XCJzdHJpbmdcIiBbc2hvd09uRm9jdXNdPVwiZmFsc2VcIiAob25JbnB1dCk9XCJkYXRlSW5wdXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3AtY2FsZW5kYXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtZXJyb3IgW2NsYXNzXT1cIidhcHAtZ3JpZCdcIiBbZmllbGRdPSdkYXRlT2ZCaXJ0aCcgW2Zvcm1dPVwic3NuUmV2ZXJpZnlGb3JtRGlyZWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtlcnJEZWZdPVwieyBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkOiAncmVxdWlyZWQnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cIj48L2FwcC1lcnJvcj4gICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9pb24tY29sPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1jb2wgc2l6ZT1cIjFcIj48L2lvbi1jb2w+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWNvbCBzdHlsZT1cInBhZGRpbmc6IDBweDtcIj48L2lvbi1jb2w+XG4gICAgICAgICAgICAgICAgICAgIDwvaW9uLXJvdz4gICAgICAgICAgXG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvaW9uLWNvbD5cbiAgICAgICAgICAgIDwvaW9uLXJvdz4gICAgICAgIFxuICAgICAgICA8L2lvbi1ncmlkPlxuICAgIDwvZm9ybT5cbiAgICAgICAgXG5cbiAgICA8cC1mb290ZXIgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlvbi10ZXh0LXJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgPGlvbi1idXR0b24gc2hhcGU9XCJyb3VuZFwiIHR5cGU9XCJidXR0b25cIiAgY29sb3I9XCJwcmltYXJ5XCIgZmlsbD1cIm91dGxpbmVcIiAoY2xpY2spPVwiY2xvc2UoKVwiPkNsb3NlPC9pb24tYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxpb24tYnV0dG9uIHNoYXBlPVwicm91bmRcIiB0eXBlPVwic3VibWl0XCIgIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJyZWRpcmVjdFRvTGluaygpXCI+U3VibWl0PC9pb24tYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvcC1mb290ZXI+XG48L3AtZGlhbG9nPlxuIl19

package/esm2022/lib/components/test/test.component.mjs

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = function TestComponent_Factory(t) { return new (t || TestComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestComponent, selectors: [["app-test"]], decls: 2, vars: 0, template: function TestComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "p");
+            i0.ɵɵtext(1, "test works!");
+            i0.ɵɵelementEnd();
+        } } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestComponent, [{
+        type: Component,
+        args: [{ selector: 'app-test', template: "<p>test works!</p>\n" }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestComponent, { className: "TestComponent" }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmV1c2EtYXBwLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdGVzdC90ZXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZXVzYS1hcHAtbGliL3NyYy9saWIvY29tcG9uZW50cy90ZXN0L3Rlc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLGFBQWE7SUFFeEIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7OEVBTFUsYUFBYTtvRUFBYixhQUFhO1lDUDFCLHlCQUFHO1lBQUEsMkJBQVc7WUFBQSxpQkFBSTs7O2lGRE9MLGFBQWE7Y0FMekIsU0FBUzsyQkFDRSxVQUFVOztrRkFJVCxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXRlc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Rlc3QuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRlc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPHA+dGVzdCB3b3JrcyE8L3A+XG4iXX0=