[{"__symbolic":"module","version":4,"metadata":{"ExtendPropertyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":10,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"extend-property","styles":[".extend-property{ .form-inline-label{ float: left; margin-top:3px; } .bar-color{ margin-top: 10px; margin-bottom: 20px; } } "],"template":"<div class=\"fe-modal-content\" provide-parent-forms> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc(\"BorderColor\")}}:</div> <div class=\"fe-transverse-component\"> <color-picker [color]=\"borderColor\" (sentColor)=\"setBorderColor($event)\"></color-picker> </div> </div> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc(\"BackgroundColor\")}}:</div> <div class=\"fe-transverse-component\"> <color-picker [color]=\"backgroundColor\" (sentColor)=\"setBackgroundColor($event)\"></color-picker> </div> </div> <div class=\"fe-half-line float-left margin-top-10\"> <div class=\"fe-transverse-title\">{{lc(\"BarColor\")}}:</div> <div class=\"fe-transverse-component\"> <color-picker [color]=\"barColor\" (sentColor)=\"setBarColor($event)\"></color-picker> </div> </div> </div> <div class=\"fe-modal-body  margin-top-10\"> <div class=\"fe-option-head\"> <label> <input type=\"checkbox\" name=\"useAlarmLimit\" [(ngModel)]=\"useAlarmLimit\"> <span>{{lc(\"AlarmLimit\")}}</span> </label> </div> </div> <div class=\"clearfix\" *ngIf=\"useAlarmLimit\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"LowerLimit\")}}:</div> <input type=\"number\" required name=\"LowerLimit\" class=\"fe-vertical-input\" [(ngModel)]=\"lowerLimit\" /> </div> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"UpperLimit\")}}:</div> <input type=\"number\" name=\"UpperLimit\" #UpperLimit=\"ngModel\" class=\"fe-vertical-input\" [(ngModel)]=\"upperLimit\" /> </div> </div> <div *ngIf=\"useAlarmLimit && (lowerLimit > upperLimit)\" class=\"fe-vertical-label\"> <div class=\"fe-vertical-title has-danger\"> <div class=\"form-control-feedback\">{{lc(\"UpperLowerLimitError\")}}</div> </div> </div> <div class=\"fe-transverse-label clearfix margin-top-10\" *ngIf=\"useAlarmLimit\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"LowerLimitColor\")}}:</label> <div class=\"fe-transverse-component\"> <color-picker [color]=\"lowerLimitColor\" (sentColor)=\"setLowerLimitColor($event)\"></color-picker> </div> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"UpperLimitColor\")}}:</label> <div class=\"fe-transverse-component\"> <color-picker [color]=\"upperLimitColor\" (sentColor)=\"setUpperLimitColor($event)\"></color-picker> </div> </div> </div> </div>"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"validateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":107,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":107,"character":63}]}],"ngOnInit":[{"__symbolic":"method"}],"validateErrorEmit":[{"__symbolic":"method"}],"setUpperLimitColor":[{"__symbolic":"method"}],"setLowerLimitColor":[{"__symbolic":"method"}],"setBorderColor":[{"__symbolic":"method"}],"setBackgroundColor":[{"__symbolic":"method"}],"setBarColor":[{"__symbolic":"method"}]}}}}]