@sunbird-cb/micro-surveys - npm Package Compare versions

Comparing version 2.0.7 to 2.0.8

bundles/sunbird-cb-micro-surveys.umd.min.js

@@ -15,3 +15,3 @@ !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/material/dialog"),require("@angular/router"),require("@angular/forms"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/input"),require("@angular/material/form-field"),require("@angular/material/card"),require("@angular/material/checkbox"),require("@angular/material/radio"),require("@angular/material/select"),require("@angular/material/slide-toggle"),require("@angular/material/datepicker"),require("@angular/material"),require("@angular/material/divider"),require("@angular/common")):"function"==typeof define&&define.amd?define("@sunbird-cb/micro-surveys",["exports","@angular/common/http","@angular/core","@angular/material/dialog","@angular/router","@angular/forms","@angular/material/button","@angular/material/icon","@angular/material/input","@angular/material/form-field","@angular/material/card","@angular/material/checkbox","@angular/material/radio","@angular/material/select","@angular/material/slide-toggle","@angular/material/datepicker","@angular/material","@angular/material/divider","@angular/common"],r):r(((e=e||self)["sunbird-cb"]=e["sunbird-cb"]||{},e["sunbird-cb"]["micro-surveys"]={}),e.ng.common.http,e.ng.core,e.ng.material.dialog,e.ng.router,e.ng.forms,e.ng.material.button,e.ng.material.icon,e.ng.material.input,e.ng.material["form-field"],e.ng.material.card,e.ng.material.checkbox,e.ng.material.radio,e.ng.material.select,e.ng.material["slide-toggle"],e.ng.material.datepicker,e.ng.material,e.ng.material.divider,e.ng.common)}(this,(function(e,r,t,n,a,o,i,s,l,c,m,d,p,u,f,b,g,h,y){"use strict";
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */function v(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,a,o=t.call(e),i=[];try{for(;(void 0===r||r-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i}function I(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(v(arguments[r]));return e}var R=function(){function e(e){this.httpClient=e}return e.prototype.getSurveyById=function(e){var t={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.get(e,t)},e.prototype.submitSurvey=function(e,t){var n={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.post(e,t,n)},e.prototype.getSurveyResponse=function(e,t){var n={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.post(e,t,n)},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e}();var x=function(){function e(){}return e.Rating="rating",e.Textarea="textarea",e.Text="text",e.Radio="radio",e.Numeric="numeric",e.Email="email",e.Dropdown="dropdown",e.Date="date",e.Checkbox="checkbox",e.Boolean="boolean",e}();var O=function(){function e(e,r){this.dialogRef=e,this.data=r,this.thankYouMessage=r.thankYouMessage,this.thankYouDescription=r.thankYouDescription,this.tyPrimaryBtnLink=r.tyPrimaryBtnLink,this.tySecondaryBtnLink=r.tySecondaryBtnLink,this.tyPrimaryBtnText=r.tyPrimaryBtnText,this.tySecondaryBtnText=r.tySecondaryBtnText}return e.prototype.ngOnInit=function(){},e.prototype.closeDialog=function(){this.dialogRef.close({event:"close",data:""})},e.decorators=[{type:t.Component,args:[{selector:"lib-thankyou-modal",template:'<div class="">\r\n  <div class="header-section">\r\n    <button\r\n      class="close-btn-1"\r\n      mat-icon-button\r\n      aria-label="dialog close"\r\n      (click)="closeDialog()"\r\n    >\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div class="center-content-1">\r\n    <div class="thank-you-image-1"></div>\r\n    <div class="modal-message">\r\n      <label>{{ thankYouMessage }}</label>\r\n      <p>{{ thankYouDescription }}</p>\r\n    </div>\r\n  </div>\r\n  <div class="footer">\r\n    <a href="{{ tySecondaryBtnLink }}">\r\n      <button class="secondary-btn">{{ tySecondaryBtnText }}</button>\r\n    </a>\r\n    <a href="{{ tyPrimaryBtnLink }}">\r\n      <button class="primary-btn home-image-1">{{ tyPrimaryBtnText }}</button>\r\n    </a>\r\n  </div>\r\n</div>\r\n',styles:[".center-content-1{display:flex;margin-top:3.5rem;justify-content:center}.close-btn-1{background:0 0;color:RGBA(0,0,0,.6);border:none;float:right}.header-section{height:1rem}.modal-message{display:block;margin-top:4rem;padding-left:2rem;padding-right:2rem}.modal-message label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;line-height:1.4}.modal-message p{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.footer{float:right;margin-top:2.75rem}.footer button{cursor:pointer}.secondary-btn{border:1.5px solid #0074b6;background-color:#fff;border-radius:4px;color:#0074b6;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:1rem}.primary-btn{border:1.5px solid #0074b6;background-color:#0074b6;border-radius:4px;color:#fff;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:0;padding-right:2rem}@media only screen and (max-width:600px){.center-content-1{display:block;margin-top:3.5rem;justify-content:center;margin-left:1rem}.footer{display:block;justify-content:center;padding-bottom:2rem;padding-left:3.5rem}.secondary-btn{margin-right:1rem;margin-bottom:1rem}}"]}]}],e.ctorParameters=function(){return[{type:n.MatDialogRef},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[n.MAT_DIALOG_DATA]}]}]},e}();var k=function(){function e(e,r,t){this.dialog=e,this.dataService=r,this.router=t,this.startRatingValue=0,this.commentValue="",this.checkboxValue="",this.textValue="",this.radioValue="",this.dropboxValue="",this.boolValue=!1,this.emailId="",this.date=new Date,this.showMessage=!1,this.displayBtn=!1,this.totalRequired=[],this.checkRequired=[],this.isdisable=!1,this.count=0,this.clearRating=!1,this.clearComment=!1,this.responseCount=0,this.surveyResponseObject=[],this.surveyDataObject={}}return e.prototype.ngOnChanges=function(e){var r=this;this.submitUrl=e.apiData&&e.apiData.currentValue.postAPI,this.dataService.getSurveyById(e.apiData&&e.apiData.currentValue.getAPI).subscribe((function(e){r.formData=e.responseData.fields.sort((function(e,r){return e.order-r.order})),r.surveyTitle=e.responseData&&e.responseData.title?e.responseData.title:"",r.count=r.formData.length,r.formData.forEach((function(e){!0===e.isRequired&&r.totalRequired.push(e.name)})),r.surveyInput=e,r.title=e.responseData.title,r.displayBtn=!0})),this.isReadOnly&&this.getSurveyResponse()},e.prototype.ngOnInit=function(){},e.prototype.onCommentChange=function(e){this.commentValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onCheckboxChanged=function(e){this.checkboxValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onDropboxChanged=function(e){this.dropboxValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onTextChanged=function(e){this.textValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onRadioChanged=function(e){this.radioValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onRatingChanged=function(e){this.startRatingValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onBooleanChange=function(e){this.boolValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onEmailChange=function(e){this.emailId=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onDateChange=function(e){this.date=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onNumericChange=function(e){this.numeric=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.checkRequiredfields=function(e){this.totalRequired.indexOf(e)>-1&&this.checkRequired.push(e);var r=I(new Set(this.checkRequired));this.totalRequired.length===r.length?this.isdisable=!0:this.isdisable=!1},e.prototype.onClear=function(e){var r=this;e.preventDefault(),this.isdisable=!1,this.totalRequired=[],this.checkRequired=[],this.dataService.getSurveyById(this.apiData.getAPI).subscribe((function(t){r.formData=t.responseData.fields.sort((function(e,r){return e.order-r.order})),r.formData.forEach((function(e){!0===e.isRequired&&r.totalRequired.push(e.name)})),r.surveyInput=t,r.title=t.responseData.title,r.displayBtn=!0,r.afterCancelAction(e)}))},e.prototype.getSurveyResponse=function(){var e=this,r={searchObjects:[{key:"formId",values:this.surveyId}]};this.dataService.getSurveyResponse(this.apiData.getAllApplications,r).subscribe((function(r){r.responseData.length>0&&r.responseData.map((function(r,t){if(r.applicationId===e.applicationId){var n={dataObject:r.dataObject,title:r.title,date:r.createdDate};e.title=n.title;var a=new Date(n.date).toLocaleDateString("es-CL");e.responseDate=a,e.surveyResponse=n}}))}))},e.prototype.detectChanges=function(e,r){var t=this;this.formData.forEach((function(n){switch(n.fieldType){case x.Rating:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){var a={label:e,value:t.startRatingValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.startRatingValue)}));else{a={label:e,value:t.startRatingValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Textarea:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.commentValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.commentValue)}));else{a={label:e,value:t.commentValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Boolean:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.boolValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.boolValue)}));else{a={label:e,value:t.boolValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Email:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.emailId,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.emailId)}));else{a={label:e,value:t.emailId,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Date:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.date,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.date)}));else{a={label:e,value:t.date,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Numeric:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.numeric,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.numeric)}));else{a={label:e,value:t.numeric,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Checkbox:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:I(t.checkboxValue),order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=I(t.checkboxValue))}));else{a={label:e,value:I(t.checkboxValue),order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Dropdown:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.dropboxValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.dropboxValue)}));else{a={label:e,value:t.dropboxValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Text:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.textValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.textValue)}));else{a={label:e,value:t.textValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Radio:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.radioValue.toString(),order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.radioValue.toString())}));else{a={label:e,value:t.radioValue.toString(),order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}}}));var n=[];this.surveyResponseObject.map((function(e,r){n.push(e.value)}));var a=[];n.map((function(e,r){(""!==e&&"object"!=typeof e||"object"==typeof e&&e.length>0)&&a.push(e)})),this.responseCount=a.length},e.prototype.onSubmit=function(e){var r=this,t={};this.surveyResponseObject.forEach((function(e,r){t[""+e.label]=e.value})),this.surveyDataObject=t;var n=(new Date).getTime();this.courseId&&this.courseName&&(this.surveyDataObject["Course ID and Name"]=this.courseId+","+this.courseName);var a={formId:this.surveyInput.responseData.id,timestamp:n,version:this.surveyInput.responseData.version,dataObject:this.surveyDataObject};this.dataService.submitSurvey(this.submitUrl,a).subscribe((function(t){r.submitResponse=t,200===r.submitResponse.statusInfo.statusCode&&(r.onClear(e),r.afterSubmitAction(e),r.responseCount=0,r.surveyResponseObject=[])}))},e.prototype.openDialog=function(){this.dialog.open(O,{width:"48.188rem",height:"25.125rem",data:{thankYouMessage:this.thankYouMessage,thankYouDescription:this.thankYouDescription,tyPrimaryBtnLink:this.tyPrimaryBtnLink,tySecondaryBtnLink:this.tySecondaryBtnLink,tyPrimaryBtnText:this.tyPrimaryBtnText,tySecondaryBtnText:this.tySecondaryBtnText}}).afterClosed().subscribe((function(e){}))},e.decorators=[{type:t.Component,args:[{selector:"lib-micro-survey",template:'<div class="main-lib-body">\r\n  \x3c!-- <h3>{{ title }}</h3> --\x3e\r\n  \x3c!-- Non-read only form --\x3e\r\n  <ng-template [ngIf]="!showMessage && formData && !isReadOnly">\r\n    <div class="main-container">\r\n      <div class="lib-container">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <ng-container *ngFor="let formItem of formData">\r\n          \x3c!-- <div class="fields"> --\x3e\r\n          <ng-container [ngSwitch]="formItem.fieldType">\r\n            \x3c!-- Rating field --\x3e\r\n            <lib-rating\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'rating\'"\r\n              [formItem]="formItem"\r\n              (ratingUpdated)="onRatingChanged($event)"\r\n            ></lib-rating>\r\n\r\n            \x3c!-- checkbox field --\x3e\r\n\r\n            <lib-checkbox-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'checkbox\'"\r\n              [formItem]="formItem"\r\n              (checkboxData)="onCheckboxChanged($event)"\r\n            ></lib-checkbox-field>\r\n\r\n            \x3c!-- dropbox field --\x3e\r\n            <lib-dropbox-field\r\n              class="fields"\r\n              *ngSwitchCase="\'dropdown\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (dropboxData)="onDropboxChanged($event)"\r\n            ></lib-dropbox-field>\r\n\r\n            \x3c!-- text field --\x3e\r\n            <lib-text-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'text\'"\r\n              [formItem]="formItem"\r\n              (textData)="onTextChanged($event)"\r\n            ></lib-text-field>\r\n\r\n            \x3c!-- radio field --\x3e\r\n            <lib-radio-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'radio\'"\r\n              [formItem]="formItem"\r\n              (radioData)="onRadioChanged($event)"\r\n            ></lib-radio-field>\r\n\r\n            \x3c!-- comment field --\x3e\r\n            <lib-comment\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'textarea\'"\r\n              [formItem]="formItem"\r\n              (commentData)="onCommentChange($event)"\r\n            ></lib-comment>\r\n\r\n            \x3c!-- Boolean field --\x3e\r\n            <lib-boolean\r\n              class="fields"\r\n              *ngSwitchCase="\'boolean\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (boolData)="onBooleanChange($event)"\r\n            ></lib-boolean>\r\n\r\n            \x3c!-- Email field --\x3e\r\n            <lib-email\r\n              class="fields"\r\n              *ngSwitchCase="\'email\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (emailId)="onEmailChange($event)"\r\n            ></lib-email>\r\n\r\n            \x3c!-- Date field --\x3e\r\n            <lib-date\r\n              class="fields"\r\n              *ngSwitchCase="\'date\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (dateSelected)="onDateChange($event)"\r\n            ></lib-date>\r\n\r\n            \x3c!-- Numeric field --\x3e\r\n            <lib-numeric\r\n              class="fields"\r\n              *ngSwitchCase="\'numeric\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (numeric)="onNumericChange($event)"\r\n            ></lib-numeric>\r\n\r\n            \x3c!-- Heading field --\x3e\r\n            <lib-heading\r\n              style="place-self: flex-start"\r\n              *ngSwitchCase="\'heading\'"\r\n              [formItem]="formItem"\r\n              [totalItem]="count"\r\n            ></lib-heading>\r\n\r\n            \x3c!-- Separator field --\x3e\r\n            <lib-separator *ngSwitchCase="\'separator\'"></lib-separator>\r\n          </ng-container>\r\n          \x3c!-- </div> --\x3e\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    \x3c!--submit button  --\x3e\r\n    <div class="lib-container-2">\r\n      <div class="sub-container-1">\r\n        <p class="support-text-1" style="padding-left: 2rem">\r\n          <span>{{ responseCount }}</span\r\n          ><span>/</span>{{ formData.length }}<span> Questions</span>\r\n        </p>\r\n      </div>\r\n      <div class="sub-container-2">\r\n        <div *ngIf="isdisable">\r\n          <button\r\n            class="primary-btn-1"\r\n            [ngClass]="displayBtn ? \'d-block btn\' : \'d-none\'"\r\n            mat-raised-button\r\n            color="primary"\r\n            [disabled]="!isdisable"\r\n            type="submit"\r\n            (click)="onSubmit($event)"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf="!isdisable">\r\n          <button\r\n            class="primary-disabled-btn-1"\r\n            [ngClass]="displayBtn ? \'d-block btn\' : \'d-none\'"\r\n            mat-raised-button\r\n            color="primary"\r\n            [disabled]="isdisable"\r\n            type="submit"\r\n            (click)="onSubmit($event)"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <button\r\n          class="secondary-btn-1"\r\n          mat-raised-button\r\n          color="secondary"\r\n          type="button"\r\n          (click)="onClear($event)"\r\n        >\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Read only form --\x3e\r\n  <ng-template [ngIf]="isReadOnly && formData">\r\n    <div class="main-container-two">\r\n      <div class="header-container">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <label>{{ responseDate }}</label>\r\n      </div>\r\n      <h2>{{ courseName }}</h2>\r\n      <div class="custom-margin-top-4">\r\n        <ng-container *ngFor="let formItem of formData">\r\n          \x3c!-- <div class="fields"> --\x3e\r\n          <ng-container [ngSwitch]="formItem.fieldType">\r\n            \x3c!-- Rating field --\x3e\r\n            <lib-rating\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'rating\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (ratingUpdated)="onRatingChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-rating>\r\n\r\n            \x3c!-- checkbox field --\x3e\r\n            <lib-checkbox-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'checkbox\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (checkboxData)="onCheckboxChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-checkbox-field>\r\n\r\n            \x3c!-- dropbox field --\x3e\r\n            <lib-dropbox-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'dropdown\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (dropboxData)="onDropboxChanged($event)"\r\n            ></lib-dropbox-field>\r\n\r\n            \x3c!-- text field --\x3e\r\n            <lib-text-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'text\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (textData)="onTextChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-text-field>\r\n\r\n            \x3c!-- radio field --\x3e\r\n            <lib-radio-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'radio\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (radioData)="onRadioChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-radio-field>\r\n\r\n            \x3c!-- comment field --\x3e\r\n            <lib-comment\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'textarea\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (commentData)="onCommentChange($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-comment>\r\n\r\n            \x3c!-- Boolean field --\x3e\r\n            <lib-boolean\r\n              class=""\r\n              *ngSwitchCase="\'boolean\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (boolData)="onBooleanChange($event)"\r\n            ></lib-boolean>\r\n\r\n            \x3c!-- Email field --\x3e\r\n            <lib-email\r\n              class=""\r\n              *ngSwitchCase="\'email\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (emailId)="onEmailChange($event)"\r\n            ></lib-email>\r\n\r\n            \x3c!-- Date field --\x3e\r\n            <lib-date\r\n              class=""\r\n              *ngSwitchCase="\'date\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (dateSelected)="onDateChange($event)"\r\n            ></lib-date>\r\n\r\n            \x3c!-- Numeric field --\x3e\r\n            <lib-numeric\r\n              class=""\r\n              *ngSwitchCase="\'numeric\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (numeric)="onNumericChange($event)"\r\n            ></lib-numeric>\r\n\r\n            \x3c!-- Heading field --\x3e\r\n            <lib-heading\r\n              style="place-self: flex-start"\r\n              *ngSwitchCase="\'heading\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n            ></lib-heading>\r\n\r\n            \x3c!-- Separator field --\x3e\r\n            <lib-separator *ngSwitchCase="\'separator\'"></lib-separator>\r\n          </ng-container>\r\n          \x3c!-- </div> --\x3e\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- <ng-template [ngIf]="showMessage">\r\n    <div class="icon">\r\n      <lib-thankyou></lib-thankyou>\r\n    </div>\r\n  </ng-template> --\x3e\r\n</div>\r\n',styles:[".main-container{background-color:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.lib-container{display:flex;flex-direction:column;background-color:#fff;border-radius:4px;overflow-y:auto;height:78vh;padding:1rem 3rem;-ms-overflow-style:none;scrollbar-width:none}.lib-container-2{display:flex;box-shadow:0 -2px 9px rgba(0,0,0,.08);background-color:#fff;min-height:5.875rem;padding-top:1rem;padding-bottom:1rem}.sub-container-1{padding-top:2rem;flex:50%;padding-left:8%}.sub-container-2{padding-top:2rem;flex:50%;padding-right:8%}.lib-container h1{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:2.25rem;font-weight:600;line-height:1.333;padding-left:2rem}.secondary-btn-1.mat-raised-button.mat-secondary{background-color:transparent!important;border:1.5px solid!important;color:RGB(0,116,182)!important;font-family:Lato-Bold!important;font-weight:700;font-size:.875rem!important;line-height:1.429!important;height:2.5rem!important;float:right;margin-right:.75rem;border-radius:4px!important;border-color:RGB(0,116,182)!important}.primary-btn-1.mat-raised-button:not([class*=mat-elevation-z]),.secondary-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;cursor:pointer!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem}.primary-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.primary-disabled-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-disabled-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem;opacity:.5}.primary-disabled-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.fields{padding-left:2rem!important;padding-right:2rem!important;padding-top:1rem!important;box-sizing:border-box}.custom-margin-top-4{margin-top:2rem}@media screen and (max-width:768px){.lib-container h1{font-size:1.35rem}.main-container{width:100%}.main-container-two{min-width:100%!important}}@media screen and (max-width:360px){.lib-container h1{font-size:1.3rem}.main-container{width:100%}.main-container-two{min-width:100%!important}.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}.d-block{display:block}.d-none{display:none}.icon{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}::ng-deep .card .mat-form-field-appearance-outline .mat-form-field-infix{padding:.5rem 0 1rem!important}.support-text-1{color:rgba(0,0,0,.87);font-family:Lato-Bold;font-size:.875rem;letter-spacing:.25;line-height:1.429}.main-container-two{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.08);padding:3rem;width:100%}.main-container-two h1{color:rgba(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;letter-spacing:.12px;line-height:1.4}.main-container-two h2{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:1rem;letter-spacing:.25px;line-height:1.5}.header-container{display:flex;justify-content:space-between}.header-container label{padding-top:1.2rem}.lib-container::-webkit-scrollbar{display:none}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[{type:n.MatDialog},{type:R},{type:a.Router}]},e.propDecorators={apiData:[{type:t.Input}],thankYouMessage:[{type:t.Input}],thankYouDescription:[{type:t.Input}],tySecondaryBtnLink:[{type:t.Input}],tyPrimaryBtnLink:[{type:t.Input}],tyPrimaryBtnText:[{type:t.Input}],tySecondaryBtnText:[{type:t.Input}],afterSubmitAction:[{type:t.Input}],afterCancelAction:[{type:t.Input}],isReadOnly:[{type:t.Input}],surveyId:[{type:t.Input}],courseId:[{type:t.Input}],courseName:[{type:t.Input}],applicationId:[{type:t.Input}]},e}();var D=function(){function e(){this.ratingUpdated=new t.EventEmitter,this.starCount=5,this.selectedRating=0,this.stars=[];for(var e=0;e<this.starCount;e++)this.stars.push({id:e+1,icon:"star",class:"star"})}return e.prototype.ngOnChanges=function(e){var r=this;if(this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,"rating"===this.formItem.fieldType)){console.log("this.formItem.name",this.formItem.name);var t=this.formItem.name;this.selectedRating=this.responses.dataObject[""+t],this.stars.filter((function(e){return e.id<=r.selectedRating?e.class="star-gold star-read-only":e.class=" star-read-only",e}))}},e.prototype.ngOnInit=function(){},e.prototype.selectStar=function(e){this.stars.filter((function(r){return r.id<=e?r.class="star-gold star":r.class=" star",r})),this.selectedRating=e;var r={lable:this.lable,value:e,order:this.order};this.ratingUpdated.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-rating",template:'<div class="star-container">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <div *ngIf="!isReadOnly">\r\n    <div\r\n      *ngFor="let star of stars"\r\n      [ngClass]="[star.class]"\r\n      (click)="selectStar(star.id)"\r\n    >\r\n      <mat-icon>{{ star.icon }}</mat-icon>\r\n    </div>\r\n  </div>\r\n  <div *ngIf="isReadOnly">\r\n    <div class="response-container" *ngIf="responseData && responseData[formItem.name]">\r\n      <h4>{{ responseData[formItem.name] }}</h4>\r\n      <div *ngFor="let star of stars" [ngClass]="[star.class]">\r\n        <mat-icon>{{ star.icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class="response-container" *ngIf="responseData && !responseData[formItem.name]">\r\n      <label class="response no-resp">This question is not answered</label>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".star{margin:0;display:inline-block;cursor:pointer;color:RGBA(0,0,0,.16)}mat-icon{font-size:30px!important}.star .mat-icon{width:2.375rem;height:2.375rem}.star-read-only.star-gold .mat-icon{color:orange}span{color:#c0250a}.star-container{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}.star-read-only{display:inline-flex;padding-top:.18rem;cursor:default;color:RGBA(0,0,0,.16)}.star-read-only .mat-icon{width:1rem!important;height:1rem!important}.star-read-only mat-icon{font-size:1rem!important}.response-container{display:flex}.response-container h4{color:#f58634;font-family:Lato-Bold;font-size:.875rem!important;letter-spacing:.14px!important;line-height:1.5!important;padding-right:.5rem;margin:0!important}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],ratingUpdated:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var j=function(){function e(){this.commentData=new t.EventEmitter,this.characterLimit=500,this.characterLength=0}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){e.length,this.characterLimit,this.characterLength=e.length;var r={lable:this.lable,value:e,order:this.order};this.comment=e,this.commentData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-comment",template:'<div class="card">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline" class="move-up-1 custom-margin-top-1">\r\n      <textarea\r\n        matInput\r\n        placeholder="Type here..."\r\n        rows="5"\r\n        [(ngModel)]="comment"\r\n        value="{comment}"\r\n        (keyup)="changeHandeler(comment)"\r\n        autocomplete="off"\r\n        [maxlength]="characterLimit"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class="character-info-1"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label\r\n      class="response"\r\n      *ngIf="responseData"\r\n      style="white-space: pre-line"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}"]}]}],e.propDecorators={formItem:[{type:t.Input}],clearComment:[{type:t.Input}],totalItem:[{type:t.Input}],commentData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var C=function(){function e(){this.isChecked=!1,this.boolData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.boolData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-boolean",template:'<div class="bool">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-slide-toggle\r\n      color="primary"\r\n      [(ngModel)]="isChecked"\r\n      (change)="changeHandeler(isChecked)"\r\n    >\r\n    </mat-slide-toggle>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".bool{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],boolData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var w=function(){function e(){this.emailId=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.emailId.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-email",template:'<div class="email">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="Type here"\r\n        [(ngModel)]="email"\r\n        (change)="changeHandeler(email)"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".email{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],emailId:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var S=function(){function e(){this.dateSelected=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.dateSelected.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-date",template:'<div class="date-picker">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="mm/dd/yyyy"\r\n        [matDatepicker]="picker"\r\n        (dateInput)="changeHandeler($event.value)"\r\n      />\r\n      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".date-picker{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],dateSelected:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var B=function(){function e(){this.numeric=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.numeric.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-numeric",template:'<div class="numeric">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="Type here"\r\n        [(ngModel)]="number"\r\n        (change)="changeHandeler(number)"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".numeric{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],numeric:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var L=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-thankyou",template:'<div class="form">\r\n  <mat-icon aria-hidden="false" aria-label="check icon" class="icon">\r\n    check_circle_outline\r\n  </mat-icon>\r\n  <p class="feedback">Thank you for your valuable feedback</p>\r\n</div>\r\n',styles:[".form{display:flex;align-items:center;flex-direction:column}.icon{font-size:50px;-ms-grid-row-align:center;align-self:center}.feedback{padding-top:20px;text-align:center;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e}(),M=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-heading",template:'<p class="heading">{{ formItem.values[0].heading }}</p>\r\n<p>{{ formItem.values[0].subHeading }}</p>\r\n',styles:[".heading{color:#00f}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var V=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-separator",template:'<mat-divider style="width: 100%; height: 1rem; margin-top: 1rem;"></mat-divider>\r\n',styles:[""]}]}],e.ctorParameters=function(){return[]},e}(),z=[i.MatButtonModule,s.MatIconModule,l.MatInputModule,c.MatFormFieldModule,m.MatCardModule,d.MatCheckboxModule,p.MatRadioModule,u.MatSelectModule,f.MatSlideToggleModule,b.MatDatepickerModule,g.MatNativeDateModule,h.MatDividerModule],q=function(){function e(){this.checkboxData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.checkLists=e.formItem&&e.formItem.currentValue.values,this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:[],order:this.order};this.checkLists.filter((function(e){e.checked&&r.value.push(e.key)})),this.checkboxData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-checkbox-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <ng-container *ngFor="let item of checkLists">\r\n      <mat-checkbox\r\n        [(ngModel)]="item.checked"\r\n        (change)="changeHandeler(item.value)"\r\n        class="checkbox-field"\r\n      >\r\n        {{ item.key }}\r\n      </mat-checkbox>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.mat-checkbox{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;margin-top:1rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-checkbox-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#0074b6!important}::ng-deep.mat-checkbox-button.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],checkboxData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var T=function(){function e(){this.dropboxData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.dropOptions=e.formItem&&e.formItem.currentValue.values,this.order=e.formItem&&e.formItem.currentValue.order,this.lable=e.formItem.currentValue.name,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.dropboxData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-dropbox-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <mat-select\r\n        [(ngModel)]="selectData"\r\n        (selectionChange)="changeHandeler(selectData)"\r\n      >\r\n        <mat-option *ngFor="let iteam of dropOptions" [value]="iteam.value">\r\n          {{ iteam.value }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],dropboxData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var A=function(){function e(){this.textData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.textData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-text-field",template:'<div class="card">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline" class="move-up-1 custom-margin-top-1" [id]="formItem.order">\r\n      <input\r\n        matInput\r\n        placeholder="Type here..."\r\n        [(ngModel)]="text"\r\n        (change)="changeHandeler(text)"\r\n        autocomplete="off"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.card label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}input::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card input{font-family:Lato-Regular;font-size:.875rem;line-height:1.429}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.move-up-1{margin-top:-.75rem}.response{color:rgba(0,0,0,.57)!important;font-family:Lato-Regular!important;font-size:.875rem!important;letter-spacing:.25!important;line-height:1.429!important;padding-top:1rem!important}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],textData:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var E=function(){function e(){this.radioData=new t.EventEmitter,this.radioLists=[]}return e.prototype.ngOnChanges=function(e){var r=this;e.formItem&&e.formItem.currentValue.values.forEach((function(e){r.radioLists.push(e.key)})),this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.radioData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-radio-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-radio-group\r\n      [(ngModel)]="radioValue"\r\n      (change)="changeHandeler(radioValue)"\r\n      class="custom-margin-top-1"\r\n    >\r\n      <mat-radio-button\r\n        class="radio-btn checkbox-field"\r\n        *ngFor="let item of radioLists"\r\n        [value]="item"\r\n      >\r\n        {{ item }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.radio-btn{margin-right:1em;margin-bottom:1em;color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;width:96.5%;margin-top:.15rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}.custom-margin-1{margin-bottom:.75rem}::ng-deep.mat-radio-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element{background-color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],radioData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var P=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[k,D,j,q,T,A,E,C,w,S,B,L,M,V,O],imports:[z,o.FormsModule,o.ReactiveFormsModule,y.CommonModule,r.HttpClientModule],entryComponents:[O],providers:[R],exports:[k,D,j,q,T,A,E,C,w,S,B,L,M,V]}]}],e}();e.MicroSurveyComponent=k,e.MicroSurveyModule=P,e.MicroSurveyService=R,e.ɵa=D,e.ɵb=j,e.ɵc=q,e.ɵd=T,e.ɵe=A,e.ɵf=E,e.ɵg=C,e.ɵh=w,e.ɵi=S,e.ɵj=B,e.ɵk=L,e.ɵl=M,e.ɵm=V,e.ɵn=O,e.ɵo=z,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */function v(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,a,o=t.call(e),i=[];try{for(;(void 0===r||r-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(t=o.return)&&t.call(o)}finally{if(a)throw a.error}}return i}function I(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(v(arguments[r]));return e}var R=function(){function e(e){this.httpClient=e}return e.prototype.getSurveyById=function(e){var t={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.get(e,t)},e.prototype.submitSurvey=function(e,t){var n={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.post(e,t,n)},e.prototype.getSurveyResponse=function(e,t){var n={headers:new r.HttpHeaders({Accept:"application/json","Content-Type":"application/json"})};return this.httpClient.post(e,t,n)},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e}();var x=function(){function e(){}return e.Rating="rating",e.Textarea="textarea",e.Text="text",e.Radio="radio",e.Numeric="numeric",e.Email="email",e.Dropdown="dropdown",e.Date="date",e.Checkbox="checkbox",e.Boolean="boolean",e}();var O=function(){function e(e,r){this.dialogRef=e,this.data=r,this.thankYouMessage=r.thankYouMessage,this.thankYouDescription=r.thankYouDescription,this.tyPrimaryBtnLink=r.tyPrimaryBtnLink,this.tySecondaryBtnLink=r.tySecondaryBtnLink,this.tyPrimaryBtnText=r.tyPrimaryBtnText,this.tySecondaryBtnText=r.tySecondaryBtnText}return e.prototype.ngOnInit=function(){},e.prototype.closeDialog=function(){this.dialogRef.close({event:"close",data:""})},e.decorators=[{type:t.Component,args:[{selector:"lib-thankyou-modal",template:'<div class="">\r\n  <div class="header-section">\r\n    <button\r\n      class="close-btn-1"\r\n      mat-icon-button\r\n      aria-label="dialog close"\r\n      (click)="closeDialog()"\r\n    >\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div class="center-content-1">\r\n    <div class="thank-you-image-1"></div>\r\n    <div class="modal-message">\r\n      <label>{{ thankYouMessage }}</label>\r\n      <p>{{ thankYouDescription }}</p>\r\n    </div>\r\n  </div>\r\n  <div class="footer">\r\n    <a href="{{ tySecondaryBtnLink }}">\r\n      <button class="secondary-btn">{{ tySecondaryBtnText }}</button>\r\n    </a>\r\n    <a href="{{ tyPrimaryBtnLink }}">\r\n      <button class="primary-btn home-image-1">{{ tyPrimaryBtnText }}</button>\r\n    </a>\r\n  </div>\r\n</div>\r\n',styles:[".center-content-1{display:flex;margin-top:3.5rem;justify-content:center}.close-btn-1{background:0 0;color:RGBA(0,0,0,.6);border:none;float:right}.header-section{height:1rem}.modal-message{display:block;margin-top:4rem;padding-left:2rem;padding-right:2rem}.modal-message label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;line-height:1.4}.modal-message p{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.footer{float:right;margin-top:2.75rem}.footer button{cursor:pointer}.secondary-btn{border:1.5px solid #0074b6;background-color:#fff;border-radius:4px;color:#0074b6;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:1rem}.primary-btn{border:1.5px solid #0074b6;background-color:#0074b6;border-radius:4px;color:#fff;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:0;padding-right:2rem}@media only screen and (max-width:600px){.center-content-1{display:block;margin-top:3.5rem;justify-content:center;margin-left:1rem}.footer{display:block;justify-content:center;padding-bottom:2rem;padding-left:3.5rem}.secondary-btn{margin-right:1rem;margin-bottom:1rem}}"]}]}],e.ctorParameters=function(){return[{type:n.MatDialogRef},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[n.MAT_DIALOG_DATA]}]}]},e}();var k=function(){function e(e,r,t){this.dialog=e,this.dataService=r,this.router=t,this.startRatingValue=0,this.commentValue="",this.checkboxValue="",this.textValue="",this.radioValue="",this.dropboxValue="",this.boolValue=!1,this.emailId="",this.date=new Date,this.showMessage=!1,this.displayBtn=!1,this.totalRequired=[],this.checkRequired=[],this.isdisable=!1,this.count=0,this.clearRating=!1,this.clearComment=!1,this.responseCount=0,this.surveyResponseObject=[],this.surveyDataObject={}}return e.prototype.ngOnChanges=function(e){var r=this;this.submitUrl=e.apiData&&e.apiData.currentValue.postAPI,this.dataService.getSurveyById(e.apiData&&e.apiData.currentValue.getAPI).subscribe((function(e){r.formData=e.responseData.fields.sort((function(e,r){return e.order-r.order})),r.surveyTitle=e.responseData&&e.responseData.title?e.responseData.title:"",r.count=r.formData.length,r.formData.forEach((function(e){!0===e.isRequired&&r.totalRequired.push(e.name)})),r.surveyInput=e,r.title=e.responseData.title,r.displayBtn=!0})),this.isReadOnly&&this.getSurveyResponse()},e.prototype.ngOnInit=function(){},e.prototype.onCommentChange=function(e){this.commentValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onCheckboxChanged=function(e){this.checkboxValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onDropboxChanged=function(e){this.dropboxValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onTextChanged=function(e){this.textValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onRadioChanged=function(e){this.radioValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onRatingChanged=function(e){this.startRatingValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onBooleanChange=function(e){this.boolValue=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onEmailChange=function(e){this.emailId=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onDateChange=function(e){this.date=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.onNumericChange=function(e){this.numeric=e.value,this.checkRequiredfields(e.lable),this.detectChanges(e.lable,e.order)},e.prototype.checkRequiredfields=function(e){this.totalRequired.indexOf(e)>-1&&this.checkRequired.push(e);var r=I(new Set(this.checkRequired));this.totalRequired.length===r.length?this.isdisable=!0:this.isdisable=!1},e.prototype.onClear=function(e){var r=this;e.preventDefault(),this.isdisable=!1,this.totalRequired=[],this.checkRequired=[],this.dataService.getSurveyById(this.apiData.getAPI).subscribe((function(t){r.formData=t.responseData.fields.sort((function(e,r){return e.order-r.order})),r.formData.forEach((function(e){!0===e.isRequired&&r.totalRequired.push(e.name)})),r.surveyInput=t,r.title=t.responseData.title,r.displayBtn=!0,r.afterCancelAction(e)}))},e.prototype.getSurveyResponse=function(){var e=this,r={searchObjects:[{key:"formId",values:this.surveyId}]};this.dataService.getSurveyResponse(this.apiData.getAllApplications,r).subscribe((function(r){r.responseData.length>0&&r.responseData.map((function(r,t){if(r.applicationId===e.applicationId){var n={dataObject:r.dataObject,title:r.title,date:r.createdDate};e.title=n.title;var a=new Date(n.date).toLocaleDateString("es-CL");e.responseDate=a,e.surveyResponse=n}}))}))},e.prototype.detectChanges=function(e,r){var t=this;this.formData.forEach((function(n){switch(n.fieldType){case x.Rating:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){var a={label:e,value:t.startRatingValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.startRatingValue)}));else{a={label:e,value:t.startRatingValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Textarea:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.commentValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.commentValue)}));else{a={label:e,value:t.commentValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Boolean:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.boolValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.boolValue)}));else{a={label:e,value:t.boolValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Email:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.emailId,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.emailId)}));else{a={label:e,value:t.emailId,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Date:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.date,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.date)}));else{a={label:e,value:t.date,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Numeric:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.numeric,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.numeric)}));else{a={label:e,value:t.numeric,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Checkbox:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:I(t.checkboxValue),order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=I(t.checkboxValue))}));else{a={label:e,value:I(t.checkboxValue),order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Dropdown:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.dropboxValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.dropboxValue)}));else{a={label:e,value:t.dropboxValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Text:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.textValue,order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.textValue)}));else{a={label:e,value:t.textValue,order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}break;case x.Radio:if(n.name===e&&n.order===r)if(0===t.surveyResponseObject.length){a={label:e,value:t.radioValue.toString(),order:n.order};t.surveyResponseObject.push(a)}else{if(t.surveyResponseObject.find((function(r){return r.label===e&&r.order===n.order})))t.surveyResponseObject.find((function(r){r.label===e&&r.order===n.order&&(r.value=t.radioValue.toString())}));else{a={label:e,value:t.radioValue.toString(),order:n.order};t.surveyResponseObject.push(a)}}else if(t.surveyResponseObject[n.name]){if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:t.surveyResponseObject[n.name],order:n.order};t.surveyResponseObject.push(a)}}else if(!t.surveyResponseObject.find((function(e){return e.label===n.name&&e.order===n.order}))){a={label:n.name,value:"",order:n.order};t.surveyResponseObject.push(a)}}}));var n=[];this.surveyResponseObject.map((function(e,r){n.push(e.value)}));var a=[];n.map((function(e,r){(""!==e&&"object"!=typeof e||"object"==typeof e&&e.length>0)&&a.push(e)})),this.responseCount=a.length},e.prototype.onSubmit=function(e){var r=this,t={};this.surveyResponseObject.forEach((function(e,r){t[""+e.label]=e.value})),this.surveyDataObject=t;var n=(new Date).getTime();this.courseId&&this.courseName&&(this.surveyDataObject["Course ID and Name"]=this.courseId+","+this.courseName);var a={formId:this.surveyInput.responseData.id,timestamp:n,version:this.surveyInput.responseData.version,dataObject:this.surveyDataObject};this.dataService.submitSurvey(this.submitUrl,a).subscribe((function(t){r.submitResponse=t,200===r.submitResponse.statusInfo.statusCode&&(r.onClear(e),r.afterSubmitAction(e),r.responseCount=0,r.surveyResponseObject=[])}))},e.prototype.openDialog=function(){this.dialog.open(O,{width:"48.188rem",height:"25.125rem",data:{thankYouMessage:this.thankYouMessage,thankYouDescription:this.thankYouDescription,tyPrimaryBtnLink:this.tyPrimaryBtnLink,tySecondaryBtnLink:this.tySecondaryBtnLink,tyPrimaryBtnText:this.tyPrimaryBtnText,tySecondaryBtnText:this.tySecondaryBtnText}}).afterClosed().subscribe((function(e){}))},e.decorators=[{type:t.Component,args:[{selector:"lib-micro-survey",template:'<div class="main-lib-body">\r\n  \x3c!-- <h3>{{ title }}</h3> --\x3e\r\n  \x3c!-- Non-read only form --\x3e\r\n  <ng-template [ngIf]="!showMessage && formData && !isReadOnly">\r\n    <div class="main-container">\r\n      <div class="lib-container">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <ng-container *ngFor="let formItem of formData">\r\n          \x3c!-- <div class="fields"> --\x3e\r\n          <ng-container [ngSwitch]="formItem.fieldType">\r\n            \x3c!-- Rating field --\x3e\r\n            <lib-rating\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'rating\'"\r\n              [formItem]="formItem"\r\n              (ratingUpdated)="onRatingChanged($event)"\r\n            ></lib-rating>\r\n\r\n            \x3c!-- checkbox field --\x3e\r\n\r\n            <lib-checkbox-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'checkbox\'"\r\n              [formItem]="formItem"\r\n              (checkboxData)="onCheckboxChanged($event)"\r\n            ></lib-checkbox-field>\r\n\r\n            \x3c!-- dropbox field --\x3e\r\n            <lib-dropbox-field\r\n              class="fields"\r\n              *ngSwitchCase="\'dropdown\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (dropboxData)="onDropboxChanged($event)"\r\n            ></lib-dropbox-field>\r\n\r\n            \x3c!-- text field --\x3e\r\n            <lib-text-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'text\'"\r\n              [formItem]="formItem"\r\n              (textData)="onTextChanged($event)"\r\n            ></lib-text-field>\r\n\r\n            \x3c!-- radio field --\x3e\r\n            <lib-radio-field\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'radio\'"\r\n              [formItem]="formItem"\r\n              (radioData)="onRadioChanged($event)"\r\n            ></lib-radio-field>\r\n\r\n            \x3c!-- comment field --\x3e\r\n            <lib-comment\r\n              class="fields"\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'textarea\'"\r\n              [formItem]="formItem"\r\n              (commentData)="onCommentChange($event)"\r\n            ></lib-comment>\r\n\r\n            \x3c!-- Boolean field --\x3e\r\n            <lib-boolean\r\n              class="fields"\r\n              *ngSwitchCase="\'boolean\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (boolData)="onBooleanChange($event)"\r\n            ></lib-boolean>\r\n\r\n            \x3c!-- Email field --\x3e\r\n            <lib-email\r\n              class="fields"\r\n              *ngSwitchCase="\'email\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (emailId)="onEmailChange($event)"\r\n            ></lib-email>\r\n\r\n            \x3c!-- Date field --\x3e\r\n            <lib-date\r\n              class="fields"\r\n              *ngSwitchCase="\'date\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (dateSelected)="onDateChange($event)"\r\n            ></lib-date>\r\n\r\n            \x3c!-- Numeric field --\x3e\r\n            <lib-numeric\r\n              class="fields"\r\n              *ngSwitchCase="\'numeric\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              (numeric)="onNumericChange($event)"\r\n            ></lib-numeric>\r\n\r\n            \x3c!-- Heading field --\x3e\r\n            <lib-heading\r\n              style="place-self: flex-start"\r\n              *ngSwitchCase="\'heading\'"\r\n              [formItem]="formItem"\r\n              [totalItem]="count"\r\n            ></lib-heading>\r\n\r\n            \x3c!-- Separator field --\x3e\r\n            <lib-separator *ngSwitchCase="\'separator\'"></lib-separator>\r\n          </ng-container>\r\n          \x3c!-- </div> --\x3e\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    \x3c!--submit button  --\x3e\r\n    <div class="lib-container-2">\r\n      <div class="sub-container-1">\r\n        <p class="support-text-1" style="padding-left: 2rem">\r\n          <span>{{ responseCount }}</span\r\n          ><span>/</span>{{ formData.length }}<span> Questions</span>\r\n        </p>\r\n      </div>\r\n      <div class="sub-container-2">\r\n        <div *ngIf="isdisable">\r\n          <button\r\n            class="primary-btn-1"\r\n            [ngClass]="displayBtn ? \'d-block btn\' : \'d-none\'"\r\n            mat-raised-button\r\n            color="primary"\r\n            [disabled]="!isdisable"\r\n            type="submit"\r\n            (click)="onSubmit($event)"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf="!isdisable">\r\n          <button\r\n            class="primary-disabled-btn-1"\r\n            [ngClass]="displayBtn ? \'d-block btn\' : \'d-none\'"\r\n            mat-raised-button\r\n            color="primary"\r\n            [disabled]="isdisable"\r\n            type="submit"\r\n            (click)="onSubmit($event)"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <button\r\n          class="secondary-btn-1"\r\n          mat-raised-button\r\n          color="secondary"\r\n          type="button"\r\n          (click)="onClear($event)"\r\n        >\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- Read only form --\x3e\r\n  <ng-template [ngIf]="isReadOnly && formData">\r\n    <div class="main-container-two">\r\n      <div class="header-container">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <label>{{ responseDate }}</label>\r\n      </div>\r\n      <h2>{{ courseName }}</h2>\r\n      <div class="custom-margin-top-4">\r\n        <ng-container *ngFor="let formItem of formData">\r\n          \x3c!-- <div class="fields"> --\x3e\r\n          <ng-container [ngSwitch]="formItem.fieldType">\r\n            \x3c!-- Rating field --\x3e\r\n            <lib-rating\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'rating\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (ratingUpdated)="onRatingChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-rating>\r\n\r\n            \x3c!-- checkbox field --\x3e\r\n            <lib-checkbox-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'checkbox\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (checkboxData)="onCheckboxChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-checkbox-field>\r\n\r\n            \x3c!-- dropbox field --\x3e\r\n            <lib-dropbox-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'dropdown\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (dropboxData)="onDropboxChanged($event)"\r\n            ></lib-dropbox-field>\r\n\r\n            \x3c!-- text field --\x3e\r\n            <lib-text-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'text\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (textData)="onTextChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-text-field>\r\n\r\n            \x3c!-- radio field --\x3e\r\n            <lib-radio-field\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'radio\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (radioData)="onRadioChanged($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-radio-field>\r\n\r\n            \x3c!-- comment field --\x3e\r\n            <lib-comment\r\n              class=""\r\n              [totalItem]="count"\r\n              *ngSwitchCase="\'textarea\'"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (commentData)="onCommentChange($event)"\r\n              [isReadOnly]="isReadOnly"\r\n            ></lib-comment>\r\n\r\n            \x3c!-- Boolean field --\x3e\r\n            <lib-boolean\r\n              class=""\r\n              *ngSwitchCase="\'boolean\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (boolData)="onBooleanChange($event)"\r\n            ></lib-boolean>\r\n\r\n            \x3c!-- Email field --\x3e\r\n            <lib-email\r\n              class=""\r\n              *ngSwitchCase="\'email\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (emailId)="onEmailChange($event)"\r\n            ></lib-email>\r\n\r\n            \x3c!-- Date field --\x3e\r\n            <lib-date\r\n              class=""\r\n              *ngSwitchCase="\'date\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (dateSelected)="onDateChange($event)"\r\n            ></lib-date>\r\n\r\n            \x3c!-- Numeric field --\x3e\r\n            <lib-numeric\r\n              class=""\r\n              *ngSwitchCase="\'numeric\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n              (numeric)="onNumericChange($event)"\r\n            ></lib-numeric>\r\n\r\n            \x3c!-- Heading field --\x3e\r\n            <lib-heading\r\n              style="place-self: flex-start"\r\n              *ngSwitchCase="\'heading\'"\r\n              [totalItem]="count"\r\n              [formItem]="formItem"\r\n              [responses]="surveyResponse"\r\n            ></lib-heading>\r\n\r\n            \x3c!-- Separator field --\x3e\r\n            <lib-separator *ngSwitchCase="\'separator\'"></lib-separator>\r\n          </ng-container>\r\n          \x3c!-- </div> --\x3e\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  \x3c!-- <ng-template [ngIf]="showMessage">\r\n    <div class="icon">\r\n      <lib-thankyou></lib-thankyou>\r\n    </div>\r\n  </ng-template> --\x3e\r\n</div>\r\n',styles:[".main-container{background-color:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.lib-container{display:flex;flex-direction:column;background-color:#fff;border-radius:4px;overflow-y:auto;height:78vh;padding:1rem 3rem;-ms-overflow-style:none;scrollbar-width:none}.lib-container-2{display:flex;box-shadow:0 -2px 9px rgba(0,0,0,.08);background-color:#fff;min-height:5.875rem;padding-top:1rem;padding-bottom:1rem}.sub-container-1{padding-top:2rem;flex:50%;padding-left:8%}.sub-container-2{padding-top:2rem;flex:50%;padding-right:8%}.lib-container h1{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:2.25rem;font-weight:600;line-height:1.333;padding-left:2rem}.secondary-btn-1.mat-raised-button.mat-secondary{background-color:transparent!important;border:1.5px solid!important;color:RGB(0,116,182)!important;font-family:Lato-Bold!important;font-weight:700;font-size:.875rem!important;line-height:1.429!important;height:2.5rem!important;float:right;margin-right:.75rem;border-radius:4px!important;border-color:RGB(0,116,182)!important}.primary-btn-1.mat-raised-button:not([class*=mat-elevation-z]),.secondary-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;cursor:pointer!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem}.primary-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.primary-disabled-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-disabled-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem;opacity:.5}.primary-disabled-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.fields{padding-left:2rem!important;padding-right:2rem!important;padding-top:1rem!important;box-sizing:border-box}.custom-margin-top-4{margin-top:2rem}@media screen and (max-width:768px){.lib-container h1{font-size:1.35rem}.main-container{width:100%}.main-container-two{min-width:100%!important}}@media screen and (max-width:360px){.lib-container h1{font-size:1.3rem}.main-container{width:100%}.main-container-two{min-width:100%!important}.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}.d-block{display:block}.d-none{display:none}.icon{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}::ng-deep .card .mat-form-field-appearance-outline .mat-form-field-infix{padding:.5rem 0 1rem!important}.support-text-1{color:rgba(0,0,0,.87);font-family:Lato-Bold;font-size:.875rem;letter-spacing:.25;line-height:1.429}.main-container-two{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.08);padding:3rem;width:100%}.main-container-two h1{color:rgba(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;letter-spacing:.12px;line-height:1.4}.main-container-two h2{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:1rem;letter-spacing:.25px;line-height:1.5}.header-container{display:flex;justify-content:space-between}.header-container label{padding-top:1.2rem}.lib-container::-webkit-scrollbar{display:none}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[{type:n.MatDialog},{type:R},{type:a.Router}]},e.propDecorators={apiData:[{type:t.Input}],thankYouMessage:[{type:t.Input}],thankYouDescription:[{type:t.Input}],tySecondaryBtnLink:[{type:t.Input}],tyPrimaryBtnLink:[{type:t.Input}],tyPrimaryBtnText:[{type:t.Input}],tySecondaryBtnText:[{type:t.Input}],afterSubmitAction:[{type:t.Input}],afterCancelAction:[{type:t.Input}],isReadOnly:[{type:t.Input}],surveyId:[{type:t.Input}],courseId:[{type:t.Input}],courseName:[{type:t.Input}],applicationId:[{type:t.Input}]},e}();var D=function(){function e(){this.ratingUpdated=new t.EventEmitter,this.starCount=5,this.selectedRating=0,this.stars=[];for(var e=0;e<this.starCount;e++)this.stars.push({id:e+1,icon:"star",class:"star"})}return e.prototype.ngOnChanges=function(e){var r=this;if(this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,"rating"===this.formItem.fieldType)){console.log("this.formItem.name",this.formItem.name);var t=this.formItem.name;this.selectedRating=this.responses.dataObject[""+t],this.stars.filter((function(e){return e.id<=r.selectedRating?e.class="star-gold star-read-only":e.class=" star-read-only",e}))}},e.prototype.ngOnInit=function(){},e.prototype.selectStar=function(e){this.stars.filter((function(r){return r.id<=e?r.class="star-gold star":r.class=" star",r})),this.selectedRating=e;var r={lable:this.lable,value:e,order:this.order};this.ratingUpdated.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-rating",template:'<div class="star-container">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <div *ngIf="!isReadOnly">\r\n    <div\r\n      *ngFor="let star of stars"\r\n      [ngClass]="[star.class]"\r\n      (click)="selectStar(star.id)"\r\n    >\r\n      <mat-icon>{{ star.icon }}</mat-icon>\r\n    </div>\r\n  </div>\r\n  <div *ngIf="isReadOnly">\r\n    <div class="response-container" *ngIf="responseData && responseData[formItem.name]">\r\n      <h4>{{ responseData[formItem.name] }}</h4>\r\n      <div *ngFor="let star of stars" [ngClass]="[star.class]">\r\n        <mat-icon>{{ star.icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class="response-container" *ngIf="responseData && !responseData[formItem.name]">\r\n      <label class="response no-resp">This question is not answered</label>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".star{margin:0;display:inline-block;cursor:pointer;color:RGBA(0,0,0,.16)}mat-icon{font-size:30px!important}.star .mat-icon{width:2.375rem;height:2.375rem}.star-read-only.star-gold .mat-icon{color:orange}span{color:#c0250a}.star-container{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}.star-read-only{display:inline-flex;padding-top:.18rem;cursor:default;color:RGBA(0,0,0,.16)}.star-read-only .mat-icon{width:1rem!important;height:1rem!important}.star-read-only mat-icon{font-size:1rem!important}.response-container{display:flex}.response-container h4{color:#f58634;font-family:Lato-Bold;font-size:.875rem!important;letter-spacing:.14px!important;line-height:1.5!important;padding-right:.5rem;margin:0!important}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],ratingUpdated:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var j=function(){function e(){this.commentData=new t.EventEmitter,this.characterLimit=500,this.characterLength=0}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){e.length,this.characterLimit,this.characterLength=e.length;var r={lable:this.lable,value:e,order:this.order};this.comment=e,this.commentData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-comment",template:'<div class="card">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline" class="move-up-1 custom-margin-top-1">\r\n      <textarea\r\n        matInput\r\n        placeholder="Type here..."\r\n        rows="5"\r\n        [(ngModel)]="comment"\r\n        value="{comment}"\r\n        (keyup)="changeHandeler(comment)"\r\n        autocomplete="off"\r\n        [maxlength]="characterLimit"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class="character-info-1"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label\r\n      class="response"\r\n      *ngIf="responseData && responseData[formItem.name]"\r\n      style="white-space: pre-line"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n    \r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.propDecorators={formItem:[{type:t.Input}],clearComment:[{type:t.Input}],totalItem:[{type:t.Input}],commentData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var C=function(){function e(){this.isChecked=!1,this.boolData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.boolData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-boolean",template:'<div class="bool">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-slide-toggle\r\n      color="primary"\r\n      [(ngModel)]="isChecked"\r\n      (change)="changeHandeler(isChecked)"\r\n    >\r\n    </mat-slide-toggle>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".bool{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],boolData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var w=function(){function e(){this.emailId=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.emailId.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-email",template:'<div class="email">\r\n  <label class="custom-margin-1">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="Type here"\r\n        [(ngModel)]="email"\r\n        (change)="changeHandeler(email)"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".email{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],emailId:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var S=function(){function e(){this.dateSelected=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.dateSelected.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-date",template:'<div class="date-picker">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="mm/dd/yyyy"\r\n        [matDatepicker]="picker"\r\n        (dateInput)="changeHandeler($event.value)"\r\n      />\r\n      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".date-picker{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],dateSelected:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var B=function(){function e(){this.numeric=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.numeric.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-numeric",template:'<div class="numeric">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <input\r\n        matInput\r\n        placeholder="Type here"\r\n        [(ngModel)]="number"\r\n        (change)="changeHandeler(number)"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".numeric{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],numeric:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var L=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-thankyou",template:'<div class="form">\r\n  <mat-icon aria-hidden="false" aria-label="check icon" class="icon">\r\n    check_circle_outline\r\n  </mat-icon>\r\n  <p class="feedback">Thank you for your valuable feedback</p>\r\n</div>\r\n',styles:[".form{display:flex;align-items:center;flex-direction:column}.icon{font-size:50px;-ms-grid-row-align:center;align-self:center}.feedback{padding-top:20px;text-align:center;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e}(),M=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-heading",template:'<p class="heading">{{ formItem.values[0].heading }}</p>\r\n<p>{{ formItem.values[0].subHeading }}</p>\r\n',styles:[".heading{color:#00f}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var V=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"lib-separator",template:'<mat-divider style="width: 100%; height: 1rem; margin-top: 1rem;"></mat-divider>\r\n',styles:[""]}]}],e.ctorParameters=function(){return[]},e}(),z=[i.MatButtonModule,s.MatIconModule,l.MatInputModule,c.MatFormFieldModule,m.MatCardModule,d.MatCheckboxModule,p.MatRadioModule,u.MatSelectModule,f.MatSlideToggleModule,b.MatDatepickerModule,g.MatNativeDateModule,h.MatDividerModule],q=function(){function e(){this.checkboxData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.checkLists=e.formItem&&e.formItem.currentValue.values,this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:[],order:this.order};this.checkLists.filter((function(e){e.checked&&r.value.push(e.key)})),this.checkboxData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-checkbox-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <ng-container *ngFor="let item of checkLists">\r\n      <mat-checkbox\r\n        [(ngModel)]="item.checked"\r\n        (change)="changeHandeler(item.value)"\r\n        class="checkbox-field"\r\n      >\r\n        {{ item.key }}\r\n      </mat-checkbox>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.mat-checkbox{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;margin-top:1rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-checkbox-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#0074b6!important}::ng-deep.mat-checkbox-button.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],checkboxData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var T=function(){function e(){this.dropboxData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.dropOptions=e.formItem&&e.formItem.currentValue.values,this.order=e.formItem&&e.formItem.currentValue.order,this.lable=e.formItem.currentValue.name,this.responses&&(this.responseData=this.responses.dataObject)},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.dropboxData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-dropbox-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline">\r\n      <mat-select\r\n        [(ngModel)]="selectData"\r\n        (selectionChange)="changeHandeler(selectData)"\r\n      >\r\n        <mat-option *ngFor="let iteam of dropOptions" [value]="iteam.value">\r\n          {{ iteam.value }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],dropboxData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var A=function(){function e(){this.textData=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.textData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-text-field",template:'<div class="card">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-form-field appearance="outline" class="move-up-1 custom-margin-top-1" [id]="formItem.order">\r\n      <input\r\n        matInput\r\n        placeholder="Type here..."\r\n        [(ngModel)]="text"\r\n        (change)="changeHandeler(text)"\r\n        autocomplete="off"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.card label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}input::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card input{font-family:Lato-Regular;font-size:.875rem;line-height:1.429}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.move-up-1{margin-top:-.75rem}.response{color:rgba(0,0,0,.57)!important;font-family:Lato-Regular!important;font-size:.875rem!important;letter-spacing:.25!important;line-height:1.429!important;padding-top:1rem!important}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],textData:[{type:t.Output}],isReadOnly:[{type:t.Input}],totalItem:[{type:t.Input}],responses:[{type:t.Input}]},e}();var E=function(){function e(){this.radioData=new t.EventEmitter,this.radioLists=[]}return e.prototype.ngOnChanges=function(e){var r=this;e.formItem&&e.formItem.currentValue.values.forEach((function(e){r.radioLists.push(e.key)})),this.lable=e.formItem&&e.formItem.currentValue.name,this.order=e.formItem&&e.formItem.currentValue.order,this.responses&&(this.responseData=this.responses.dataObject,console.log("this.responseData",this.responseData))},e.prototype.ngOnInit=function(){},e.prototype.changeHandeler=function(e){var r={lable:this.lable,value:e,order:this.order};this.radioData.emit(r)},e.decorators=[{type:t.Component,args:[{selector:"lib-radio-field",template:'<div class="card">\r\n  <label class="custom-margin-1"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf="!isReadOnly">\r\n    <mat-radio-group\r\n      [(ngModel)]="radioValue"\r\n      (change)="changeHandeler(radioValue)"\r\n      class="custom-margin-top-1"\r\n    >\r\n      <mat-radio-button\r\n        class="radio-btn checkbox-field"\r\n        *ngFor="let item of radioLists"\r\n        [value]="item"\r\n      >\r\n        {{ item }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </ng-container>\r\n  <ng-container *ngIf="isReadOnly">\r\n    <label class="response" *ngIf="responseData && responseData[formItem.name] !== \'\'">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class="response no-resp" *ngIf="responseData && !responseData[formItem.name]">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf="formItem.order !== totalItem">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n',styles:[".card{display:flex;flex-direction:column}.radio-btn{margin-right:1em;margin-bottom:1em;color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;width:96.5%;margin-top:.15rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}.custom-margin-1{margin-bottom:.75rem}::ng-deep.mat-radio-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element{background-color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formItem:[{type:t.Input}],totalItem:[{type:t.Input}],radioData:[{type:t.Output}],isReadOnly:[{type:t.Input}],responses:[{type:t.Input}]},e}();var P=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[k,D,j,q,T,A,E,C,w,S,B,L,M,V,O],imports:[z,o.FormsModule,o.ReactiveFormsModule,y.CommonModule,r.HttpClientModule],entryComponents:[O],providers:[R],exports:[k,D,j,q,T,A,E,C,w,S,B,L,M,V]}]}],e}();e.MicroSurveyComponent=k,e.MicroSurveyModule=P,e.MicroSurveyService=R,e.ɵa=D,e.ɵb=j,e.ɵc=q,e.ɵd=T,e.ɵe=A,e.ɵf=E,e.ɵg=C,e.ɵh=w,e.ɵi=S,e.ɵj=B,e.ɵk=L,e.ɵl=M,e.ɵm=V,e.ɵn=O,e.ɵo=z,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sunbird-cb-micro-surveys.umd.min.js.map

esm2015/lib/comment/comment.component.js

@@ -51,4 +51,4 @@ /**
                 selector: "lib-comment",
-                template: "<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n",
-                styles: [".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}"]
+                template: "<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData && responseData[formItem.name]\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n    \r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n",
+                styles: [".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]
             }] }
@@ -93,2 +93,2 @@ ];
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9taWNyby1zdXJ2ZXlzLyIsInNvdXJjZXMiOlsibGliL2NvbW1lbnQvY29tbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFhdkIsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQVVvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFPbkQsbUJBQWMsR0FBVyxHQUFHLENBQUM7UUFDN0Isb0JBQWUsR0FBVyxDQUFDLENBQUM7SUEwQjlCLENBQUM7Ozs7O0lBeEJDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDckUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7U0FDL0M7SUFDSCxDQUFDOzs7O0lBQ0QsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsY0FBYyxDQUFDLElBQUk7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1NBQ3BDO2FBQU07WUFDTCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDcEM7O1lBRUcsT0FBTyxHQUFHO1lBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLEtBQUssRUFBRSxJQUFJO1lBQ1gsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7O1lBM0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsd29DQUF1Qzs7YUFFeEM7Ozt1QkFHRSxLQUFLOzJCQUNMLEtBQUs7d0JBQ0wsS0FBSzswQkFDTCxNQUFNO3lCQUNOLEtBQUs7d0JBQ0wsS0FBSzs7OztJQU5OLG1DQUFROztJQUNSLG9DQUFrQjs7SUFDbEIsd0NBQXNCOztJQUN0QixxQ0FBbUI7Ozs7O0lBQ25CLHVDQUFtRDs7SUFDbkQsc0NBQW9COztJQUNwQixxQ0FBbUI7O0lBRW5CLGlDQUFNOztJQUNOLGlDQUFNOztJQUNOLHdDQUFrQjs7SUFDbEIsMENBQTZCOztJQUM3QiwyQ0FBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge1xyXG4gIEZvcm1CdWlsZGVyLFxyXG4gIEZvcm1Db250cm9sLFxyXG4gIEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICBGb3JtR3JvdXAsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJsaWItY29tbWVudFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vY29tbWVudC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9jb21tZW50LmNvbXBvbmVudC5jc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIGNvbW1lbnQ7XHJcbiAgQElucHV0KCkgZm9ybUl0ZW07XHJcbiAgQElucHV0KCkgY2xlYXJDb21tZW50O1xyXG4gIEBJbnB1dCgpIHRvdGFsSXRlbTtcclxuICBAT3V0cHV0KCkgcHJpdmF0ZSBjb21tZW50RGF0YSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBpc1JlYWRPbmx5O1xyXG4gIEBJbnB1dCgpIHJlc3BvbnNlcztcclxuXHJcbiAgbGFibGU7XHJcbiAgb3JkZXI7XHJcbiAgcmVzcG9uc2VEYXRhOiBhbnk7XHJcbiAgY2hhcmFjdGVyTGltaXQ6IG51bWJlciA9IDUwMDtcclxuICBjaGFyYWN0ZXJMZW5ndGg6IG51bWJlciA9IDA7XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMubGFibGUgPSBjaGFuZ2VzLmZvcm1JdGVtICYmIGNoYW5nZXMuZm9ybUl0ZW0uY3VycmVudFZhbHVlLm5hbWU7XHJcbiAgICB0aGlzLm9yZGVyID0gY2hhbmdlcy5mb3JtSXRlbSAmJiBjaGFuZ2VzLmZvcm1JdGVtLmN1cnJlbnRWYWx1ZS5vcmRlcjtcclxuICAgIGlmICh0aGlzLnJlc3BvbnNlcykge1xyXG4gICAgICB0aGlzLnJlc3BvbnNlRGF0YSA9IHRoaXMucmVzcG9uc2VzLmRhdGFPYmplY3Q7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgY2hhbmdlSGFuZGVsZXIoZGF0YSkge1xyXG4gICAgaWYgKGRhdGEubGVuZ3RoID4gdGhpcy5jaGFyYWN0ZXJMaW1pdCkge1xyXG4gICAgICB0aGlzLmNoYXJhY3Rlckxlbmd0aCA9IGRhdGEubGVuZ3RoO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jaGFyYWN0ZXJMZW5ndGggPSBkYXRhLmxlbmd0aDtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgb3V0ZGF0YSA9IHtcclxuICAgICAgbGFibGU6IHRoaXMubGFibGUsXHJcbiAgICAgIHZhbHVlOiBkYXRhLFxyXG4gICAgICBvcmRlcjogdGhpcy5vcmRlcixcclxuICAgIH07XHJcbiAgICB0aGlzLmNvbW1lbnQgPSBkYXRhO1xyXG4gICAgdGhpcy5jb21tZW50RGF0YS5lbWl0KG91dGRhdGEpO1xyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9taWNyby1zdXJ2ZXlzLyIsInNvdXJjZXMiOlsibGliL2NvbW1lbnQvY29tbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFhdkIsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQVVvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFPbkQsbUJBQWMsR0FBVyxHQUFHLENBQUM7UUFDN0Isb0JBQWUsR0FBVyxDQUFDLENBQUM7SUEwQjlCLENBQUM7Ozs7O0lBeEJDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDckUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7U0FDL0M7SUFDSCxDQUFDOzs7O0lBQ0QsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsY0FBYyxDQUFDLElBQUk7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1NBQ3BDO2FBQU07WUFDTCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDcEM7O1lBRUcsT0FBTyxHQUFHO1lBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLEtBQUssRUFBRSxJQUFJO1lBQ1gsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ2xCO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7O1lBM0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIscXpDQUF1Qzs7YUFFeEM7Ozt1QkFHRSxLQUFLOzJCQUNMLEtBQUs7d0JBQ0wsS0FBSzswQkFDTCxNQUFNO3lCQUNOLEtBQUs7d0JBQ0wsS0FBSzs7OztJQU5OLG1DQUFROztJQUNSLG9DQUFrQjs7SUFDbEIsd0NBQXNCOztJQUN0QixxQ0FBbUI7Ozs7O0lBQ25CLHVDQUFtRDs7SUFDbkQsc0NBQW9COztJQUNwQixxQ0FBbUI7O0lBRW5CLGlDQUFNOztJQUNOLGlDQUFNOztJQUNOLHdDQUFrQjs7SUFDbEIsMENBQTZCOztJQUM3QiwyQ0FBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge1xyXG4gIEZvcm1CdWlsZGVyLFxyXG4gIEZvcm1Db250cm9sLFxyXG4gIEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICBGb3JtR3JvdXAsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJsaWItY29tbWVudFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vY29tbWVudC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9jb21tZW50LmNvbXBvbmVudC5jc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIGNvbW1lbnQ7XHJcbiAgQElucHV0KCkgZm9ybUl0ZW07XHJcbiAgQElucHV0KCkgY2xlYXJDb21tZW50O1xyXG4gIEBJbnB1dCgpIHRvdGFsSXRlbTtcclxuICBAT3V0cHV0KCkgcHJpdmF0ZSBjb21tZW50RGF0YSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBpc1JlYWRPbmx5O1xyXG4gIEBJbnB1dCgpIHJlc3BvbnNlcztcclxuXHJcbiAgbGFibGU7XHJcbiAgb3JkZXI7XHJcbiAgcmVzcG9uc2VEYXRhOiBhbnk7XHJcbiAgY2hhcmFjdGVyTGltaXQ6IG51bWJlciA9IDUwMDtcclxuICBjaGFyYWN0ZXJMZW5ndGg6IG51bWJlciA9IDA7XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMubGFibGUgPSBjaGFuZ2VzLmZvcm1JdGVtICYmIGNoYW5nZXMuZm9ybUl0ZW0uY3VycmVudFZhbHVlLm5hbWU7XHJcbiAgICB0aGlzLm9yZGVyID0gY2hhbmdlcy5mb3JtSXRlbSAmJiBjaGFuZ2VzLmZvcm1JdGVtLmN1cnJlbnRWYWx1ZS5vcmRlcjtcclxuICAgIGlmICh0aGlzLnJlc3BvbnNlcykge1xyXG4gICAgICB0aGlzLnJlc3BvbnNlRGF0YSA9IHRoaXMucmVzcG9uc2VzLmRhdGFPYmplY3Q7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgY2hhbmdlSGFuZGVsZXIoZGF0YSkge1xyXG4gICAgaWYgKGRhdGEubGVuZ3RoID4gdGhpcy5jaGFyYWN0ZXJMaW1pdCkge1xyXG4gICAgICB0aGlzLmNoYXJhY3Rlckxlbmd0aCA9IGRhdGEubGVuZ3RoO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jaGFyYWN0ZXJMZW5ndGggPSBkYXRhLmxlbmd0aDtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgb3V0ZGF0YSA9IHtcclxuICAgICAgbGFibGU6IHRoaXMubGFibGUsXHJcbiAgICAgIHZhbHVlOiBkYXRhLFxyXG4gICAgICBvcmRlcjogdGhpcy5vcmRlcixcclxuICAgIH07XHJcbiAgICB0aGlzLmNvbW1lbnQgPSBkYXRhO1xyXG4gICAgdGhpcy5jb21tZW50RGF0YS5lbWl0KG91dGRhdGEpO1xyXG4gIH1cclxufVxyXG4iXX0=

esm5/lib/comment/comment.component.js

@@ -61,4 +61,4 @@ /**
                     selector: "lib-comment",
-                    template: "<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n",
-                    styles: [".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}"]
+                    template: "<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData && responseData[formItem.name]\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n    \r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n",
+                    styles: [".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]
                 }] }
@@ -106,2 +106,2 @@ ];
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9taWNyby1zdXJ2ZXlzLyIsInNvdXJjZXMiOlsibGliL2NvbW1lbnQvY29tbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFRdkI7SUFBQTtRQVVvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFPbkQsbUJBQWMsR0FBVyxHQUFHLENBQUM7UUFDN0Isb0JBQWUsR0FBVyxDQUFDLENBQUM7SUEwQjlCLENBQUM7Ozs7O0lBeEJDLHNDQUFXOzs7O0lBQVgsVUFBWSxPQUFzQjtRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDckUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7U0FDL0M7SUFDSCxDQUFDOzs7O0lBQ0QsbUNBQVE7OztJQUFSLGNBQVksQ0FBQzs7Ozs7SUFFYix5Q0FBYzs7OztJQUFkLFVBQWUsSUFBSTtRQUNqQixJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNyQyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDcEM7YUFBTTtZQUNMLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztTQUNwQzs7WUFFRyxPQUFPLEdBQUc7WUFDWixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsS0FBSyxFQUFFLElBQUk7WUFDWCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7U0FDbEI7UUFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkEzQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2Qix3b0NBQXVDOztpQkFFeEM7OzsyQkFHRSxLQUFLOytCQUNMLEtBQUs7NEJBQ0wsS0FBSzs4QkFDTCxNQUFNOzZCQUNOLEtBQUs7NEJBQ0wsS0FBSzs7SUFnQ1IsdUJBQUM7Q0FBQSxBQTVDRCxJQTRDQztTQXZDWSxnQkFBZ0I7OztJQUMzQixtQ0FBUTs7SUFDUixvQ0FBa0I7O0lBQ2xCLHdDQUFzQjs7SUFDdEIscUNBQW1COzs7OztJQUNuQix1Q0FBbUQ7O0lBQ25ELHNDQUFvQjs7SUFDcEIscUNBQW1COztJQUVuQixpQ0FBTTs7SUFDTixpQ0FBTTs7SUFDTix3Q0FBa0I7O0lBQ2xCLDBDQUE2Qjs7SUFDN0IsMkNBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBGb3JtQnVpbGRlcixcclxuICBGb3JtQ29udHJvbCxcclxuICBGb3JtR3JvdXBEaXJlY3RpdmUsXHJcbiAgRm9ybUdyb3VwLFxyXG59IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibGliLWNvbW1lbnRcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2NvbW1lbnQuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vY29tbWVudC5jb21wb25lbnQuY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBjb21tZW50O1xyXG4gIEBJbnB1dCgpIGZvcm1JdGVtO1xyXG4gIEBJbnB1dCgpIGNsZWFyQ29tbWVudDtcclxuICBASW5wdXQoKSB0b3RhbEl0ZW07XHJcbiAgQE91dHB1dCgpIHByaXZhdGUgY29tbWVudERhdGEgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgaXNSZWFkT25seTtcclxuICBASW5wdXQoKSByZXNwb25zZXM7XHJcblxyXG4gIGxhYmxlO1xyXG4gIG9yZGVyO1xyXG4gIHJlc3BvbnNlRGF0YTogYW55O1xyXG4gIGNoYXJhY3RlckxpbWl0OiBudW1iZXIgPSA1MDA7XHJcbiAgY2hhcmFjdGVyTGVuZ3RoOiBudW1iZXIgPSAwO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLmxhYmxlID0gY2hhbmdlcy5mb3JtSXRlbSAmJiBjaGFuZ2VzLmZvcm1JdGVtLmN1cnJlbnRWYWx1ZS5uYW1lO1xyXG4gICAgdGhpcy5vcmRlciA9IGNoYW5nZXMuZm9ybUl0ZW0gJiYgY2hhbmdlcy5mb3JtSXRlbS5jdXJyZW50VmFsdWUub3JkZXI7XHJcbiAgICBpZiAodGhpcy5yZXNwb25zZXMpIHtcclxuICAgICAgdGhpcy5yZXNwb25zZURhdGEgPSB0aGlzLnJlc3BvbnNlcy5kYXRhT2JqZWN0O1xyXG4gICAgfVxyXG4gIH1cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIGNoYW5nZUhhbmRlbGVyKGRhdGEpIHtcclxuICAgIGlmIChkYXRhLmxlbmd0aCA+IHRoaXMuY2hhcmFjdGVyTGltaXQpIHtcclxuICAgICAgdGhpcy5jaGFyYWN0ZXJMZW5ndGggPSBkYXRhLmxlbmd0aDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuY2hhcmFjdGVyTGVuZ3RoID0gZGF0YS5sZW5ndGg7XHJcbiAgICB9XHJcblxyXG4gICAgbGV0IG91dGRhdGEgPSB7XHJcbiAgICAgIGxhYmxlOiB0aGlzLmxhYmxlLFxyXG4gICAgICB2YWx1ZTogZGF0YSxcclxuICAgICAgb3JkZXI6IHRoaXMub3JkZXIsXHJcbiAgICB9O1xyXG4gICAgdGhpcy5jb21tZW50ID0gZGF0YTtcclxuICAgIHRoaXMuY29tbWVudERhdGEuZW1pdChvdXRkYXRhKTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi9taWNyby1zdXJ2ZXlzLyIsInNvdXJjZXMiOlsibGliL2NvbW1lbnQvY29tbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFRdkI7SUFBQTtRQVVvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFPbkQsbUJBQWMsR0FBVyxHQUFHLENBQUM7UUFDN0Isb0JBQWUsR0FBVyxDQUFDLENBQUM7SUEwQjlCLENBQUM7Ozs7O0lBeEJDLHNDQUFXOzs7O0lBQVgsVUFBWSxPQUFzQjtRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDckUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7U0FDL0M7SUFDSCxDQUFDOzs7O0lBQ0QsbUNBQVE7OztJQUFSLGNBQVksQ0FBQzs7Ozs7SUFFYix5Q0FBYzs7OztJQUFkLFVBQWUsSUFBSTtRQUNqQixJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNyQyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDcEM7YUFBTTtZQUNMLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztTQUNwQzs7WUFFRyxPQUFPLEdBQUc7WUFDWixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsS0FBSyxFQUFFLElBQUk7WUFDWCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7U0FDbEI7UUFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkEzQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixxekNBQXVDOztpQkFFeEM7OzsyQkFHRSxLQUFLOytCQUNMLEtBQUs7NEJBQ0wsS0FBSzs4QkFDTCxNQUFNOzZCQUNOLEtBQUs7NEJBQ0wsS0FBSzs7SUFnQ1IsdUJBQUM7Q0FBQSxBQTVDRCxJQTRDQztTQXZDWSxnQkFBZ0I7OztJQUMzQixtQ0FBUTs7SUFDUixvQ0FBa0I7O0lBQ2xCLHdDQUFzQjs7SUFDdEIscUNBQW1COzs7OztJQUNuQix1Q0FBbUQ7O0lBQ25ELHNDQUFvQjs7SUFDcEIscUNBQW1COztJQUVuQixpQ0FBTTs7SUFDTixpQ0FBTTs7SUFDTix3Q0FBa0I7O0lBQ2xCLDBDQUE2Qjs7SUFDN0IsMkNBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBGb3JtQnVpbGRlcixcclxuICBGb3JtQ29udHJvbCxcclxuICBGb3JtR3JvdXBEaXJlY3RpdmUsXHJcbiAgRm9ybUdyb3VwLFxyXG59IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibGliLWNvbW1lbnRcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2NvbW1lbnQuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vY29tbWVudC5jb21wb25lbnQuY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBjb21tZW50O1xyXG4gIEBJbnB1dCgpIGZvcm1JdGVtO1xyXG4gIEBJbnB1dCgpIGNsZWFyQ29tbWVudDtcclxuICBASW5wdXQoKSB0b3RhbEl0ZW07XHJcbiAgQE91dHB1dCgpIHByaXZhdGUgY29tbWVudERhdGEgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgaXNSZWFkT25seTtcclxuICBASW5wdXQoKSByZXNwb25zZXM7XHJcblxyXG4gIGxhYmxlO1xyXG4gIG9yZGVyO1xyXG4gIHJlc3BvbnNlRGF0YTogYW55O1xyXG4gIGNoYXJhY3RlckxpbWl0OiBudW1iZXIgPSA1MDA7XHJcbiAgY2hhcmFjdGVyTGVuZ3RoOiBudW1iZXIgPSAwO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLmxhYmxlID0gY2hhbmdlcy5mb3JtSXRlbSAmJiBjaGFuZ2VzLmZvcm1JdGVtLmN1cnJlbnRWYWx1ZS5uYW1lO1xyXG4gICAgdGhpcy5vcmRlciA9IGNoYW5nZXMuZm9ybUl0ZW0gJiYgY2hhbmdlcy5mb3JtSXRlbS5jdXJyZW50VmFsdWUub3JkZXI7XHJcbiAgICBpZiAodGhpcy5yZXNwb25zZXMpIHtcclxuICAgICAgdGhpcy5yZXNwb25zZURhdGEgPSB0aGlzLnJlc3BvbnNlcy5kYXRhT2JqZWN0O1xyXG4gICAgfVxyXG4gIH1cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIGNoYW5nZUhhbmRlbGVyKGRhdGEpIHtcclxuICAgIGlmIChkYXRhLmxlbmd0aCA+IHRoaXMuY2hhcmFjdGVyTGltaXQpIHtcclxuICAgICAgdGhpcy5jaGFyYWN0ZXJMZW5ndGggPSBkYXRhLmxlbmd0aDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuY2hhcmFjdGVyTGVuZ3RoID0gZGF0YS5sZW5ndGg7XHJcbiAgICB9XHJcblxyXG4gICAgbGV0IG91dGRhdGEgPSB7XHJcbiAgICAgIGxhYmxlOiB0aGlzLmxhYmxlLFxyXG4gICAgICB2YWx1ZTogZGF0YSxcclxuICAgICAgb3JkZXI6IHRoaXMub3JkZXIsXHJcbiAgICB9O1xyXG4gICAgdGhpcy5jb21tZW50ID0gZGF0YTtcclxuICAgIHRoaXMuY29tbWVudERhdGEuZW1pdChvdXRkYXRhKTtcclxuICB9XHJcbn1cclxuIl19

package.json

 {
   "name": "@sunbird-cb/micro-surveys",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.0.3",

sunbird-cb-micro-surveys.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"MicroSurveyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":8,"character":34}]}],"getSurveyById":[{"__symbolic":"method"}],"submitSurvey":[{"__symbolic":"method"}],"getSurveyResponse":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"MicroSurveyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-micro-survey","template":"<div class=\"main-lib-body\">\r\n  <!-- <h3>{{ title }}</h3> -->\r\n  <!-- Non-read only form -->\r\n  <ng-template [ngIf]=\"!showMessage && formData && !isReadOnly\">\r\n    <div class=\"main-container\">\r\n      <div class=\"lib-container\">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <ng-container *ngFor=\"let formItem of formData\">\r\n          <!-- <div class=\"fields\"> -->\r\n          <ng-container [ngSwitch]=\"formItem.fieldType\">\r\n            <!-- Rating field -->\r\n            <lib-rating\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'rating'\"\r\n              [formItem]=\"formItem\"\r\n              (ratingUpdated)=\"onRatingChanged($event)\"\r\n            ></lib-rating>\r\n\r\n            <!-- checkbox field -->\r\n\r\n            <lib-checkbox-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'checkbox'\"\r\n              [formItem]=\"formItem\"\r\n              (checkboxData)=\"onCheckboxChanged($event)\"\r\n            ></lib-checkbox-field>\r\n\r\n            <!-- dropbox field -->\r\n            <lib-dropbox-field\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'dropdown'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (dropboxData)=\"onDropboxChanged($event)\"\r\n            ></lib-dropbox-field>\r\n\r\n            <!-- text field -->\r\n            <lib-text-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'text'\"\r\n              [formItem]=\"formItem\"\r\n              (textData)=\"onTextChanged($event)\"\r\n            ></lib-text-field>\r\n\r\n            <!-- radio field -->\r\n            <lib-radio-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'radio'\"\r\n              [formItem]=\"formItem\"\r\n              (radioData)=\"onRadioChanged($event)\"\r\n            ></lib-radio-field>\r\n\r\n            <!-- comment field -->\r\n            <lib-comment\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'textarea'\"\r\n              [formItem]=\"formItem\"\r\n              (commentData)=\"onCommentChange($event)\"\r\n            ></lib-comment>\r\n\r\n            <!-- Boolean field -->\r\n            <lib-boolean\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'boolean'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (boolData)=\"onBooleanChange($event)\"\r\n            ></lib-boolean>\r\n\r\n            <!-- Email field -->\r\n            <lib-email\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'email'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (emailId)=\"onEmailChange($event)\"\r\n            ></lib-email>\r\n\r\n            <!-- Date field -->\r\n            <lib-date\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'date'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (dateSelected)=\"onDateChange($event)\"\r\n            ></lib-date>\r\n\r\n            <!-- Numeric field -->\r\n            <lib-numeric\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'numeric'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (numeric)=\"onNumericChange($event)\"\r\n            ></lib-numeric>\r\n\r\n            <!-- Heading field -->\r\n            <lib-heading\r\n              style=\"place-self: flex-start\"\r\n              *ngSwitchCase=\"'heading'\"\r\n              [formItem]=\"formItem\"\r\n              [totalItem]=\"count\"\r\n            ></lib-heading>\r\n\r\n            <!-- Separator field -->\r\n            <lib-separator *ngSwitchCase=\"'separator'\"></lib-separator>\r\n          </ng-container>\r\n          <!-- </div> -->\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <!--submit button  -->\r\n    <div class=\"lib-container-2\">\r\n      <div class=\"sub-container-1\">\r\n        <p class=\"support-text-1\" style=\"padding-left: 2rem\">\r\n          <span>{{ responseCount }}</span\r\n          ><span>/</span>{{ formData.length }}<span> Questions</span>\r\n        </p>\r\n      </div>\r\n      <div class=\"sub-container-2\">\r\n        <div *ngIf=\"isdisable\">\r\n          <button\r\n            class=\"primary-btn-1\"\r\n            [ngClass]=\"displayBtn ? 'd-block btn' : 'd-none'\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            [disabled]=\"!isdisable\"\r\n            type=\"submit\"\r\n            (click)=\"onSubmit($event)\"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"!isdisable\">\r\n          <button\r\n            class=\"primary-disabled-btn-1\"\r\n            [ngClass]=\"displayBtn ? 'd-block btn' : 'd-none'\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            [disabled]=\"isdisable\"\r\n            type=\"submit\"\r\n            (click)=\"onSubmit($event)\"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <button\r\n          class=\"secondary-btn-1\"\r\n          mat-raised-button\r\n          color=\"secondary\"\r\n          type=\"button\"\r\n          (click)=\"onClear($event)\"\r\n        >\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Read only form -->\r\n  <ng-template [ngIf]=\"isReadOnly && formData\">\r\n    <div class=\"main-container-two\">\r\n      <div class=\"header-container\">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <label>{{ responseDate }}</label>\r\n      </div>\r\n      <h2>{{ courseName }}</h2>\r\n      <div class=\"custom-margin-top-4\">\r\n        <ng-container *ngFor=\"let formItem of formData\">\r\n          <!-- <div class=\"fields\"> -->\r\n          <ng-container [ngSwitch]=\"formItem.fieldType\">\r\n            <!-- Rating field -->\r\n            <lib-rating\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'rating'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (ratingUpdated)=\"onRatingChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-rating>\r\n\r\n            <!-- checkbox field -->\r\n            <lib-checkbox-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'checkbox'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (checkboxData)=\"onCheckboxChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-checkbox-field>\r\n\r\n            <!-- dropbox field -->\r\n            <lib-dropbox-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'dropdown'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (dropboxData)=\"onDropboxChanged($event)\"\r\n            ></lib-dropbox-field>\r\n\r\n            <!-- text field -->\r\n            <lib-text-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'text'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (textData)=\"onTextChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-text-field>\r\n\r\n            <!-- radio field -->\r\n            <lib-radio-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'radio'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (radioData)=\"onRadioChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-radio-field>\r\n\r\n            <!-- comment field -->\r\n            <lib-comment\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'textarea'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (commentData)=\"onCommentChange($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-comment>\r\n\r\n            <!-- Boolean field -->\r\n            <lib-boolean\r\n              class=\"\"\r\n              *ngSwitchCase=\"'boolean'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (boolData)=\"onBooleanChange($event)\"\r\n            ></lib-boolean>\r\n\r\n            <!-- Email field -->\r\n            <lib-email\r\n              class=\"\"\r\n              *ngSwitchCase=\"'email'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (emailId)=\"onEmailChange($event)\"\r\n            ></lib-email>\r\n\r\n            <!-- Date field -->\r\n            <lib-date\r\n              class=\"\"\r\n              *ngSwitchCase=\"'date'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (dateSelected)=\"onDateChange($event)\"\r\n            ></lib-date>\r\n\r\n            <!-- Numeric field -->\r\n            <lib-numeric\r\n              class=\"\"\r\n              *ngSwitchCase=\"'numeric'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (numeric)=\"onNumericChange($event)\"\r\n            ></lib-numeric>\r\n\r\n            <!-- Heading field -->\r\n            <lib-heading\r\n              style=\"place-self: flex-start\"\r\n              *ngSwitchCase=\"'heading'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n            ></lib-heading>\r\n\r\n            <!-- Separator field -->\r\n            <lib-separator *ngSwitchCase=\"'separator'\"></lib-separator>\r\n          </ng-container>\r\n          <!-- </div> -->\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- <ng-template [ngIf]=\"showMessage\">\r\n    <div class=\"icon\">\r\n      <lib-thankyou></lib-thankyou>\r\n    </div>\r\n  </ng-template> -->\r\n</div>\r\n","styles":[".main-container{background-color:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.lib-container{display:flex;flex-direction:column;background-color:#fff;border-radius:4px;overflow-y:auto;height:78vh;padding:1rem 3rem;-ms-overflow-style:none;scrollbar-width:none}.lib-container-2{display:flex;box-shadow:0 -2px 9px rgba(0,0,0,.08);background-color:#fff;min-height:5.875rem;padding-top:1rem;padding-bottom:1rem}.sub-container-1{padding-top:2rem;flex:50%;padding-left:8%}.sub-container-2{padding-top:2rem;flex:50%;padding-right:8%}.lib-container h1{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:2.25rem;font-weight:600;line-height:1.333;padding-left:2rem}.secondary-btn-1.mat-raised-button.mat-secondary{background-color:transparent!important;border:1.5px solid!important;color:RGB(0,116,182)!important;font-family:Lato-Bold!important;font-weight:700;font-size:.875rem!important;line-height:1.429!important;height:2.5rem!important;float:right;margin-right:.75rem;border-radius:4px!important;border-color:RGB(0,116,182)!important}.primary-btn-1.mat-raised-button:not([class*=mat-elevation-z]),.secondary-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;cursor:pointer!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem}.primary-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.primary-disabled-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-disabled-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem;opacity:.5}.primary-disabled-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.fields{padding-left:2rem!important;padding-right:2rem!important;padding-top:1rem!important;box-sizing:border-box}.custom-margin-top-4{margin-top:2rem}@media screen and (max-width:768px){.lib-container h1{font-size:1.35rem}.main-container{width:100%}.main-container-two{min-width:100%!important}}@media screen and (max-width:360px){.lib-container h1{font-size:1.3rem}.main-container{width:100%}.main-container-two{min-width:100%!important}.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}.d-block{display:block}.d-none{display:none}.icon{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}::ng-deep .card .mat-form-field-appearance-outline .mat-form-field-infix{padding:.5rem 0 1rem!important}.support-text-1{color:rgba(0,0,0,.87);font-family:Lato-Bold;font-size:.875rem;letter-spacing:.25;line-height:1.429}.main-container-two{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.08);padding:3rem;width:100%}.main-container-two h1{color:rgba(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;letter-spacing:.12px;line-height:1.4}.main-container-two h2{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:1rem;letter-spacing:.25px;line-height:1.5}.header-container{display:flex;justify-content:space-between}.header-container label{padding-top:1.2rem}.lib-container::-webkit-scrollbar{display:none}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"apiData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"thankYouMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"thankYouDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"tySecondaryBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"tyPrimaryBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"tyPrimaryBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"tySecondaryBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"afterSubmitAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"afterCancelAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"surveyId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"courseId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"courseName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"applicationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":71,"character":19},{"__symbolic":"reference","name":"MicroSurveyService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":73,"character":20}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onCommentChange":[{"__symbolic":"method"}],"onCheckboxChanged":[{"__symbolic":"method"}],"onDropboxChanged":[{"__symbolic":"method"}],"onTextChanged":[{"__symbolic":"method"}],"onRadioChanged":[{"__symbolic":"method"}],"onRatingChanged":[{"__symbolic":"method"}],"onBooleanChange":[{"__symbolic":"method"}],"onEmailChange":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"onNumericChange":[{"__symbolic":"method"}],"checkRequiredfields":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"getSurveyResponse":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}]}},"MicroSurveyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MicroSurveyComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"imports":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":45,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵn"}],"providers":[{"__symbolic":"reference","name":"MicroSurveyService"}],"exports":[{"__symbolic":"reference","name":"MicroSurveyComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-rating","template":"<div class=\"star-container\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <div *ngIf=\"!isReadOnly\">\r\n    <div\r\n      *ngFor=\"let star of stars\"\r\n      [ngClass]=\"[star.class]\"\r\n      (click)=\"selectStar(star.id)\"\r\n    >\r\n      <mat-icon>{{ star.icon }}</mat-icon>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"isReadOnly\">\r\n    <div class=\"response-container\" *ngIf=\"responseData && responseData[formItem.name]\">\r\n      <h4>{{ responseData[formItem.name] }}</h4>\r\n      <div *ngFor=\"let star of stars\" [ngClass]=\"[star.class]\">\r\n        <mat-icon>{{ star.icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"response-container\" *ngIf=\"responseData && !responseData[formItem.name]\">\r\n      <label class=\"response no-resp\">This question is not answered</label>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".star{margin:0;display:inline-block;cursor:pointer;color:RGBA(0,0,0,.16)}mat-icon{font-size:30px!important}.star .mat-icon{width:2.375rem;height:2.375rem}.star-read-only.star-gold .mat-icon{color:orange}span{color:#c0250a}.star-container{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}.star-read-only{display:inline-flex;padding-top:.18rem;cursor:default;color:RGBA(0,0,0,.16)}.star-read-only .mat-icon{width:1rem!important;height:1rem!important}.star-read-only mat-icon{font-size:1rem!important}.response-container{display:flex}.response-container h4{color:#f58634;font-family:Lato-Bold;font-size:.875rem!important;letter-spacing:.14px!important;line-height:1.5!important;padding-right:.5rem;margin:0!important}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"ratingUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"selectStar":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-comment","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"clearComment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"commentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-checkbox-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <ng-container *ngFor=\"let item of checkLists\">\r\n      <mat-checkbox\r\n        [(ngModel)]=\"item.checked\"\r\n        (change)=\"changeHandeler(item.value)\"\r\n        class=\"checkbox-field\"\r\n      >\r\n        {{ item.key }}\r\n      </mat-checkbox>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.mat-checkbox{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;margin-top:1rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-checkbox-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#0074b6!important}::ng-deep.mat-checkbox-button.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"checkboxData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-dropbox-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-select\r\n        [(ngModel)]=\"selectData\"\r\n        (selectionChange)=\"changeHandeler(selectData)\"\r\n      >\r\n        <mat-option *ngFor=\"let iteam of dropOptions\" [value]=\"iteam.value\">\r\n          {{ iteam.value }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dropboxData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-text-field","template":"<div class=\"card\">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\" [id]=\"formItem.order\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        [(ngModel)]=\"text\"\r\n        (change)=\"changeHandeler(text)\"\r\n        autocomplete=\"off\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.card label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}input::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card input{font-family:Lato-Regular;font-size:.875rem;line-height:1.429}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.move-up-1{margin-top:-.75rem}.response{color:rgba(0,0,0,.57)!important;font-family:Lato-Regular!important;font-size:.875rem!important;letter-spacing:.25!important;line-height:1.429!important;padding-top:1rem!important}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"textData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-radio-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-radio-group\r\n      [(ngModel)]=\"radioValue\"\r\n      (change)=\"changeHandeler(radioValue)\"\r\n      class=\"custom-margin-top-1\"\r\n    >\r\n      <mat-radio-button\r\n        class=\"radio-btn checkbox-field\"\r\n        *ngFor=\"let item of radioLists\"\r\n        [value]=\"item\"\r\n      >\r\n        {{ item }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.radio-btn{margin-right:1em;margin-bottom:1em;color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;width:96.5%;margin-top:.15rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}.custom-margin-1{margin-bottom:.75rem}::ng-deep.mat-radio-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element{background-color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"radioData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-boolean","template":"<div class=\"bool\">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-slide-toggle\r\n      color=\"primary\"\r\n      [(ngModel)]=\"isChecked\"\r\n      (change)=\"changeHandeler(isChecked)\"\r\n    >\r\n    </mat-slide-toggle>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".bool{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"boolData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-email","template":"<div class=\"email\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here\"\r\n        [(ngModel)]=\"email\"\r\n        (change)=\"changeHandeler(email)\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".email{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"emailId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-date","template":"<div class=\"date-picker\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"mm/dd/yyyy\"\r\n        [matDatepicker]=\"picker\"\r\n        (dateInput)=\"changeHandeler($event.value)\"\r\n      />\r\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".date-picker{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dateSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-numeric","template":"<div class=\"numeric\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here\"\r\n        [(ngModel)]=\"number\"\r\n        (change)=\"changeHandeler(number)\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".numeric{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-thankyou","template":"<div class=\"form\">\r\n  <mat-icon aria-hidden=\"false\" aria-label=\"check icon\" class=\"icon\">\r\n    check_circle_outline\r\n  </mat-icon>\r\n  <p class=\"feedback\">Thank you for your valuable feedback</p>\r\n</div>\r\n","styles":[".form{display:flex;align-items:center;flex-direction:column}.icon{font-size:50px;-ms-grid-row-align:center;align-self:center}.feedback{padding-top:20px;text-align:center;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-heading","template":"<p class=\"heading\">{{ formItem.values[0].heading }}</p>\r\n<p>{{ formItem.values[0].subHeading }}</p>\r\n","styles":[".heading{color:#00f}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-separator","template":"<mat-divider style=\"width: 100%; height: 1rem; margin-top: 1rem;\"></mat-divider>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-thankyou-modal","template":"<div class=\"\">\r\n  <div class=\"header-section\">\r\n    <button\r\n      class=\"close-btn-1\"\r\n      mat-icon-button\r\n      aria-label=\"dialog close\"\r\n      (click)=\"closeDialog()\"\r\n    >\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div class=\"center-content-1\">\r\n    <div class=\"thank-you-image-1\"></div>\r\n    <div class=\"modal-message\">\r\n      <label>{{ thankYouMessage }}</label>\r\n      <p>{{ thankYouDescription }}</p>\r\n    </div>\r\n  </div>\r\n  <div class=\"footer\">\r\n    <a href=\"{{ tySecondaryBtnLink }}\">\r\n      <button class=\"secondary-btn\">{{ tySecondaryBtnText }}</button>\r\n    </a>\r\n    <a href=\"{{ tyPrimaryBtnLink }}\">\r\n      <button class=\"primary-btn home-image-1\">{{ tyPrimaryBtnText }}</button>\r\n    </a>\r\n  </div>\r\n</div>\r\n","styles":[".center-content-1{display:flex;margin-top:3.5rem;justify-content:center}.close-btn-1{background:0 0;color:RGBA(0,0,0,.6);border:none;float:right}.header-section{height:1rem}.modal-message{display:block;margin-top:4rem;padding-left:2rem;padding-right:2rem}.modal-message label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;line-height:1.4}.modal-message p{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.footer{float:right;margin-top:2.75rem}.footer button{cursor:pointer}.secondary-btn{border:1.5px solid #0074b6;background-color:#fff;border-radius:4px;color:#0074b6;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:1rem}.primary-btn{border:1.5px solid #0074b6;background-color:#0074b6;border-radius:4px;color:#fff;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:0;padding-right:2rem}@media only screen and (max-width:600px){.center-content-1{display:block;margin-top:3.5rem;justify-content:center;margin-left:1rem}.footer{display:block;justify-content:center;padding-bottom:2rem;padding-left:3.5rem}.secondary-btn{margin-right:1rem;margin-bottom:1rem}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":19,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵn"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}]}},"ɵo":[{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":14,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":15,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":2},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":18,"character":2},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":19,"character":2},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":20,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":21,"character":2},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":22,"character":2},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":23,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatNativeDateModule","line":24,"character":2},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":25,"character":2}]},"origins":{"MicroSurveyService":"./lib/micro-survey.service","MicroSurveyComponent":"./lib/micro-survey.component","MicroSurveyModule":"./lib/micro-survey.module","ɵa":"./lib/rating/rating.component","ɵb":"./lib/comment/comment.component","ɵc":"./lib/checkbox-field/checkbox-field.component","ɵd":"./lib/dropbox-field/dropbox-field.component","ɵe":"./lib/text-field/text-field.component","ɵf":"./lib/radio-field/radio-field.component","ɵg":"./lib/boolean/boolean.component","ɵh":"./lib/email/email.component","ɵi":"./lib/date/date.component","ɵj":"./lib/numeric/numeric.component","ɵk":"./lib/thankyou/thankyou.component","ɵl":"./lib/heading/heading.component","ɵm":"./lib/separator/separator.component","ɵn":"./lib/thankyouModal/thankyouModal.component","ɵo":"./lib/material.module"},"importAs":"@sunbird-cb/micro-surveys"}
+{"__symbolic":"module","version":4,"metadata":{"MicroSurveyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":8,"character":34}]}],"getSurveyById":[{"__symbolic":"method"}],"submitSurvey":[{"__symbolic":"method"}],"getSurveyResponse":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"MicroSurveyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-micro-survey","template":"<div class=\"main-lib-body\">\r\n  <!-- <h3>{{ title }}</h3> -->\r\n  <!-- Non-read only form -->\r\n  <ng-template [ngIf]=\"!showMessage && formData && !isReadOnly\">\r\n    <div class=\"main-container\">\r\n      <div class=\"lib-container\">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <ng-container *ngFor=\"let formItem of formData\">\r\n          <!-- <div class=\"fields\"> -->\r\n          <ng-container [ngSwitch]=\"formItem.fieldType\">\r\n            <!-- Rating field -->\r\n            <lib-rating\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'rating'\"\r\n              [formItem]=\"formItem\"\r\n              (ratingUpdated)=\"onRatingChanged($event)\"\r\n            ></lib-rating>\r\n\r\n            <!-- checkbox field -->\r\n\r\n            <lib-checkbox-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'checkbox'\"\r\n              [formItem]=\"formItem\"\r\n              (checkboxData)=\"onCheckboxChanged($event)\"\r\n            ></lib-checkbox-field>\r\n\r\n            <!-- dropbox field -->\r\n            <lib-dropbox-field\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'dropdown'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (dropboxData)=\"onDropboxChanged($event)\"\r\n            ></lib-dropbox-field>\r\n\r\n            <!-- text field -->\r\n            <lib-text-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'text'\"\r\n              [formItem]=\"formItem\"\r\n              (textData)=\"onTextChanged($event)\"\r\n            ></lib-text-field>\r\n\r\n            <!-- radio field -->\r\n            <lib-radio-field\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'radio'\"\r\n              [formItem]=\"formItem\"\r\n              (radioData)=\"onRadioChanged($event)\"\r\n            ></lib-radio-field>\r\n\r\n            <!-- comment field -->\r\n            <lib-comment\r\n              class=\"fields\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'textarea'\"\r\n              [formItem]=\"formItem\"\r\n              (commentData)=\"onCommentChange($event)\"\r\n            ></lib-comment>\r\n\r\n            <!-- Boolean field -->\r\n            <lib-boolean\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'boolean'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (boolData)=\"onBooleanChange($event)\"\r\n            ></lib-boolean>\r\n\r\n            <!-- Email field -->\r\n            <lib-email\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'email'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (emailId)=\"onEmailChange($event)\"\r\n            ></lib-email>\r\n\r\n            <!-- Date field -->\r\n            <lib-date\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'date'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (dateSelected)=\"onDateChange($event)\"\r\n            ></lib-date>\r\n\r\n            <!-- Numeric field -->\r\n            <lib-numeric\r\n              class=\"fields\"\r\n              *ngSwitchCase=\"'numeric'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              (numeric)=\"onNumericChange($event)\"\r\n            ></lib-numeric>\r\n\r\n            <!-- Heading field -->\r\n            <lib-heading\r\n              style=\"place-self: flex-start\"\r\n              *ngSwitchCase=\"'heading'\"\r\n              [formItem]=\"formItem\"\r\n              [totalItem]=\"count\"\r\n            ></lib-heading>\r\n\r\n            <!-- Separator field -->\r\n            <lib-separator *ngSwitchCase=\"'separator'\"></lib-separator>\r\n          </ng-container>\r\n          <!-- </div> -->\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <!--submit button  -->\r\n    <div class=\"lib-container-2\">\r\n      <div class=\"sub-container-1\">\r\n        <p class=\"support-text-1\" style=\"padding-left: 2rem\">\r\n          <span>{{ responseCount }}</span\r\n          ><span>/</span>{{ formData.length }}<span> Questions</span>\r\n        </p>\r\n      </div>\r\n      <div class=\"sub-container-2\">\r\n        <div *ngIf=\"isdisable\">\r\n          <button\r\n            class=\"primary-btn-1\"\r\n            [ngClass]=\"displayBtn ? 'd-block btn' : 'd-none'\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            [disabled]=\"!isdisable\"\r\n            type=\"submit\"\r\n            (click)=\"onSubmit($event)\"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"!isdisable\">\r\n          <button\r\n            class=\"primary-disabled-btn-1\"\r\n            [ngClass]=\"displayBtn ? 'd-block btn' : 'd-none'\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            [disabled]=\"isdisable\"\r\n            type=\"submit\"\r\n            (click)=\"onSubmit($event)\"\r\n          >\r\n            Submit\r\n          </button>\r\n        </div>\r\n\r\n        <button\r\n          class=\"secondary-btn-1\"\r\n          mat-raised-button\r\n          color=\"secondary\"\r\n          type=\"button\"\r\n          (click)=\"onClear($event)\"\r\n        >\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Read only form -->\r\n  <ng-template [ngIf]=\"isReadOnly && formData\">\r\n    <div class=\"main-container-two\">\r\n      <div class=\"header-container\">\r\n        <h1>{{ surveyTitle }}</h1>\r\n        <label>{{ responseDate }}</label>\r\n      </div>\r\n      <h2>{{ courseName }}</h2>\r\n      <div class=\"custom-margin-top-4\">\r\n        <ng-container *ngFor=\"let formItem of formData\">\r\n          <!-- <div class=\"fields\"> -->\r\n          <ng-container [ngSwitch]=\"formItem.fieldType\">\r\n            <!-- Rating field -->\r\n            <lib-rating\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'rating'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (ratingUpdated)=\"onRatingChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-rating>\r\n\r\n            <!-- checkbox field -->\r\n            <lib-checkbox-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'checkbox'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (checkboxData)=\"onCheckboxChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-checkbox-field>\r\n\r\n            <!-- dropbox field -->\r\n            <lib-dropbox-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'dropdown'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (dropboxData)=\"onDropboxChanged($event)\"\r\n            ></lib-dropbox-field>\r\n\r\n            <!-- text field -->\r\n            <lib-text-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'text'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (textData)=\"onTextChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-text-field>\r\n\r\n            <!-- radio field -->\r\n            <lib-radio-field\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'radio'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (radioData)=\"onRadioChanged($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-radio-field>\r\n\r\n            <!-- comment field -->\r\n            <lib-comment\r\n              class=\"\"\r\n              [totalItem]=\"count\"\r\n              *ngSwitchCase=\"'textarea'\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (commentData)=\"onCommentChange($event)\"\r\n              [isReadOnly]=\"isReadOnly\"\r\n            ></lib-comment>\r\n\r\n            <!-- Boolean field -->\r\n            <lib-boolean\r\n              class=\"\"\r\n              *ngSwitchCase=\"'boolean'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (boolData)=\"onBooleanChange($event)\"\r\n            ></lib-boolean>\r\n\r\n            <!-- Email field -->\r\n            <lib-email\r\n              class=\"\"\r\n              *ngSwitchCase=\"'email'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (emailId)=\"onEmailChange($event)\"\r\n            ></lib-email>\r\n\r\n            <!-- Date field -->\r\n            <lib-date\r\n              class=\"\"\r\n              *ngSwitchCase=\"'date'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (dateSelected)=\"onDateChange($event)\"\r\n            ></lib-date>\r\n\r\n            <!-- Numeric field -->\r\n            <lib-numeric\r\n              class=\"\"\r\n              *ngSwitchCase=\"'numeric'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n              (numeric)=\"onNumericChange($event)\"\r\n            ></lib-numeric>\r\n\r\n            <!-- Heading field -->\r\n            <lib-heading\r\n              style=\"place-self: flex-start\"\r\n              *ngSwitchCase=\"'heading'\"\r\n              [totalItem]=\"count\"\r\n              [formItem]=\"formItem\"\r\n              [responses]=\"surveyResponse\"\r\n            ></lib-heading>\r\n\r\n            <!-- Separator field -->\r\n            <lib-separator *ngSwitchCase=\"'separator'\"></lib-separator>\r\n          </ng-container>\r\n          <!-- </div> -->\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- <ng-template [ngIf]=\"showMessage\">\r\n    <div class=\"icon\">\r\n      <lib-thankyou></lib-thankyou>\r\n    </div>\r\n  </ng-template> -->\r\n</div>\r\n","styles":[".main-container{background-color:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.lib-container{display:flex;flex-direction:column;background-color:#fff;border-radius:4px;overflow-y:auto;height:78vh;padding:1rem 3rem;-ms-overflow-style:none;scrollbar-width:none}.lib-container-2{display:flex;box-shadow:0 -2px 9px rgba(0,0,0,.08);background-color:#fff;min-height:5.875rem;padding-top:1rem;padding-bottom:1rem}.sub-container-1{padding-top:2rem;flex:50%;padding-left:8%}.sub-container-2{padding-top:2rem;flex:50%;padding-right:8%}.lib-container h1{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:2.25rem;font-weight:600;line-height:1.333;padding-left:2rem}.secondary-btn-1.mat-raised-button.mat-secondary{background-color:transparent!important;border:1.5px solid!important;color:RGB(0,116,182)!important;font-family:Lato-Bold!important;font-weight:700;font-size:.875rem!important;line-height:1.429!important;height:2.5rem!important;float:right;margin-right:.75rem;border-radius:4px!important;border-color:RGB(0,116,182)!important}.primary-btn-1.mat-raised-button:not([class*=mat-elevation-z]),.secondary-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;cursor:pointer!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem}.primary-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.primary-disabled-btn-1.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none!important}.primary-disabled-btn-1.mat-raised-button.mat-primary{background-color:RGB(0,116,182)!important;color:#fff!important;font-family:Lato-Bold!important;font-size:.875rem!important;font-weight:700;line-height:1.429!important;height:2.5rem!important;margin-bottom:1rem!important;min-width:5.438rem!important;float:right;margin-right:1rem;opacity:.5}.primary-disabled-btn-1.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12);color:#fff!important}.fields{padding-left:2rem!important;padding-right:2rem!important;padding-top:1rem!important;box-sizing:border-box}.custom-margin-top-4{margin-top:2rem}@media screen and (max-width:768px){.lib-container h1{font-size:1.35rem}.main-container{width:100%}.main-container-two{min-width:100%!important}}@media screen and (max-width:360px){.lib-container h1{font-size:1.3rem}.main-container{width:100%}.main-container-two{min-width:100%!important}.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.primary-btn-1.mat-raised-button.mat-primary,.primary-disabled-btn-1.mat-raised-button.mat-primary,.secondary-btn-1.mat-raised-button.mat-secondary{margin-right:.5rem}}.d-block{display:block}.d-none{display:none}.icon{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}::ng-deep .card .mat-form-field-appearance-outline .mat-form-field-infix{padding:.5rem 0 1rem!important}.support-text-1{color:rgba(0,0,0,.87);font-family:Lato-Bold;font-size:.875rem;letter-spacing:.25;line-height:1.429}.main-container-two{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px 0 rgba(0,0,0,.08);padding:3rem;width:100%}.main-container-two h1{color:rgba(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;letter-spacing:.12px;line-height:1.4}.main-container-two h2{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:1rem;letter-spacing:.25px;line-height:1.5}.header-container{display:flex;justify-content:space-between}.header-container label{padding-top:1.2rem}.lib-container::-webkit-scrollbar{display:none}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"apiData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"thankYouMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"thankYouDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"tySecondaryBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"tyPrimaryBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"tyPrimaryBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"tySecondaryBtnText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"afterSubmitAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"afterCancelAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"surveyId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"courseId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"courseName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"applicationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":71,"character":19},{"__symbolic":"reference","name":"MicroSurveyService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":73,"character":20}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onCommentChange":[{"__symbolic":"method"}],"onCheckboxChanged":[{"__symbolic":"method"}],"onDropboxChanged":[{"__symbolic":"method"}],"onTextChanged":[{"__symbolic":"method"}],"onRadioChanged":[{"__symbolic":"method"}],"onRatingChanged":[{"__symbolic":"method"}],"onBooleanChange":[{"__symbolic":"method"}],"onEmailChange":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"onNumericChange":[{"__symbolic":"method"}],"checkRequiredfields":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"getSurveyResponse":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}]}},"MicroSurveyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MicroSurveyComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"imports":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":45,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵn"}],"providers":[{"__symbolic":"reference","name":"MicroSurveyService"}],"exports":[{"__symbolic":"reference","name":"MicroSurveyComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-rating","template":"<div class=\"star-container\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <div *ngIf=\"!isReadOnly\">\r\n    <div\r\n      *ngFor=\"let star of stars\"\r\n      [ngClass]=\"[star.class]\"\r\n      (click)=\"selectStar(star.id)\"\r\n    >\r\n      <mat-icon>{{ star.icon }}</mat-icon>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"isReadOnly\">\r\n    <div class=\"response-container\" *ngIf=\"responseData && responseData[formItem.name]\">\r\n      <h4>{{ responseData[formItem.name] }}</h4>\r\n      <div *ngFor=\"let star of stars\" [ngClass]=\"[star.class]\">\r\n        <mat-icon>{{ star.icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"response-container\" *ngIf=\"responseData && !responseData[formItem.name]\">\r\n      <label class=\"response no-resp\">This question is not answered</label>\r\n    </div>\r\n  </div>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".star{margin:0;display:inline-block;cursor:pointer;color:RGBA(0,0,0,.16)}mat-icon{font-size:30px!important}.star .mat-icon{width:2.375rem;height:2.375rem}.star-read-only.star-gold .mat-icon{color:orange}span{color:#c0250a}.star-container{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}.star-read-only{display:inline-flex;padding-top:.18rem;cursor:default;color:RGBA(0,0,0,.16)}.star-read-only .mat-icon{width:1rem!important;height:1rem!important}.star-read-only mat-icon{font-size:1rem!important}.response-container{display:flex}.response-container h4{color:#f58634;font-family:Lato-Bold;font-size:.875rem!important;letter-spacing:.14px!important;line-height:1.5!important;padding-right:.5rem;margin:0!important}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"ratingUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"selectStar":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"lib-comment","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\">\r\n      <textarea\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        rows=\"5\"\r\n        [(ngModel)]=\"comment\"\r\n        value=\"{comment}\"\r\n        (keyup)=\"changeHandeler(comment)\"\r\n        autocomplete=\"off\"\r\n        [maxlength]=\"characterLimit\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <label class=\"character-info-1\"\r\n      ><span>Character remaining: </span>{{ characterLength }}<span>/</span\r\n      >{{ characterLimit }}</label\r\n    >\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label\r\n      class=\"response\"\r\n      *ngIf=\"responseData && responseData[formItem.name]\"\r\n      style=\"white-space: pre-line\"\r\n      >{{ responseData[formItem.name] }}</label\r\n    >\r\n    \r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}textarea::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}textarea::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card textarea{font-family:Lato-Regular;font-size:.875rem;line-height:1.429;padding:.25rem;width:100%}.move-up-1{margin-top:-.75rem}.mat-form-field-appearance-outline .mat-form-field-infix{padding:0!important}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.custom-margin-1{margin-bottom:.75rem}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:.75rem}.character-info-1{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.625rem;line-height:1.2;letter-spacing:.5px;margin-top:-1.25rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"clearComment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"commentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-checkbox-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <ng-container *ngFor=\"let item of checkLists\">\r\n      <mat-checkbox\r\n        [(ngModel)]=\"item.checked\"\r\n        (change)=\"changeHandeler(item.value)\"\r\n        class=\"checkbox-field\"\r\n      >\r\n        {{ item.key }}\r\n      </mat-checkbox>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.mat-checkbox{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;margin-top:1rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-checkbox-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#0074b6!important}::ng-deep.mat-checkbox-button.mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#0074b6!important}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"checkboxData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-dropbox-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-select\r\n        [(ngModel)]=\"selectData\"\r\n        (selectionChange)=\"changeHandeler(selectData)\"\r\n      >\r\n        <mat-option *ngFor=\"let iteam of dropOptions\" [value]=\"iteam.value\">\r\n          {{ iteam.value }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dropboxData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-text-field","template":"<div class=\"card\">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\" class=\"move-up-1 custom-margin-top-1\" [id]=\"formItem.order\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here...\"\r\n        [(ngModel)]=\"text\"\r\n        (change)=\"changeHandeler(text)\"\r\n        autocomplete=\"off\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.card label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}input::-webkit-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-moz-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::-ms-input-placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}input::placeholder{color:RGBA(0,0,0,.4);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.card input{font-family:Lato-Regular;font-size:.875rem;line-height:1.429}::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0074b6!important}.move-up-1{margin-top:-.75rem}.response{color:rgba(0,0,0,.57)!important;font-family:Lato-Regular!important;font-size:.875rem!important;letter-spacing:.25!important;line-height:1.429!important;padding-top:1rem!important}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"textData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-radio-field","template":"<div class=\"card\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-radio-group\r\n      [(ngModel)]=\"radioValue\"\r\n      (change)=\"changeHandeler(radioValue)\"\r\n      class=\"custom-margin-top-1\"\r\n    >\r\n      <mat-radio-button\r\n        class=\"radio-btn checkbox-field\"\r\n        *ngFor=\"let item of radioLists\"\r\n        [value]=\"item\"\r\n      >\r\n        {{ item }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData && responseData[formItem.name] !== ''\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n    <label class=\"response no-resp\" *ngIf=\"responseData && !responseData[formItem.name]\">This question is not answered</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".card{display:flex;flex-direction:column}.radio-btn{margin-right:1em;margin-bottom:1em;color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.5}label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-weight:600;font-size:1rem;letter-spacing:.12;line-height:1.5}.checkbox-field{border:1.5px solid rgba(0,0,0,.16)!important;border-radius:4px;padding:.75rem;width:96.5%;margin-top:.15rem}.checkbox-field:hover{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}.custom-margin-1{margin-bottom:.75rem}::ng-deep.mat-radio-checked.checkbox-field{background-color:rgba(0,116,182,.05);border:1.5px solid #0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#0074b6!important}::ng-deep.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element{background-color:#0074b6!important}.response{color:rgba(0,0,0,.57);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}.custom-margin-top-1{margin-top:1rem}.no-resp{color:#f44336!important;opacity:.7!important;font-weight:400;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"radioData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-boolean","template":"<div class=\"bool\">\r\n  <label>{{ formItem.order }}. {{ formItem.name }}</label>\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-slide-toggle\r\n      color=\"primary\"\r\n      [(ngModel)]=\"isChecked\"\r\n      (change)=\"changeHandeler(isChecked)\"\r\n    >\r\n    </mat-slide-toggle>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".bool{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"boolData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-email","template":"<div class=\"email\">\r\n  <label class=\"custom-margin-1\">\r\n    {{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here\"\r\n        [(ngModel)]=\"email\"\r\n        (change)=\"changeHandeler(email)\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".email{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"emailId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-date","template":"<div class=\"date-picker\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"mm/dd/yyyy\"\r\n        [matDatepicker]=\"picker\"\r\n        (dateInput)=\"changeHandeler($event.value)\"\r\n      />\r\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker></mat-datepicker>\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".date-picker{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"dateSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"lib-numeric","template":"<div class=\"numeric\">\r\n  <label class=\"custom-margin-1\"\r\n    >{{ formItem.order }}. {{ formItem.name }}</label\r\n  >\r\n\r\n  <ng-container *ngIf=\"!isReadOnly\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <input\r\n        matInput\r\n        placeholder=\"Type here\"\r\n        [(ngModel)]=\"number\"\r\n        (change)=\"changeHandeler(number)\"\r\n      />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"isReadOnly\">\r\n    <label class=\"response\" *ngIf=\"responseData\">{{\r\n      responseData[formItem.name]\r\n    }}</label>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"formItem.order !== totalItem\">\r\n    <lib-separator></lib-separator>\r\n  </ng-container>\r\n</div>\r\n","styles":[".numeric{display:flex;flex-direction:column}.custom-margin-1{margin-bottom:.75rem}.response{color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;letter-spacing:.25;line-height:1.429}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"changeHandeler":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-thankyou","template":"<div class=\"form\">\r\n  <mat-icon aria-hidden=\"false\" aria-label=\"check icon\" class=\"icon\">\r\n    check_circle_outline\r\n  </mat-icon>\r\n  <p class=\"feedback\">Thank you for your valuable feedback</p>\r\n</div>\r\n","styles":[".form{display:flex;align-items:center;flex-direction:column}.icon{font-size:50px;-ms-grid-row-align:center;align-self:center}.feedback{padding-top:20px;text-align:center;font-family:Lato-Regular;font-size:.875rem;line-height:1.429}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-heading","template":"<p class=\"heading\">{{ formItem.values[0].heading }}</p>\r\n<p>{{ formItem.values[0].subHeading }}</p>\r\n","styles":[".heading{color:#00f}"]}]}],"members":{"formItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isReadOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"totalItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"responses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-separator","template":"<mat-divider style=\"width: 100%; height: 1rem; margin-top: 1rem;\"></mat-divider>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-thankyou-modal","template":"<div class=\"\">\r\n  <div class=\"header-section\">\r\n    <button\r\n      class=\"close-btn-1\"\r\n      mat-icon-button\r\n      aria-label=\"dialog close\"\r\n      (click)=\"closeDialog()\"\r\n    >\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div class=\"center-content-1\">\r\n    <div class=\"thank-you-image-1\"></div>\r\n    <div class=\"modal-message\">\r\n      <label>{{ thankYouMessage }}</label>\r\n      <p>{{ thankYouDescription }}</p>\r\n    </div>\r\n  </div>\r\n  <div class=\"footer\">\r\n    <a href=\"{{ tySecondaryBtnLink }}\">\r\n      <button class=\"secondary-btn\">{{ tySecondaryBtnText }}</button>\r\n    </a>\r\n    <a href=\"{{ tyPrimaryBtnLink }}\">\r\n      <button class=\"primary-btn home-image-1\">{{ tyPrimaryBtnText }}</button>\r\n    </a>\r\n  </div>\r\n</div>\r\n","styles":[".center-content-1{display:flex;margin-top:3.5rem;justify-content:center}.close-btn-1{background:0 0;color:RGBA(0,0,0,.6);border:none;float:right}.header-section{height:1rem}.modal-message{display:block;margin-top:4rem;padding-left:2rem;padding-right:2rem}.modal-message label{color:RGBA(0,0,0,.87);font-family:Montserrat-SemiBold;font-size:1.25rem;line-height:1.4}.modal-message p{color:RGBA(0,0,0,.87);font-family:Lato-Regular;font-size:.875rem;line-height:1.429}.footer{float:right;margin-top:2.75rem}.footer button{cursor:pointer}.secondary-btn{border:1.5px solid #0074b6;background-color:#fff;border-radius:4px;color:#0074b6;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:1rem}.primary-btn{border:1.5px solid #0074b6;background-color:#0074b6;border-radius:4px;color:#fff;cursor:pointer;min-height:2.5rem;min-width:8.563rem;font-family:Lato-Bold;font-size:.875rem;line-height:1.429;margin-right:0;padding-right:2rem}@media only screen and (max-width:600px){.center-content-1{display:block;margin-top:3.5rem;justify-content:center;margin-left:1rem}.footer{display:block;justify-content:center;padding-bottom:2rem;padding-left:3.5rem}.secondary-btn{margin-right:1rem;margin-bottom:1rem}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":19,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵn"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}]}},"ɵo":[{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":14,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":15,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":16,"character":2},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":18,"character":2},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":19,"character":2},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":20,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":21,"character":2},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":22,"character":2},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":23,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatNativeDateModule","line":24,"character":2},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":25,"character":2}]},"origins":{"MicroSurveyService":"./lib/micro-survey.service","MicroSurveyComponent":"./lib/micro-survey.component","MicroSurveyModule":"./lib/micro-survey.module","ɵa":"./lib/rating/rating.component","ɵb":"./lib/comment/comment.component","ɵc":"./lib/checkbox-field/checkbox-field.component","ɵd":"./lib/dropbox-field/dropbox-field.component","ɵe":"./lib/text-field/text-field.component","ɵf":"./lib/radio-field/radio-field.component","ɵg":"./lib/boolean/boolean.component","ɵh":"./lib/email/email.component","ɵi":"./lib/date/date.component","ɵj":"./lib/numeric/numeric.component","ɵk":"./lib/thankyou/thankyou.component","ɵl":"./lib/heading/heading.component","ɵm":"./lib/separator/separator.component","ɵn":"./lib/thankyouModal/thankyouModal.component","ɵo":"./lib/material.module"},"importAs":"@sunbird-cb/micro-surveys"}

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1519263

increased by0.14%

Lines of code

14909

increased by0.07%

No dependency changes