[{"__symbolic":"module","version":4,"metadata":{"RectangleSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/element-setting-modal-base","name":"ElementSettingModalBase","line":12,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"rectangle-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=\"rectangleSettingModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\" (onHidden)=\"onHidden()\"> <div class=\"modal-dialog\" style=\"min-width: 600px;\"> <div class=\"modal-content\"> <div class=\"fe-modal-container\"> <form class=\"configure rectangle\" *ngIf=\"active\" #pipeSettingForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"Rectangle\")}} </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 design-color-picker-float\"> <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(\"SharpWidth\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"width\" [(ngModel)]='width' min=\"0\" required /> </div> <div class=\"fe-half-line float-left margin-top-10\"> <label class=\"fe-transverse-title\">{{lc(\"SharpHight\")}}:</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"height\" [(ngModel)]='height' min=\"0\" required/> </div> </div> </div> </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('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='true' [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 || dynamicValidatoinResult\" [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":14,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"viewWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"viewHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":26}]}],"init":[{"__symbolic":"method"}],"loadDynamicSetting":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"saveDynamicSetting":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"validateChange":[{"__symbolic":"method"}],"setStrokeColor":[{"__symbolic":"method"}],"setFillColor":[{"__symbolic":"method"}]}}}}]