[{"__symbolic":"module","version":4,"metadata":{"ViewPopSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":10,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"view-pop-setting","template":"<div provide-parent-forms class=\"design-view-pop-setting\"> <div class=\"form-group\"> <div class=\"row\"> <div class=\"col-12 margin-top\">{{lc('DisplayPosition')}}</div> <div class=\"col-12 margin-top\"> <div class=\"m-radio-inline\"> <label class=\"m-radio\"> <input type=\"radio\" name=\"ConfigureViewCenter\" [value]=\"0\" [(ngModel)]=\"data.locationType\" (change)=\"positionIsCenterChanged(true)\" />{{lc('AlignView')}} <span></span> </label> <label class=\"m-radio\"> <input type=\"radio\" name=\"ConfigureViewCenter\" [value]=\"1\" [(ngModel)]=\"data.locationType\" (change)=\"positionIsCenterChanged(false)\" />{{lc('Custom')}} <span></span> </label> </div> </div> </div> <div class=\"row\" *ngIf=\"data.locationType === 1 && data.location\"> <div class=\"col-6\"> X</div> <div class=\"col-6\"> Y</div> <div class=\"col-6\"> <input type=\"number\" class=\"form-control fc-Form form-input\" not-negative-integer name=\"ConfigureViewXPosition\" [(ngModel)]=\"data.location.x\" #ConfigureViewXPosition=\"ngModel\" required/> </div> <div class=\"col-6\"> <input type=\"number\" class=\"form-control fc-Form form-input\" not-negative-integer name=\"ConfigureViewYPosition\" [(ngModel)]=\"data.location.y\" #ConfigureViewYPosition=\"ngModel\" required/> </div> <div class=\"col-6 has-danger\"> <div class=\"form-control-feedback\" *ngIf=\"ConfigureViewXPosition.invalid && (ConfigureViewXPosition.dirty || ConfigureViewXPosition.touched)\"> <span *ngIf=\"ConfigureViewXPosition.errors.required\"> {{l('Required')}}</span> <span *ngIf=\"ConfigureViewXPosition.errors.notNegativeInteger\"> {{l('NotNegativeInteger')}}</span> </div> </div> <div class=\"col-6 has-danger\"> <div class=\"form-control-feedback\" *ngIf=\"ConfigureViewYPosition.invalid && (ConfigureViewYPosition.dirty || ConfigureViewYPosition.touched)\"> <span *ngIf=\"ConfigureViewYPosition.errors.required\"> {{l('Required')}}</span> <span *ngIf=\"ConfigureViewYPosition.errors.notNegativeInteger\"> {{l('NotNegativeInteger')}}</span> </div> </div> </div> </div> <div class=\"form-group\"> <div class=\"row\"> <div class=\"col-12\"> <div class=\"m-radio-inline\"> <label class=\"m-radio\"> <input type=\"radio\" name=\"ConfigureViewBackDropType\" [(ngModel)]=\"data.backdropType\" [value]=\"0\"/>{{lc('DisplayShadow')}} <span></span> </label> <label class=\"m-radio\"> <input type=\"radio\" name=\"ConfigureViewBackDropType\" [(ngModel)]=\"data.backdropType\" [value]=\"1\"/>{{lc('DisplayMask')}} <span></span> </label> </div> </div> </div> </div> </div> ","styles":[".design-view-pop-setting{ .newLine{ clear: both; } .radio-inline{ margin-right: 30px; } .margin-top{ margin-top: 10px; } input[type='text'],input[type='number']{ height: 30px; } .star { color: red; top: 2px; font-style: normal; position: unset; } } "]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":26}]}],"positionIsCenterChanged":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]