[{"__symbolic":"module","version":4,"metadata":{"SwitchIndicatorLightSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/resizable-element-setting-modal","name":"ResizableElementSettingModal","line":22,"character":63},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"switch-indicator-light-setting-modal","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; } } }",".element-setting-base{ .inline-label { margin: 10px 0px 0px 10px; display: inline-block; } .border-group { // border: 1px solid #ddd; padding: 5px; margin-bottom: 0px; } .inline-selector { display: inline-block; margin: 5px 0px; } .inline-variable { display: inline-block; margin: 5px 0px; } .inline-input { display: inline-block; margin: 5px 0px; }     } .date-time-setting-modal { .modal-content { width: 600px; } .cursor-pointer{ cursor: pointer; } .recode-input{ width: calc(100% - 70px); border: 1px solid #d7dbe5;   padding:  5px 10px; } textarea.noResize { resize: none; } } .toggleViewSettingModal { .modal-content { width: 600px; } } .textSettingModal { .modal-content { width: 600px; } } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"switchIndicatorLightSettingModal\" class=\"modal fade switchIndicatorLightSettingModal\" tabindex=\"-1\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" (onHidden)=\"onHidden()\" [config]=\"{backdrop: 'static'}\"> <div class=\"modal-dialog\" style=\"min-width: 600px;\"> <div class=\"modal-content\"> <div class=\"fe-modal-container \"> <form class=\"configure\" *ngIf=\"active\" #switchIndicatorLightSettingForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <div class=\"fe-modal-header-title\"> {{lc(\"SwitchIndicatorLight\")}} </div> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"top-line\"></div> <div class=\"fe-modal-middle design-nav-link\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('SwitchIndicatorLight')}}\" customClass=\"m-tabs__item\"> <switch-indicator-light-basic-info #basicInfoCmp [(useSwitch)]=\"useSwitch\" [switchSettings]=\"switchSettings\" [(useIndicatorLight)]=\"useIndicatorLight\" [indicatorLightSettings]=\"indicatorLightSettings\" [configureId]='configureId' (switchVariableChangeEvent)=\"switchBitIndexChange()\" (switchBitIndexChangeEvent)=\"switchBitIndexChange()\" (lightBitIndexChangeEvent)=\"lightBitIndexChange()\" (lightVariableChangeEvent)=\"lightBitIndexChange()\"></switch-indicator-light-basic-info> </tab> <tab heading=\"{{lc('State')}}\" customClass=\"m-tabs__item\"> <state *ngIf=\"indicatorLightSettings\" [useSwitch]=\"useSwitch\" [useIndicatorLight]=\"useIndicatorLight\" [indicatorLightType]=\"indicatorLightSettings.type\" [stateSettings]=\"stateSettings\"></state> </tab> <tab heading=\"{{lc('Graph')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(graphSettingEventName)\"> <graph-setting [configureId]=\"configureId\" [(useGraph)]=\"useGraph\" [graphSetting]=\"graphSetting\"></graph-setting> </tab> <tab heading=\"{{lc('DynamicSetting')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(dynamicSettingEventName,configureId)\"> <dynamic-conduct [dynamicSetting]=\"dynamicSetting\" [configureId]='configureId' [viewWidth]=\"viewWidth\" [viewHeight]=\"viewHeight\" (validateChange)=\"validateChange($event);\"></dynamic-conduct> </tab> <tab heading=\"{{lc('ControlSetting')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\" [disabled]=\"!useSwitch\"> <enable-setting #enableSettingCmp></enable-setting> <control-setting #controlSettingCmp [data]=\"securitySettingData\"></control-setting> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='true'></display-setting> </tab> </tabset> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!switchIndicatorLightSettingForm.form.valid || dynamicValidatoinResult || saving || switchSaving || lightSaving\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\">{{l(\"Save\")}}</button> <button type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\">{{l(\"Cancel\")}}</button> </div> </div> </form> </div> </div> </div> </div>"}]}],"members":{"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"enableSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["enableSettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"controlSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["controlSettingCmp",{"static":false}]}]}],"basicInfoCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["basicInfoCmp",{"static":false}]}]}],"viewWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"viewHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":26}]}],"init":[{"__symbolic":"method"}],"loadBasicInfo":[{"__symbolic":"method"}],"loadStateSettings":[{"__symbolic":"method"}],"loadGraphSetting":[{"__symbolic":"method"}],"loadDynamicSetting":[{"__symbolic":"method"}],"loadControlSetting":[{"__symbolic":"method"}],"saveSwitchSettings":[{"__symbolic":"method"}],"saveIndicatorLightSettings":[{"__symbolic":"method"}],"saveStates":[{"__symbolic":"method"}],"saveGraphSetting":[{"__symbolic":"method"}],"saveControlSetting":[{"__symbolic":"method"}],"saveDynamicSetting":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"validateChange":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"switchBitIndexChange":[{"__symbolic":"method"}],"lightBitIndexChange":[{"__symbolic":"method"}]}}}}]