{"__symbolic":"module","version":4,"metadata":{"DhwaniMaterialTempFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"DhwaniMaterialTempFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-dhwani-material-temp-form","template":"\n    <p>\n      dhwani-material-temp-form works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DhwaniMaterialTempFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DhwaniMaterialTempFormComponent"}],"imports":[{"__symbolic":"reference","name":"TempFormsModule"},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"DhwaniMaterialTempFormComponent"},{"__symbolic":"reference","name":"TempFormsModule"}],"providers":[{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","name":"TranslationService"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"DhwaniMaterialTempFormModule"},"providers":[{"__symbolic":"reference","name":"TempModuleService"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}},{"__symbolic":"reference","name":"TranslationService"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}},{"__symbolic":"reference","name":"AuthService"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"FormTranslateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-form-translate","providers":[{"__symbolic":"reference","name":"TempModuleService"}],"template":"<!-- <div class=\"row mb-2\">\n    <div class=\"col-sm-12\">\n            <a [routerLink]=\"['/manage-form/forms']\"><i class=\"fas fa-chevron-circle-left\"></i></a>\n             {{project_name}} /\n            Translations\n    </div>\n</div> -->\n<!-- Back navigation [filters]=\"filters\" (handleFilters)=\"hideFilters($event)\" -->\n<!-- <app-global-navigation-handler [projectName]=\"project_name\" [suffix]=\"'Translations'\" -->\n<!-- <app-global-navigation-handler [projectName]=\"project_name\" [suffix]=\"'Translations'\"\n    [specificPath]=\"'/manage-form/forms'\" (backNavigation)=\"handleBackNavi($event);\">\n</app-global-navigation-handler> -->\n\n<div class=\"card p-2 mb-2\">\n    <!--[disabled]=\"formLanguages.includes(language?.code)\"-->\n    <!-- <div class=\"row\">\n        <div class=\"col-sm-4\">\n            <form [formGroup]=\"helperForm\">\n                <mat-form-field class=\"w-100\">\n                    <mat-select formControlName=\"language\" (selectionChange)=\"languageSelectHandler($event)\"\n                        placeholder=\"Choose Language to translate\" multiple>\n\n                        <mat-option *ngFor=\"let language of languages\"\n                            [style.color]=\"formLanguages.includes(language?.code)?'green':'black'\" [value]=\"language\">\n                            {{language.name}}</mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </form>\n        </div>\n    </div> -->\n    <em>* Translation done into these languages: <span style=\"color: green\">{{translatedLanguages}}</span></em>\n    <em class=\"mt-2\">* Translation not done into these languages: <span>{{nonTranslatedLanguages}}</span></em>\n    \n    <em class=\"mt-4 mb-2\">* Instructions for Translation Excel Upload:</em>\n    <em class=\"mt-1\" *ngFor=\"let instruction of instructionsList; let i = index\">{{i+1}}.  {{instruction}}</em>\n</div>\n<!-- <div class=\"card\"> -->\n\n<div class=\"mt-3\">\n    <div class=\"card-body\" style=\"padding: 0;\">\n\n        <!-- <mat-tab-group [selectedIndex]=\"selected.value\" (selectedIndexChange)=\"selected.setValue($event)\">\n            <mat-tab class=\"row w-100 \" *ngFor=\"let tab of helperForm.value.language ; let index = index\"\n                [label]=\"'English->'+tab.name\">\n                <div class=\"col-sm-12\">\n                    <div class=\"row\">\n                        <div class=\"col-sm-6\">\n                            <div class=\"row mt-2 mx-1\">\n                                <h4 class=\"mx-auto\">English</h4>\n                                <button mat-stroked-button (click)=\"CopyOriginalText()\"> Copy to clipboard</button>\n                            </div>\n                            <div class=\"row mt-2\">\n                                <mat-form-field *ngFor=\"let string of tab.translationString | keyvalue;let index=index\"\n                                    class=\"col-sm-12\">\n                                    <textarea readonly [id]=\"'tabe-'+tab.code+index\" matInput\n                                        [value]=\"string.key\">{{string}}</textarea>\n                                </mat-form-field>\n                            </div>\n                        </div>\n                        <div class=\"col-sm-6\">\n                            <div class=\"row mt-2 mb-3\">\n                                <button mat-stroked-button *ngIf=\"hasConsentQuestion()\"\n                                    (click)=\"translateConsentClickHandler(tab)\">Translate Consent\n                                    in {{tab?.name}} </button>\n\n                                <h4 class=\"mx-auto\">{{tab?.name}}</h4>\n                                <button mat-stroked-button (click)=\"pasteAllText(tab)\">Paste</button>\n\n                            </div>\n                            <div class=\"row mt-2\">\n                                <mat-form-field *ngFor=\"let string of tab.translationString | keyvalue;let index=index\"\n                                    class=\"col-sm-12\">\n                                    <textarea (change)=\"textAreaChangeHandler(tab,string,$event)\" matInput\n                                        (paste)=\"checkForPaste()\" [id]=\"'tabl-'+tab.code+index\" [value]=\"string?.value\"\n                                        placeholder=\"Paste translation here\"></textarea>\n                                </mat-form-field>\n                            </div>\n                            <div class=\"row mb-3\">\n                                <div class=\"col-sm-4\">\n                                    <button mat-flat-button color=\"primary\" #submitT\n                                        (click)=\"submitTranslation(tab,submitT)\">\n                                        Submit\n                                        Translation for {{tab?.name}}\n                                    </button>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </mat-tab>\n        </mat-tab-group> -->\n\n        <a #donwload target=\"_blank\"></a>\n        <div class=\"row no-gutters align-items-center\">\n            <!-- <em>* Download the format for translation</em> -->\n            <div class=\"col-12 col-sm pr-sm-2 pr-0 mb-sm-0 mb-2 card flexBox\">\n                <button class=\"btn btn-primary\" (click)=\"downloadTranslationFormat();\">\n                    <i class=\"fas fa-download\"></i>\n                    Download\n                </button>\n            </div>\n            <div class=\"progressBar pt-15pc\">\n                <mat-progress-spinner class=\"example-margin\" color=\"primary\" mode=\"indeterminate\" value=\"50\"\n                    *ngIf=\"progressBar\" style=\"z-index: 9999 !important;\">\n                </mat-progress-spinner>\n            </div>\n            <div class=\"col-12 col-sm pr-sm-2 pr-0 mb-sm-0 mb-2 ml-2 card flexBox\">\n                <div class=\"upload-btn-wrapper\">\n                    <button class=\"btn btn-primary\" style=\"cursor: pointer;\">\n                        <i class=\"fas fa-upload\"></i>\n                        Upload a file</button>\n                    <input type=\"file\" name=\"myfile\" #fileUpload id=\"fileUpload\" accept=\".xlsx\"\n                        (change)=\"onSelectFile($event);\" />\n                </div>\n                <span *ngIf=\"showErrorMessage\" class=\"error\">\n                    <em class=\"mt-4\">Error: {{errorMessage}}</em>\n                </span>\n                <!-- <br><br><br><br><br><br><br><br><br><br> -->\n                <!-- <button class=\"btn btn-primary\" (click)=\"openFileUpload();\">\n                    <i class=\"fas fa-upload\"></i>\n                    Upload\n                </button> -->\n            </div>\n        </div>\n    </div>\n</div>","styles":[".flexBox{height:300px;justify-content:center;align-items:center;display:flex}.upload-btn-wrapper{position:absolute;overflow:hidden;display:inline-block}.btn{border:2px solid #3e8beb;color:#fff;background-color:#3e8beb;padding:8px 20px;border-radius:8px;font-size:20px;font-weight:700}.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}.error{margin-bottom:-120px;color:red}.progressBar{top:50%;left:50%;position:absolute}"]}]}],"members":{"donwloadAnchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["donwload"]}]}],"fileUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["fileUpload"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":56,"character":37},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":57,"character":24},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":58,"character":25},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":59,"character":23},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":60,"character":23},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","name":"TranslationService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getFormStringDetails":[{"__symbolic":"method"}],"languageSelectHandler":[{"__symbolic":"method"}],"getFormDetails":[{"__symbolic":"method"}],"getLanguages":[{"__symbolic":"method"}],"concateLanguage":[{"__symbolic":"method"}],"hasConsentQuestion":[{"__symbolic":"method"}],"CopyOriginalText":[{"__symbolic":"method"}],"translateConsentClickHandler":[{"__symbolic":"method"}],"pasteAllText":[{"__symbolic":"method"}],"submitTranslation":[{"__symbolic":"method"}],"checkForPaste":[{"__symbolic":"method"}],"textAreaChangeHandler":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"handlerError":[{"__symbolic":"method"}],"handleBackNavi":[{"__symbolic":"method"}],"downloadTranslationFormat":[{"__symbolic":"method"}],"onSelectFile":[{"__symbolic":"method"}],"openFileUpload":[{"__symbolic":"method"}]}},"TranslateRoues":[{"path":"","component":{"__symbolic":"reference","name":"FormTranslateComponent"}}],"FormTranslateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":65,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":68,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":69,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":70,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":71,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":72,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":73,"character":8},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":74,"character":8},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":75,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":76,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":77,"character":8},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":78,"character":8},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":79,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":80,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":81,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":82,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":83,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":84,"character":8},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":85,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":86,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":87,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":88,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":89,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":91,"character":8},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"TranslateRoues"}]},{"__symbolic":"reference","module":"ngx-editor","name":"NgxEditorModule","line":92,"character":8}],"declarations":[{"__symbolic":"reference","name":"FormTranslateComponent"}],"entryComponents":[{"__symbolic":"reference","module":"dhwani-material-library","name":"SnackBarComponent","line":95,"character":22},{"__symbolic":"reference","name":"ConsentTranslateDialogComponent"}]}]}],"members":{}},"AuthService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":37},"arguments":["env"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http","line":15,"character":30},null]}],"setHttpHeaders":[{"__symbolic":"method"}],"setHttpBasicHeaders":[{"__symbolic":"method"}],"setHeaders":[{"__symbolic":"method"}],"setHeadersWithBody":[{"__symbolic":"method"}],"setHeadersWithFormId":[{"__symbolic":"method"}],"setCustomHeaders":[{"__symbolic":"method"}],"setBasicHeaders":[{"__symbolic":"method"}],"getToken":[{"__symbolic":"method"}],"getProject":[{"__symbolic":"method"}],"downloadCSVWithDate":[{"__symbolic":"method"}],"downloadCSVWithDateSurveyor":[{"__symbolic":"method"}],"bulkImageDownload":[{"__symbolic":"method"}],"downloadCSVFormDataWithCustomFilters":[{"__symbolic":"method"}],"getHttpClientParams":[{"__symbolic":"method"}],"shouldAddProjectId":[{"__symbolic":"method"}],"setServetelHeaders":[{"__symbolic":"method"}],"setServetelGetAgentHeaders":[{"__symbolic":"method"}],"setHttpHeadersFormData":[{"__symbolic":"method"}]}},"TempModuleService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":["env"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":25,"character":28},{"__symbolic":"reference","module":"@angular/http","name":"Http","line":26,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":27,"character":24},{"__symbolic":"reference","name":"AuthService"},null]}],"copyForms":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"getForms":[{"__symbolic":"method"}],"getProjects":[{"__symbolic":"method"}],"getFormDetails":[{"__symbolic":"method"}],"mapSurveyorForms":[{"__symbolic":"method"}],"setEnglishLanguageToZeroIndex":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"handlehttpError":[{"__symbolic":"method"}],"downloadCSVOfForm":[{"__symbolic":"method"}],"getTempForms":[{"__symbolic":"method"}],"deleteForm":[{"__symbolic":"method"}],"setViewSequence":[{"__symbolic":"method"}],"getIndicatorStatus":[{"__symbolic":"method"}],"uploadTos3":[{"__symbolic":"method"}],"getImageUrl":[{"__symbolic":"method"}],"fetchConsentText":[{"__symbolic":"method"}],"publishForms":[{"__symbolic":"method"}]}},"TranslationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getForm":[{"__symbolic":"method"}],"setFormId":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":9},"arguments":["env"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":31,"character":36},{"__symbolic":"reference","module":"@angular/http","name":"Http","line":31,"character":62},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":31,"character":84},{"__symbolic":"reference","name":"AuthService"},null]}],"getFormStringDetails":[{"__symbolic":"method"}],"updateQuestionText":[{"__symbolic":"method"}],"getFormDetails":[{"__symbolic":"method"}],"getLanguages":[{"__symbolic":"method"}],"updateLanguages":[{"__symbolic":"method"}],"getPublishedQuestionText":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"getTranslationFormat":[{"__symbolic":"method"}],"uploadTranslationData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ConsentTranslateDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-consent-translate-dialog","template":"<div class=\"row mb-3\">\n    <div class=\"col-sm-6\" style=\"max-height: 500px;overflow-y: scroll\">\n        <h4>Consent In English</h4>\n        <hr>\n        <div id=\"append-old-consent\"></div>\n\n    </div>\n\n    <div class=\"col-sm-6\" style=\"max-height: 500px;overflow-y: scroll\">\n        <h4>Consent In {{data?.language?.name}}</h4>\n        <hr>\n        <!-- <app-ngx-editor style=\"max-height: 400px;overflow-y: scroll\" [editable]=\"true\" class=\"col-sm-12\"\n            [formControl]=\"newLanguageConsentControl\" minHeight=\"200px\" [placeholder]=\"'Type consent check here'\"\n            [spellcheck]=\"true\">\n        </app-ngx-editor> -->\n        <div class=\"invisible-input-cont\">\n            <input #quillFile type=\"file\" accept=\"image/*\" (change)=\"quillFileSelected($event)\">\n        </div>\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <quill-editor #meQuill id=\"editor\" [modules]=\"editorModules\"\n                        [style]=\"{height:'200px', width: '100%'}\" placeholder=\"Type consent check here\"\n                        [formControl]=\"newLanguageConsentControl\" (onEditorCreated)=\"getMeEditorInstance($event)\">\n                    </quill-editor>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions class=\"justify-content-end\">\n    <button mat-flat-button class=\"mr-2\" color=\"primary\" (click)=\"copyRawHTML()\">\n        Copy Raw HTML\n    </button>\n    <button mat-stroked-button class=\"mr-2\" color=\"warn\" mat-dialog-close>Cancel</button>\n    <button mat-stroked-button color=\"primary\" (click)=\"consentSubmitClickHandler()\">Add</button>\n</div>","styles":[".invisible-input-cont{width:0;height:0;visibility:hidden}.custom-loader{position:fixed;z-index:9999;top:50%;left:50%}"]}]}],"members":{"quillFileRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["quillFile"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":64,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":60,"character":25},{"__symbolic":"reference","name":"TranslationService"},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ConsentTranslateDialogComponent"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"getMeEditorInstance":[{"__symbolic":"method"}],"customImageUpload":[{"__symbolic":"method"}],"quillFileSelected":[{"__symbolic":"method"}],"setDocuments":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"fetchResourceUrlText":[{"__symbolic":"method"}],"consentSubmitClickHandler":[{"__symbolic":"method"}],"copyRawHTML":[{"__symbolic":"method"}]}},"ConsentTranslateDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ConsentTranslateDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":8},{"__symbolic":"reference","module":"ngx-editor","name":"NgxEditorModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":18,"character":8},{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":19,"character":8}]}]}],"members":{}},"FileUploadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-file-upload","providers":[{"__symbolic":"reference","name":"TempModuleService"}],"template":"<!-- \n<div mat-dialog-content class=\"content-width\">\n  <div class=\"form-row mt-4\">\n    <ng-container [formGroup]=\"parentForm\">\n      <div class=\"row\">\n        <mat-form-field style=\"display: none\">\n          <input matInput formControlName=\"{{fileUploadId}}\" value=\"files\">\n            </mat-form-field>\n            <div class=\"col-sm-12\">\n            <div class=\"dropzone\" fileDragDrop (filesChangeEmiter)=\"onFilesChange($event)\">\n              <div class=\"text-wrapper\">\n                <div class=\"centered\">\n                  <input type=\"file\" name=\"file\" id=\"filedrag\" (change)=\"onFilesChange($event.target.files)\">\n                  <label for=\"file\"><strong class=\"textLink\" (click)=\"selectFile()\">Select your file</strong> or Drop it here!</label>\n                  </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-sm-12 divContainer\">\n        <div>\n          <mat-list>\n            <mat-list-item class=\"fileListItem\"\n              *ngFor=\"let i of fileList;let ind = index\" >\n              <i class=\"{{getFileExtension(i)}} mr-2\" style=\"color:#5cb85c;\" aria-hidden=\"true\"></i> {{i.name}}\n              <a href=\"{{imageUrl}}\" download target=\"_blank\"><i align=\"end\" class=\"fa fa-download ml-2\"></i></a>\n              <i align=\"end\" class=\"fileListItemIconTrash fa fa-trash ml-2 pointer-hand\" style=\"color:#3e8beb\" (click)=\"deleteFile(ind);\"></i><br/>\n          <a href=\"{{imageUrl}}\" download target=\"_blank\" *ngIf=\"mimeType\">\n          <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" class=\"ml-5 shadow\" height=\"50\" width=\"100\">\n          </a>\n            </mat-list-item>\n          </mat-list>\n        </div>\n      </div>\n      </div>\n    </ng-container>\n  </div>\n\n</div>\n<hr style=\"margin-bottom: 0 !important\">\n<div mat-dialog-actions class=\"action-btn\">\n  <button class=\"ml-2\" mat-flat-button color=\"accent\" (click)=\"closeLockDialog()\">CLOSE</button>\n  <button class=\"ml-2\" mat-flat-button color=\"primary\" (click)=\"downloadBulkUpload()\">DOWNLOAD</button>\n</div> -->\n\n<h1 class=\"mat-dialog-title\" mat-dialog-title=\"Upload documents\">Upload Documents</h1>\n\n<div class=\" mb-4 d-none\">\n  <!-- <mat-radio-group aria-label=\"Select an option\" color=\"primary\">\n    <mat-radio-button *ngFor=\"let option of uploadOptions\" [checked]=\"option?.checked\" (change)=\"uploadTypeChange($event)\">\n      {{option?.name}}\n    </mat-radio-button>\n  </mat-radio-group> -->\n\n  <mat-radio-group aria-label=\"Select an option\">\n    <mat-radio-button class=\"mr-2\" color=\"primary\" *ngFor=\"let option of uploadOptions\" value=\"{{option?.value}}\"\n      [checked]=\"option.checked\" (change)=\"uploadTypeChange($event)\">\n      {{option?.name}}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n<mat-tab-group [selectedIndex]=\"selectedTab\" (selectedIndexChange)=\"changeTab($event)\">\n  <mat-tab *ngFor=\"let tab of tabs; let index = index\" [label]=\"tab\">\n  <div *ngIf=\"selectedTab==0\" class=\"mt-5\">\n<div class=\"dropzone\" fileDragDrop (filesChangeEmiter)=\"onFilesChange($event)\">\n  <input type=\"file\" #fileDropRef id=\"fileDropRef\" [multiple]=\"data?.multipleSelect\"\n    (change)=\"onFilesChange($event.target.files)\" [accept]=\"data?.acceptedValues\" />\n  <img src=\"..//../../../assets/images/upload-64.png\" />\n\n  <h3>Drop your file here</h3>\n  <h3>or</h3>\n  <label for=\"fileDropRef\">Browse for file</label>\n</div>\n\n<!-- <div class=\"files-list\">\n  <div class=\"single-file\" *ngFor=\"let file of files; let i = index\">\n    <div class=\"file-icon\" style=\"width: 50px\">\n      <i class=\"{{getFileExtension(i)}} mr-2\" style=\"color:#5cb85c;\" aria-hidden=\"true\"></i>\n    </div>\n    <div class=\"info\">\n      <h4 class=\"name\">\n        {{ file?.name }}\n      </h4>\n      <p class=\"size\">\n        {{ formatBytes(file?.size) }}\n      </p>\n    </div>\n\n    <div class=\"action-icon\">\n      <a href=\"{{imageUrl}}\" download target=\"_blank\" style=\"margin-top: -2px;\">\n        <i class=\"fa fa-download\"></i>\n      </a>\n      <i class=\"fa fa-trash pointer ml-3 delete\" (click)=\"deleteFile(i);\"></i>\n    </div>\n  </div>\n</div> -->\n\n<div class=\"col-sm-12 divContainer list-file-height\">\n  <div>\n    <mat-list>\n      <mat-list-item class=\"fileListItem mt-2\" *ngFor=\"let i of fileList;let ind = index\" hover-class=\"shadow\">\n        <i class=\"{{getFileExtension(i)}} mr-2\" style=\"color:#5cb85c;\" aria-hidden=\"true\"></i> <ng-container *ngIf=\"i.name; else labelName\">{{i.name}}</ng-container> <ng-template #labelName>{{i.label}}</ng-template>\n        <a href=\"{{imageUrl[ind]}}\" download target=\"_blank\">\n          <i class=\"fa fa-download ml-2\"></i>\n        </a>\n        <i class=\"fa fa-trash ml-3 pointer delete\" (click)=\"deleteFile(ind,i);\">\n        </i><br />\n        <a [href]=\"imageUrl[ind]\" class=\"w-100\" target=\"_blank\" *ngIf=\"data.mediaType == 'pdf'\">Click to\n          preview the PDF</a>\n        <a href=\"{{imageUrl[ind]}}\" download target=\"_blank\" *ngIf=\"data.mediaType == 'image'\">\n          <img *ngIf=\"imageUrl[ind]\" [src]=\"imageUrl[ind]\" class=\"ml-5 shadow\" height=\"50\" width=\"80\">\n        </a>\n        <a href=\"{{imageUrl[ind]}}\" download target=\"_blank\" *ngIf=\"data.mediaType == 'video'\" style=\"vertical-align: middle;\">\n        <video controls [src]=\"imageUrl[ind]\" class=\"w-100 col-sm-2\" *ngIf=\"data.mediaType == 'video'\">\n          Your browser does not support the video tag.\n        </video>\n      </a>\n      </mat-list-item>\n    </mat-list>\n  </div>\n</div>\n</div>\n<div *ngIf=\"selectedTab==1\" class=\"mt-5\" style=\"height:300px; overflow:scroll\" cdkDropList (cdkDropListDropped)=\"dropTable($event)\" (cdkDragStarted)=\"onDragStarted($event)\">\n  <div class=\"col-sm-12\" hover-class=\"shadow\" *ngFor=\"let multipleImageData of dataFileUpload; let imageIndex = index\" cdkDrag cdkDragLockAxis=\"y\" style=\"cursor:move\">\n    <ng-container [ngTemplateOutlet]=\"dragHandleTmpl\">\n    </ng-container>\n    <mat-form-field appearance=\"outline\" class=\"w-100 col-sm-3\">\n      <mat-label>{{urlPlaceHolder}}</mat-label>\n      <input matInput [(ngModel)]=\"multipleImageData.url\" [ngModelOptions]=\"{standalone: true}\"\n         />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\" class=\"w-100 col-sm-3\">\n      <mat-label>{{labelPlaceHolder}}</mat-label>\n      <input matInput [(ngModel)]=\"multipleImageData.label\" [ngModelOptions]=\"{standalone: true}\"/>\n    </mat-form-field>\n    <img [src]=\"multipleImageData.url\" *ngIf=\"data.mediaType == 'image' && multipleImageData.url\" class=\"w-100 col-sm-2\" />\n    <a [href]=\"multipleImageData.url\" class=\"w-100\" target=\"_blank\" *ngIf=\"data.mediaType == 'pdf' && multipleImageData.url\">Click to\n      preview the PDF</a>\n\n  <video controls [src]=\"multipleImageData.url\" class=\"w-100 col-sm-2\" style=\"vertical-align: middle;\" *ngIf=\"data.mediaType == 'video' && multipleImageData.url\">\n    Your browser does not support the video tag.\n  </video>\n    <i class=\"fa fa-copy ml-2 btn btn-primary col-sm-1 customColourButton\" matTooltip=\"Copy url\" style=\"cursor:pointer;font-weight: 800;\"\n      (click)=\"copyText(multipleImageData.url)\"></i>\n      <i class=\"fa fa-plus col-sm-1 btn btn-primary ml-1 customColourButton\" matTooltip=\"Add url\" style=\"cursor:pointer;font-weight: 800;\" (click)=\"addMultipleImage()\"></i>\n      <i class=\"fa fa-trash col-sm-1 btn btn-primary ml-1 customColourButton\" matTooltip=\"Delete url\" style=\"cursor:pointer;font-weight: 800;\" (click)=\"addMultipleImage(imageIndex)\"></i>\n    <!-- <Form [formGroup]=\"imageForm\" class=\"col-sm-12\">\n      <mat-form-field appearance=\"outline\" class=\"w-100 col-sm-6\">\n        <input matInput formControlName=\"url\" (keyup)=\"setMediaDirect()\"\n          [placeholder]=\"labelTypeSets.mediaPlaceHolder\" required />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\" class=\"w-100 col-sm-6\">\n        <input matInput formControlName=\"label\" [placeholder]=\"labelTypeSets.placeHolder\" required />\n      </mat-form-field>\n    </Form> -->\n\n  </div>\n</div>\n</mat-tab>\n</mat-tab-group>\n\n<hr style=\"margin-bottom: 0 !important\">\n<div mat-dialog-actions class=\"justify-content-end\">\n  <button class=\"ml-2 customColourButton\" mat-flat-button color=\"accent\" (click)=\"closeLockDialog()\">CLOSE</button>\n  <!-- <button class=\"ml-2 customColourButton\" mat-flat-button color=\"primary\" [disabled]=\"isDisabled\" (click)=\"submitUpload()\">SUBMIT</button> -->\n  <button class=\"ml-2 customColourButton\" mat-flat-button color=\"primary\" (click)=\"submitUpload()\">SUBMIT</button>\n</div>\n\n<ng-template #dragHandleTmpl>\n  <svg class=\"bi bi-list handle\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\"\n    d=\"M2.5 11.5A.5.5 0 013 11h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zm0-4A.5.5 0 013 7h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zm0-4A.5.5 0 013 3h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5z\"\n    clip-rule=\"evenodd\" />\n</svg>\n</ng-template>","styles":[".dropzone{height:240px;padding:2rem;text-align:center;border:1px dashed #979797;position:relative;margin:0 auto}.dropzone input{opacity:0;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0}.dropzone label{color:#fff;width:183px;height:44px;border-radius:21.5px;background-color:#3e8beb;padding:10px 16px;font-weight:700;cursor:pointer}.dropzone h3{font-size:20px;font-weight:600;color:#38424c}.fileover{animation:1s infinite shake}.files-list{margin-top:10px;width:773px}.files-list .single-file{display:flex;padding:.5rem;justify-content:space-between;align-items:center;border:1px dashed #979797;border-radius:5px;margin-bottom:1rem;display:flex;flex-grow:1}.files-list .single-file .action-icon{display:flex;margin-left:.5rem;cursor:pointer;align-self:flex-start}.files-list .single-file .name{font-size:14px;font-weight:500;color:#353f4a;margin:0}.files-list .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0 0 .25rem}.files-list .single-file .info{width:100%}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}.list-file-height{max-height:120px!important;overflow:scroll!important}"]}]}],"members":{"fileDropRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["fileDropRef"]}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"fileList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"afterSelectionMethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":55,"character":24}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":56,"character":19},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":57,"character":21},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","module":"dhwani-material-library","name":"CommonFunctionService","line":60,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"copyText":[{"__symbolic":"method"}],"selectFile":[{"__symbolic":"method"}],"onFilesChange":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"preview":[{"__symbolic":"method"}],"getFileExtension":[{"__symbolic":"method"}],"uploadImage":[{"__symbolic":"method"}],"addMultipleImage":[{"__symbolic":"method"}],"removeDuplicates":[{"__symbolic":"method"}],"thingsEqual":[{"__symbolic":"method"}],"setDocuments":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"closeLockDialog":[{"__symbolic":"method"}],"submitUpload":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}],"formatBytes":[{"__symbolic":"method"}],"uploadTypeChange":[{"__symbolic":"method"}],"dropTable":[{"__symbolic":"method"}],"onDragStarted":[{"__symbolic":"method"}]}},"FormLinkingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-form-linking","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"template":"  <div class=\"mt-5 d-flex justify-content-end\">\n    <button class=\"btn btn-primary customColourButton\" (click)=\"snapShot()\"><i\n      class=\"fa fa-camera mr-2 customColourIcon\"></i>Snapshot\n</button>\n    <button *ngIf=\"data.projectDetails && currentForm\" class=\"btn btn-primary ml-2 customColourButton\" (click)=\"nodeClicked()\">View Current Form</button>\n    <button class=\"btn btn-primary ml-2 customColourButton\" (click)=\"closeDialog()\">Close</button>\n  </div>\n  <div #screen>\n  <gojs-diagram #myDiagram [initDiagram]='initDiagram' [nodeDataArray]='state.diagramNodeData' [linkDataArray]='state.diagramLinkData'\n    [divClassName]='diagramDivClassName'\n    >\n  </gojs-diagram>\n</div>\n<!-- <button (click)=\"nodeClicked()\">Check</button> -->","styles":[".myDiagramDiv{width:100%;height:700px;background:#fff}.full-screen-modal .mat-dialog-container{padding:1em;width:100%;height:100%;z-index:99999999999}.magic-hide{top:-1000%!important;position:absolute!important}"]}]}],"members":{"myDiagramComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["myDiagram",{"static":true}]}]}],"myPaletteComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["myPalette",{"static":true}]}]}],"screen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["screen",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":54,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":17},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"FormLinkingComponent"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":55,"character":19},{"__symbolic":"reference","module":"dhwani-material-library","name":"CommonFunctionService","line":56,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":57,"character":18},{"__symbolic":"reference","module":"ngx-capture","name":"NgxCaptureService","line":58,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"nodeClicked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"snapShot":[{"__symbolic":"method"}]}},"GlobalNavigationHandlerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-global-navigation-handler","template":"<div class=\"row mb-2\">\n    <div [ngClass]=\"{'col-sm-10': isReportType, 'col-sm-12': !isReportType}\">\n        <a (click)=\"handleBackProject()\" [ngClass]=\"{'d-none': isIframe()}\"><i class=\"material-icons align-middle mr-2 customColorIcon\">arrow_back_ios</i></a>\n        <a style=\"cursor: text !important;\" class=\"customColorIcon\" *ngIf=\"projectName\">\n      Project-\n      {{projectName}}<b> / </b>\n    </a>\n        <a *ngIf=\"formName\" style=\"cursor: text !important;\" class=\"customColorIcon\">\n      Form-\n      {{formName}} <b> / </b>\n    </a>\n        <a style=\"cursor: text !important;\" class=\"customColorIcon\">{{suffix}}</a>\n        <a *ngIf=\"isSharable\" class=\"material-icons share-icon-nav customColorIcon\" (click)=\"getSharedLink()\">share</a>\n    </div>\n    <div class=\"col-sm-2\" *ngIf=\"isReportType\">\n      <mat-slide-toggle [(ngModel)]=\"isContent\" color=\"primary\" [ngModelOptions]=\"{standalone: true}\" (change)=\"toggleNavType($event.checked)\" class=\"customColorText float-left\">{{navTypeTitle}}\n      </mat-slide-toggle>\n    </div>\n</div>","styles":[".share-icon-nav{float:right;margin-bottom:21px}"]}]}],"members":{"projectName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"formName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"suffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"specificPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"backNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"isSharable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"isReportType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"reportChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":22,"character":28},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":23,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"isIframe":[{"__symbolic":"method"}],"handleBackProject":[{"__symbolic":"method"}],"getSharedLink":[{"__symbolic":"method"}],"copyText":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"toggleNavType":[{"__symbolic":"method"}]}},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":51,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":58,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":59,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":60,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":61,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":62,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":63,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":64,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":65,"character":8},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":66,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":68,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":69,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":70,"character":8},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":71,"character":8},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":72,"character":8},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":73,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":74,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":75,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":76,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":77,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":78,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":79,"character":8}],"exports":[{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":82,"character":8},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":83,"character":8},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":84,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":85,"character":8},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":86,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":87,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":88,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":89,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":90,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":91,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":92,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":93,"character":8},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":94,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":95,"character":8},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":96,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":97,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":98,"character":8},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":99,"character":8},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":100,"character":8},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":101,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":102,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":103,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":104,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":105,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":106,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":107,"character":8}]}]}],"members":{}},"SubmitConfirmationDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-submit-confirmation-dialog","template":"<h2 mat-dialog-title>Are you sure that you want to submit ? </h2>\n<mat-dialog-content class=\"mat-typography\">\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <button mat-stroked-button color=\"accent\" class=\"mx-1\" mat-dialog-close>No</button>\n    <!-- The mat-dialog-close directive optionally accepts a value as a result for the dialog. -->\n    <button mat-flat-button color=\"primary\" [mat-dialog-close]=\"{submitOnly:false}\">Submit and Translate</button>\n    <button mat-flat-button class=\"mx-1\" color=\"primary\" [mat-dialog-close]=\"{submitOnly:true}\">Submit</button>\n</mat-dialog-actions>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":7},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":14}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"SubmitConfirmationDialogComponent"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DeletePopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-delete-popup","template":"<h1 mat-dialog-title>Are you sure you want to delete {{data.title}} ?</h1>\n<div mat-dialog-actions align=\"end\">\n    <button mat-button class=\"btn customColorButton-outline mr-1\" [mat-dialog-close]=\"false\">No Thanks</button>\n    <button mat-button class=\"btn customColourButton\" [mat-dialog-close]=\"true\" cdkFocusInitial>Yes</button>\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":10,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DeletePopupComponent"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DownloadDataDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-download-data-dialog","template":"<h1 mat-dialog-title>Form Structure</h1>\n<div mat-dialog-content>\n  <app-custom-dropdown class=\"mt-2\"\n  [configuration]=\"dropdownConfig\"\n  [datas]=\"languages\"\n  (valueChanges)=\"onSelectionChange($event)\"\n></app-custom-dropdown>\n  <mat-radio-group aria-labelledby=\"example-radio-group-label\"\n                                    class=\"example-radio-group pl-3 w-100\" [(ngModel)]=\"selectedData\" [ngModelOptions]=\"{standalone: true}\">\n  <mat-radio-button class=\"example-radio-button pl-1 mr-2 mt-3\" *ngFor=\"let layout of layoutOptions\" [value]=\"layout.value\">\n    {{layout.label}}\n  </mat-radio-button>\n  </mat-radio-group>\n</div>\n<div mat-dialog-actions class=\"justify-content-end\">\n    <button mat-flat-button color=\"primary\" [mat-dialog-close]=\"false\" class=\"mr-2\">Cancel</button>\n    <button mat-flat-button color=\"primary\" (click)=\"downloadData()\" class=\"ml-2\">Download</button>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":22}]}],null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DownloadDataDialogComponent"}]},{"__symbolic":"reference","name":"TranslationService"}]}],"ngOnInit":[{"__symbolic":"method"}],"downloadData":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"getLanguages":[{"__symbolic":"method"}],"setPreselected":[{"__symbolic":"method"}]}},"ImportFormsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-import-forms","providers":[{"__symbolic":"reference","name":"TempModuleService"}],"template":"<!-- <mat-slide-toggle [disabled]=\"disableToggle\" [(ngModel)]=\"isProject\" (change)=\"toggleChange($event)\">Do You want to import forms from project? -->\n    <mat-slide-toggle [(ngModel)]=\"isProject\" (change)=\"toggleChange($event)\">Do You want to import forms from project?\n</mat-slide-toggle>\n\n<div class=\"row\">\n    <div class=\"col-sm-6\" *ngIf=\"isProject\">\n        <app-custom-dropdown [configuration]=\"projectDropdownConfig\" [datas]=\"projectList\" (valueChanges)=\"selectProject($event)\">\n        </app-custom-dropdown>\n    </div>\n    <div [ngClass]=\"{'col-sm-12': !isProject,'col-sm-6':isProject}\">\n        <app-custom-dropdown [configuration]=\"formsDropdownConfig\" [datas]=\"data\" (valueChanges)=\"selectForms($event)\">\n        </app-custom-dropdown>\n    </div>\n   \n</div>\n\n<div class=\"row justify-content-end\">\n    <button class=\"btn btn-primary\" [disabled]=\"isFormSubmit\" (click)=\"onSubmit()\">Submit</button>\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":37,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DownloadDataDialogComponent"}]},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":40,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"selectForms":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"toggleChange":[{"__symbolic":"method"}],"getProject":[{"__symbolic":"method"}],"selectProject":[{"__symbolic":"method"}],"getProjectForms":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}]}},"FormDataDownloadType":{"PUBLISHED":"published","UNPUBLISHED":"unpublished"},"TempFormsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-temp-forms","providers":[{"__symbolic":"reference","name":"TempModuleService"}],"template":"<div class=\"row mb-2\">\n    <!-- <div class=\"col-6\">\n        <a [routerLink]=\"['/projects/overview']\"\n            ><i class=\"material-icons align-middle mr-2\">arrow_back_ios</i></a\n        >\n        <a> {{ project_name }}</a> /\n        <a>Survey Builder</a>\n    </div> -->\n\n    <!-- Back navigation [filters]=\"filters\" (handleFilters)=\"hideFilters($event)\" -->\n    <div class=\"col-6\">\n        <app-global-navigation-handler [projectName]=\"project_name\" [suffix]=\"'Survey Builder'\" [specificPath]=\"'/projects/overview'\"\n            (backNavigation)=\"handleBackNavi($event);\">\n        </app-global-navigation-handler>\n    </div>\n    <!-- <div class=\"col-sm-2 d-flex justify-content-end\">\n        <a [routerLink]=\"['/manage-form/question-bank']\" mat-flat-button color=\"primary\">Go To Question Bank</a>\n    </div> -->\n    <div class=\"col-6 text-right\" *ngIf=\"allowedFinalActions['createForm']\">\n        <i matTooltip=\"Download CSV\" *ngIf=\"surveyForms.length  && allowedFinalActions['downloadForms']\" class=\"fa fa-download font-size-large customColorIcon mr-3 set-icon-position\" (click)=\"downloadCSV()\"\n        style=\"cursor: pointer;\"></i> \n        <a [routerLink]=\"['/manage-form/build-survey']\" class=\"btn btn-primary customColourButton\">Add Form</a>\n        <button *ngIf=\"!surveyForms.length\" class=\"btn btn-primary ml-2\" (click)=\"importForms()\">Import Forms</button>\n    \n    </div>\n</div>\n<ng-container *ngIf=\"allowedFinalActions['formListing']\">\n<div class=\"card mb-3 customColorGradient\" *ngFor=\"let form of surveyForms\">\n    <div class=\"card-body\">\n        <div class=\"row\">\n            <div class=\"col-sm-2\">\n                <img title=\"Add questions\" [routerLink]=\"allowedFinalActions['showQuestion']?[\n                '/manage-form/build-survey',\n                form._id\n            ]:null\" [src]=\"form.formIcon\" alt=\"{{ form?.title }}\" class=\"img-fluid\" style=\"cursor: pointer;\" />\n            </div>\n            <div class=\"col-sm-10\">\n                <h3 class=\"text-primary customColorHeading\"><a title=\"Add questions\" [routerLink]=\"allowedFinalActions['showQuestion']?[\n                    '/manage-form/build-survey',\n                    form._id\n                ]:null\">{{ (form?.language)[0]?.title }}</a>\n                    <i *ngIf=\"allowedFinalActions['editForm']\" matTooltip=\"Edit form details\" [routerLink]=\"[\n                '/manage-form/form-update',\n                form._id\n            ]\" class=\"fa fa-pencil-square-o ml-4 font-size-regular customColorIcon\" style=\"cursor: pointer;\"></i>\n                    <i  matTooltip=\"Publish\" class=\"fa fa-newspaper-o ml-3 font-size-regular customColorIcon\"\n                        (click)=\"publishSurveyForms(form.formId, form)\" *ngIf=\"form.isSubmitted && !form?.publish && allowedFinalActions['editForm']\"\n                        style=\"cursor: pointer;\"></i>\n                    <i matTooltip=\"Download\"  *ngIf=\"allowedFinalActions['downloadQuestion']\" class=\"fa fa-download ml-3 font-size-regular customColorIcon\" (click)=\"openDownloadDialog(form)\"\n                        style=\"cursor: pointer;\"></i>  \n                        \n                        <i matTooltip=\"Form Linking\" class=\"fa fa-link ml-3 font-size-regular customColorIcon\" (click)=\"showLinking(form)\"\n                        style=\"cursor: pointer;\"></i> \n\n                    <a href=\"{{getWebFormUrl(form?.project, form?.publishedFormId)}}\" target=\"_blank\" *ngIf=\"allowedFinalActions.webformlink\">\n                        <i matTooltip=\"Fill the form on webform\" class=\"fas fa-external-link-alt ml-3 font-size-regular customColorIcon\"\n                            style=\"cursor: pointer;\"></i>\n                    </a>\n                    <a class=\"chart-info-icon mr-2 float-right\"\n                        matTooltip=\"#Form Id : {{form?.formId}} ##Published Form Id :  {{form?.publishedFormId}}\">\n                        <i class=\"material-icons align-bottom mr-5 customColorIcon\">\n                            info\n                        </i>\n                    </a>\n                    <!-- <i title=\"Form Id : {{form?.formId}} Published Form Id :  {{form?.publishedFormId}}\" class=\"float-right f-12 fa-info-circle fas font-size-regular mr-5\" style=\"cursor: pointer;\"></i> -->\n                </h3>\n                <div class=\"row mb-3\">\n                    <div class=\"col-sm-4\" [ngClass]=\"{\n                            formExpired: isFormExpiry(form.expiryDate),\n                            'color-gray': !isFormExpiry(form.expiryDate)\n                        }\">\n                        <small class=\"text-muted customColorLabel\">Expiry Date</small> <br />\n                        <strong>{{\n                            form.expiryDate | date: 'dd-MMM-yyyy'\n                        }}</strong>\n                    </div>\n                    <div class=\"col-sm-4\">\n                        <small class=\"text-muted customColorLabel\">Survey Limit per Surveyor</small> <br />\n                        <strong>{{ form.fillCount }}</strong>\n                    </div>\n                    <div class=\"col-sm-4\">\n                        <small class=\"text-muted customColorLabel\">Status</small> <br />\n                        <span class=\"text-success font-weight-bold\" *ngIf=\"form?.publish\">\n                            Published\n                        </span>\n                        <span class=\"text-primary font-weight-bold\" *ngIf=\"!form?.publish && form.isSubmitted\">Submitted\n                        </span>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col\">\n                        <!--    <a mat-menu-item *ngIf=\"form?.publish\"\n                                       [routerLink]=\"['/manage-form/build-survey',form._id]\">View\n                                        <mat-icon>pageview</mat-icon>\n                                    </a>-->\n\n                        <!--                             *ngIf=\"(!form?.publish)&&(!form?.isSubmitted)\"-->\n                        <!-- <button\n                            class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0\"\n                            [routerLink]=\"[\n                                '/manage-form/build-survey',\n                                form._id\n                            ]\"\n                        >\n                            Add questions\n                        </button> -->\n                        <ng-container *ngIf=\"allowedFinalActions['editForm']\">\n                        <button class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\" *ngIf=\"form?.publish || form?.isSubmitted\"\n                            [routerLink]=\"['/manage-form/translate', form._id]\">\n                            Edit Translation\n                        </button>\n                        <!--                            *ngIf=\"(!form?.publish)\"-->\n                        <button class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\" (click)=\"submitForm(form)\">\n                            Submit Translations\n                        </button>\n                        <button class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\" [routerLink]=\"[\n                                '/manage-form/form-update',\n                                form._id\n                            ]\">\n                            Edit form details\n                        </button>\n                        <!--                            *ngIf=\"!form?.publish\"-->\n                        <!-- form.isSubmitted && !form?.publish -->\n                        <button *ngIf=\"!form?.publish\" class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\"\n                            (click)=\"publishSurveyForms(form.formId, form)\">\n                            Publish\n                        </button>\n                        <button *ngIf=\"form?.publish\" class=\"d-none btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\"\n                            (click)=\"revertPublishSurveyForms(form.formId, form)\">\n                            Revert Publish\n                        </button>\n                    </ng-container>\n                        <!-- <button\n                            class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0\"\n                            *ngIf=\"form?.publishedFormId\"\n                            (click)=\"\n                                downloadFormData(form, {\n                                    formType: 'published',\n                                    type: 2\n                                })\n                            \"\n                        >\n                            Download Published Data\n                        </button>\n                        <button\n                            class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0\"\n                            (click)=\"\n                                downloadFormData(form, {\n                                    formType: 'unpublished',\n                                    type: 2\n                                })\n                            \"\n                        >\n                            Download Unpublished Data\n                        </button> -->\n                        <button (click)=\"formDeleteHandler(form)\" class=\"btn btn-primary mr-sm-2 mb-2 mb-sm-0 customColourButton\" *ngIf=\"\n                                !form?.publish &&\n                                (!form.isSubmitted || !form.hold) && allowedFinalActions['deleteForm']\n                            \">\n                            Delete\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n</ng-container>\n<ng-progress id=\"myProgress\"></ng-progress>","styles":[".example-card{max-width:400px;height:200px!important;min-height:-moz-fit-content;min-height:fit-content}.example-header-image{background-image:url(https://material.angular.io/assets/img/examples/shiba1.jpg);background-size:cover}.color-gray{color:#919aa3;font-size:14px}p{font-size:14px;margin-bottom:.5em}.example-card:hover{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),11px 8px 9px -5px rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-status-container{border-bottom-right-radius:7%;background:#43a047;bottom:0;right:0;color:#fff}.card-status-publish{border:1px solid #43a047;background:#43a047;color:#fff}.card-status-submit{border:1px solid #ffc107;background:#ffc107}.cdk-global-overlay-wrapper,.cdk-overlay-container{z-index:99999!important}.font-size-regular{font-size:1.2rem}.font-size-large{font-size:1.5rem}.set-icon-position{position:relative;top:6px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","module":"ngx-progressbar","name":"NgProgress","line":45,"character":27},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":47,"character":25},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":48,"character":23},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":49,"character":23},{"__symbolic":"reference","module":"dhwani-material-library","name":"CommonFunctionService","line":50,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"getForms":[{"__symbolic":"method"}],"openDownloadDialog":[{"__symbolic":"method"}],"onGettingTempFormSuccess":[{"__symbolic":"method"}],"onGettingTempFormFail":[{"__symbolic":"method"}],"formDeleteHandler":[{"__symbolic":"method"}],"revertPublishSurveyForms":[{"__symbolic":"method"}],"publishSurveyForms":[{"__symbolic":"method"}],"isFormExpiry":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"downloadFormData":[{"__symbolic":"method"}],"downloadPublishedData":[{"__symbolic":"method"}],"downloadUnpublishedData":[{"__symbolic":"method"}],"handleBackNavi":[{"__symbolic":"method"}],"getWebFormUrl":[{"__symbolic":"method"}],"showLinking":[{"__symbolic":"method"}],"downloadCSV":[{"__symbolic":"method"}],"importForms":[{"__symbolic":"method"}]}},"TempFormsRotues":[{"path":"","component":{"__symbolic":"reference","name":"TempFormsComponent"}}],"TempFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":42,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":44,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":45,"character":8},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"TempFormsRotues"}]},{"__symbolic":"reference","module":"ngx-progressbar","name":"NgProgressModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":48,"character":6},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":49,"character":6},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":50,"character":6},{"__symbolic":"reference","module":"dhwani-material-library","name":"DhwaniMaterialLibraryModule","line":51,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":52,"character":6},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":53,"character":6},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":54,"character":6},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":55,"character":6},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":56,"character":6},{"__symbolic":"reference","module":"gojs-angular","name":"GojsAngularModule","line":57,"character":6},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":58,"character":6},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":59,"character":6},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule","line":60,"character":6},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":61,"character":6}],"declarations":[{"__symbolic":"reference","name":"TempFormsComponent"},{"__symbolic":"reference","name":"DeletePopupComponent"},{"__symbolic":"reference","name":"SubmitConfirmationDialogComponent"},{"__symbolic":"reference","name":"DownloadDataDialogComponent"},{"__symbolic":"reference","name":"ImportFormsComponent"},{"__symbolic":"reference","name":"ViewSequencePopupComponent"},{"__symbolic":"reference","name":"FormLinkingComponent"},{"__symbolic":"reference","name":"GlobalNavigationHandlerComponent"},{"__symbolic":"reference","name":"FileUploadComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DeletePopupComponent"},{"__symbolic":"reference","module":"dhwani-material-library","name":"SnackBarComponent","line":66,"character":44},{"__symbolic":"reference","name":"SubmitConfirmationDialogComponent"},{"__symbolic":"reference","name":"DownloadDataDialogComponent"},{"__symbolic":"reference","name":"FormLinkingComponent"}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":67,"character":16},{"__symbolic":"reference","name":"AuthService"},{"__symbolic":"reference","name":"TranslationService"}]}]}],"members":{}},"publishFormData":{"__symbolic":"interface"},"ViewSequencePopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-view-sequence-popup","providers":[{"__symbolic":"reference","name":"TempModuleService"}],"template":"<div class=\"row mb-3\" [formGroup]=\"viewSequenceForm\">\n    <mat-slide-toggle class=\"col-sm-6\" formControlName=\"copyIndicators\"\n                      *ngIf=\"viewSequenceForm.value.dashboardIndicators\">\n        Copy Dashboard Indicators\n    </mat-slide-toggle>\n    <mat-slide-toggle class=\"col-sm-6\" formControlName=\"copyVdp\" *ngIf=\"viewSequenceForm.value.vdpIndicators\">\n        Copy Vdp Indicators\n    </mat-slide-toggle>\n</div>\n<mat-dialog-content style=\"overflow: scroll; max-height: 60vh !important;\">\n    <mat-vertical-stepper [linear]=\"true\" #stepper>\n        <mat-step [completed]=\"true\">\n            <ng-template matStepLabel>Choose identifier questions</ng-template>\n            <div class=\"row mb-3\">\n                <div class=\"col-sm-12\" *ngFor=\"let question of selectedQuestions; let i=index\">\n                    <div class=\"row\">\n                        <div class=\"col-sm-1 my-auto\">\n                            {{i + 1}}\n                        </div>\n                        <div class=\"col-sm-11\">\n                            <mat-form-field appearance=\"outline\" class=\"col-sm-12\">\n                                <mat-label>Choose Question</mat-label>\n                                <mat-select [value]=\"question?.order\"\n                                            (selectionChange)=\"filterQuestionArray($event,question,i)\">\n                                    <mat-option [value]=\"-1\" >None</mat-option>\n                                    <mat-option [disabled]=\"selectedQuestionIds.includes(q?.order)\"\n                                                *ngFor=\"let q of questions\"\n                                                [value]=\"q?.order\">\n                                        {{q.title}}\n                                    </mat-option>\n                                </mat-select>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"row mb-3\">\n                <div class=\"col-sm-1 my-auto\">\n                    {{selectedQuestions.length + 1}}\n                </div>\n                <div class=\"col-sm-11\">\n                    <mat-form-field appearance=\"outline\" class=\"col-sm-12\" [formGroup]=\"viewSequenceForm\">\n                        <mat-label>Choose Question</mat-label>\n                        <mat-select placeholder=\"\" formControlName=\"question\"\n                                    (selectionChange)=\"addNewQuestion()\">\n                            <mat-option [disabled]=\"selectedQuestionIds.includes(question?.order)\"\n                                        *ngFor=\"let question of questions\"\n                                        [value]=\" question.order\">\n                                {{question.title}}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n                    <!-- new input type 14 ques -->\n                <!-- <div class=\"col-sm-11\">\n                    <mat-form-field appearance=\"outline\" class=\"col-sm-12\" >\n                        <mat-label>Choose Question</mat-label>\n                        <mat-select placeholder=\"\" (selectionChange)=\"addInputQues($event.value)\" [(ngModel)]=\"reportedDateOrder\">\n                            <mat-option [disabled]=\"selectedQuestionIds.includes(question?.order)\"\n                                        *ngFor=\"let question of questionsinput14\"\n                                        [value]=\" question.order\">\n                                {{question.title}}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div> -->\n            </div>\n        </mat-step>\n\n        <mat-step>\n            <ng-template matStepLabel>Choose questions for duplicate check</ng-template>\n            <div class=\"row mb-3\">\n                <div class=\"col-sm-12\" *ngFor=\"let question of identifierQuestions; let i=index\">\n                    <div class=\"row\">\n                        <div class=\"col-sm-1 my-auto\">\n                            {{i + 1}}\n                        </div>\n                        <div class=\"col-sm-10\">\n                            <mat-form-field appearance=\"outline\" class=\"col-sm-12\">\n                                <mat-label>Choose Question</mat-label>\n                                <mat-select [value]=\"question?.order\"\n                                            (selectionChange)=\"filterIdentifierQuestionArray($event,question,i);\">\n                                    <mat-option [value]=\"-1\">None</mat-option>\n                                    <mat-option [disabled]=\"identifierQuestionsIds.includes(q?.order)\"\n                                                *ngFor=\"let q of questions\"\n                                                [value]=\"q?.order\">\n                                        {{q.title}}\n                                    </mat-option>\n                                </mat-select>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"row mb-3\">\n                <div class=\"col-sm-1 my-auto\">\n                    {{identifierQuestions.length + 1}}\n                </div>\n                <div class=\"col-sm-10\">\n                    <mat-form-field appearance=\"outline\" class=\"col-sm-12\" [formGroup]=\"viewSequenceForm\">\n                        <mat-label> Choose Question\"</mat-label>\n                        <mat-select formControlName=\"duplicateQuestions\"\n                                    (selectionChange)=\"addNewIdentifierQuestion()\">\n                            <mat-option [disabled]=\"identifierQuestionsIds.includes(question?.order)\"\n                                        *ngFor=\"let question of questions\"\n                                        [value]=\" question.order\">\n                                {{question.title}}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n            </div>\n        </mat-step>\n        <!-- <mat-step [completed]=\"questionsinput14.length>0\"> -->\n            <mat-step>\n            <ng-template matStepLabel>Choose question for Report date</ng-template>\n\n                <div class=\"col-sm-11\">\n                <mat-form-field appearance=\"outline\" class=\"col-sm-12\" >\n                    <mat-label>Choose Question</mat-label>\n                    <mat-select placeholder=\"\" (selectionChange)=\"addInputQues($event.value)\" [(ngModel)]=\"reportedDateOrder\">\n                        <!-- <mat-select placeholder=\"\" (selectionChange)=\"addInputQues($event.value)\"> -->\n                        <mat-option [value]=\"-1\">None</mat-option>\n                        <mat-option [disabled]=\"selectedQuestionIds.includes(question?.order)\"\n                                    *ngFor=\"let question of questionsinput14\"\n                                    [value]=\" question.order\">\n                            {{question.title}}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div> \n        </mat-step>\n\n\n\n        <mat-step>\n            <ng-template matStepLabel>Choose  Non-Bypassable questions</ng-template>\n            <div class=\"col-sm-11\">\n                <mat-form-field appearance=\"outline\" class=\"col-sm-12\" >\n                    <mat-label>Choose Question</mat-label>\n                    <mat-select placeholder=\"\" (selectionChange)=\"nonBypassFunc($event.value)\" [(ngModel)]=\"nonByPassQuestion\" multiple>\n                        <!-- <mat-select placeholder=\"\" (selectionChange)=\"addInputQues($event.value)\"> -->\n                        <!-- <mat-option [value]=\"-1\">None</mat-option> -->\n                        <!-- <mat-option [disabled]=\"selectedQuestionIds.includes(question?.order)\" -->\n                        <mat-option\n                                    *ngFor=\"let question of allQuestionList\"\n                                    [value]=\" question.order\">\n                            {{question.title}}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div> \n        </mat-step>\n\n    </mat-vertical-stepper>\n</mat-dialog-content>\n<div mat-dialog-actions class=\"justify-content-end\">\n    <button mat-stroked-button class=\"mr-2\" (click)=\"onNoClick()\">Cancel</button>\n    <button mat-stroked-button color=\"primary\" class=\"customColourButton \"\n            [disabled]=\"selectedQuestionIds.length<1\" (click)=\"closePopup()\">\n        {{submitTitle}}\n    </button>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":47,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":44,"character":37},{"__symbolic":"reference","name":"TempModuleService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ViewSequencePopupComponent"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":47,"character":88}]}],"createSurveyForm":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onNoClick":[{"__symbolic":"method"}],"updateQuestionsIfAlreadyFilled":[{"__symbolic":"method"}],"checkAllocatorValidator":[{"__symbolic":"method"}],"openSnackBar":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"filterQuestionArray":[{"__symbolic":"method"}],"filterIdentifierQuestionArray":[{"__symbolic":"method"}],"getIndicatorStatus":[{"__symbolic":"method"}],"addNewQuestion":[{"__symbolic":"method"}],"addInputQues":[{"__symbolic":"method"}],"addNewIdentifierQuestion":[{"__symbolic":"method"}],"nonBypassFunc":[{"__symbolic":"method"}]}}},"origins":{"DhwaniMaterialTempFormService":"./lib/dhwani-material-temp-form.service","DhwaniMaterialTempFormComponent":"./lib/dhwani-material-temp-form.component","DhwaniMaterialTempFormModule":"./lib/dhwani-material-temp-form.module","FormTranslateComponent":"./lib/form-translate/form-translate.component","TranslateRoues":"./lib/form-translate/form-translate.module","FormTranslateModule":"./lib/form-translate/form-translate.module","AuthService":"./lib/form-translate/services/auth.service","TempModuleService":"./lib/form-translate/services/temp-module.service","TranslationService":"./lib/form-translate/services/transation.service.service","ConsentTranslateDialogComponent":"./lib/shared/consent-translate-dialog/consent-translate-dialog.component","ConsentTranslateDialogModule":"./lib/shared/consent-translate-dialog/consent-translate-dialog.module","FileUploadComponent":"./lib/shared/file-upload/file-upload.component","FormLinkingComponent":"./lib/shared/form-linking/form-linking.component","GlobalNavigationHandlerComponent":"./lib/shared/global-navigation-handler/global-navigation-handler.component","MaterialModule":"./lib/shared/material/material.module","SubmitConfirmationDialogComponent":"./lib/shared/submit-confirmation-dialog/submit-confirmation-dialog.component","DeletePopupComponent":"./lib/temp-forms/delete-popup/delete-popup.component","DownloadDataDialogComponent":"./lib/temp-forms/download-data-dialog/download-data-dialog.component","ImportFormsComponent":"./lib/temp-forms/import-forms/import-forms.component","FormDataDownloadType":"./lib/temp-forms/temp-forms.component","TempFormsComponent":"./lib/temp-forms/temp-forms.component","TempFormsRotues":"./lib/temp-forms/temp-forms.module","TempFormsModule":"./lib/temp-forms/temp-forms.module","publishFormData":"./lib/temp-forms/view-sequence-popup/view-sequence-popup.component","ViewSequencePopupComponent":"./lib/temp-forms/view-sequence-popup/view-sequence-popup.component"},"importAs":"dhwani-material-temp-form"}