acr-assist-simulator-module/acr-assist-simulator-module.metadata.json

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

{"__symbolic":"module","version":4,"metadata":{"AcrAssistSimulatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":48,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":53,"character":4},{"__symbolic":"reference","module":"ngx-drag-scroll","name":"DragScrollModule","line":54,"character":4},{"__symbolic":"reference","module":"angular2-datetimepicker","name":"AngularDateTimePickerModule","line":55,"character":4},{"__symbolic":"reference","module":"ngx-duration-picker","name":"DurationPickerModule","line":57,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"ngx-bootstrap/carousel/slide.component","name":"SlideComponent","line":43,"character":99},{"__symbolic":"reference","module":"ngx-bootstrap/carousel/carousel.component","name":"CarouselComponent","line":43,"character":115},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"}],"providers":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"ngx-bootstrap/carousel/carousel.config","name":"CarouselConfig","line":62,"character":5},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵm"},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵx"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵy"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵz"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵba"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵbb"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵbc"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵbd"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵe"},"useClass":{"__symbolic":"reference","name":"ɵbe"},"multi":true}],"exports":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"ngx-bootstrap/carousel/slide.component","name":"SlideComponent","line":43,"character":99},{"__symbolic":"reference","module":"ngx-bootstrap/carousel/carousel.component","name":"CarouselComponent","line":43,"character":115},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"}]}]}],"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":"ɵbf"},{"__symbolic":"reference","name":"ɵbh"}]],"providers":[{"__symbolic":"reference","name":"ɵbg"}],"exports":[[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbh"}]]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵa"},"providers":[{"__symbolic":"reference","name":"ɵb"}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getTemplate":[{"__symbolic":"method"}],"getAllDataElementValues":[{"__symbolic":"method"}],"getAllDataElementTexts":[{"__symbolic":"method"}],"getDataElementValue":[{"__symbolic":"method"}],"getDataElementText":[{"__symbolic":"method"}],"addOrUpdateDataElement":[{"__symbolic":"method"}],"evaluateDecisionPoint":[{"__symbolic":"method"}],"resetValuesOfNonRelevantDataElements":[{"__symbolic":"method"}],"evaluateComputedElementDecisionPoint":[{"__symbolic":"method"}],"evaluateArithmeticExpression":[{"__symbolic":"method"}],"evaluateComputedExpressions":[{"__symbolic":"method"}],"evaluateConditionalProperty":[{"__symbolic":"method"}],"isCondtionMet":[{"__symbolic":"method"}],"evaluateDecisionAndConditionalProperty":[{"__symbolic":"method"}],"RevertConditionValues":[{"__symbolic":"method"}],"evaluateDecisionPoints":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"acr-assist-simulator","template":"<ng-container *ngIf=\"!isEmptyContent\">\n  <div id=\"topReportTextPosition\" *ngIf=\"reportTextPosition === position.Top\">\n    <div class=\"col-sm-12 col-md-12 col-lg-12\">\n      <div id=\"div-simulator-block\">\n        <div class=\"box box-primary box-solid margin-b-0\">\n          <div *ngIf=\"resetButton == true\" class=\"with-border  text-right padding-5 padding-r-10\">\n            <button (click)=\"resetElements()\" class=\"btn btn-xs btn-primary\">Reset Values</button>\n          </div>\n          <div class=\"box-body\">\n            <div #simulatorResultsBlock>\n              <ng-container *ngIf=\"resultText !== undefined\">\n                <div class=\"box box-primary\">\n                  <div class=\"box-header with-border\">\n                    <h3 class=\"box-title\">Report Text</h3>\n                    <div class=\"box-tools pull-right\">\n                      <button type=\"button\" class=\"btn btn-box-tool btn-report-text\" (click)=\"collapseReportText()\">\n                        <i id=\"icon_reporttext\" class=\"fa fa-minus\"></i>\n                      </button>\n                    </div>\n                  </div>\n                  <div id=\"body_reporttext\" class=\"box-body report-text div-report-text-scroll\">\n                    <dl>\n                      <acr-assist-report-text [reportText]=\"resultText\"></acr-assist-report-text>\n                    </dl>\n                  </div>\n                </div>\n              </ng-container>\n            </div>\n            <div class=\"padding-r-10 scroll\" acrDynamicHeightDirective [simulatorElement]=\"simulatorResultsBlock\">\n              <form class=\"form-horizontal\">\n                <acr-assist-data-element [dataElements]=\"dataElements\" [templatePartial]=\"template.templatePartial\"\n                  [endPointXMLString]=\"template.endPointsString\" [imagePath]=\"imagePath\" [xmlContent]=\"template.xmlContent\"\n                  (returnReportText)='recieveReportText($event)' [inputValues]=\"inputValues\" [isReset]=\"isReset\"\n                  (returnDataElementChanged)='recivedOnDataElementChanged($event)' (returnExecutionHistory)='recievedExecutionHistory($event)'></acr-assist-data-element>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div id=\"rightReportTextPosition\" *ngIf=\"reportTextPosition === position.Right\">\n    <div class=\"col-sm-6 col-md-6 col-lg-6\">\n      <div id=\"div-simulator-block\">\n        <div class=\"box box-primary box-solid margin-b-0\">\n          <div *ngIf=\"resetButton == true\" class=\"with-border text-right padding-5 padding-r-10\">\n            <button (click)=\"resetElements()\" class=\"btn btn-xs btn-primary\">Reset Values</button>\n          </div>\n          <div class=\"box-body\">\n            <div id=\"div-simulator-form\" class=\"padding-r-10 div-simulator-form-height\">\n              <form class=\"form-horizontal\">\n                <acr-assist-data-element [dataElements]=\"dataElements\" [templatePartial]=\"template.templatePartial\"\n                  [endPointXMLString]=\"template.endPointsString\" [imagePath]=\"imagePath\" [xmlContent]=\"template.xmlContent\"\n                  (returnReportText)='recieveReportText($event)' [inputValues]=\"inputValues\" [isReset]=\"isReset\"\n                  (returnDataElementChanged)='recivedOnDataElementChanged($event)' (returnExecutionHistory)='recievedExecutionHistory($event)'></acr-assist-data-element>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-sm-6 col-md-6 col-lg-6\">\n      <div #simulatorResultsBlock>\n        <ng-container *ngIf=\"resultText !== undefined\">\n          <div class=\"box box-primary\">\n            <div class=\"box-header with-border\">\n              <h3 class=\"box-title\">Report Text</h3>\n              <div class=\"box-tools pull-right\">\n                <button type=\"button\" class=\"btn btn-box-tool btn-report-text\" (click)=\"collapseReportText()\">\n                  <i id=\"icon_reporttext\" class=\"fa fa-minus\"></i>\n                </button>\n              </div>\n            </div>\n            <div id=\"body_reporttext\" class=\"box-body report-text\">\n              <dl>\n                <acr-assist-report-text [reportText]=\"resultText\"></acr-assist-report-text>\n              </dl>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"col-sm-6 col-md-6 col-lg-6\">\n      <ng-container *ngIf=\"showKeyDiagram === true\">\n        <div class=\"box box-primary margin-b-0\">\n          <div class=\"box-header with-border\">\n            <h3 class=\"box-title\">Key Images</h3>\n            <input #imageUpload id=\"diagramUpload\" class=\"hidden\" type=\"file\" accept=\"image/*\" multiple (change)=\"changeListener($event)\">\n            <label for=\"diagramUpload\" class=\"btn btn-success bg-olive margin-10\" title=\"Choose Diagrams\">Choose a\n              Diagram</label>\n            <div class=\"pull-right padding-l-5\">\n              <button type=\"button\" class=\"btn btn-box-tool\" data-widget=\"collapse\" (click)=\"collapseKeyDiagram()\">\n                <i id=\"icon_keydiagram\" class=\"fa fa-minus\"></i>\n              </button>\n            </div>\n            <div class=\"pull-right padding-l-5\">\n              <button type=\"button\" class=\"btn btn-zoom btn-sm\" onclick=\"zoomIn()\">\n                <i class=\"fa fa-search-plus fa-lg\"></i>\n              </button>\n            </div>\n            <div class=\"pull-right padding-l-5\">\n              <button type=\"button\" class=\"btn btn-zoom btn-sm\" onclick=\"zoomOut()\">\n                <i class=\"fa fa-search-minus fa-lg\"></i>\n              </button>\n            </div>\n            <div [hidden]=\"!isInvalidFile\" class=\"error-msg\">Only image files are supported !!!</div>\n          </div>\n          <div id=\"body_keydiagram\" class=\"box-body\">\n            <div id=\"carousel-example-generic\" class=\"carousel slide scroll\" data-interval=\"false\" data-ride=\"carousel\"\n              acrDynamicHeightDirective [carouselElement]=\"simulatorResultsBlock\">\n              <div class=\"carousel-inner\">\n                <ng-container *ngFor=\"let diagram of keyDiagrams; let i = index\">\n                  <div class=\"item zoom\" [ngClass]=\"{'active': diagram.keyDiagram}\">\n                    <drag-scroll>\n                      <img drag-scroll-item id=\"map_id_{{ i }}\" class=\"img-responsive img-decissionTree\" src=\"{{ diagram.location }}\">\n                    </drag-scroll>\n                  </div>\n                </ng-container>\n              </div>\n              <ng-container *ngIf=\"keyDiagrams && keyDiagrams.length > 1\">\n                <a class=\"left carousel-control\" href=\"#carousel-example-generic\" data-slide=\"prev\">\n                  <span class=\"fa fa-angle-left slide-left\"></span>\n                </a>\n                <a class=\"right carousel-control\" href=\"#carousel-example-generic\" data-slide=\"next\">\n                  <span class=\"fa fa-angle-right slide-right\"></span>\n                </a>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>","styles":["",".required-field{color:red}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.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:scroll;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.div-report-text-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 300px)}.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}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}@media (min-width:768px){label.control-label{padding-left:20px}}.padding-5{padding:5px}"]}]}],"members":{"templateContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"showKeyDiagram":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"reportTextPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"inputValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"inputData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"resetButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"returnExecutionHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"returnDataElementChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"returnDefaultElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":3}}]}],"imageUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":162,"character":3},"arguments":["imageUpload"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnChanges":[{"__symbolic":"method"}],"resetElements":[{"__symbolic":"method"}],"recieveReportText":[{"__symbolic":"method"}],"recievedExecutionHistory":[{"__symbolic":"method"}],"recivedOnDataElementChanged":[{"__symbolic":"method"}],"changeListener":[{"__symbolic":"method"}],"collapseKeyDiagram":[{"__symbolic":"method"}],"collapseReportText":[{"__symbolic":"method"}],"populateTestCaseData":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"ɵh"}]},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"}]}],"getTemplate":[{"__symbolic":"method"}],"getTemplatePartial":[{"__symbolic":"method"}],"returnEndPointContents":[{"__symbolic":"method"}],"returnTemplatePartials":[{"__symbolic":"method"}],"returnEndpoints":[{"__symbolic":"method"}],"parseToJson":[{"__symbolic":"method"}],"getMetaData":[{"__symbolic":"method"}],"returnDataElement":[{"__symbolic":"method"}],"getDataElements":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":1,"character":48},"arguments":["one"]},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"returnDiagram":[{"__symbolic":"method"}],"returnDiagrams":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"isArray":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"createElement":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"returnDiagram":[{"__symbolic":"method"}],"populateBasicData":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"createRelevantDataElementReferences":[{"__symbolic":"method"}],"returnBranch":[{"__symbolic":"method"}],"addDecisionPoint":[{"__symbolic":"method"}],"addDecisionPoints":[{"__symbolic":"method"}],"createDecisionPoints":[{"__symbolic":"method"}],"createDefaultBranch":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"returnConditionType":[{"__symbolic":"method"}],"returnCondition":[{"__symbolic":"method"}],"isComposite":[{"__symbolic":"method"}],"returnConditionFromJSON":[{"__symbolic":"method"}],"returnConditions":[{"__symbolic":"method"}],"isHybrid":[{"__symbolic":"method"}],"returnCompositeCondition":[{"__symbolic":"method"}],"returnCompositeConditionFromName":[{"__symbolic":"method"}],"addConditionsToInnerConditions":[{"__symbolic":"method"}],"returnInnerConditions":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"createComputedValue":[{"__symbolic":"method"}]}},"ɵl":{"__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\">  \n  <ng-container *ngIf=\"(DataElement.dataElementType == 'ChoiceDataElement'\n    || DataElement.dataElementType == 'NumericDataElement'\n    || DataElement.dataElementType == 'IntegerDataElement' \n    || DataElement.dataElementType == 'MultiChoiceDataElement'\n    || DataElement.dataElementType == 'DateTimeDataElement'\n    || DataElement.dataElementType == 'DurationDataElement') \">\n    <ng-container *ngIf=\"DataElement.isVisible\">\n      <div id=\"div_{{DataElement.id}}\">\n        <ng-container *ngIf=\"DataElement.dataElementType == 'ChoiceDataElement'\">\n          <acr-assist-choice-element [choiceDataElement]='DataElement' [imagePath]='imagePath' (returnChoiceElement)='choiceSelected($event)'></acr-assist-choice-element>\n        </ng-container>\n        <ng-container *ngIf=\"DataElement.dataElementType == 'MultiChoiceDataElement'\">\n          <acr-assist-multi-choice-element [multiChoiceElement]='DataElement' [imagePath]='imagePath' (returnMultiChoice)='multiSelected($event)'></acr-assist-multi-choice-element>\n        </ng-container>\n        <ng-container *ngIf=\"DataElement.dataElementType == 'NumericDataElement' || DataElement.dataElementType == 'IntegerDataElement'\">\n          <acr-assist-numeric-element [numericDataElement]='DataElement' [imagePath]='imagePath' (returnNumericElement)='numericSelected($event)'></acr-assist-numeric-element>\n        </ng-container>\n        <ng-container *ngIf=\"DataElement.dataElementType == 'DateTimeDataElement'\">\n          <acr-assist-date-time-element [dateTimeDataElement]='DataElement'></acr-assist-date-time-element>\n        </ng-container>\n        <ng-container *ngIf=\"DataElement.dataElementType == 'DurationDataElement'\">\n            <acr-assist-duration-element [durationDataElement]='DataElement'></acr-assist-duration-element>\n          </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n","styles":["",".required-field{color:red}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.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:scroll;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.div-report-text-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 300px)}.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}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}@media (min-width:768px){label.control-label{padding-left:20px}}.padding-5{padding:5px}"]}]}],"members":{"dataElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"Endpoints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"templatePartial":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"endPointXMLString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"xmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"returnReportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"returnExecutionHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"returnDataElementChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"isReset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"inputValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"numericSelected":[{"__symbolic":"method"}],"multiSelected":[{"__symbolic":"method"}],"generateReportText":[{"__symbolic":"method"}],"afterDataElementChanged":[{"__symbolic":"method"}],"generateExecutionHistory":[{"__symbolic":"method"}],"returnEndPointContents":[{"__symbolic":"method"}],"parseToJson":[{"__symbolic":"method"}],"parseXml":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"messageEmitter":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"acr-hint-diagram","template":"<ng-container *ngIf=\"dataElement !== undefined\">\n  <button type=\"button\" class=\"btn btn-default btn-xs\" data-toggle=\"modal\" attr.data-target=\"#{{'diag_'+dataElement.id}}\"\n    (click)=\"resetCarouselIndex()\">\n    <span class=\"glyphicon glyphicon-picture\" aria-hidden=\"true\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Hint Diagrams\"></span>\n  </button>\n  <div class=\"modal inmodal fade\" id=\"{{'diag_'+dataElement.id}}\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-lg\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\n            <span aria-hidden=\"true\">&times;</span>\n            <span class=\"sr-only\">Close</span>\n          </button>\n          <h4 class=\"modal-title float-left\">{{dataElement.label}}</h4>\n        </div>\n        <div class=\"modal-body\">\n          <ng-container>\n            <carousel [(activeSlide)]=\"activeSlideIndex\" interval=\"false\">\n              <ng-container *ngFor=\"let diag of dataElement.diagrams \">\n                <slide>\n                    <img class=\"img-responsive max-w-h-100\" [src]=\"domSanitizer.bypassSecurityTrustUrl(getImageDataUrl(diag.location))\" alt=\"{{ diag.label }}\">\n                </slide>\n              </ng-container>\n            </carousel>\n          </ng-container>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-primary\" data-dismiss=\"modal\">Close</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n","styles":["",".required-field{color:red}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.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:scroll;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.div-report-text-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 300px)}.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}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}@media (min-width:768px){label.control-label{padding-left:20px}}.padding-5{padding:5px}"]}]}],"members":{"dataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":49,"character":28}]}],"resetCarouselIndex":[{"__symbolic":"method"}],"getImageDataUrl":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"acr-assist-numeric-element","template":"<form [formGroup]=\"numericElementForm\" novalidate>\n  <div class=\"form-group\">\n    <div class=\"col-sm-5 text-right\">\n      <label class=\"control-label break-word\">\n        {{numericDataElement.label}}\n        <span *ngIf=\"numericDataElement.unit != undefined && numericDataElement.unit != ''\"> ({{numericDataElement.unit}})</span>\n      </label>\n      <ng-container *ngIf=\"numericDataElement.hint !== '' && numericDataElement.hint !== undefined\">\n        <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{numericDataElement.hint}}\"></i>\n      </ng-container>\n      <ng-container *ngIf=\"numericDataElement.diagrams != undefined \">\n        <acr-hint-diagram [dataElement]=\"numericDataElement\" [imagePath]=\"imagePath\"></acr-hint-diagram>\n      </ng-container>\n      <ng-container *ngIf=\"this.numericDataElement.isRequired\">\n        <span *ngIf=\"numericElementForm.controls['numericElement'].invalid\">\n          <span *ngIf=\"numericElementForm.controls['numericElement'].errors.required\" class=\"required-field\" title=\"Required Field\">\n            *\n          </span>\n        </span>\n      </ng-container>\n      <span *ngIf=\"numericElementForm.controls['numericElement'].invalid && numericElementForm.controls['numericElement'].errors.min\"\n        class=\"required-field\" title=\" Minimum value is {{numericDataElement.minimum}}\">\n        *\n      </span>      \n      <span *ngIf=\"numericElementForm.controls['numericElement'].invalid && numericElementForm.controls['numericElement'].errors.max\"\n        class=\"required-field\" title=\" Maximum value is {{numericDataElement.maximum}}\">\n        *\n      </span>\n    </div>\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'NumericDataElement'\">\n      <div class=\"col-sm-7\">\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\" acrNumericOnly [(ngModel)]=\"numberValue\" id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control\" formControlName=\"numericElement\"\n          onpaste=\"return false;\" (input)=\"choiceSelected($event.target, numericDataElement.label)\"\n          min=\"{{numericDataElement.minimum}}\" max=\"{{numericDataElement.maximum}}\" required>          \n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"numericDataElement.dataElementType === 'IntegerDataElement'\">\n      <div class=\"col-sm-7\">\n        <input [attr.disabled]=\"numericDataElement.isEditable == false ? 'disabled' : null\" [(ngModel)]=\"numberValue\" id=\"{{numericDataElement.id}}\" type=\"text\" class=\"form-control\" formControlName=\"numericElement\"\n          (keypress)=\"onlyIntegerKey($event)\" onpaste=\"return false;\" (input)=\"choiceSelected($event.target, numericDataElement.label)\"\n          min=\"{{numericDataElement.minimum}}\" max=\"{{numericDataElement.maximum}}\" required>\n      </div>\n    </ng-container>\n  </div>\n</form>\n","styles":["",".required-field{color:red}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.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:scroll;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.div-report-text-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 300px)}.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}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}@media (min-width:768px){label.control-label{padding-left:20px}}.padding-5{padding:5px}"]}]}],"members":{"numericDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"returnNumericElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":68,"character":35},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadedNumericValue":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"onlyIntegerKey":[{"__symbolic":"method"}],"createNumericElementForm":[{"__symbolic":"method"}],"UpdateFormValidator":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"acr-assist-choice-element","template":"<form [formGroup]=\"choiceElementForm\" novalidate>\n  <div class=\"form-group\">\n    <div class=\"col-sm-5 text-right\">\n      <label class=\"control-label break-word\">\n        {{choiceDataElement.label}} <span *ngIf=\"choiceDataElement.unit != undefined && choiceDataElement.unit != ''\"> ({{choiceDataElement.unit}})</span>\n      </label>\n      <ng-container *ngIf=\"choiceDataElement.hint !== '' && choiceDataElement.hint !== undefined\">\n        <i class=\"whitespace\">\n          <span class=\"fa fa-info-circle text-primary\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"{{choiceDataElement.hint}}\"></span>\n        </i>\n      </ng-container>\n      <ng-container *ngIf=\"choiceDataElement.diagrams != undefined \">\n        <acr-hint-diagram [dataElement]=\"choiceDataElement\" [imagePath]=\"imagePath\"></acr-hint-diagram>\n      </ng-container>\n      <span *ngIf=\"choiceElementForm.controls['checkBox'].invalid  && this.choiceDataElement.isRequired\" class=\"required-field whitespace\"\n        title=\"Required Field\">*</span>\n    </div>\n    \n    <div class=\"col-sm-7 text-left content-padding\">\n      <ng-container *ngIf=\"choiceDataElement.choiceInfo.length <= 2\">\n        <ng-container *ngIf=\"imagePath != undefined\">\n          <ng-container *ngIf=\"choiceDataElement.imageMap == undefined\">\n            <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo\">\n              <div class=\"radio custom-radio-style\">\n                <label>                \n                  <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" [(ngModel)]=\"choiceValue\" id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" value=\"{{choice.value}}\"\n                    (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"> {{choice.label}}\n                </label>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\n              <div class=\"radio custom-radio-style\">\n                <label>\n                  <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" value=\"freetext\" (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other', 'freetext')\"> Other, please specify…</label>\n              </div>\n              <div id='div_{{choiceDataElement.id}}_other'>\n                <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" formControlName=\"checkBox\" value=\"other\"\n                  class=\"form-control\" (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\n                  placeholder=\"Please specify '{{choiceDataElement.label}}'\">\n              </div>\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"choiceDataElement.imageMap != undefined\">\n            <div class=\"row\">\n              <div class=\"col-xs-6 col-sm-2\">\n                <ng-container *ngFor=\"let choice of choiceDataElement.choiceInfo\">\n                  <div class=\"radio custom-radio-style\">\n                    <label>\n                      <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" [(ngModel)]=\"choiceValue\" id=\"{{choice.value}}_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" value=\"{{choice.value}}\"\n                        (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, choice.value)\"> {{choice.label}}\n                    </label>\n                  </div>\n                </ng-container>\n                <ng-container *ngIf=\"choiceDataElement.allowFreetext\">\n                  <div class=\"radio custom-radio-style\">\n                    <label>\n                      <input [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" id=\"other_{{choiceDataElement.id}}\" type=\"radio\" formControlName=\"checkBox\" value=\"other\" (change)=\"choiceSelected(choiceDataElement.id, choiceDataElement.label, 'Other', 'freetext')\"> Other, please specify…</label>\n                  </div>\n                  <div id='div_{{choiceDataElement.id}}_other'>\n                    <input  [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\" id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" formControlName=\"checkBox\" value=\"other\"\n                      class=\"form-control\" (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'\n                      placeholder=\"Please specify '{{choiceDataElement.label}}'\">\n                  </div>\n                </ng-container>\n              </div>\n              <div class=\"col-xs-6 col-sm-2\">\n                <label class=\"control-label\">OR</label>\n              </div>\n              <acr-image-map [DataElement]=\"choiceDataElement\" [imagePath]=\"imagePath\"></acr-image-map>\n            </div>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n    \n      <ng-container *ngIf=\"choiceDataElement.choiceInfo.length > 2\">            \n        <select [attr.disabled]=\"choiceDataElement.isEditable == false ? 'disabled' : null\"\n         [(ngModel)]=\"choiceValue\" id=\"{{choiceDataElement.id}}\" (change)=\"dropdownChoiceSelected($event.target, choiceDataElement.label)\"\n          formControlName=\"checkBox\" class=\"form-control\">\n          <!-- <option \n          [selected]=\"choiceDataElement.currentValue == choiceDataElement.ChoiceNotRelevant ? true : false\">--Select--</option>\n         -->\n           <option [selected]=\"\n          choiceDataElement.ChoiceNotRelevant != undefined ?\n          (choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1 ? \n          true :\n          true)\n          : true\">--Select--</option>\n\n          <!-- [selected]=\"choice.value === choiceDataElement.currentValue\" -->\n\n        \n          <option *ngFor=\"let choice of choiceDataElement.choiceInfo\"\n          [hidden]=\"choiceDataElement.ChoiceNotRelevant != undefined ? \n              choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\n              : null\"\n          [value]=\"choice.value\"   \n          [selected]=\"choiceDataElement.ChoiceNotRelevant != undefined ?\n           choiceDataElement.ChoiceNotRelevant.indexOf(choiceDataElement.currentValue) > -1\n           || choiceDataElement.ChoiceNotRelevant.indexOf(choice.value) > -1? false : \n           choice.value === choiceDataElement.currentValue ? true : false\n           : choice.value === choiceDataElement.currentValue ? true : false\"       \n          >{{choice.label}}</option>\n          <option *ngIf=\"choiceDataElement.allowFreetext\" [value]=\"'freetext'\" [selected]=\"'freetext'\">Other, please specify…</option>\n        </select>\n        <div id='div_{{choiceDataElement.id}}_other'>\n\n          <input id=\"txt_other_{{choiceDataElement.id}}\" class=\"form-control\" type=\"text\" formControlName=\"checkBox\" value=\"other\"\n            placeholder=\"Please specify '{{choiceDataElement.label}}'\" (keyup)='updateFreeText($event.target, choiceDataElement.id, choiceDataElement.label)'>\n        </div>\n        <ng-container *ngIf=\"choiceDataElement.imageMap != undefined  && imagePath != undefined\">\n          <div class=\"row padding-top-10\">\n            <div class=\"col-xs-6 col-sm-2\">\n              <label class=\"control-label\">OR</label>\n            </div>\n            <acr-image-map [DataElement]=\"choiceDataElement\" [imagePath]=\"imagePath\"></acr-image-map>\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</form>\n\n","styles":["",".required-field{color:red}.padding-l-5{padding-left:5px}.whitespace{margin-left:5px}.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:scroll;overflow-x:hidden}.div-simulator-form-height{height:calc(100vh - 100px);overflow-y:scroll;overflow-x:hidden}.div-report-text-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 300px)}.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}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}@media (min-width:768px){label.control-label{padding-left:20px}}.padding-5{padding:5px}"]}]}],"members":{"choiceDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"returnChoiceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"choiceChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":148,"character":35},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateChoiceValue":[{"__symbolic":"method"}],"updateDropdownChoiceSelected":[{"__symbolic":"method"}],"choiceSelected":[{"__symbolic":"method"}],"dropdownChoiceSelected":[{"__symbolic":"method"}],"createChoiceElementForm":[{"__symbolic":"method"}],"showOrHideFreeText":[{"__symbolic":"method"}],"updateFreeText":[{"__symbolic":"method"}],"specificValueInsideRange":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"acr-assist-multi-choice-element","t