[{"__symbolic":"module","version":4,"metadata":{"ConditionSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":18,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"conditon-setting-modal","styles":[".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; } } ",".modal-content { width: 600px; } .row.no-gutter { margin-left: 5; margin-right: 0; } .row.no-gutter>[class*='col-'] { padding-right: 0; padding-left: 0; } .margin-top-5 { margin-top: 5px; } .condition-input{ padding-left:0px; padding-right:0px; height:30px } .condition-input-value{ flex: 0 0 37%; max-width: 37%; padding-right:0px; } .input-common{ padding:0; height:30px; } .i-required{ margin-right: 5px; color:red; display: inline-block; } .i-required-longer { color:red; position: relative; left: 0px; } .data-source-combo select{ width:100%; } .read-value,.variable-select{ width: 60px; display: inline-block; } .read-value{ width: 80px; float: left; } .sign-select,.variable-select{ margin-left: 10px; float: left; } .sign-select{ width: 100px; } .variable-input{ width: 115px; border: 1px solid #d7dbe5; height: 30px; margin-left: 10px; padding: 0 10px; } .logic-select{ width: 100px; } .logic-select>select{ width: 100px!important; border-color: #d7dbe5; } .variable-selector{ position: relative; left: 80px; width:calc(100% - 85px) ; height: 30px; display: inline-block; } .required-body{ width: 485px; } .label-width-wordOrBitCondition{ width: 80px; height: 30px; } .input-width-wordOrBitCondition{ width: calc(100% - 85px); } .interval{ margin-top: 10px; } .fe-transverse-component{ position: relative; } .variable-input-i{ position: absolute; right: -12px; } .variable-selector-i{ position: absolute; top: 5px; left: -77px; } .condition{ padding-left:10px; box-sizing: border-box;  } .word-condition .fe-transverse-title,.bit-condition .fe-transverse-title{ margin-right: 0; } .word-condition-input{ width: calc(100% - 85px); } .warn-color{ color: red; margin-left: 80px; } .default-input{ height: 30px; border: 1px solid #d7dbe5; } .bitwise-label{ width: 100px; } .bitwise-variable{ width: calc(100% - 205px); } .bitwise-bitIndex{ width: 110px; height: 30px; } .point{ height: 30px; float: left; width: 10px; text-align: center; }"],"template":"<div class=\"fe-modal-container element-setting-base\"> <form #conditionSettingModalForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"fe-popup-small\"> <div class=\"modal-header fe-popup-header\"> <div class=\"fe-popup-header-title\"> {{lc('ConditionSetting')}} </div> <div class=\"fe-popup-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"fe-popup-middle\"> <div class=\"fe-popup-condition\"> <label *ngFor=\"let option of conditionTypes\"> <input type=\"radio\" required name=\"conditionRadio\" [value]=\"option.key\" [(ngModel)]=\"conditionItem.conditionType\" (change)=\"onChangeConditionType(option)\" /> <span>{{option.name}}</span> </label> </div> <div class=\"fe-popup-show\"> <div [hidden]=\"!isBitCondition\"> <bit-condition [configureId]=\"configureId\" #bitConditionComp (bitIndexChangeEvent)=\"bitIndexChange()\" (variableNameChangeEvent)=\"variableNameChange()\"></bit-condition> </div> <div [hidden]=\"isBitCondition\"> <word-condition [configureId]=\"configureId\" #wordConditonComp (variableNameChangeEvent)=\"variableNameChange()\"></word-condition> </div> </div> </div> <div class=\"fe-popup-bottom\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!conditionSettingModalForm.form.valid||saving\" [buttonBusy]=\"saving\"> {{l(\"Save\")}} </button> <button type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l(\"Cancel\")}} </button> </div> </div> </div> </form> </div>"}]}],"members":{"bitConditionComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["bitConditionComp",{"static":true}]}]}],"wordConditonComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["wordConditonComp",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":26},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":32,"character":37},{"__symbolic":"reference","module":"./condition-type-option.service","name":"ConditionTypeOptionService","line":33,"character":53}]}],"ngOnInit":[{"__symbolic":"method"}],"onChangeConditionType":[{"__symbolic":"method"}],"variableNameChange":[{"__symbolic":"method"}],"bitIndexChange":[{"__symbolic":"method"}],"initAfterModalShow":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}}}]