[{"__symbolic":"module","version":4,"metadata":{"PolygonGeneralSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":14,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"polygon-general-setting","styles":[".polygon-general{ .form-inline-label{ float: left; margin-top:3px; } } .color-picker{ width: 100px; } .polygon-general-setting{ .polygon-general-color-picker{ float: left; z-index: 999; } } "],"template":"<div [busyIf]=\"isLoading\" class=\"polygon-general\" class='polygon-general-setting'> <div class=\"fe-modal-content\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <div class=\"fe-transverse-title\">{{lc(\"StraightLineColor\")}}:</div> <div class=\"fe-transverse-component color-picker design-color-picker polygon-general-color-picker\"> <color-picker [color]=\"stroke\" (sentColor)=\"setStrokeColor($event)\"></color-picker> </div> </div> <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> <div class=\"fe-form-group clearfix\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"LineWidth\")}}:</div> <input type=\"number\" class=\"fe-vertical-input\" name=\"strokeWidth\" [(ngModel)]='strokeWidth' (change)=\"validateStrokeWidth()\" /> </div> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"LineType\")}}:</div> <div class=\"fe-vertical-component\"> <ng-select [items]=\"lineStyleTypes\" bindLabel=\"name\" [(ngModel)]=\"selectedLineType\" [clearable]=\"false\" [searchable]=\"false\"> <ng-template ng-label-tmp let-item=\"item\"> <div [innerHTML]=\"item.name | safeHtml\"></div> </ng-template> <ng-template ng-option-tmp let-item=\"item\"> <div [innerHTML]=\"item.name | safeHtml\"></div> </ng-template> </ng-select> </div> </div> </div> </div> </div>"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":60,"character":26},{"__symbolic":"reference","module":"../../line/general/line-style-type.service","name":"LineStyleTypeService","line":61,"character":47}]}],"ngOnInit":[{"__symbolic":"method"}],"validateStrokeWidth":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"setStrokeColor":[{"__symbolic":"method"}],"setFillColor":[{"__symbolic":"method"}]}}}}]