[{"__symbolic":"module","version":4,"metadata":{"SwitchIndicatorLightBasicInfoComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":21,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"switch-indicator-light-basic-info","styles":[".mt-checkbox-outline { margin-bottom: 5px } .padding-top-10 { padding-top: 10px; } .labelWidth { width: 180px; } .variable-combo-padding { padding-top: 6px; padding-bottom: 6px; } .radio-title { font-size: 14px; color: #333333; } .warn-color { color: red; margin-left: 105px; } .bitwise-label { width: 100px; } .bitwise-variable { width: calc(100% - 205px); } .bitwise-bitIndex { width: 90px; } .point { height: 30px; float: left; width: 10px; text-align: center; } .design-nav-link { .nav.nav-tabs { .nav-link { color: #666 !important; border-bottom: 1px solid transparent; } .active{ border-color: #fff; color: #3695ff !important; border-bottom: 1px solid #3695ff; } } }"],"template":"<div class=\"fe-modal-body\"  provide-parent-forms> <div class=\"modal-switch-indicator\"> <div class=\"fe-option-head\"> <label for=\"useSwitch\"> <input type=\"checkbox\" id=\"useSwitch\" [checked]=\"useSwitch\" (change)=\"changeUseSwitch()\" /> <span>{{lc('UseSwitch')}}</span> </label> </div> <div class=\"fe-modal-content\" *ngIf=\"useSwitch\"> <div class=\"fe-radio-select-header\"> <label *ngFor=\"let type of switchTypes\"> <input type=\"radio\" name=\"switchTypeRadio\" [value]=\"type.key\" [(ngModel)]=\"switchSettings.type\" (change)=\"changeSwitchType()\" /> <span class=\"radio-title\">{{lc(type.name)}}</span> </label> </div> <div class=\"fe-radio-select-body clearfix\"> <div class=\"fe-option-head\" *ngIf=\"switchSettings.type === switchType.Bit\"> <label for=\"isSwitchBitwiseIndex\"> <input type=\"checkbox\" id=\"isSwitchBitwiseIndex\" [checked]=\"isSwitchBitwiseIndex\" (change)=\"changeSwitchBitwiseIndex()\" /> <span>{{lc('UseWordRegister')}}</span> </label> </div> <div class=\"fe-option-body clearfix margin-top-5\"> <div class=\"fe-transverse-label clearfix margin-top-5\"> <div class=\"fe-transverse-title\"> {{lc(\"ExecuteSetting\")}}： </div> <div class=\"fe-transverse-component\"> <ng-select name=\"ngSelect\" [clearable]=\"false\" [(ngModel)]=\"switchSettings.settings.operation\" [items]=\"switchOperations\" bindLabel=\"name\" bindValue=\"key\" [loadingText]=\"l('Loading')\" [notFoundText]=\"l('NoData')\"> <ng-template ng-label-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> </ng-select> </div> </div> <div class=\"fe-transverse-label clearfix margin-top-5\" *ngIf=\"hasOperand()\"> <div class=\"fe-transverse-title\"> {{operandName}}： </div> <input type=\"number\" class=\"fe-transverse-input\" [(ngModel)]=\"switchSettings.settings.operand\" name=\"number\"> </div> <div class=\"fe-transverse-label clearfix margin-top-5\" *ngIf=\"switchSettings.type === switchType.Bit && !isSwitchBitwiseIndex\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentBitSwitchVariableId\" [dataType]=\"bitDataType\" [readWriteModel]=\"writeModel\"></variable-selector> </div> </div> <div class=\"fe-transverse-label clearfix margin-top-5\" *ngIf=\"switchSettings.type === switchType.Bit && isSwitchBitwiseIndex\"> <div class=\"fe-transverse-title  bitwise-label\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\" [ngClass]=\"currentSwitchBitwiseVariableId ? 'bitwise-variable' : ''\"> <variable-selector [configureId]=\"configureId\"  [(currentVariableId)]=\"currentSwitchBitwiseVariableId\" [dataType]=\"bitwiseDataType\" [readWriteModel]=\"writeModel\"></variable-selector> </div> <div class=\"point\" *ngIf=\"currentSwitchBitwiseVariableId\">.</div> <input type=\"number\" class=\"bitwise-bitIndex\" [(ngModel)]=\"switchBitIndex\" name=\"switchBitIndex\" *ngIf=\"currentSwitchBitwiseVariableId\" (keyup)=\"changeSwitchBitIndex($event)\" (change)=\"changeSwitchBitIndex($event)\" required> </div> <div class=\"fe-transverse-label clearfix margin-top-5\" *ngIf=\"switchSettings.type === switchType.Word\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentWordSwitchVariableId\" [dataType]=\"wordDataType\" [readWriteModel]=\"writeModel\"></variable-selector> </div> </div> <div class=\"fe-transverse-label warn-color\" *ngIf=\"(switchBitIndex < 0 || switchBitIndex > switchMaxBitIndex) && switchSettings.type === switchType.Bit && isSwitchBitwiseIndex\"> {{lc(\"PleaseEnterDigits\",switchMaxBitIndex)}} </div> </div> </div> </div> </div> <div class=\"modal-switch-indicator\"> <div class=\"fe-option-head\"> <label for=\"useIndicatorLight\"> <input type=\"checkbox\" id=\"useIndicatorLight\" [checked]=\"useIndicatorLight\" (change)=\"changeUseIndicatorLight()\" /> <span class=\"switch-text\">{{lc('UseIndicatorLight')}}</span> </label> </div> <div class=\"fe-modal-content\" *ngIf=\"useIndicatorLight\"> <div class=\"fe-radio-select-header\"> <label *ngFor=\"let type of indicatorLightTypes\"> <input type=\"radio\" name=\"indicator\" [value]=\"type.key\" [(ngModel)]=\"indicatorLightSettings.type\" (change)=\"changeIndicatorLightType()\"/> <span class=\"radio-title\">{{lc(type.name)}}</span> </label> </div> <div class=\"fe-radio-select-body\"> <div class=\"fe-option-head\" *ngIf=\"indicatorLightSettings.type === indicatorLightType.Bit\"> <label for=\"isLightBitwiseIndex\"> <input type=\"checkbox\" id=\"isLightBitwiseIndex\" [checked]=\"isLightBitwiseIndex\" (change)=\"changeLightBitwiseIndex()\" /> <span>{{lc('UseWordRegister')}}</span> </label> </div> <div class=\"fe-option-body clearfix\"> <div class=\"fe-transverse-label\" *ngIf=\"indicatorLightSettings.type === indicatorLightType.Bit && !isLightBitwiseIndex\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentBitLightVariableId\" [dataType]=\"bitDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> </div> <div class=\"fe-transverse-label\" *ngIf=\"indicatorLightSettings.type === indicatorLightType.Bit && isLightBitwiseIndex\"> <div class=\"fe-transverse-title bitwise-label\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\" [ngClass]=\"currentLightBitwiseVariableId ? 'bitwise-variable' : ''\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentLightBitwiseVariableId\" [dataType]=\"bitwiseDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> <div class=\"point\" *ngIf=\"currentLightBitwiseVariableId\">.</div> <input type=\"number\" class=\"bitwise-bitIndex\" [(ngModel)]=\"lightBitIndex\" name=\"lightBitIndex\" *ngIf=\"currentLightBitwiseVariableId\" (keyup)=\"changeLightBitIndex($event)\" (change)=\"changeLightBitIndex($event)\" required> </div> <div class=\"fe-transverse-label\" *ngIf=\"indicatorLightSettings.type === indicatorLightType.Word\"> <div class=\"fe-transverse-title\"> {{lc(\"VariableName\")}}： </div> <div class=\"fe-transverse-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentWordLightVariableId\" [dataType]=\"wordDataType\" [readWriteModel]=\"readModel\"></variable-selector> </div> </div> <div class=\"fe-transverse-label warn-color\" *ngIf=\"(lightBitIndex < 0 || lightBitIndex > lightMaxBitIndex) && indicatorLightSettings.type === indicatorLightType.Bit && isLightBitwiseIndex\"> {{lc(\"PleaseEnterDigits\",lightMaxBitIndex)}}  </div> </div> </div> </div> </div> </div>"}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"useSwitch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"useSwitchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"switchBitIndexChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"lightBitIndexChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"switchVariableChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"lightVariableChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"switchSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"useIndicatorLight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"useIndicatorLightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":5}}]}],"indicatorLightSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":179,"character":37},"arguments":[{"__symbolic":"reference","module":"../../core/variable/variable.service","name":"VARIABLE_SERVICE","line":179,"character":44}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":179,"character":26},{"__symbolic":"reference","module":"../../core/variable/variable.services","name":"VariableService","line":179,"character":96}]}],"hasOperand":[{"__symbolic":"method"}],"setLightMaxBitIndex":[{"__symbolic":"method"}],"setSwitchMaxBitIndex":[{"__symbolic":"method"}],"changeUseSwitch":[{"__symbolic":"method"}],"changeSwitchType":[{"__symbolic":"method"}],"switchVariableChanged":[{"__symbolic":"method"}],"changeSwitchBitwiseIndex":[{"__symbolic":"method"}],"changeSwitchBitIndex":[{"__symbolic":"method"}],"isSwitchBitIndexWithinScope":[{"__symbolic":"method"}],"changeUseIndicatorLight":[{"__symbolic":"method"}],"changeIndicatorLightType":[{"__symbolic":"method"}],"lightVariableChanged":[{"__symbolic":"method"}],"changeLightBitwiseIndex":[{"__symbolic":"method"}],"changeLightBitIndex":[{"__symbolic":"method"}],"isLightBitIndexWithinScope":[{"__symbolic":"method"}],"isBitIndexWithinScope":[{"__symbolic":"method"}],"initBitSwitchVariable":[{"__symbolic":"method"}],"initWordSwitchVariable":[{"__symbolic":"method"}],"initeSwitchBitWishVariable":[{"__symbolic":"method"}],"findSwitchBitWishVariable":[{"__symbolic":"method"}],"initeBitLightVariable":[{"__symbolic":"method"}],"initWordLightVariable":[{"__symbolic":"method"}],"initLightBitWiseVariable":[{"__symbolic":"method"}],"findWordBitwiseVariable":[{"__symbolic":"method"}]}}}}]