{"__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","template":"<form [formGroup]=\"multiChoiceElementForm\" novalidate>\n  <div class=\"form-group\">\n    <div class=\"col-sm-5 text-right\">\n      <label class=\"control-label break-word\">{{multiChoiceElement.label}} <span *ngIf=\"multiChoiceElement.unit != undefined && multiChoiceElement.unit != ''\"> ({{multiChoiceElement.unit}})</span>\n      </label>\n      <ng-container *ngIf=\"multiChoiceElement.hint !== '' && multiChoiceElement.hint !== undefined\">\n        <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{multiChoiceElement.hint}}\"></i>\n      </ng-container>\n      <ng-container *ngIf=\"multiChoiceElement.diagrams != undefined \">\n        <acr-hint-diagram [dataElement]=\"multiChoiceElement\" [imagePath]=\"imagePath\"></acr-hint-diagram>\n      </ng-container>\n      <ng-container *ngIf=\"multiChoiceElement.isRequired\">\n      <span *ngIf=\"multiChoiceElementForm.controls['multiCheckBox'].invalid && !multiChoiceValues.length\" class=\"required-field\"\n        title=\"Required Field\">\n        *\n      </span>\n    </ng-container>\n    </div>\n    <div class=\"col-sm-7\" [ngClass]=\"multiChoiceElement.isEditable == false ? 'disabled-element' : ''\">\n      <div *ngFor=\"let choice of multiChoiceElement.choiceInfo\" class=\"checkbox checkboxCustomized\" title=\"{{choice.hint}}\">\n        <label [hidden]=\"multiChoiceElement.ChoiceNotRelevant != undefined ? \n        multiChoiceElement.ChoiceNotRelevant.indexOf(choice.value) > -1 ? true: null\n        : null\">\n          <input type=\"checkbox\" id=\"{{multiChoiceElement.id}}_{{choice.value}}\" [checked]=\"false\" formControlName=\"multiCheckBox\"\n            value=\"{{choice.value}}\" (change)=\"updateMultiChoice(multiChoiceElement.id, multiChoiceElement.label, (choice.reportText !== undefined) ? choice.reportText : choice.label, $event)\">\n          {{choice.label}}\n        </label>\n      </div>\n    </div>\n  </div>\n</form>","styles":[".checkboxCustomized{min-height:0!important;padding-top:0!important}.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)}",".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":{"multiChoiceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"returnMultiChoice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":54,"character":35},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"selectedMultiChoice":[{"__symbolic":"method"}],"updateMultiChoice":[{"__symbolic":"method"}],"createMultiChoiceElementForm":[{"__symbolic":"method"}],"specificValueInsideRange":[{"__symbolic":"method"}]}},"ɵr":{"__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-sm-8\">\n  <label class=\"control-label font-weight-400\">Not sure? try out this image </label>\n  <button type=\"button\" class=\"btn btn-default\" data-toggle=\"modal\" attr.data-target=\"#{{'imgMap_Modal_'+DataElement.id}}\">\n    <span class=\"glyphicon glyphicon-picture\" aria-hidden=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Image Map\"></span>\n  </button>\n</div>\n<ng-container *ngIf=\"imagePath != undefined\">\n  <div class=\"modal inmodal fade\" id=\"{{'imgMap_Modal_'+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\"> {{SelectionValue}}</h4>\n        </div>\n        <div class=\"modal-body\">\n          <div class=\"row\">\n            <div class=\"col-md-12\">\n              <ng-container *ngIf=\"imageExist == true\">\n                  <img class=\"ImgOption danger img-responsive max-w-h-100\" alt=\"{{ DataElement.imageMap.label }}\" data-dismiss=\"modal\" attr.id=\"{{'imgMap_Img_'+DataElement.id}}\"\n                    (click)=\"imageClick($event,DataElement);\" attr.data-elementID=\"{{DataElement.id}}\" attr.usemap=\"#{{'imgMap_'+DataElement.id}}\"\n                    [src]=\"domSanitizer.bypassSecurityTrustUrl(getImageDataUrl(DataElement.imageMap.location))\">\n                <map name=\"{{'imgMap_'+DataElement.id}}\">\n                  <ng-container *ngFor=\"let imgOpt of DataElement.imageMap.map.areas\">\n                    <area attr.shape=\"{{imgOpt.shape}}\" attr.imgID=\"{{'imgMap_Img_'+DataElement.id}}\" attr.coords=\"{{imgOpt.coords}}\"\n                      attr.alt=\"{{imgOpt.choiceValue}}\" (mouseover)='displayValue(imgOpt.choiceValue);' (mouseout)='displayValue(\"\");'\n                      (click)=\"setValue(imgOpt.choiceValue);\" data-dismiss=\"modal\">\n                  </ng-container>\n                </map>\n              </ng-container>\n              <ng-container *ngIf=\"imageExist == false\">\n                <div class=\"\">\n                  No Image Map Available...\n                </div>\n              </ng-container>\n            </div>\n          </div>\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":62,"character":5}}]}],"DataElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"FormValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"imagePath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":71,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"isInRectangle":[{"__symbolic":"method"}],"isInCircle":[{"__symbolic":"method"}],"isInPolygon":[{"__symbolic":"method"}],"imageClick":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"displayValue":[{"__symbolic":"method"}],"getImageDataUrl":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"acr-assist-report-text","template":"<ng-container *ngFor=\"let textReport of allTextReport; let lastitem = last\">\n  <dt class=\"text-capitalize\">{{textReport.heading}}</dt>\n  <dd>\n    <p class=\"white-space-line\" [innerHTML]=\"textReport.content\"></p>\n  </dd>\n  <hr *ngIf=\"!lastitem\">\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":{"reportText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":1}}]}],"ngOnChanges":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"onSelect":[{"__symbolic":"method"}],"removeEmptyLine":[{"__symbolic":"method"}]}},"ɵt":{"__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"}]}},"ɵu":{"__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"]]}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"acr-assist-date-time-element","template":"<form [formGroup]=\"dateTimeElementForm\" novalidate *ngIf=\"dateTimeDataElement.isVisible\">\n  <div class=\"form-group\">\n    <div class=\"col-sm-5 text-right\">\n      <label class=\"control-label break-word\">\n        <!-- {{dateTimeDataElement | json}} -->\n        {{dateTimeDataElement.label}}\n        <span *ngIf=\"dateTimeDataElement.unit != undefined && dateTimeDataElement.unit != ''\"> ({{dateTimeDataElement.unit}})</span>\n      </label>\n      <ng-container *ngIf=\"dateTimeDataElement.hint !== '' && dateTimeDataElement.hint !== undefined\">\n        <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{dateTimeDataElement.hint}}\"></i>\n      </ng-container>\n      <!-- <ng-container *ngIf=\"dateTimeDataElement.diagrams != undefined \">\n        <acr-hint-diagram [dataElement]=\"dateTimeDataElement\" [imagePath]=\"imagePath\"></acr-hint-diagram>\n      </ng-container> -->\n      <ng-container *ngIf=\"this.dateTimeDataElement.isRequired\">\n          <span *ngIf=\"dateTimeElementForm.controls['dateTimeElement'].invalid\">\n            <span *ngIf=\"dateTimeElementForm.controls['dateTimeElement'].errors.required\" class=\"required-field\" title=\"Required Field\">\n              *\n            </span>\n          </span>\n        </ng-container>\n    </div>\n    <div class=\"col-sm-7\">      \n      <div [ngClass]=\"dateTimeDataElement.isEditable == false ? 'disabled-picker' : ''\">\n          <angular2-date-picker  formControlName=\"dateTimeElement\" [(ngModel)]=\"date\" [settings]=\"settings\"></angular2-date-picker>\n      </div>     \n    </div>\n  </div>\n</form>\n","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}"]}]}],"members":{"dateTimeDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":52,"character":35},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"onDateSelect":[{"__symbolic":"method"}],"createDateTimeElementForm":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"acr-assist-duration-element","template":"<form [formGroup]=\"durationElementForm\" novalidate>\n  <div class=\"form-group\">\n    <div class=\"col-sm-5 text-right\">\n      <label class=\"control-label break-word\">\n        <!-- {{dateTimeDataElement | json}} -->\n        {{durationDataElement.label}}\n        <span *ngIf=\"durationDataElement.unit != undefined && durationDataElement.unit != ''\">\n          ({{durationDataElement.unit}})</span>\n      </label>\n      <ng-container *ngIf=\"durationDataElement.hint !== '' && durationDataElement.hint !== undefined\">\n        <i class=\"fa fa-info-circle text-primary whitespace\" title=\"{{durationDataElement.hint}}\"></i>\n      </ng-container>\n      <!-- <ng-container *ngIf=\"durationDataElement.diagrams != undefined \">\n        <acr-hint-diagram [dataElement]=\"durationDataElement\" [imagePath]=\"imagePath\"></acr-hint-diagram>\n      </ng-container> -->\n\n      <!-- <ng-container *ngIf=\"this.durationDataElement.isRequired\">      \n        <span *ngIf=\"DurationVal == 'PT0S' || DurationVal == null\" class=\"required-field\" title=\"Duration field should be non zero\">\n          *\n        </span>\n      </ng-container> -->\n      <ng-container *ngIf=\"this.durationDataElement.isRequired\n      && (!showdayminValidation && !showdaymaxValidation && !showminuteminValidation\n           && !showminutemaxValidation && !showhourminValidation && !showhourmaxValidation)\">\n        <span *ngIf=\"durationElementForm.controls['durationdayselement'].invalid\n         || durationElementForm.controls['durationminuteselement'].invalid\n         || durationElementForm.controls['durationhourselement'].invalid\">\n          <span *ngIf=\"durationElementForm.controls['durationdayselement'].errors != null && durationElementForm.controls['durationdayselement'].errors.required \n          || durationElementForm.controls['durationminuteselement'].errors != null && durationElementForm.controls['durationminuteselement'].errors.required \n          ||  durationElementForm.controls['durationhourselement'].errors != null && durationElementForm.controls['durationhourselement'].errors.required \"\n            class=\"required-field\" title=\"Required Field\">\n            *\n          </span>\n        </span>\n      </ng-container>      \n\n      <span *ngIf=\"showdayminValidation\"\n        class=\"required-field\" title=\" Minimum value for day is {{supportedUnits['day'].min}}\">\n        *\n      </span>\n      \n      <span *ngIf=\"showdaymaxValidation\"\n        class=\"required-field\" title=\" Maximum value for day is {{supportedUnits['day'].max}}\">\n        *\n      </span>\n\n      <span *ngIf=\"showminuteminValidation\"\n        class=\"required-field\" title=\" Minimum value for minute is {{supportedUnits['minute'].min}}\">\n        *\n      </span>\n      <span *ngIf=\"showminutemaxValidation\"\n        class=\"required-field\" title=\" Maximum value for minute is {{supportedUnits['minute'].max}}\">\n        *\n      </span>\n\n      <span *ngIf=\"showhourminValidation\"\n        class=\"required-field\" title=\" Minimum value for hour is {{supportedUnits['hour'].min}}\">\n        *\n      </span>\n      <span *ngIf=\"showhourmaxValidation\"\n        class=\"required-field\" title=\" Maximum value for hour is {{supportedUnits['hour'].max}}\">\n        *\n      </span>\n    </div>\n\n    <div class=\"col-sm-7\" style=\"display:inline-flex\">\n      <!-- <div [ngClass]=\"durationDataElement.isEditable == false ? 'disabled-picker' : ''\">\n        <ngx-duration-picker min=\"0\" formControlName=\"durationElement\" [options]=\"durationOptions\" [(value)]=\"DurationVal\"></ngx-duration-picker>\n      </div> -->\n\n\n      <!-- <div class=\"form-group\"> -->\n      <div [ngClass]=\"durationDataElement.isEditable == false ? 'disabled-picker' : ''\">\n        <table>\n          <tbody>\n            <!-- <tr class=\"text-center\">\n              <td>\n                <button type=\"button\" (click)=\"increaseValue('days')\" class=\"btn btn-link btn-decrementer\">\n                  +\n                </button>\n              </td>\n            </tr> -->\n            <tr class=\"text-center\">\n              <td class=\"input-group input-group-sm\">\n                <input tabindex=\"1\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\n                  formControlName=\"durationdayselement\" [(ngModel)]=\"daysvalue\" class=\"form-control text-center txt-duration\"\n                  (blur)=\"checkValue($event, 'days')\" type=\"number\" min=\"{{supportedUnits['day'].min}}\" max=\"{{supportedUnits['day'].max}}\"\n                  (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\n                <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['day'].label}}</span>\n              </td>\n            </tr>\n            <!-- <tr class=\"text-center\">\n              <td>\n                <button type=\"button\" (click)=\"decreaseValue('days')\" class=\"btn btn-link btn-decrementer\">\n                  -\n                </button>\n              </td>\n            </tr> -->\n          </tbody>\n        </table>\n      </div>\n\n      <table style=\"margin-left:10px;\">\n        <tbody>\n          <!-- <tr class=\"text-center\">\n            <td>\n              <button type=\"button\" (click)=\"increaseValue('hour')\" class=\"btn btn-link btn-incrementer\">\n                +\n              </button>\n            </td>\n          </tr> -->\n          <tr class=\"text-center\">\n            <td class=\"input-group input-group-sm\">\n              <input tabindex=\"2\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\n                formControlName=\"durationhourselement\" [(ngModel)]=\"hoursvalue\" class=\"form-control text-center txt-duration\"\n                (blur)=\"checkValue($event,'hour')\" type=\"number\" min=\"{{supportedUnits['hour'].min}}\" max=\"{{supportedUnits['hour'].max}}\"\n                (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\n              <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['hour'].label}}</span>\n            </td>\n          </tr>\n          <!-- <tr class=\"text-center\">\n            <td>\n              <button type=\"button\" (click)=\"decreaseValue('hour')\" class=\"btn btn-link btn-decrementer\">\n                -\n              </button>\n            </td>\n          </tr> -->\n        </tbody>\n      </table>\n\n      <table style=\"margin-left:10px;\">\n        <tbody>\n          <!-- <tr class=\"text-center\">\n            <td>\n              <button type=\"button\" (click)=\"increaseValue('minute')\" class=\"btn btn-link btn-decrementer\">\n                +\n              </button>\n            </td>\n          </tr> -->\n          <tr class=\"text-center\">\n            <td class=\"input-group input-group-sm\">\n              <input tabindex=\"3\" [(ngModel)]=\"minutesvalue\" formControlName=\"durationminuteselement\" [attr.disabled]=\"durationDataElement.isEditable == false ? 'disabled' : null\"\n                class=\"form-control text-center txt-duration\" (blur)=\"checkValue($event, 'minute')\" type=\"number\" min=\"{{supportedUnits['minute'].min}}\"\n                max=\"{{supportedUnits['minute'].max}}\" (keypress)=\"onlyInteger($event)\" onpaste=\"return false;\" required />\n              <span class=\"input-group-addon\" style=\"padding: 5px;\">{{supportedUnits['minute'].label}}</span>\n            </td>\n          </tr>\n          <!-- <tr class=\"text-center\">\n            <td>\n              <button type=\"button\" (click)=\"decreaseValue('minute')\" class=\"btn btn-link btn-decrementer\">\n                -\n              </button>\n            </td>\n          </tr> -->\n        </tbody>\n      </table>\n\n      <!-- </div> -->\n\n\n    </div>\n  </div>\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}"]}]}],"members":{"durationDataElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":229,"character":35},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"ResetValidationVisibility":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}],"SetRangeValuesForDurationPicker":[{"__symbolic":"method"}],"createDurationElementForm":[{"__symbolic":"method"}],"onlyInteger":[{"__symbolic":"method"}],"UpdateFormValidator":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"returnChoice":[{"__symbolic":"method"}],"returnArea":[{"__symbolic":"method"}],"createElement":[{"__symbolic":"method"}],"GetConditionalProperties":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵx"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"createElement":[{"__symbolic":"method"}],"GetConditionalProperties":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"createElement":[{"__symbolic":"method"}],"GetConditionalProperties":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"createElement":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}]}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵi"}]}],"createElement":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"createElement":[{"__symbolic":"method"}],"GetConditionalProperties":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}]}],"createElement":[{"__symbolic":"method"}],"GetConditionalProperties":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"acr-file-upload-loader","template":"<input id=\"xmlFileUpload\" class=\"hidden\" type=\"file\" accept=\".xml\" (change)=\"changeListener($event)\" (click)=\"hideMessage()\">\n<label for=\"xmlFileUpload\" class=\"btn btn-success bg-olive margin-10\" title=\"Choose a Module\">Choose a Module</label>\n<br>\n<div id=\"xmlOnlyMsg\" class=\"error-msg\"> Only XML files are supported !!!</div>\n","styles":[""]}]}],"members":{"onFileContentRead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeListener":[{"__symbolic":"method"}],"hideMessage":[{"__symbolic":"method"}],"readThis":[{"__symbolic":"method"}],"showDefaultModule":[{"__symbolic":"method"}],"showTestModule":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http","line":14,"character":28}]}],"getDefaultModulePath":[{"__symbolic":"method"}],"getDefaultTestModulePath":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"acr-view-upload-loader","template":"<ul class=\"sidebar-menu\" data-widget=\"tree\">\n  <li class=\"header\">Want to try your assist module?</li>\n  <li class=\"text-center\">\n    <acr-file-upload-loader (onFileContentRead)=\"onFileContentRead($event)\"></acr-file-upload-loader>\n  </li>\n  <li [ngClass]=\"{'active':(selectedXML.fileLabel === file.fileLabel)}\" *ngFor=\"let file of globalsService.XMLList.Values().reverse()\"\n     class=\"treeview\">\n    <a href=\"#\" (click)=\"onFileClick(file)\">\n      <i class=\"fa fa-book\"></i>\n      <span class=\"whitespace\">{{file.fileLabel}}</span>\n    </a>\n  </li>\n</ul>\n","styles":[""]}]}],"members":{"onFileSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"}]}],"onFileContentRead":[{"__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/acr-assist-simulator/acr-assist-simulator/acr-assist-simulator.component","ɵd":"./src/app/modules/acr-assist-simulator/shared/services/template-manager.service","ɵe":"./src/app/modules/acr-assist-simulator/constants","ɵf":"./src/app/modules/acr-assist-simulator/shared/services/diagram.service","ɵg":"./src/app/modules/acr-assist-simulator/shared/services/array-checker.service","ɵh":"./src/app/modules/acr-assist-simulator/shared/services/data-element-creation-base-service","ɵi":"./src/app/modules/acr-assist-simulator/shared/services/decision-points-creation.service","ɵj":"./src/app/modules/acr-assist-simulator/shared/services/conditions-creation.service","ɵk":"./src/app/modules/acr-assist-simulator/shared/services/computed-value-creation.service","ɵl":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-data-element.component","ɵm":"./src/app/modules/acr-assist-simulator/shared/services/simulator-communication.service","ɵn":"./src/app/modules/acr-assist-simulator/assist-data-element/hint-diagram/hint-diagram.component","ɵo":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-numeric-element/assist-numeric-element.component","ɵp":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-choice-element/assist-choice-element.component","ɵq":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-multi-choice-element/assist-multi-choice-element.component","ɵr":"./src/app/modules/acr-assist-simulator/assist-data-element/image-map/image-map.component","ɵs":"./src/app/modules/acr-assist-simulator/assist-report-text/assist-report-text.component","ɵt":"./src/app/modules/acr-assist-simulator/shared/directives/dynamicheight.directive","ɵu":"./src/app/modules/acr-assist-simulator/shared/directives/numeric-only.directive","ɵv":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-dateTime-element/assist-date-time-element/assist-date-time-element.component","ɵw":"./src/app/modules/acr-assist-simulator/assist-data-element/assist-duration-element/assist-duration-element.component","ɵx":"./src/app/modules/acr-assist-simulator/shared/services/choice-data-element-creation.service","ɵy":"./src/app/modules/acr-assist-simulator/shared/services/multiple-choice-data-element-creation.service","ɵz":"./src/app/modules/acr-assist-simulator/shared/services/numeric-data-element-creation.service","ɵba":"./src/app/modules/acr-assist-simulator/shared/services/integer-data-element-creation.service","ɵbb":"./src/app/modules/acr-assist-simulator/shared/services/global-value-creation.service","ɵbc":"./src/app/modules/acr-assist-simulator/shared/services/computed-data-element-creation.service","ɵbd":"./src/app/modules/acr-assist-simulator/shared/services/dateTime-data-element-creation.service","ɵbe":"./src/app/modules/acr-assist-simulator/shared/services/duration-data-element-creation.service","ɵbf":"./src/app/modules/simulatorloader/file-upload-loader/file-upload-loader.component","ɵbg":"./src/app/modules/simulatorloader/shared/services/globals.service","ɵbh":"./src/app/modules/simulatorloader/view-upload-loader/view-upload-loader.component"},"importAs":"acr-assist-simulator-module"}