ionic-captcha/lib/components/captcha.metadata.json

Arithmetic Captcha Component For Ionic 3

[{"__symbolic":"module","version":4,"metadata":{"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CaptchaComponent"},"multi":true},"CaptchaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"captcha","template":"<ion-grid no-padding>\n<ion-row>\n  <ion-col col-6 align-self-end>\n    <ion-row class=\"bordered\" justify-content-center>\n      <ion-col *ngFor=\"let image of images\" col-auto>\n        <img [src]=\"image\" />\n      </ion-col>\n    </ion-row>\n  </ion-col>\n  <ion-col align-self-end col>\n    <ion-item>\n      <ion-input type=\"text\" [(ngModel)]=\"givenModel\" (ngModelChange)=\"changeCaptcha()\" (onFocus)=\"focusIn()\"></ion-input>\n    </ion-item>\n  </ion-col>\n  <ion-col col-auto class=\"right\">\n    <button type=\"button\" ion-button icon-only round small color=\"primary\" (click)=\"reloadCaptcha()\">\n      <ion-icon name=\"refresh\"></ion-icon>\n    </button>\n  </ion-col>\n</ion-row>\n</ion-grid>","styles":["\n  ion-grid{\n      margin: 10px 0;\n  }\n\n  .bordered {\n      border: 1px solid;\n      border-radius: 4px;\n  }\n  img {\n      height: 20px;\n  }\n  .right {\n      text-align: right;\n  }\n  ion-item {\n      height: 35px;\n      min-height: 35px !important;\n      padding: 0 5px !important;\n      input{\n          text-align: center;\n      }\n  }\n  button {\n      border-radius: 50%;\n  }\n"],"providers":[{"__symbolic":"reference","name":"CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR"}]}]}],"members":{"keypressTimeout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"useMinus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"negativeAllowed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minNumLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxNumLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../providers/captcha-provider","name":"CaptchaProvider"}]}],"ngOnInit":[{"__symbolic":"method"}],"focusIn":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"changeCaptcha":[{"__symbolic":"method"}],"reloadCaptcha":[{"__symbolic":"method"}]}}}}]