angular7-pincode/angular7-pincode.metadata.json

a simple directive for otp input template like on mobile otp input template

{"__symbolic":"module","version":4,"metadata":{"Angular7PincodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"angular7-pincode","template":"\n   <div class=\"otp-container\">\n    <input class=\"otp-input {{class}}\" *ngFor=\"let pininput of pin;let i = index;trackBy: trackByFn\" #otpInput name='otpInput{{i}}' [(ngModel)]=\"pin[i]\" autocomplete='off' maxlength=\"1\" [disabled]=\"currentIndex!=i\" (keyup)=\"onKeyUp($event,i)\" (keydown)=\"onKeyDown($event,i)\"/>\n   </div>\n  ","styles":["\n    .otp-container{\n      width:100%;\n      text-align:left;\n    }\n    .otp-input{\n      padding: 5px;\n      margin: 0px;\n      border: 1px solid #ddd;\n      border-right: none;\n      text-align: center;\n      max-width:50px;\n    }\n    .otp-input:last-child{\n      border-right: 1px solid #ddd;\n    }\n    "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"}}]}],"members":{"allOtpInputs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":29,"character":3},"arguments":["otpInput"]}]}],"onFullFill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"isOnlyNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getPin":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}]}},"Angular7PincodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"Angular7PincodeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":7,"character":26}],"exports":[{"__symbolic":"reference","name":"Angular7PincodeComponent"}]}]}],"members":{}}},"origins":{"Angular7PincodeComponent":"./lib/angular7-pincode.component","Angular7PincodeModule":"./lib/angular7-pincode.module"},"importAs":"angular7-pincode"}