[{"__symbolic":"module","version":4,"metadata":{"LineGeneralSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":16,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"line-general-setting","styles":[".straight-line-general{ .form-inline-label{ float: left; margin-top:3px; } } .color-picker{ width: 100px; }"],"template":"<div [busyIf]=\"isLoading\" class=\"straight-line-general\"> <div class=\"fe-modal-content\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line\"> <div class=\"fe-transverse-title\">{{lc(\"StraightLineColor\")}}:</div> <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-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 class=\"fe-modal-body\"> <div class=\"fe-option-head\"> <label> <input type=\"checkbox\" name=\"isArrow\" [(ngModel)]=\"isArrow\"> <span>{{lc(\"Arrow\")}}</span> </label> </div> <div class=\"fe-modal-content clearfix\" *ngIf=\"isArrow\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"ArrowStyle\")}}:</div> <div class=\"fe-vertical-component\"> <ng-select [items]=\"arrowStyleTypes\" [(ngModel)]=\"selectedArrowStyleType\" [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":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":26},{"__symbolic":"reference","module":"./general/arrow-style-type.service","name":"ArrowStyleTypeService","line":79,"character":48},{"__symbolic":"reference","module":"./general/line-style-type.service","name":"LineStyleTypeService","line":80,"character":47}]}],"ngOnInit":[{"__symbolic":"method"}],"validateStrokeWidth":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"setStrokeColor":[{"__symbolic":"method"}]}}}}]