ws-form-builder/dist/src-inlined/components/ws-pincode/ws-pincode.metadata.json

Ionic 2 Form Builder

[{"__symbolic":"module","version":4,"metadata":{"WsPincodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ws-pincode","template":"\n    <div class=\"pincode-container pincode-length-{{pincodeLength}} {{fieldClass}}\">\n\n\n\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-1\" #pincode1 (ionChange)=\"updateField($event,0)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-2\" #pincode2 (ionChange)=\"updateField($event,1)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-3\" #pincode3 (ionChange)=\"updateField($event,2)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-4\" #pincode4 (ionChange)=\"updateField($event,3)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-5\" #pincode5 (ionChange)=\"updateField($event,4)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n    \t<span>\n    \t\t<div class=\"pincode-holder\">\n    \t\t\t<ion-input type=\"number\" min=\"0\" inputmode=\"numeric\" pattern=\"[0-9]*\"  id=\"pincode-6\" #pincode6 (ionChange)=\"updateField($event,5)\"></ion-input>\n    \t\t</div>\n    \t</span>\n\n\n    </div>\n    <!--\n    <button ion-button (tap)=\"testAutoTab()\">Test Autotab</button> -->\n  ","styles":["\n    .pincode-container{border:1px solid #ddd;text-align:center;padding:20px 0;margin-top:15px}.pincode-container .pincode-holder{border:1px solid #ddd;display:inline-block}.pincode-container .pincode-holder input{text-align:center;font-size:1.5em;background-color:#fff}.pincode-container.pincode-length-2 .pincode-holder{width:calc(80% / 2)}.pincode-container.pincode-length-3 .pincode-holder{width:calc(80% / 3)}.pincode-container.pincode-length-4 .pincode-holder{width:calc(80% / 4)}.pincode-container.pincode-length-5 .pincode-holder{width:calc(80% / 5)}.pincode-container.pincode-length-6 .pincode-holder{width:calc(80% / 6)}.pincode-container.pincode-length-7 .pincode-holder{width:calc(80% / 7)}.pincode-container.pincode-length-8 .pincode-holder{width:calc(80% / 8)}.pincode-container.pincode-length-9 .pincode-holder{width:calc(80% / 9)}.pincode-container.pincode-length-10 .pincode-holder{width:calc(80% / 10)}\n  "]}]}],"members":{"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["question"]}]}],"answerGiven":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"pincode1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode1"]}]}],"pincode2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode2"]}]}],"pincode3":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode3"]}]}],"pincode4":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode4"]}]}],"pincode5":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode5"]}]}],"pincode6":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pincode6"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../providers/form-builder/form-builder","name":"FormBuilderProvider"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"updateString":[{"__symbolic":"method"}],"setAnswer":[{"__symbolic":"method"}],"testAutoTab":[{"__symbolic":"method"}],"updateField":[{"__symbolic":"method"}],"validateAnswer":[{"__symbolic":"method"}],"focusDebug":[{"__symbolic":"method"}]}}}}]