[{"__symbolic":"module","version":4,"metadata":{"SectorSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/element-setting-modal-base","name":"ElementSettingModalBase","line":10,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sector-setting-modal","styles":[".configure { .form-label { width: 80px; } .checkbox { padding-left: 20px; margin-bottom: 0px; } .settingTool { .inline-control-input { width: 100px; display: inline-block; } } .float-left { float: left; } .sharpFill { margin: 5px 0 0 5px; } .strokColor { margin: 5px 0 0 3px; } } .color-picker{ width: 100px; } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"sectorSettingModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\" (onHidden)=\"onHidden()\"> <div class=\"modal-dialog\"> <div class=\"modal-content\"> <div class=\"fe-modal-container\"> <form class=\"configure sector\" #pipeSettingForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"Sector\")}} </h4> <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('Setting')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-content\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"SharpFill\")}}:</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"fill\" (sentColor)=\"setFillColor($event)\"></color-picker> </div> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"StrokColor\")}}:</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"stroke\" (sentColor)=\"setStrokeColor($event)\"></color-picker> </div> </div> </div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"StrokWidth\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"strokeWidth\" [(ngModel)]='strokeWidth' min=\"0\" required/> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"Radius\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"radius\" [(ngModel)]='radius' min=\"0\" required/> </div> <div class=\"fe-half-line float-left margin-top-10\"> <label class=\"fe-transverse-title\">{{lc(\"Angle\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"angle\" [(ngModel)]='angle' min=\"0\" required/> </div> <div class=\"fe-half-line float-left margin-top-10\"> <label class=\"fe-transverse-title\">{{lc(\"Sweep\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"sweep\" (change)=\"checkSweepAngle($event.target.value)\" [(ngModel)]='sweep' min=\"1\" max=\"360\" required/> </div> </div> </div> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isSizeEnable]='false'></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]=\"!pipeSettingForm.form.valid\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </button> <button [disabled]=\"saving\" 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":12,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":26}]}],"init":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"checkSweepAngle":[{"__symbolic":"method"}],"setStrokeColor":[{"__symbolic":"method"}],"setFillColor":[{"__symbolic":"method"}]}}}}]