@americancollegeofradiology/acr-assist-simulator/americancollegeofradiology-acr-assist-simulator.metadata.json

{"__symbolic":"module","version":4,"metadata":{"AcrAssistSimulatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":37,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":39,"character":4},{"__symbolic":"reference","module":"ngx-bootstrap/carousel","name":"CarouselModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":41,"character":4},{"__symbolic":"reference","module":"ngx-drag-scroll","name":"DragScrollModule","line":42,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeModule","line":43,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlNativeDateTimeModule","line":44,"character":4},{"__symbolic":"reference","module":"ngx-loading","name":"NgxLoadingModule","line":45,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__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"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}],"providers":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵq"}],"exports":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__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"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}]}]}],"members":{}},"SimulatorLoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"declarations":[[{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵy"}]],"providers":[{"__symbolic":"reference","name":"ɵx"}],"exports":[[{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵy"}]]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":9,"character":4},"member":"forRoot"}}],"declarations":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵa"},"providers":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"getTemplate":[{"__symbolic":"method"}],"getAllDataElementValues":[{"__symbolic":"method"}],"getAllDataElementTexts":[{"__symbolic":"method"}],"getDataElementValue":[{"__symbolic":"method"}],"getDataElementText":[{"__symbolic":"method"}],"addOrUpdateDataElement":[{"__symbolic":"method"}],"resetValuesOfNonRelevantDataElements":[{"__symbolic":"method"}],"evaluateComputedElementDecisionPoint":[{"__symbolic":"method"}],"FindAndSetValueForComputedDataElement":[{"__symbolic":"method"}],"IsExpressionReferedtoComputedDataElement":[{"__symbolic":"method"}],"evaluateArithmeticExpression":[{"__symbolic":"method"}],"evaluateComputedExpressions":[{"__symbolic":"method"}],"evaluateConditionalProperty":[{"__symbolic":"method"}],"updateChoiceDataElementValues":[{"__symbolic":"method"}],"updateMultiChoiceDataElementValues":[{"__symbolic":"method"}],"evaluateDecisionAndConditionalProperty":[{"__symbolic":"method"}],"RevertConditionValues":[{"__symbolic":"method"}],"GetRepeatableValue":[{"__symbolic":"method"}],"RemoveDynamicallyAddedComputedDataElementIds":[{"__symbolic":"method"}],"RemoveManuallyAddedBranches":[{"__symbolic":"method"}],"RemoveManuallyAddedComputedDataElements":[{"__symbolic":"method"}],"RemoveManuallyAddedEndPoints":[{"__symbolic":"method"}],"RemoveManuallyAddedTemplatePartials":[{"__symbolic":"method"}],"ProcessRepetationDataElements":[{"__symbolic":"method"}],"AddRepeatableTemplatePartials":[{"__symbolic":"method"}],"AddRepeatableEndpoints":[{"__symbolic":"method"}],"AddRepeatableComputedDataElement":[{"__symbolic":"method"}],"replaceTextExpression":[{"__symbolic":"method"}],"replacePropertyValue":[{"__symbolic":"method"}],"AddRepeatableBranchesInsideRule":[{"__symbolic":"method"}],"CheckIfDataElementisComputedDataElement":[{"__symbolic":"method"}],"getDataElementValues":[{"__symbolic":"method"}],"evaluateDecisionPoints":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"isValidInstance":[{"__symbolic":"method"}],"isNotEmptyArray":[{"__symbolic":"method"}],"isNotEmptyString":[{"__symbolic":"method"}],"isNotEmptyGuid":[{"__symbolic":"method"}],"isImageDataUrl":[{"__symbolic":"method"}],"isValidUrl":[{"__symbolic":"method"}],"formatDateTime":[{"__symbolic":"method"}],"trimWhiteSpaces":[{"__symbolic":"method"}],"trimAndRemoveSpecialChars":[{"__symbolic":"method"}],"textifyData":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"acr-assist-simulator","template":"<ng-container *ngIf=\"!isEmptyContent\">\r\n  <div id=\"topReportTextPosition\"\r\n    *ngIf=\"reportTextPosition === position.Top || reportTextPosition === undefined || reportTextPosition === null\">\r\n    <div class=\"col-sm-12 col-md-12 col-lg-12\">\r\n      <div id=\"div-simulator-block\">\r\n        <div #simulatorBlock class=\"box box-primary box-solid margin-b-0\">\r\n          <div *ngIf=\"showResetButton == true\" class=\"with-border  text-right padding-5 padding-r-10\">\r\n            <button (click)=\"resetElements()\"\r\n              class=\"btn btn-xs btn-primary font-size-inherit btn-simulator-reset\">Reset</button>\r\n          </div>\r\n          <div class=\"box-body\">\r\n            <div #simulatorResultsBlock>\r\n              <ng-container *ngIf=\"resultText !== undefined && showReportText\">\r\n                <div class=\"box box-primary full-border\" style=\"background-color: #eef0f2;\">\r\n                  <div class=\"box-header with-border\">\r\n                    <span class=\"box-title font-size-overrider\">Report Text</span>\r\n                    <div class=\"box-tools pull-right\">\r\n                      <!-- <span class=\"btn btn-box-tool btn-report-text\" title=\"Copy to clipboard\"\r\n                        [clipboard]=\"reportTextContentForTop.innerText.trim()\" (clipboardCopy)=\"clipboardSuccess($event)\"\r\n                        (clipboardError)=\"clipboardError($event)\" acrClipboard>\r\n                        <i class=\"fa fa-clipboard\"></i>\r\n                      </span> -->\r\n                      <span class=\"btn btn-box-tool btn-report-text float-right\" title=\"Copy to clipboard\"\r\n                        (click)=\"getReportTextInnerContent(reportTextContentForTop)\">\r\n                        <span>\r\n                          <i class=\"fa fa-clipboard\"></i>\r\n                        </span>\r\n                      </span>\r\n                      <button type=\"button\" class=\"btn btn-box-tool btn-report-text\" (click)=\"collapseReportText()\">\r\n                        <i id=\"icon_reporttext\" class=\"fa fa-minus\"></i>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                  <div id=\"body_reporttext\" class=\"box-body report-text\">\r\n                    <dl #reportTextContentForTop>\r\n                      <acr-assist-report-text [reportText]=\"resultText\"></acr-assist-report-text>\r\n                    </dl>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"padding-r-10 scroll\">\r\n              <form class=\"form-horizontal\">\r\n                <acr-assist-data-element [choiceElementDisplay]=\"choiceElementDisplay\"\r\n                  [alignLabelAndControlToTopAndBottom]=\"alignLabelAndControlToTopAndBottom\"\r\n                  [dataElements]=\"dataElements\" [templatePartial]=\"template.templatePartial\"\r\n                  [endPointXMLString]=\"template.endPointsString\" [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                  [xmlContent]=\"template.xmlContent\" (returnReportText)='recieveReportText($event)'\r\n                  [inputValues]=\"inputValues\" [isReset]=\"isReset\" [showTabularReportText]=\"showTabularReportText\"\r\n                  (callBackAfterGettingShowKeyDiagram)='gettingShowKeyDiagram($event)'\r\n                  (returnDataElementChanged)='recivedOnDataElementChanged($event)'\r\n                  (returnExecutionHistory)='recievedExecutionHistory($event)'></acr-assist-data-element>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div id=\"rightReportTextPosition\" *ngIf=\"reportTextPosition === position.Right\">\r\n    <div class=\"col-sm-6 col-md-6 col-lg-6\">\r\n      <div id=\"div-simulator-block\">\r\n        <div #simulatorBlock class=\"box box-primary box-solid margin-b-0\">\r\n          <div *ngIf=\"showResetButton == true\" class=\"with-border text-right padding-5 padding-r-10\">\r\n            <button (click)=\"resetElements()\"\r\n              class=\"btn btn-xs btn-primary font-size-inherit btn-simulator-reset\">Reset</button>\r\n          </div>\r\n          <div class=\"box-body\">\r\n            <div id=\"div-simulator-form\" class=\"padding-r-10 div-simulator-form-height\">\r\n              <form class=\"form-horizontal\">\r\n                <acr-assist-data-element [choiceElementDisplay]=\"choiceElementDisplay\"\r\n                  [alignLabelAndControlToTopAndBottom]=\"alignLabelAndControlToTopAndBottom\"\r\n                  [dataElements]=\"dataElements\" [templatePartial]=\"template.templatePartial\"\r\n                  [endPointXMLString]=\"template.endPointsString\" [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                  [xmlContent]=\"template.xmlContent\" (returnReportText)='recieveReportText($event)'\r\n                  [inputValues]=\"inputValues\" [isReset]=\"isReset\" [showTabularReportText]=\"showTabularReportText\"\r\n                  (callBackAfterGettingShowKeyDiagram)='gettingShowKeyDiagram($event)'\r\n                  (returnDataElementChanged)='recivedOnDataElementChanged($event)'\r\n                  (returnExecutionHistory)='recievedExecutionHistory($event)'></acr-assist-data-element>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-sm-6 col-md-6 col-lg-6\" id=\"div-right-reportText\">\r\n      <div #simulatorResultsBlock>\r\n        <ng-container *ngIf=\"resultText !== undefined && showReportText\">\r\n          <div class=\"box box-primary\">\r\n            <div class=\"box-header with-border\">\r\n              <span class=\"box-title\">Report Text</span>\r\n              <div class=\"box-tools pull-right\">\r\n                <!-- <span class=\"btn btn-box-tool btn-report-text\" title=\"Copy to clipboard\"\r\n                  [clipboard]=\"reportTextContentForRight.innerText.trim()\" (clipboardCopy)=\"clipboardSuccess($event)\"\r\n                  (clipboardError)=\"clipboardError($event)\" acrClipboard>\r\n                  <i class=\"fa fa-clipboard\"></i>\r\n                </span> -->\r\n                <span class=\"btn btn-box-tool btn-report-text float-right\" title=\"Copy to clipboard\"\r\n                  (click)=\"getReportTextInnerContent(reportTextContentForRight)\">\r\n                  <span>\r\n                    <i class=\"fa fa-clipboard\"></i>\r\n                  </span>\r\n                </span>\r\n                <button type=\"button\" class=\"btn btn-box-tool btn-report-text\" (click)=\"collapseReportText()\">\r\n                  <i id=\"icon_reporttext\" class=\"fa fa-minus\"></i>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div id=\"body_reporttext\" class=\"box-body report-text\">\r\n              <dl #reportTextContentForRight>\r\n                <acr-assist-report-text [reportText]=\"resultText\"></acr-assist-report-text>\r\n              </dl>\r\n            </div>\r\n          </div>\r\n          {{ resizeKeyImages() }}\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-sm-6 col-md-6 col-lg-6 div_keyImage\">\r\n      <ng-container *ngIf=\"showKeyDiagram === true\">\r\n        <div class=\"box box-primary margin-b-0\">\r\n          <div class=\"box-header with-border\">\r\n            <h3 class=\"box-title\">Key Images</h3>\r\n            <input #imageUpload id=\"diagramUpload\" class=\"hidden\" type=\"file\" accept=\"image/*\" multiple\r\n              (change)=\"changeListener($event)\">\r\n            <label for=\"diagramUpload\" class=\"btn btn-sm btn-success bg-olive margin-l-10\"\r\n              title=\"Choose Diagrams\">Choose a Diagram</label>\r\n            <div class=\"pull-right padding-l-5\">\r\n              <button type=\"button\" class=\"btn btn-box-tool\" data-widget=\"collapse\" (click)=\"collapseKeyDiagram()\">\r\n                <i id=\"icon_keydiagram\" class=\"fa fa-minus\"></i>\r\n              </button>\r\n            </div>\r\n            <div class=\"pull-right padding-l-5\">\r\n              <button type=\"button\" class=\"btn btn-zoom btn-sm\" onclick=\"zoomIn()\">\r\n                <i class=\"fa fa-search-plus fa-lg\"></i>\r\n              </button>\r\n            </div>\r\n            <div class=\"pull-right padding-l-5\">\r\n              <button type=\"button\" class=\"btn btn-zoom btn-sm\" onclick=\"zoomOut()\">\r\n                <i class=\"fa fa-search-minus fa-lg\"></i>\r\n              </button>\r\n            </div>\r\n            <div [hidden]=\"!isInvalidFile\" class=\"error-msg\">Only image files are supported !!!</div>\r\n          </div>\r\n\r\n          <div id=\"body_keydiagram\" class=\"box-body\">\r\n            <div id=\"carousel-example-generic\" style=\"height: auto !important;\"\r\n              [style.min-height]=\"keyDiagrams != undefined && keyDiagrams.length > 0 ? '300px' : '0px'\"\r\n              class=\"carousel slide scroll\" data-interval=\"false\" data-ride=\"carousel\">\r\n              <div class=\"carousel-inner\">\r\n                <!-- <ng-container *ngFor=\"let diagram of keyDiagrams; let i = index\">\r\n                  <div class=\"item zoom\" [ngClass]=\"{'active': diagram.keyDiagram}\">\r\n                    <drag-scroll>\r\n                      <img drag-scroll-item id=\"map_id_{{ i }}\" class=\"img-responsive img-decissionTree\"\r\n                      [src]=\"getImageDataUrl(diagram.location) | secure\">\r\n\r\n                    </drag-scroll>\r\n                  </div>\r\n                </ng-container> -->\r\n                <div id=\"div_keydiagram_{{i}}\" attr.data-keydiagramId={{diagram.id}}\r\n                  [ngClass]=\"(i === 0) ? 'item zoom active' : 'item zoom'\"\r\n                  *ngFor=\"let diagram of keyDiagrams; let i = index;\">\r\n                  <drag-scroll>\r\n                    <img drag-scroll-item id=\"map_id_{{ i }}\" class=\"img-responsive img-decissionTree\"\r\n                     \r\n                      [src]=\"getImageDataUrl(diagram.location) | secure\"\r\n                      alt=\"{{diagram.label}}\">\r\n                  </drag-scroll>\r\n                </div>\r\n              </div>\r\n              <ng-container *ngIf=\"keyDiagrams && keyDiagrams.length > 1\">\r\n                <a class=\"left carousel-control\" href=\"#carousel-example-generic\" data-slide=\"prev\">\r\n                  <span class=\"fa fa-angle-left slide-left\"></span>\r\n                </a>\r\n                <a class=\"right carousel-control\" href=\"#carousel-example-generic\" data-slide=\"next\">\r\n                  <span class=\"fa fa-angle-right slide-right\"></span>\r\n                </a>\r\n              </ng-container>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-container>","styles":[".div_keyImage{float:right}.full-border{border-left:2px solid #3c8dbc;border-right:2px solid #3c8dbc;border-bottom:2px solid #3c8dbc;border-top:2px solid #3c8dbc}.font-size-overrider{font-size:21px!important}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"resetValuesNotifier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"templateContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"showKeyDiagram":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"reportTextPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"inputValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"inputData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showResetButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"showReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"fontFamily":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"fontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"choiceElementDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"aiInputs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"showTabularReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"returnExecutionHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"returnDataElementChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"returnDefaultElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"returnReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"callBackAfterGettingShowKeyDiagram":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"imageUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["imageUpload",{"static":false}]}]}],"simulatorBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["simulatorBlock",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":59,"character":39},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":63,"character":20},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setDefaultImage":[{"__symbolic":"method"}],"imageLoaded":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"applyInputStyles":[{"__symbolic":"method"}],"getImageDataUrl":[{"__symbolic":"method"}],"diagramExist":[{"__symbolic":"method"}],"resetElements":[{"__symbolic":"method"}],"recieveReportText":[{"__symbolic":"method"}],"recievedExecutionHistory":[{"__symbolic":"method"}],"recivedOnDataElementChanged":[{"__symbolic":"method"}],"gettingShowKeyDiagram":[{"__symbolic":"method"}],"changeListener":[{"__symbolic":"method"}],"resizeKeyImages":[{"__symbolic":"method"}],"collapseKeyDiagram":[{"__symbolic":"method"}],"collapseReportText":[{"__symbolic":"method"}],"populateTestCaseData":[{"__symbolic":"method"}],"clipboardError":[{"__symbolic":"method"}],"clipboardSuccess":[{"__symbolic":"method"}],"getReportTextInnerContent":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"acr-assist-data-element","template":"<ng-container *ngFor=\"let DataElement of $dataElements\">\r\n  <ng-container *ngIf=\"(DataElement.dataElementType == 'ChoiceDataElement'\r\n    || DataElement.dataElementType == 'NumericDataElement'\r\n    || DataElement.dataElementType == 'IntegerDataElement' \r\n    || DataElement.dataElementType == 'MultiChoiceDataElement'\r\n    || DataElement.dataElementType == 'DateTimeDataElement'\r\n    || DataElement.dataElementType == 'DurationDataElement') \">\r\n    <ng-container *ngIf=\"DataElement.isVisible\">\r\n      <div id=\"div_{{DataElement.id}}\">\r\n        <ng-container\r\n          *ngIf=\"DataElement.dataElementType == 'NumericDataElement' || DataElement.dataElementType == 'IntegerDataElement'\">\r\n          <acr-assist-numeric-element [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n          [assetsBaseUrl]=\"assetsBaseUrl\" [numericDataElement]='DataElement' (returnNumericElement)='numericSelected($event)'\r\n            (callBackAfterAIInputReset)=\"onAIInputReset($event)\">\r\n          </acr-assist-numeric-element>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"IsRepeating\">\r\n          <ng-container *ngFor=\"let repeatedElementModel of $RepeatedElementModel\">\r\n            <ng-container *ngFor=\"let repeatedElementSections of repeatedElementModel.RepeatedElementSections\">\r\n              <ng-container *ngIf=\"repeatedElementModel.ParentElementId == DataElement.id\">\r\n                <div class=\"panel-group\" id=\"accordion\">\r\n                  <div class=\"panel panel-default\">\r\n                    <div class=\"panel-heading\">\r\n                      <h4 class=\"panel-title\">\r\n                        <a class=\"accordion-toggle\" data-toggle=\"collapse\"\r\n                          href=\"#{{repeatedElementSections.SectionId}}\">\r\n                          {{repeatedElementSections.SectionName}}\r\n                        </a>\r\n                      </h4>\r\n                    </div>\r\n                    <div id=\"{{repeatedElementSections.SectionId}}\" class=\"panel-collapse collapse in\">\r\n                      <div class=\"panel-body\">\r\n                        <ng-container *ngFor=\"let childElement of repeatedElementSections.ChildElements\">\r\n                          <ng-container\r\n                            *ngIf=\"childElement.dataElementType == 'NumericDataElement' || childElement.dataElementType == 'IntegerDataElement'\">\r\n                            <acr-assist-numeric-element\r\n                              [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n                              [numericDataElement]='childElement' [assetsBaseUrl]=\"assetsBaseUrl\" \r\n                              (returnNumericElement)='numericSelected($event)'\r\n                              (callBackAfterAIInputReset)=\"onAIInputReset($event)\"></acr-assist-numeric-element>\r\n                          </ng-container>\r\n                          <ng-container *ngIf=\"childElement.dataElementType == 'ChoiceDataElement'\">\r\n                            <acr-assist-choice-element\r\n                              [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n                              [choiceDataElement]='childElement' [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                              [repeatedElementSections]='repeatedElementSections'\r\n                              (returnChoiceElement)='choiceSelected($event)'></acr-assist-choice-element>\r\n                          </ng-container>\r\n                          <ng-container *ngIf=\"childElement.dataElementType == 'MultiChoiceDataElement'\">\r\n                            <acr-assist-multi-choice-element\r\n                              [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n                              [multiChoiceElement]='childElement' [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                              (returnMultiChoice)='multiSelected($event)'></acr-assist-multi-choice-element>\r\n                          </ng-container>\r\n                          <ng-container *ngIf=\"childElement.dataElementType == 'DateTimeDataElement'\">\r\n                            <acr-assist-date-time-element\r\n                              [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n                              [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                              [dateTimeDataElement]='childElement'></acr-assist-date-time-element>\r\n                          </ng-container>\r\n                          <ng-container *ngIf=\"childElement.dataElementType == 'DurationDataElement'\">\r\n                            <acr-assist-duration-element\r\n                              [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n                              [assetsBaseUrl]=\"assetsBaseUrl\"\r\n                              [durationDataElement]='childElement'></acr-assist-duration-element>\r\n                          </ng-container>\r\n                        </ng-container>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"DataElement.dataElementType == 'ChoiceDataElement'\">\r\n          <acr-assist-choice-element [choiceElementDisplay]=\"choiceElementDisplay\"\r\n            [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom' [choiceDataElement]='DataElement'\r\n            [assetsBaseUrl]=\"assetsBaseUrl\" (returnChoiceElement)='choiceSelected($event)'></acr-assist-choice-element>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"DataElement.dataElementType == 'MultiChoiceDataElement'\">\r\n          <acr-assist-multi-choice-element [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n          [assetsBaseUrl]=\"assetsBaseUrl\" [multiChoiceElement]='DataElement' (returnMultiChoice)='multiSelected($event)'>\r\n          </acr-assist-multi-choice-element>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"DataElement.dataElementType == 'DateTimeDataElement'\">\r\n          <acr-assist-date-time-element [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n          [assetsBaseUrl]=\"assetsBaseUrl\" [dateTimeDataElement]='DataElement' (returnDateTimeElement)='dateTimeSelected($event)'>\r\n          </acr-assist-date-time-element>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"DataElement.dataElementType == 'DurationDataElement'\">\r\n          <acr-assist-duration-element [alignLabelAndControlToTopAndBottom]='alignLabelAndControlToTopAndBottom'\r\n          [assetsBaseUrl]=\"assetsBaseUrl\" [durationDataElement]='DataElement'></acr-assist-duration-element>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>","styles":["header{background-color:#ccc;margin-bottom:10px}header label{margin:0!important;padding-bottom:5px!important}.panel-default>.panel-heading{color:#000;border-color:#ddd}.panel-heading .accordion-toggle:after{font-family:'Glyphicons Halflings';content:\"\\e114\";float:right;color:#000}.panel-heading .accordion-toggle.collapsed:after{content:\"\\e080\"}.accordion-toggle:focus{color:#000!important}.accordion-toggle:hover{text-decoration:none!important}.panel-title a{display:block;padding:10px 15px;margin:-10px -15px;font-size:small}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"showTabularReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"choiceElementDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"dataElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"$dataElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"Endpoints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"templatePartial":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"endPointXMLString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"xmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"isReset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"inputValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"callBackAfterGettingShowKeyDiagram":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"returnReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"returnExecutionHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"returnDataElementChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"callBackAfterAIInputReset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"numericSelected":[{"__symbolic":"method"}],"onAIInputReset":[{"__symbolic":"method"}],"IsAnyRepeatElementsExist":[{"__symbolic":"method"}],"FindRepeatedElements":[{"__symbolic":"method"}],"resetRepeatedElements":[{"__symbolic":"method"}],"dateTimeSelected":[{"__symbolic":"method"}],"multiSelected":[{"__symbolic":"method"}],"afterDataElementChanged":[{"__symbolic":"method"}],"removeDuplicates":[{"__symbolic":"method"}],"generateExecutionHistory":[{"__symbolic":"method"}],"createTabularReport":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"messageEmitter":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"messageEmitter":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"acr-hint-diagram","template":"<button type=\"button\" class=\"btn btn-default font-size-inherit btn-xs\" data-toggle=\"modal\"\r\n  attr.data-target=\"{{ '#diag_' + dataElement.id }}\" (click)=\"resetCarouselIndex()\">\r\n  <span class=\"glyphicon glyphicon-picture\" aria-hidden=\"true\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n    title=\"Hint Diagrams\"></span>\r\n</button>\r\n<div class=\"modal inmodal fade\" id=\"{{ 'diag_' + dataElement.id }}\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\r\n  <div class=\"modal-dialog modal-lg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n          <span class=\"sr-only\">Close</span>\r\n        </button>\r\n        <h4 class=\"modal-title float-left\">{{dataElement.label}}</h4>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <carousel [(activeSlide)]=\"activeSlideIndex\" interval=\"false\">\r\n          <ng-container *ngFor=\"let diag of dataElement.diagrams \">\r\n            <slide>\r\n              <img class=\"img-responsive max-w-h-100\" [src]=\"getImageDataUrl(diag.location) | secure\"\r\n                alt=\"{{ diag.label }}\">\r\n            </slide>\r\n          </ng-container>\r\n        </carousel>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-primary\" data-dismiss=\"modal\">Close</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>","styles":["",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"dataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"resetCarouselIndex":[{"__symbolic":"method"}],"getImageDataUrl":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"acr-assist-numeric-element","template":"<form [formGroup]=\"numericElementForm\" novalidate>\r\n\r\n  <!-----Right to left alignment-->\r\n  <div class=\"form-group\" *ngIf=\"!alignLabelAndControlToTopAndBottom && numericDataElement.isRelevant\">\r\n    <div class=\"col-sm-4 text-right\">\r\n      <label class=\"control-label break-word\">\r\n        {{numericDataElement.label}}\r\n        <span *ngIf=\"numericDataElement.unit != undefined && numericDataElement.unit != ''\">\r\n          ({{numericDataElement.unit}})</span>\r\n      </label>\r\n      <ng-container *ngIf=\"numericDataElement.hint !== '' && numericDataElement.hint !== undefined\">\r\n        <i class=\"fa fa-info-circle text-primary font-size-inherit whitespace\" title=\"{{numericDataElement.hint}}\"></i>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"numericDataElement.diagrams != undefined \">\r\n        <acr-hint-diagram [dataElement]=\"numericDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n      </ng-container>\r\n      <span *ngIf=\"isNumericElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"isNumericElementMin()\" class=\"required-field\"\r\n        title=\" Minimum value is {{numericDataElement.minimum}}\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"isNumericElementMax()\" class=\"required-field\"\r\n        title=\" Maximum value is {{numericDataElement.maximum}}\">\r\n        *\r\n      </span>\r\n    </div>\r\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'NumericDataElement'\">\r\n      <div class=\"col-sm-8\">\r\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\" acrNumericOnly\r\n          (keyup)=\"_keyUp($event)\" id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control color-inherit\"\r\n          formControlName=\"numericElement\" onpaste=\"return false;\"\r\n          (input)=\"choiceSelected($event.target, numericDataElement.label)\" min=\"{{numericDataElement.minimum}}\"\r\n          max=\"{{numericDataElement.maximum}}\" [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\" required>\r\n        <span *ngIf=\"isNumericElementMin()\" class=\"validatorMessageSpan\">\r\n          Value should be greater than or equal to {{numericDataElement.minimum}}\r\n        </span>\r\n        <span *ngIf=\"isNumericElementMax()\" class=\"validatorMessageSpan\">\r\n          Value should be less than or equal to {{numericDataElement.maximum}}\r\n        </span>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'IntegerDataElement'\">\r\n      <div class=\"col-sm-8\">\r\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control color-inherit\" formControlName=\"numericElement\"\r\n          (keypress)=\"onlyIntegerKey($event)\" onpaste=\"return false;\" (keyup)=\"_keyUpInteger($event)\"\r\n          (input)=\"choiceSelected($event.target, numericDataElement.label)\" min=\"{{numericDataElement.minimum}}\"\r\n          max=\"{{numericDataElement.maximum}}\" [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\" required>\r\n        <span *ngIf=\"isNumericElementMin()\" class=\"validatorMessageSpan\">\r\n          Value should be greater than or equal to {{numericDataElement.minimum}}\r\n        </span>\r\n        <span *ngIf=\"isNumericElementMax()\" class=\"validatorMessageSpan\">\r\n          Value should be less than or equal to {{numericDataElement.maximum}}\r\n        </span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!------Top to bottom alignment------->\r\n  <div class=\"form-group\" *ngIf=\"alignLabelAndControlToTopAndBottom && numericDataElement.isRelevant\">\r\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'NumericDataElement'\">\r\n      <div class=\"col-lg-12\">\r\n        <div class=\"col-lg-10 labelparentdiv\">\r\n          <label class=\"control-label break-word\">\r\n            {{numericDataElement.label}}\r\n            <span *ngIf=\"numericDataElement.unit != undefined && numericDataElement.unit != ''\">\r\n              ({{numericDataElement.unit}})</span>\r\n            <span *ngIf=\"isNumericElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n              *\r\n            </span>\r\n            <span *ngIf=\"isNumericElementMin()\" class=\"required-field\"\r\n              title=\" Minimum value is {{numericDataElement.minimum}}\">\r\n              *\r\n            </span>\r\n            <span *ngIf=\"isNumericElementMax()\" class=\"required-field\"\r\n              title=\" Maximum value is {{numericDataElement.maximum}}\">\r\n              *\r\n            </span>\r\n          </label>\r\n        </div>\r\n        <div class=\"col-lg-2 div_hint\">\r\n          <ng-container *ngIf=\"numericDataElement.hint !== '' && numericDataElement.hint !== undefined\">\r\n            <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{numericDataElement.hint}}\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"numericDataElement.diagrams != undefined \">\r\n            <acr-hint-diagram [dataElement]=\"numericDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n          </ng-container>\r\n        </div>\r\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control color-inherit\" (keyup)=\"_keyUp($event)\"\r\n          acrNumericOnly formControlName=\"numericElement\" onpaste=\"return false;\"\r\n          (input)=\"choiceSelected($event.target, numericDataElement.label)\" min=\"{{numericDataElement.minimum}}\"\r\n          max=\"{{numericDataElement.maximum}}\" [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\" required>\r\n        <span *ngIf=\"isNumericElementMin()\" class=\"validatorMessageSpan\">\r\n          Value should be greater than or equal to {{numericDataElement.minimum}}\r\n        </span>\r\n        <span *ngIf=\"isNumericElementMax()\" class=\"validatorMessageSpan\">\r\n          Value should be less than or equal to {{numericDataElement.maximum}}\r\n        </span>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'IntegerDataElement'\">\r\n      <div class=\"col-lg-12\">\r\n        <div class=\"col-lg-10 labelparentdiv\">\r\n          <label class=\"control-label break-word\">\r\n            {{numericDataElement.label}}\r\n            <span *ngIf=\"numericDataElement.unit != undefined && numericDataElement.unit != ''\">\r\n              ({{numericDataElement.unit}})</span>\r\n            <span *ngIf=\"isNumericElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n              *\r\n            </span>\r\n            <span *ngIf=\"isNumericElementMin()\" class=\"required-field\"\r\n              title=\" Minimum value is {{numericDataElement.minimum}}\">\r\n              *\r\n            </span>\r\n            <span *ngIf=\"isNumericElementMax()\" class=\"required-field\"\r\n              title=\" Maximum value is {{numericDataElement.maximum}}\">\r\n              *\r\n            </span>\r\n          </label>\r\n        </div>\r\n        <div class=\"col-lg-2 div_hint\">\r\n          <ng-container *ngIf=\"numericDataElement.hint !== '' && numericDataElement.hint !== undefined\">\r\n            <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{numericDataElement.hint}}\"></i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"numericDataElement.diagrams != undefined \">\r\n            <acr-hint-diagram [dataElement]=\"numericDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n          </ng-container>\r\n        </div>\r\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control color-inherit\" formControlName=\"numericElement\"\r\n          (keypress)=\"onlyIntegerKey($event)\" onpaste=\"return false;\" (keyup)=\"_keyUpInteger($event)\"\r\n          (input)=\"choiceSelected($event.target, numericDataElement.label)\" min=\"{{numericDataElement.minimum}}\"\r\n          max=\"{{numericDataElement.maximum}}\" [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\" required>\r\n        <span *ngIf=\"isNumericElementMin()\" class=\"validatorMessageSpan\">\r\n          Value should be greater than or equal to {{numericDataElement.minimum}}\r\n        </span>\r\n        <span *ngIf=\"isNumericElementMax()\" class=\"validatorMessageSpan\">\r\n          Value should be less than or equal to {{numericDataElement.maximum}}\r\n        </span>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</form>","styles":[".div_hint{text-align:right!important;position:relative;top:7px;padding-right:0!important}.validatorMessageSpan{color:red;font-size:small!important;position:relative;top:6px}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"numericDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"returnNumericElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":29,"character":25},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadedNumericValue":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"_keyUp":[{"__symbolic":"method"}],"_keyUpInteger":[{"__symbolic":"method"}],"onlyIntegerKey":[{"__symbolic":"method"}],"hasAIInputStyle":[{"__symbolic":"method"}],"isNumericElementRequired":[{"__symbolic":"method"}],"isNumericElementMin":[{"__symbolic":"method"}],"isNumericElementMax":[{"__symbolic":"method"}],"updateFormValidator":[{"__symbolic":"method"}],"createNumericElementForm":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"acr-assist-choice-element","template":"<form [formGroup]=\"choiceElementForm\" novalidate>\r\n  <!-----Right to left alignment-->\r\n  <div class=\"form-group\" *ngIf=\"!alignLabelAndControlToTopAndBottom && choiceDataElement.isRelevant\">\r\n    <div class=\"col-sm-4 text-right\">\r\n      <label class=\"control-label break-word\">\r\n        {{choiceDataElement.label}}\r\n        <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\">\r\n          ({{choiceDataElement.unit}})</span>\r\n      </label>\r\n      <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\r\n        <i class=\"whitespace\">\r\n          <span class=\"fa fa-info-circle text-primary font-size-inherit\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n            title=\"{{choiceDataElement.hint}}\"></span>\r\n        </i>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\r\n        <acr-hint-diagram [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n      </ng-container>\r\n      <span *ngIf=\"isChoiceElementRequired()\" class=\"required-field whitespace\" title=\"Required Field\">*</span>\r\n    </div>\r\n\r\n    <div class=\"col-sm-8 text-left content-padding\">\r\n      <ng-container *ngIf=\"isRadioButton()\">\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap == undefined\">\r\n          <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo\">\r\n            <div class=\"radio custom-radio-style\">\r\n              <label>\r\n                <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                  id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\"\r\n                  value=\"{{choice.value}}\"\r\n                  (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"\r\n                  [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n                {{choice.label}}\r\n              </label>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\r\n            <div class=\"radio custom-radio-style\">\r\n              <label>\r\n                <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                  id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" [checked]=\"isFreeText\"\r\n                  value=\"freetext\"\r\n                  (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other, please specify…', 'freetext')\">\r\n                Other, please specify…</label>\r\n            </div>\r\n            <div id='div_{{choiceDataElement.id}}_other'>\r\n              <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" class=\"form-control\"\r\n                [(ngModel)]=\"freeTextValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\r\n                placeholder=\"Please specify\">\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row\">\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo\">\r\n                <div class=\"radio custom-radio-style\">\r\n                  <label>\r\n                    <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                      id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\"\r\n                      value=\"{{choice.value}}\"\r\n                      (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"\r\n                      [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n                    {{choice.label}}\r\n                  </label>\r\n                </div>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\r\n                <div class=\"radio custom-radio-style\">\r\n                  <label>\r\n                    <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                      id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" [checked]=\"isFreeText\"\r\n                      (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other, please specify…', 'freetext')\">\r\n                    Other, please specify…</label>\r\n                </div>\r\n                <div id='div_{{choiceDataElement.id}}_other'>\r\n                  <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                    id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" class=\"form-control\"\r\n                    [(ngModel)]=\"freeTextValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                    (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\r\n                    placeholder=\"Please specify\">\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>\r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"isListBox()\">\r\n        <select [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{choiceDataElement.id}}\" (change)=\"dropdownChoiceSelected($event.target, choiceDataElement.label)\"\r\n          formControlName=\"checkBox\" class=\"form-control listboxSelect color-inherit\" size=\"6\"\r\n          [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n          <option [selected]=\"\r\n           choiceDataElement.ChoiceNotRelevant != undefined ?\r\n           (choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1 ? \r\n           true :\r\n           true)\r\n           : true\">--Select one--</option>\r\n          <option *ngFor=\"let choice of choiceDataElement.choiceInfo\" [hidden]=\"choiceDataElement.ChoiceNotRelevant != undefined ? \r\n               choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\r\n               : null\" [value]=\"choice.value\" [selected]=\"choiceDataElement.ChoiceNotRelevant != undefined ?\r\n            choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1\r\n            || choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1? false : \r\n            choice.value === choiceDataElement.currentValue ? true : false\r\n            : choice.value === choiceDataElement.currentValue ? true : false\" title=\"{{choice.label}}\">{{choice.label}}\r\n          </option>\r\n          <option *ngIf=\"choiceDataElement.allowFreetext\" [value]=\"'freetext'\" [selected]=\"isFreeText\">Other, please\r\n            specify…\r\n          </option>\r\n        </select>\r\n        <div id='div_{{choiceDataElement.id}}_other'>\r\n          <input id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n            [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n            (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'>\r\n        </div>\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row padding-top-10\">\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>            \r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"isSelectBox()\">\r\n        <select [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{choiceDataElement.id}}\" (change)=\"dropdownChoiceSelected($event.target, choiceDataElement.label)\"\r\n          formControlName=\"checkBox\" class=\"form-control color-inherit\"\r\n          [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n          <option [selected]=\"\r\n            choiceDataElement.ChoiceNotRelevant != undefined ?\r\n            (choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1 ? \r\n            true :\r\n            true)\r\n            : true\">Select one</option>\r\n          <option *ngFor=\"let choice of choiceDataElement.choiceInfo\" [hidden]=\"choiceDataElement.ChoiceNotRelevant != undefined ? \r\n                choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\r\n                : null\" [value]=\"choice.value\" [selected]=\"choiceDataElement.ChoiceNotRelevant != undefined ?\r\n             choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1\r\n             || choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1? false : \r\n             choice.value === choiceDataElement.currentValue ? true : false\r\n             : choice.value === choiceDataElement.currentValue ? true : false\">{{choice.label}}</option>\r\n          <option *ngIf=\"choiceDataElement.allowFreetext\" [value]=\"'freetext'\" [selected]=\"isFreeText\">Other, please\r\n            specify…\r\n          </option>\r\n        </select>\r\n        <div id='div_{{choiceDataElement.id}}_other'>\r\n          <input id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n            [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n            (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'>\r\n        </div>\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row padding-top-10\">\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>\r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <!------Top to bottom alignment------->\r\n  <div class=\"form-group\" *ngIf=\"alignLabelAndControlToTopAndBottom && choiceDataElement.isRelevant\">\r\n    <div class=\"col-lg-12 text-left content-padding\">\r\n      <ng-container *ngIf=\"isRadioButton()\">\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap == undefined\">\r\n          <div class=\"col-lg-10 labelparentdiv\">\r\n            <label class=\"control-label break-word\">\r\n              {{choiceDataElement.label}}\r\n              <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\">\r\n                ({{choiceDataElement.unit}})</span>\r\n              <span *ngIf=\"isChoiceElementRequired()\" class=\"required-field whitespace\" title=\"Required Field\">*</span>\r\n            </label>\r\n          </div>\r\n          <div class=\"col-lg-2 div_hint\">\r\n            <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\r\n              <i class=\"whitespace\">\r\n                <span class=\"fa fa-info-circle text-primary\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n                  title=\"{{choiceDataElement.hint}}\"></span>\r\n              </i>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\r\n              <acr-hint-diagram [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n            </ng-container>\r\n\r\n          </div>\r\n          <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo; let i = index\">\r\n            <div [ngStyle]=\"i === 0 && {'clear': 'both'}\" class=\"radio custom-radio-style\">\r\n              <label>\r\n                <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                  id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\"\r\n                  value=\"{{choice.value}}\"\r\n                  (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"\r\n                  [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n                {{choice.label}}\r\n              </label>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\r\n            <div class=\"radio custom-radio-style\">\r\n              <label>\r\n                <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                  id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" [checked]=\"isFreeText\"\r\n                  value=\"freetext\"\r\n                  (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other, please specify…', 'freetext')\">\r\n                Other, please specify…</label>\r\n            </div>\r\n            <div id='div_{{choiceDataElement.id}}_other'>\r\n              <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" class=\"form-control\"\r\n                [(ngModel)]=\"freeTextValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\r\n                placeholder=\"Please specify\">\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-12\">\r\n              <label class=\"control-label break-word\">\r\n                {{choiceDataElement.label}}\r\n                <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\">\r\n                  ({{choiceDataElement.unit}})</span>\r\n              </label>\r\n              <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\r\n                <i class=\"whitespace\">\r\n                  <span class=\"fa fa-info-circle text-primary\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n                    title=\"{{choiceDataElement.hint}}\"></span>\r\n                </i>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\r\n                <acr-hint-diagram [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n              </ng-container>\r\n              <span *ngIf=\"isChoiceElementRequired()\" class=\"required-field whitespace\" title=\"Required Field\">*</span>\r\n            </div>\r\n            <div class=\"div_radiobutton\">\r\n              <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo\">\r\n                <div class=\"radio custom-radio-style\">\r\n                  <label>\r\n                    <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                      id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\"\r\n                      value=\"{{choice.value}}\"\r\n                      (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"\r\n                      [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n                    {{choice.label}}\r\n                  </label>\r\n                </div>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\r\n                <div class=\"radio custom-radio-style\">\r\n                  <label>\r\n                    <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                      id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" [checked]=\"isFreeText\"\r\n                      (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other, please specify…', 'freetext')\">\r\n                    Other, please specify…</label>\r\n                </div>\r\n                <div id='div_{{choiceDataElement.id}}_other'>\r\n                  <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n                    id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" class=\"form-control\"\r\n                    [(ngModel)]=\"freeTextValue\" [ngModelOptions]=\"{standalone: true}\"\r\n                    (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\r\n                    placeholder=\"Please specify\">\r\n                </div>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"col-lg-1\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>\r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"isListBox()\">\r\n        <div class=\"col-lg-10 labelparentdiv\">\r\n          <label class=\"control-label break-word\">\r\n            {{choiceDataElement.label}}\r\n            <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\">\r\n              ({{choiceDataElement.unit}})</span>\r\n            <span *ngIf=\"isChoiceElementRequired()\" class=\"required-field whitespace\" title=\"Required Field\">*</span>\r\n          </label>\r\n        </div>\r\n\r\n        <div class=\"col-lg-2 div_hint\">\r\n          <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\r\n            <i class=\"whitespace\">\r\n              <span class=\"fa fa-info-circle text-primary\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n                title=\"{{choiceDataElement.hint}}\"></span>\r\n            </i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\r\n            <acr-hint-diagram [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n          </ng-container>\r\n        </div>\r\n\r\n        <select [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{choiceDataElement.id}}\" (change)=\"dropdownChoiceSelected($event.target, choiceDataElement.label)\"\r\n          formControlName=\"checkBox\" class=\"form-control listboxSelect color-inherit\" size=\"6\"\r\n          [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n          <option [selected]=\"\r\n             choiceDataElement.ChoiceNotRelevant != undefined ?\r\n             (choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1 ? \r\n             true :\r\n             true)\r\n             : true\">Select one</option>\r\n          <option *ngFor=\"let choice of choiceDataElement.choiceInfo\" [hidden]=\"choiceDataElement.ChoiceNotRelevant != undefined ? \r\n                 choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\r\n                 : null\" [value]=\"choice.value\" [selected]=\"choiceDataElement.ChoiceNotRelevant != undefined ?\r\n              choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1\r\n              || choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1? false : \r\n              choice.value === choiceDataElement.currentValue ? true : false\r\n              : choice.value === choiceDataElement.currentValue ? true : false\" title=\"{{choice.label}}\">\r\n            {{choice.label}}</option>\r\n          <option *ngIf=\"choiceDataElement.allowFreetext\" [value]=\"'freetext'\" [selected]=\"isFreeText\">Other, please\r\n            specify…\r\n          </option>\r\n        </select>\r\n        <div id='div_{{choiceDataElement.id}}_other'>\r\n          <input id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n            [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n            (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'>\r\n        </div>\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row padding-top-10\">\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>\r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"isSelectBox()\">\r\n        <div class=\"col-lg-10 labelparentdiv\">\r\n          <label class=\"control-label break-word\" style=\"text-align: left\">\r\n            {{choiceDataElement.label}}\r\n            <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\">\r\n              ({{choiceDataElement.unit}})</span>\r\n            <span *ngIf=\"isChoiceElementRequired()\" class=\"required-field whitespace\" title=\"Required Field\">*</span>\r\n          </label>\r\n        </div>\r\n        <div class=\"col-lg-2 div_hint\">\r\n          <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\r\n            <i class=\"whitespace\">\r\n              <span class=\"fa fa-info-circle text-primary\" data-toggle=\"tooltip\" data-placement=\"right\"\r\n                title=\"{{choiceDataElement.hint}}\"></span>\r\n            </i>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\r\n            <acr-hint-diagram [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n          </ng-container>\r\n        </div>\r\n        <select [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\r\n          id=\"{{choiceDataElement.id}}\" (change)=\"dropdownChoiceSelected($event.target, choiceDataElement.label)\"\r\n          formControlName=\"checkBox\" class=\"form-control color-inherit\"\r\n          [ngClass]=\"{ 'ai-input-background': hasAIInputStyle() }\">\r\n          <option [selected]=\"\r\n              choiceDataElement.ChoiceNotRelevant != undefined ?\r\n              (choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1 ? \r\n              true :\r\n              true)\r\n              : true\">Select one</option>\r\n          <option *ngFor=\"let choice of choiceDataElement.choiceInfo\" [hidden]=\"choiceDataElement.ChoiceNotRelevant != undefined ? \r\n                  choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\r\n                  : null\" [value]=\"choice.value\" [selected]=\"choiceDataElement.ChoiceNotRelevant != undefined ?\r\n               choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1\r\n               || choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1? false : \r\n               choice.value === choiceDataElement.currentValue ? true : false\r\n               : choice.value === choiceDataElement.currentValue ? true : false\">{{choice.label}}</option>\r\n          <option *ngIf=\"choiceDataElement.allowFreetext\" [value]=\"'freetext'\" [selected]=\"isFreeText\">Other, please\r\n            specify…\r\n          </option>\r\n        </select>\r\n        <div id='div_{{choiceDataElement.id}}_other'>\r\n          <input id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n            [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n            (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'>\r\n        </div>\r\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\r\n          <div class=\"row padding-top-10\">\r\n            <div class=\"col-xs-6 col-sm-2\">\r\n              <label class=\"control-label\">OR</label>\r\n            </div>\r\n            <acr-image-map [dataElement]=\"choiceDataElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-image-map>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</form>","styles":[".listboxSelect{overflow-y:auto}.div_hint{text-align:right!important;position:relative;top:7px;padding-right:0!important}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"choiceElementDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"repeatedElementSections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"choiceDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"returnChoiceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"choiceChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":41,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":17},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isRadioButton":[{"__symbolic":"method"}],"isListBox":[{"__symbolic":"method"}],"isSelectBox":[{"__symbolic":"method"}],"setChoiceValue":[{"__symbolic":"method"}],"hasAIInputStyle":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"dropdownChoiceSelected":[{"__symbolic":"method"}],"updateFreeText":[{"__symbolic":"method"}],"showOrHideFreeText":[{"__symbolic":"method"}],"isChoiceElementRequired":[{"__symbolic":"method"}],"emitChoiceElementData":[{"__symbolic":"method"}],"createChoiceElementForm":[{"__symbolic":"method"}],"specificValueInsideRange":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"acr-assist-multi-choice-element","template":"<form [formGroup]=\"multiChoiceElementForm\" novalidate>\r\n\r\n  <!------------Right to left layout---------->\r\n  <div class=\"form-group\" *ngIf=\"!alignLabelAndControlToTopAndBottom && multiChoiceElement.isRelevant\">\r\n    <div class=\"col-sm-4 text-right\">\r\n      <label class=\"control-label break-word\">{{multiChoiceElement.label}} <span\r\n          *ngIf=\"multiChoiceElement.unit != undefined && multiChoiceElement.unit != ''\">\r\n          ({{multiChoiceElement.unit}})</span>\r\n      </label>\r\n      <ng-container *ngIf=\"multiChoiceElement.hint !== '' && multiChoiceElement.hint !== undefined\">\r\n        <i class=\"fa fa-info-circle text-primary font-size-inherit whitespace\" title=\"{{multiChoiceElement.hint}}\"></i>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"multiChoiceElement.diagrams != undefined \">\r\n        <acr-hint-diagram [dataElement]=\"multiChoiceElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n      </ng-container>\r\n      <span *ngIf=\"isMultiChoiceElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n        *\r\n      </span>\r\n    </div>\r\n\r\n    <div class=\"col-sm-8\" [ngClass]=\"multiChoiceElement.isEditable == false ? 'disabled-element' : ''\">\r\n      <div *ngFor=\"let choice of multiChoiceElement.choiceInfo\" class=\"checkbox checkboxCustomized\"\r\n        title=\"{{choice.hint}}\">\r\n        <label [hidden]=\"isMultiChoiceLabelHidden(choice.value)\">\r\n          <input type=\"checkbox\" class=\"multiselectItems_{{multiChoiceElement.id}}\"\r\n            id=\"{{multiChoiceElement.id}}_{{choice.value}}\" [checked]=\"false\" formControlName=\"multiCheckBox\"\r\n            value=\"{{choice.value}}\"\r\n            (change)=\"updateMultiChoice(multiChoiceElement.id, multiChoiceElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, $event)\">\r\n          {{choice.label}}\r\n        </label>\r\n      </div>\r\n\r\n      <div class=\"checkbox checkboxCustomized\" *ngIf=\"multiChoiceElement.allowFreetext\">\r\n        <label>\r\n          <input type=\"checkbox\" id=\"{{multiChoiceElement.id}}_othertext\" [checked]=\"false\"\r\n            formControlName=\"multiCheckBox\" [value]=\"'freetext'\"\r\n            (change)=\"choiceSelected(multiChoiceElement.id, multiChoiceElement.label, 'Other, please specify…', 'freetext', $event)\">\r\n          Other, please specify…\r\n        </label>\r\n      </div>\r\n\r\n      <!-- other '{{multiChoiceElement.label}}' -->\r\n      <div id='div_{{multiChoiceElement.id}}_other'>\r\n        <input id=\"txt_other_{{multiChoiceElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n          [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n          (keyup)='updateFreeText($event.target, multiChoiceElement.id, multiChoiceElement.label)'>\r\n      </div>\r\n      <ng-container *ngIf=\"multiChoiceElement.imageMap != undefined\">\r\n        <div class=\"row padding-top-10\">\r\n          <div class=\"col-xs-6 col-sm-2\">\r\n            <label class=\"control-label\">OR</label>\r\n          </div>\r\n          <acr-image-map [dataElement]=\"multiChoiceElement\" [assetsBaseUrl]=\"assetsBaseUrl\">\r\n          </acr-image-map>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <!-----------Top to bottom layout-------------->\r\n  <div class=\"form-group\" *ngIf=\"alignLabelAndControlToTopAndBottom && multiChoiceElement.isRelevant\">\r\n    <div class=\"col-lg-12\" [ngClass]=\"multiChoiceElement.isEditable == false ? 'disabled-element' : ''\">\r\n      <div class=\"col-lg-10 labelparentdiv\">\r\n        <label class=\"control-label break-word\">{{multiChoiceElement.label}} <span\r\n            *ngIf=\"multiChoiceElement.unit != undefined && multiChoiceElement.unit != ''\">\r\n            ({{multiChoiceElement.unit}})</span>\r\n          <span *ngIf=\"isMultiChoiceElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n            *\r\n          </span>\r\n        </label>\r\n      </div>\r\n      <div class=\"col-lg-2 div_hint\">\r\n        <ng-container *ngIf=\"multiChoiceElement.hint !== '' && multiChoiceElement.hint !== undefined\">\r\n          <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{multiChoiceElement.hint}}\"></i>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"multiChoiceElement.diagrams != undefined \">\r\n          <acr-hint-diagram [dataElement]=\"multiChoiceElement\" [assetsBaseUrl]=\"assetsBaseUrl\"></acr-hint-diagram>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngFor=\"let choice of multiChoiceElement.choiceInfo\" class=\"checkbox checkboxCustomized\"\r\n        title=\"{{choice.hint}}\">\r\n        <label [hidden]=\"isMultiChoiceLabelHidden(choice.value)\">\r\n          <input type=\"checkbox\" class=\"multiselectItems_{{multiChoiceElement.id}}\"\r\n            id=\"{{multiChoiceElement.id}}_{{choice.value}}\" [checked]=\"false\" formControlName=\"multiCheckBox\"\r\n            value=\"{{choice.value}}\"\r\n            (change)=\"updateMultiChoice(multiChoiceElement.id, multiChoiceElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, $event)\">\r\n          {{choice.label}}\r\n        </label>\r\n      </div>\r\n\r\n      <div class=\"checkbox checkboxCustomized\" *ngIf=\"multiChoiceElement.allowFreetext\">\r\n        <label>\r\n          <input type=\"checkbox\" id=\"{{multiChoiceElement.id}}_othertext\" [checked]=\"false\"\r\n            formControlName=\"multiCheckBox\" [value]=\"'freetext'\"\r\n            (change)=\"choiceSelected(multiChoiceElement.id, multiChoiceElement.label, 'Other, please specify…', 'freetext', $event)\">\r\n          Other, please specify…\r\n        </label>\r\n      </div>\r\n\r\n      <!-- other '{{multiChoiceElement.label}}' -->\r\n      <div id='div_{{multiChoiceElement.id}}_other'>\r\n        <input id=\"txt_other_{{multiChoiceElement.id}}\" class=\"form-control\" type=\"text\" [(ngModel)]=\"freeTextValue\"\r\n          [ngModelOptions]=\"{standalone: true}\" placeholder=\"Please specify\"\r\n          (keyup)='updateFreeText($event.target, multiChoiceElement.id, multiChoiceElement.label)'>\r\n      </div>\r\n      <ng-container *ngIf=\"multiChoiceElement.imageMap != undefined\">\r\n        <div class=\"row padding-top-10\">\r\n          <div class=\"col-xs-6 col-sm-2\">\r\n            <label class=\"control-label\">OR</label>\r\n          </div>\r\n          <acr-image-map [dataElement]=\"multiChoiceElement\" [assetsBaseUrl]=\"assetsBaseUrl\">\r\n          </acr-image-map>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</form>","styles":[".checkboxCustomized{min-height:0!important;padding-top:0!important;clear:both}.disabled-element{cursor:not-allowed}.disabled-element:before{content:\"\";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.8)}.div_hint{text-align:right!important;position:relative;top:7px;padding-right:0!important}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"multiChoiceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"returnMultiChoice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":34,"character":25},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"selectedMultiChoice":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"updateFreeText":[{"__symbolic":"method"}],"updateMultiChoice":[{"__symbolic":"method"}],"getSelectedItems":[{"__symbolic":"method"}],"getSelectedItemTexts":[{"__symbolic":"method"}],"isMultiChoiceElementRequired":[{"__symbolic":"method"}],"isMultiChoiceLabelHidden":[{"__symbolic":"method"}],"showOrHideFreeText":[{"__symbolic":"method"}],"createMultiChoiceElementForm":[{"__symbolic":"method"}],"specificValueInsideRange":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-image-map","template":"<div class=\"col-lg-8\">\r\n    <label class=\"control-label font-weight-400\">Not sure? try out this image </label>\r\n    <button type=\"button\" class=\"btn btn-default font-size-inherit\" data-toggle=\"modal\"\r\n        attr.data-target=\"{{ '#imgMap_Modal_' + dataElement.id}}\" (click)=\"initializeSelectedOverlayData()\">\r\n        <span class=\"glyphicon glyphicon-picture\" aria-hidden=\"true\" data-toggle=\"tooltip\" data-placement=\"top\"\r\n            title=\"Image Map\"></span>\r\n    </button>\r\n</div>\r\n<div class=\"modal inmodal fade\" id=\"{{ 'imgMap_Modal_' + dataElement.id }}\" tabindex=\"-1\" role=\"dialog\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-lg\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                    <span aria-hidden=\"true\">&times;</span>\r\n                    <span class=\"sr-only\">Close</span>\r\n                </button>\r\n                <h4 class=\"modal-title\"> {{ getSelectedValue() }}</h4>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <ngx-loading [show]=\"isOverlayLoading\"></ngx-loading>\r\n                        <div class=\"image-map-container\">\r\n                            <img class=\"ImgOption danger img-responsive max-w-h-100\"\r\n                                alt=\"{{ dataElement.imageMap.label }}\"\r\n                                attr.usemap=\"#{{ 'image_map_' + dataElement.id }}\"\r\n                                [src]=\"getImageDataUrl(dataElement.imageMap.location) | secure\">\r\n                            <ng-container *ngFor=\"let imgOpt of dataElement.imageMap.map.areas; let i = index\">\r\n                                <ng-container\r\n                                    *ngIf=\"dataElement.dataElementType === 'MultiChoiceDataElement'; else nonMultiChoice\">\r\n                                    <canvas #canvases class=\"{{ map_selector_class }}\" style=\"display: none;\"\r\n                                        (mouseover)=\"addRemoveHoverClass(i, true)\"\r\n                                        (mouseout)=\"addRemoveHoverClass(i, false)\" (click)=\"setSelectedValue(i)\">\r\n                                    </canvas>\r\n                                </ng-container>\r\n                                <ng-template #nonMultiChoice>\r\n                                    <canvas #canvases class=\"{{ map_selector_class }}\" style=\"display: none;\"\r\n                                        (mouseover)=\"addRemoveHoverClass(i, true)\"\r\n                                        (mouseout)=\"addRemoveHoverClass(i, false)\" (click)=\"setSelectedValue(i)\"\r\n                                        data-dismiss=\"modal\">\r\n                                    </canvas>\r\n                                </ng-template>\r\n                            </ng-container>\r\n                        </div>\r\n                        <map name=\"{{ 'image_map_' + dataElement.id }}\" id=\"{{ 'image_map_' + dataElement.id }}\">\r\n                            <ng-container *ngFor=\"let imgOpt of dataElement.imageMap.map.areas; let i = index\">\r\n                                <area #imageMapAreas class=\"cursor-pointer\" attr.shape=\"{{ imgOpt.shape }}\"\r\n                                    attr.coords=\"{{ imgOpt.coords }}\" attr.choice=\"{{ imgOpt.choiceValue }}\"\r\n                                    title=\"{{ imgOpt.choiceValue }}\" attr.selectedFill=\"{{ imgOpt.selectedFill }}\"\r\n                                    attr.hoverFill=\"{{ imgOpt.hoverFill }}\" attr.outline=\"{{ imgOpt.outline }}\"\r\n                                    (mouseover)=\"addRemoveHoverClass(i, true)\"\r\n                                    (mouseout)=\"addRemoveHoverClass(i, false)\" (click)=\"setSelectedValue(i)\" />\r\n                            </ng-container>\r\n                        </map>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <button type=\"button\" class=\"btn btn-primary\" data-dismiss=\"modal\">Close</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".cursor-pointer{cursor:pointer}.image-map-container{position:relative;display:inline-block}.image-map-container img{display:block}.image-map-container .map-selector{left:0;top:0;right:0;bottom:0;color:#546E7A00}.map-selector:after{content:'';position:absolute;background:currentColor;top:inherit;right:inherit;bottom:inherit;left:inherit;pointer-events:none}"]}]}],"members":{"dataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"imageMapAreas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":25,"character":3},"arguments":["imageMapAreas"]}]}],"canvases":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":26,"character":3},"arguments":["canvases"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"initializeSelectedOverlayData":[{"__symbolic":"method"}],"setSelectedValue":[{"__symbolic":"method"}],"getSelectedValue":[{"__symbolic":"method"}],"getImageDataUrl":[{"__symbolic":"method"}],"addRemoveHoverClass":[{"__symbolic":"method"}],"setSelectedValues":[{"__symbolic":"method"}],"setOverLaysforImageMap":[{"__symbolic":"method"}],"drawStyleBasedOnShape":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"acr-assist-report-text","template":"<ng-container *ngIf=\"tabularReport; else reportText\">\r\n  <ng-container *ngIf=\"tabularReport.elements.length\">\r\n    <h5>\r\n      {{ tabularReport.label }} {{ getReportIdentifier(tabularReport.identifier) }}\r\n    </h5>\r\n    <table class=\"table table-bordered\">\r\n      <thead>\r\n        <tr>\r\n          <th scope=\"col\">CDE Name</th>\r\n          <th scope=\"col\">CDE Value</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <ng-container *ngFor=\"let report of tabularReport.elements\">\r\n          <tr>\r\n            <td class=\"break-word\">{{ report.dataElement }} {{ getReportIdentifier(report.radElement) }}</td>\r\n            <td class=\"break-word\">{{ report.values }}</td>\r\n          </tr>\r\n        </ng-container>\r\n      </tbody>\r\n    </table>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-template #reportText>\r\n  <ng-container *ngFor=\"let textReport of allReportTextGroup; let lastitem = last;\">\r\n    <dt class=\"text-capitalize underline\" *ngIf=\"textReport.repeatedSectionName !== ''\">\r\n      {{textReport.repeatedSectionName}}</dt>\r\n\r\n    <ng-container\r\n      *ngFor=\"let allTextResultReport of textReport.allTextResultReport; let firstItem = first; let i = index\">\r\n      <div [ngClass]=\"{ 'margin-top-15' : !firstItem }\">\r\n        <ng-container *ngIf=\"textReport.repeatedSectionName !== ''\">\r\n          <!-- <span class=\"btn btn-box-tool btn-report-text float-right\" title=\"Copy to clipboard\"\r\n            [clipboard]=\"reportTextContentForNonEmptySectionName.innerText.trim()\"\r\n            (clipboardCopy)=\"clipboardSuccess($event)\" (clipboardError)=\"clipboardError($event)\" acrClipboard>\r\n            <i class=\"fa fa-clipboard\"></i>\r\n          </span> -->\r\n\r\n          <dl #reportTextContentForNonEmptySectionName>\r\n            <span class=\"text-capitalize spantest\">\r\n              {{allTextResultReport.heading}}</span>\r\n            <span class=\"btn btn-box-tool btn-report-text\" title=\"Copy to clipboard\"\r\n              (click)=\"getReportTextInnerContent(reportTextContentForNonEmptySectionName)\">\r\n              <span>\r\n                <i class=\"fa fa-clipboard\"></i>\r\n              </span>\r\n            </span>\r\n            <dd>\r\n              <p class=\"white-space-line spantest\" [innerHTML]=\"allTextResultReport.content\"></p>\r\n            </dd>\r\n          </dl>\r\n        </ng-container>\r\n\r\n        <!-- reportTextContent.innerText.trim() -->\r\n        <ng-container *ngIf=\"textReport.repeatedSectionName === ''\">\r\n          <!-- <span class=\"btn btn-box-tool btn-report-text float-right\" title=\"Copy to clipboard\"\r\n            [clipboard]=\"reportTextContentForEmptySectionName.innerText.trim()\"\r\n            (clipboardCopy)=\"clipboardSuccess($event)\" (clipboardError)=\"clipboardError($event)\" acrClipboard>\r\n            <span>\r\n              <i class=\"fa fa-clipboard\"></i>\r\n              Copy to clipboard\r\n            </span>\r\n          </span> -->\r\n\r\n          <dl #reportTextContentForEmptySectionName>\r\n            <span class=\"text-capitalize font-weight-bold\">\r\n              {{allTextResultReport.heading}}</span>\r\n            <span class=\"btn btn-box-tool btn-report-text\" title=\"Copy {{allTextResultReport.heading}} to clipboard\"\r\n              (click)=\"getReportTextInnerContent(reportTextContentForEmptySectionName)\">\r\n              <span>\r\n                <i class=\"fa fa-clipboard\"></i>\r\n              </span>\r\n            </span>\r\n            <dd>\r\n              <span class=\"white-space-line reportContent\" [innerHTML]=\"allTextResultReport.content\"></span>\r\n            </dd>\r\n          </dl>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n    <hr *ngIf=\"!lastitem\">\r\n  </ng-container>\r\n</ng-template>","styles":[".reportContent span,.spantest{margin-left:10px}.float-right{float:right}.cursor-pointer{cursor:pointer}.font-weight-bold{font-weight:700}",".required-field{color:red}.owl-dt-container{font-size:1.5rem!important}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.break-word{word-break:break-word}.max-w-h-100{max-width:100%;max-height:100%}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.carousel-control.left{background-repeat:repeat-x}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.scroll{overflow-y:auto;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.padding-r-10{padding-right:10px}.slide-left{left:30px}.slide-right{right:30px}hr{margin-top:10px;margin-bottom:10px}.white-space-line{white-space:pre-line;word-wrap:break-word}p{margin:0 0 10px}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;position:relative;top:7px}h4.modal-title.float-left{float:left}.margin-b-0{margin-bottom:0}.font-weight-400{font-weight:400}.custom-radio-style{float:left;margin-right:15px}.zoom{width:100%;overflow:auto}.zoom img{height:auto;width:100%;min-width:100%;max-width:inherit!important}.btn-zoom{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-zoom.hover,.btn-zoom:active,.btn-zoom:hover{background-color:#e7e7e7}label.control-label{text-align:left!important}@media (min-width:768px){label.control-label{text-align:left!important}}.padding-5{padding:5px}.margin-top-15{margin-top:15px}.underline{text-decoration:underline}mark{background-color:transparent!important;color:#f60808!important}.ai-input-background{background-color:#f6bdb4}.form-horizontal .control-label{padding-left:0!important}.div_radiobutton{padding-left:15px!important}.labelparentdiv,.paddingLeftNone{padding-left:0!important}.spantest{margin-left:30px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}"]}]}],"members":{"reportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":28,"character":20},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnChanges":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"getReportIdentifier":[{"__symbolic":"method"}],"addEmptyBreakLines":[{"__symbolic":"method"}],"clipboardError":[{"__symbolic":"method"}],"clipboardSuccess":[{"__symbolic":"method"}],"getReportTextInnerContent":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[acrDynamicHeightDirective]"}]}],"members":{"simulatorElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"carouselElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":38}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"setDynamicHeightForSimualtorDiv":[{"__symbolic":"method"}],"setDynamicHeightForCarouselDiv":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[acrNumericOnly]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":26}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":16,"character":3},"arguments":["keydown",["$event"]]}]}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"secure","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":21,"character":18},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":23,"character":23}]}],"ngOnDestroy":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}],"internalTransform":[{"__symbolic":"method"}],"asyncTrasnform":[{"__symbolic":"method"}],"_subscribe":[{"__symbolic":"method"}],"_dispose":[{"__symbolic":"method"}],"_updateLatestValue":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":7,"character":18}]}],"getImageData":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[acrIntegerMaxRestrict]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":26}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":16,"character":3},"arguments":["keydown",["$event"]]}]}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acrClipboard]"}]}],"members":{"clipboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"clipboardCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"clipboardError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵt"}]}],"copyToClipboard":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":3},"arguments":["click",["$event.target"]]}]}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":9,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"copy":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-assist-date-time-element","template":"<form [formGroup]=\"dateTimeElementForm\" novalidate *ngIf=\"dateTimeDataElement.isVisible\">\r\n\r\n  <!---Right to left layout------>\r\n  <div class=\"form-group\" *ngIf=\"!alignLabelAndControlToTopAndBottom && dateTimeDataElement.isRelevant\">\r\n    <div class=\"col-sm-4 text-right\">\r\n      <label class=\"control-label break-word\">\r\n        {{dateTimeDataElement.label}}\r\n        <span *ngIf=\"dateTimeDataElement.unit != undefined && dateTimeDataElement.unit != ''\">\r\n          ({{dateTimeDataElement.unit}})</span>\r\n      </label>\r\n      <ng-container *ngIf=\"dateTimeDataElement.hint !== '' && dateTimeDataElement.hint !== undefined\">\r\n        <i class=\"fa fa-info-circle text-primary font-size-inherit whitespace\" title=\"{{dateTimeDataElement.hint}}\"></i>\r\n      </ng-container>\r\n      <span *ngIf=\"isDateTimeElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n        *\r\n      </span>\r\n    </div>\r\n    <div class=\"col-sm-8\">\r\n      <div [ngClass]=\"dateTimeDataElement.isEditable == false ? 'disabled-picker' : ''\">\r\n        <input class=\"form-control color-inherit\" formControlName=\"dateTimeElement\" [owlDateTime]=\"dt1\"\r\n          (dateTimeChange)=\"onDateTimeSelected()\" [owlDateTimeTrigger]=\"dt1\">\r\n        <owl-date-time #dt1></owl-date-time>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!--------Top to bottom layout------>\r\n  <div class=\"form-group\" *ngIf=\"alignLabelAndControlToTopAndBottom && dateTimeDataElement.isRelevant\">\r\n    <div class=\"col-lg-12\">\r\n      <div class=\"col-lg-10 labelparentdiv\">\r\n        <label class=\"control-label break-word\">\r\n          {{dateTimeDataElement.label}}\r\n          <span *ngIf=\"dateTimeDataElement.unit != undefined && dateTimeDataElement.unit != ''\">\r\n            ({{dateTimeDataElement.unit}})</span>\r\n          <span *ngIf=\"isDateTimeElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n            *\r\n          </span>\r\n        </label>\r\n      </div>\r\n      <div class=\"col-lg-2 div_hint\">\r\n        <ng-container *ngIf=\"dateTimeDataElement.hint !== '' && dateTimeDataElement.hint !== undefined\">\r\n          <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{dateTimeDataElement.hint}}\"></i>\r\n        </ng-container>\r\n      </div>\r\n      <div [ngClass]=\"dateTimeDataElement.isEditable == false ? 'disabled-picker' : ''\">\r\n        <input class=\"form-control color-inherit\" formControlName=\"dateTimeElement\" [owlDateTime]=\"dt1\"\r\n          (dateTimeChange)=\"onDateTimeSelected()\" [owlDateTimeTrigger]=\"dt1\">\r\n        <owl-date-time #dt1></owl-date-time>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>","styles":[".dec-btn[_ngcontent-c13],.inc-btn[_ngcontent-c13],.ng-scope.wc-time-sec.wc-time-sec[_ngcontent-c13]{cursor:pointer}.wc-date-container[_ngcontent-c13],.wc-date-container[_ngcontent-c13]>span[_ngcontent-c13]{color:#000!important}.disabled-picker{cursor:not-allowed}.disabled-picker:before{content:\"\";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.8)}.required-field{color:red}.div_hint{text-align:right!important;position:relative;top:7px;padding-right:0!important}"]}]}],"members":{"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dateTimeDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"returnDateTimeElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":29,"character":35},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onDateTimeSelected":[{"__symbolic":"method"}],"isDateTimeElementRequired":[{"__symbolic":"method"}],"createDateTimeElementForm":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-assist-duration-element","template":"<form [formGroup]=\"durationElementForm\" novalidate>\r\n\r\n  <!------Right to left layout---->\r\n  <div class=\"form-group\" *ngIf=\"!alignLabelAndControlToTopAndBottom && \r\n  durationDataElement.isRelevant &&\r\n  (durationDataElement.ShowDays || durationDataElement.ShowHours\r\n  || durationDataElement.ShowMinutes || durationDataElement.ShowSeconds)\">\r\n    <div class=\"col-sm-4 text-right\">\r\n      <label class=\"control-label break-word\">\r\n        {{durationDataElement.label}}\r\n        <span *ngIf=\"durationDataElement.unit != undefined && durationDataElement.unit != ''\">\r\n          ({{durationDataElement.unit}})</span>\r\n      </label>\r\n      <ng-container *ngIf=\"durationDataElement.hint !== '' && durationDataElement.hint !== undefined\">\r\n        <i class=\"fa fa-info-circle text-primary font-size-inherit whitespace\" title=\"{{durationDataElement.hint}}\"></i>\r\n      </ng-container>\r\n      <span *ngIf=\"isDurationElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n        *\r\n      </span>\r\n\r\n      <span *ngIf=\"showdayminValidation\" class=\"required-field\"\r\n        title=\" Minimum value for day is {{supportedUnits['day'].min}}\">\r\n        *\r\n      </span>\r\n\r\n      <span *ngIf=\"showdaymaxValidation\" class=\"required-field\"\r\n        title=\" Maximum value for day is {{supportedUnits['day'].max}}\">\r\n        *\r\n      </span>\r\n\r\n      <span *ngIf=\"showminuteminValidation\" class=\"required-field\"\r\n        title=\" Minimum value for minute is {{supportedUnits['minute'].min}}\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"showminutemaxValidation\" class=\"required-field\"\r\n        title=\" Maximum value for minute is {{supportedUnits['minute'].max}}\">\r\n        *\r\n      </span>\r\n\r\n      <span *ngIf=\"showhourminValidation\" class=\"required-field\"\r\n        title=\" Minimum value for hour is {{supportedUnits['hour'].min}}\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"showhourmaxValidation\" class=\"required-field\"\r\n        title=\" Maximum value for hour is {{supportedUnits['hour'].max}}\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"showsecondsminValidation\" class=\"required-field\"\r\n        title=\" Minimum value for second is {{supportedUnits['second'].min}}\">\r\n        *\r\n      </span>\r\n      <span *ngIf=\"showsecondsmaxValidation\" class=\"required-field\"\r\n        title=\" Maximum value for second is {{supportedUnits['second'].max}}\">\r\n        *\r\n      </span>\r\n    </div>\r\n\r\n    <div class=\"col-sm-8\" style=\"display:inline-flex\">\r\n      <div [ngClass]=\"durationDataElement.isEditable == false ? 'disabled-picker' : ''\">\r\n        <table>\r\n          <tbody>\r\n            <tr class=\"text-center\">\r\n              <td class=\"input-group input-group-sm\" *ngIf=\"durationDataElement.ShowDays\">\r\n                <input tabindex=\"1\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                  formControlName=\"durationdayselement\" class=\"form-control text-center txt-duration color-inherit\"\r\n                  (blur)=\"checkValue($event, 'days')\" type=\"number\" min=\"{{supportedUnits['day'].min}}\"\r\n                  max=\"{{supportedUnits['day'].max}}\" (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\"\r\n                  required />\r\n                <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['day'].label}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n\r\n      <table style=\"margin-left:10px;\" *ngIf=\"durationDataElement.ShowHours\">\r\n        <tbody>\r\n          <tr class=\"text-center\">\r\n            <td class=\"input-group input-group-sm\">\r\n              <input tabindex=\"2\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                formControlName=\"durationhourselement\" class=\"form-control text-center txt-duration color-inherit\"\r\n                (blur)=\"checkValue($event,'hour')\" type=\"number\" min=\"{{supportedUnits['hour'].min}}\"\r\n                max=\"{{supportedUnits['hour'].max}}\" (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\"\r\n                required />\r\n              <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['hour'].label}}</span>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <table style=\"margin-left:10px;\" *ngIf=\"durationDataElement.ShowMinutes\">\r\n        <tbody>\r\n          <tr class=\"text-center\">\r\n            <td class=\"input-group input-group-sm\">\r\n              <input tabindex=\"3\" formControlName=\"durationminuteselement\"\r\n                [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                class=\"form-control text-center txt-duration color-inherit\" (blur)=\"checkValue($event, 'minute')\"\r\n                type=\"number\" min=\"{{supportedUnits['minute'].min}}\" max=\"{{supportedUnits['minute'].max}}\"\r\n                (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\r\n              <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['minute'].label}}</span>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <table style=\"margin-left:10px;\" *ngIf=\"durationDataElement.ShowSeconds\">\r\n        <tbody>\r\n          <tr class=\"text-center\">\r\n            <td class=\"input-group input-group-sm\">\r\n              <input tabindex=\"3\" formControlName=\"durationsecondselement\"\r\n                [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                class=\"form-control text-center txt-duration color-inherit\" (blur)=\"checkValue($event, 'second')\"\r\n                type=\"number\" min=\"{{supportedUnits['second'].min}}\" max=\"{{supportedUnits['second'].max}}\"\r\n                (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\r\n              <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['second'].label}}</span>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </div>\r\n\r\n  <!------Top to bottom layout---->\r\n  <div *ngIf=\"alignLabelAndControlToTopAndBottom && \r\n  durationDataElement.isRelevant &&\r\n  (durationDataElement.ShowDays || durationDataElement.ShowHours\r\n  || durationDataElement.ShowMinutes || durationDataElement.ShowSeconds)\">\r\n    <div>\r\n      <div class=\"col-lg-10 labelparentdiv\">\r\n        <label class=\"control-label break-word\">\r\n          {{durationDataElement.label}}\r\n          <span *ngIf=\"durationDataElement.unit != undefined && durationDataElement.unit != ''\">\r\n            ({{durationDataElement.unit}})</span>\r\n          <span *ngIf=\"isDurationElementRequired()\" class=\"required-field\" title=\"Required Field\">\r\n            *\r\n          </span>\r\n\r\n          <span *ngIf=\"showdayminValidation\" class=\"required-field\"\r\n            title=\" Minimum value for day is {{supportedUnits['day'].min}}\">\r\n            *\r\n          </span>\r\n\r\n          <span *ngIf=\"showdaymaxValidation\" class=\"required-field\"\r\n            title=\" Maximum value for day is {{supportedUnits['day'].max}}\">\r\n            *\r\n          </span>\r\n\r\n          <span *ngIf=\"showminuteminValidation\" class=\"required-field\"\r\n            title=\" Minimum value for minute is {{supportedUnits['minute'].min}}\">\r\n            *\r\n          </span>\r\n          <span *ngIf=\"showminutemaxValidation\" class=\"required-field\"\r\n            title=\" Maximum value for minute is {{supportedUnits['minute'].max}}\">\r\n            *\r\n          </span>\r\n\r\n          <span *ngIf=\"showhourminValidation\" class=\"required-field\"\r\n            title=\" Minimum value for hour is {{supportedUnits['hour'].min}}\">\r\n            *\r\n          </span>\r\n          <span *ngIf=\"showhourmaxValidation\" class=\"required-field\"\r\n            title=\" Maximum value for hour is {{supportedUnits['hour'].max}}\">\r\n            *\r\n          </span>\r\n          <span *ngIf=\"showsecondsminValidation\" class=\"required-field\"\r\n            title=\" Minimum value for second is {{supportedUnits['second'].min}}\">\r\n            *\r\n          </span>\r\n          <span *ngIf=\"showsecondsmaxValidation\" class=\"required-field\"\r\n            title=\" Maximum value for second is {{supportedUnits['second'].max}}\">\r\n            *\r\n          </span>\r\n        </label>\r\n      </div>\r\n      <div class=\"col-lg-2 div_hint\">\r\n        <ng-container *ngIf=\"durationDataElement.hint !== '' && durationDataElement.hint !== undefined\">\r\n          <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{durationDataElement.hint}}\"></i>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div style=\"display:inline-flex\" class=\"col-lg-12 paddingLeftNone\">\r\n        <div [ngClass]=\"durationDataElement.isEditable == false ? 'disabled-picker' : ''\">\r\n          <table style=\"margin-right: 10px;\" *ngIf=\"durationDataElement.ShowDays\">\r\n            <tbody>\r\n              <tr class=\"text-center\">\r\n                <td class=\"input-group input-group-sm\">\r\n                  <input tabindex=\"1\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                    formControlName=\"durationdayselement\" class=\"form-control text-center txt-duration color-inherit\"\r\n                    (blur)=\"checkValue($event, 'days')\" type=\"number\" min=\"{{supportedUnits['day'].min}}\"\r\n                    max=\"{{supportedUnits['day'].max}}\" (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\"\r\n                    required />\r\n                  <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['day'].label}}</span>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n\r\n        <table style=\"margin-right: 10px;\" *ngIf=\"durationDataElement.ShowHours\">\r\n          <tbody>\r\n            <tr class=\"text-center\">\r\n              <td class=\"input-group input-group-sm\">\r\n                <input tabindex=\"2\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                  formControlName=\"durationhourselement\" class=\"form-control text-center txt-duration color-inherit\"\r\n                  (blur)=\"checkValue($event,'hour')\" type=\"number\" min=\"{{supportedUnits['hour'].min}}\"\r\n                  max=\"{{supportedUnits['hour'].max}}\" (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\"\r\n                  required />\r\n                <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['hour'].label}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <table style=\"margin-right: 10px;\" *ngIf=\"durationDataElement.ShowMinutes\">\r\n          <tbody>\r\n            <tr class=\"text-center\">\r\n              <td class=\"input-group input-group-sm\">\r\n                <input tabindex=\"3\" formControlName=\"durationminuteselement\"\r\n                  [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                  class=\"form-control text-center txt-duration color-inherit\" (blur)=\"checkValue($event, 'minute')\"\r\n                  type=\"number\" min=\"{{supportedUnits['minute'].min}}\" max=\"{{supportedUnits['minute'].max}}\"\r\n                  (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\r\n                <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['minute'].label}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <table style=\"margin-right: 10px;\" *ngIf=\"durationDataElement.ShowSeconds\">\r\n          <tbody>\r\n            <tr class=\"text-center\">\r\n              <td class=\"input-group input-group-sm\">\r\n                <input tabindex=\"3\" formControlName=\"durationsecondselement\"\r\n                  [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\r\n                  class=\"form-control text-center txt-duration color-inherit\" (blur)=\"checkValue($event, 'second')\"\r\n                  type=\"number\" min=\"{{supportedUnits['second'].min}}\" max=\"{{supportedUnits['second'].max}}\"\r\n                  (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\r\n                <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['second'].label}}</span>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>","styles":[".required-field{color:red}.disabled-picker{cursor:not-allowed}.disabled-picker:before{content:\"\";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.8)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{text-align:center}.btn-decrementer,.btn-incrementer{text-decoration:none;outline:0}.txt-duration{width:42px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0!important;outline-offset:-2px}.div_hint{text-align:right!important;position:relative;top:7px;padding-right:0!important}"]}]}],"members":{"alignLabelAndControlToTopAndBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"assetsBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"durationDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":87,"character":25},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"ResetValidationVisibility":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}],"onlyInteger":[{"__symbolic":"method"}],"updateFormValidator":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isDurationElementRequired":[{"__symbolic":"method"}],"SetRangeValuesForDurationPicker":[{"__symbolic":"method"}],"createDurationElementForm":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-file-upload-loader","template":"<input id=\"xmlFileUpload\" #xmlFileUpload class=\"hidden\" type=\"file\" accept=\".xml\" (change)=\"changeListener($event)\" (click)=\"hideMessage()\">\r\n<label for=\"xmlFileUpload\" class=\"btn btn-success bg-olive margin-10\" title=\"Choose a Module\">Choose a Module</label>\r\n<br>\r\n<div id=\"xmlOnlyMsg\" class=\"error-msg\"> Only XML files are supported !!!</div>\r\n","styles":[""]}]}],"members":{"fileContentRead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeListener":[{"__symbolic":"method"}],"hideMessage":[{"__symbolic":"method"}],"showDefaultModule":[{"__symbolic":"method"}],"showTestModule":[{"__symbolic":"method"}],"readThis":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":14,"character":28}]}],"getDefaultModulePath":[{"__symbolic":"method"}],"getDefaultTestModulePath":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-view-upload-loader","template":"<ul class=\"sidebar-menu\" data-widget=\"tree\">\r\n  <li class=\"header\">Want to try your assist module?</li>\r\n  <li class=\"text-center\">\r\n    <acr-file-upload-loader (fileContentRead)=\"fileContentRead($event)\"></acr-file-upload-loader>\r\n  </li>\r\n  <li [ngClass]=\"{'active':(selectedXML.fileLabel === file.fileLabel)}\" *ngFor=\"let file of globalsService.XMLList.Values().reverse()\"\r\n     class=\"treeview\">\r\n    <a href=\"#\" (click)=\"onFileClick(file)\">\r\n      <i class=\"fa fa-book\"></i>\r\n      <span class=\"whitespace\">{{file.fileLabel}}</span>\r\n    </a>\r\n  </li>\r\n</ul>\r\n","styles":[""]}]}],"members":{"fileSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵg"}]}],"fileContentRead":[{"__symbolic":"method"}],"onFileClick":[{"__symbolic":"method"}]}}},"origins":{"AcrAssistSimulatorModule":"./src/app/modules/acr-assist-simulator/acr-assist-simulator.module","SimulatorLoaderModule":"./src/app/modules/simulatorloader/simulatorloader.module","ɵa":"./src/app/modules/core/core.module","ɵb":"./src/app/modules/core/services/simulator-engine.service","ɵc":"./src/app/modules/core/services/utility.service","ɵd":"./src/app/modules/acr-assist-simulator/acr-assist-simulator/acr-assist-simulator.component","ɵe":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-data-element.component","ɵf":"./src/app/modules/acr-assist-simulator/shared/services/simulator-communication.service","ɵg":"./src/app/modules/acr-assist-simulator/shared/services/reset-communication.service","ɵh":"./src/app/modules/acr-assist-simulator/assist-data-element/hint-diagram/hint-diagram.component","ɵi":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-numeric-element/assist-numeric-element.component","ɵj":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-choice-element/assist-choice-element.component","ɵk":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-multi-choice-element/assist-multi-choice-element.component","ɵl":"./src/app/modules/acr-assist-simulator/assist-data-element/image-map/image-map.component","ɵm":"./src/app/modules/acr-assist-simulator/assist-report-text/assist-report-text.component","ɵn":"./src/app/modules/acr-assist-simulator/shared/directives/dynamicheight.directive","ɵo":"./src/app/modules/acr-assist-simulator/shared/directives/numeric-only.directive","ɵp":"./src/app/modules/acr-assist-simulator/shared/pipes/secure.pipe","ɵq":"./src/app/modules/acr-assist-simulator/shared/services/url-helper.service","ɵr":"./src/app/modules/acr-assist-simulator/shared/directives/integer-restrict-value-greaterthan-max.directive","ɵs":"./src/app/modules/acr-assist-simulator/shared/directives/clipboard.directive","ɵt":"./src/app/modules/acr-assist-simulator/shared/services/clipboard.service","ɵu":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-date-time-element/assist-date-time-element.component","ɵv":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-duration-element/assist-duration-element.component","ɵw":"./src/app/modules/simulatorloader/file-upload-loader/file-upload-loader.component","ɵx":"./src/app/modules/simulatorloader/shared/services/globals.service","ɵy":"./src/app/modules/simulatorloader/view-upload-loader/view-upload-loader.component"},"importAs":"@americancollegeofradiology/acr-assist-simulator"}