{"_id":"@90s/ngx-form-utils","_rev":"5-4bbacb0f9df5614ff8f61ebba3bddff8","time":{"0.0.1":"2019-10-13T09:39:38.439Z","created":"2019-10-13T09:50:09.141Z","0.0.2":"2019-10-13T09:50:09.538Z","modified":"2022-04-04T10:50:51.911Z","0.0.3":"2019-10-13T10:31:34.924Z"},"name":"@90s/ngx-form-utils","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.2":{"name":"@90s/ngx-form-utils","version":"0.0.2","description":"ngx-form-utils simplify your form functionalities","author":{"name":"Bharathisuthan"},"repository":{"type":"git","url":"git+https://github.com/Bharathisuthan/ngx-form-utils.git"},"bugs":{"url":"https://github.com/Bharathisuthan/ngx-form-utils/issues"},"homepage":"https://github.com/Bharathisuthan/ngx-form-utils","keywords":["Angualr","Forms","Reactive Forms","Template Driven Forms"],"license":"MIT","peerDependencies":{"@angular/common":"^8.2.9","@angular/core":"^8.2.9"},"main":"bundles/ngx-form-utils.umd.js","module":"fesm5/ngx-form-utils.js","es2015":"fesm2015/ngx-form-utils.js","esm5":"esm5/ngx-form-utils.js","esm2015":"esm2015/ngx-form-utils.js","fesm5":"fesm5/ngx-form-utils.js","fesm2015":"fesm2015/ngx-form-utils.js","typings":"ngx-form-utils.d.ts","metadata":"ngx-form-utils.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"directories":{"lib":"lib"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_id":"@90s/ngx-form-utils@0.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.11.2","dist":{"integrity":"sha512-gMwKsv71ieZFo+rckkG/Kn1nTclNdhP3TY35mj3iVkTzhKhY8gnNVMj/T5yp3NmdBarWSH68CWYAHkInDKIZ9w==","shasum":"1bf1f9c82eb30a7d63419a167590f9bceee5983c","tarball":"https://registry.npmjs.org/@90s/ngx-form-utils/-/ngx-form-utils-0.0.2.tgz","fileCount":23,"unpackedSize":56919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdovNRCRA9TVsSAnZWagAA3y0P/iz/PnzwOY/lK19dqVI8\nLzJrm3aZPLevkf6Jzdcqt6v9HaIXqiIqeThyHhmIJbZOFKlFya/0nsDMLgtx\nfQBQb6NLusR03GCcgfXxvS1WKZwcFxKBG6+dLFU3AhKdPFYiRNextyG58El8\nnoDRnvGzf1P2axuE6vdhW1ut4IOMhfrvzgMlctf9rQitNp70Ub9GsIBg1nPQ\nV79sdt+8rAOBWL3g9sJj2sTyWBmOISpiAWEkXR6M2BBKM6zAtnKsHvBBFBcr\nlOtJ10a72IU3hSlGYSLg0nUwcibopR06fKsVIh19fAk2OONEmQhEgIjNZDbu\nWM5pH1CXM4jfKtGlUKUiOvAodPplDPRRi5C+3m3wCPjfvVHbuFcl9tspFWmb\nZrVPIkc1tIS2K4mUKXQUwQ46d/+8CtL7JVvufvZTXEpYHX5tRVwLd+G1hM4O\niAO4vI5opDYo9biPSzHtmxWk+pxO9VAEHTLrmrbIFpxiZZdXXeuQtCmWjsNF\nH/kkt28FpbASS0oS8XauXBHYN8qHkiLyDcuKO1B22LsLcMPvg/+oMZGM0G/e\n3jLC6eWB/V3PpVQvzT4MI2AjgrzRYHxMdEjVrtTMYO7kpxEljHWX+XAE86ma\nrRHXNZJtuwTS1ihboV3RHtdgOTSe9DrbxFgvRs1+RUBNoKqJKMJ8YPa6aNxx\nxJtz\r\n=ML82\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDq5PRP1LFlDKfp5ronHCOlKxHGoiEbrh8fDAhEuRK9iAIgSh7LKSDBjw/5LEoXuDERaNEQVG5XsgX+UV+8sY95apE="}]},"maintainers":[{"name":"bharathisuthan","email":"bharathisuthan@gmail.com"}],"_npmUser":{"name":"bharathisuthan","email":"bharathisuthan@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-form-utils_0.0.2_1570960209381_0.9129863062737142"},"_hasShrinkwrap":false},"0.0.3":{"name":"@90s/ngx-form-utils","version":"0.0.3","description":"ngx-form-utils simplify your form functionalities","author":{"name":"Bharathisuthan"},"repository":{"type":"git","url":"git+https://github.com/Bharathisuthan/ngx-form-utils.git"},"bugs":{"url":"https://github.com/Bharathisuthan/ngx-form-utils/issues"},"homepage":"https://github.com/Bharathisuthan/ngx-form-utils","keywords":["Angualr","Forms","Reactive Forms","Template Driven Forms"],"license":"MIT","peerDependencies":{"@angular/common":"^8.2.9","@angular/core":"^8.2.9"},"main":"bundles/ngx-form-utils.umd.js","module":"fesm5/ngx-form-utils.js","es2015":"fesm2015/ngx-form-utils.js","esm5":"esm5/ngx-form-utils.js","esm2015":"esm2015/ngx-form-utils.js","fesm5":"fesm5/ngx-form-utils.js","fesm2015":"fesm2015/ngx-form-utils.js","typings":"ngx-form-utils.d.ts","metadata":"ngx-form-utils.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"directories":{"lib":"lib"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_id":"@90s/ngx-form-utils@0.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.11.2","dist":{"integrity":"sha512-XiigvN2JgA9kKAInA1YPPX6JNDewNkPZ37wjuZHd7x3HnNOB3LEvVplBh6UaJqtNnr6nsR4EB5zTCAcRaR6ceg==","shasum":"13165598dfc779eedbbb133e3acb71cfc50f3bad","tarball":"https://registry.npmjs.org/@90s/ngx-form-utils/-/ngx-form-utils-0.0.3.tgz","fileCount":23,"unpackedSize":56919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdov0HCRA9TVsSAnZWagAAEwkP/0hQt9sArCQKQ4E9eyum\nFBJc62M6/HRDSXftDY3arriJlXF6mZjF+bHEEz+3yPi4mxkqmBnMmKlEsXxv\nLuSvfVAXZJrL4zv0GQjPxo+4j/TpL83duVk3LgPKzIMaaiCiVMB/Of5e2Nw1\nCxWeOqUoGIYA4eNW4hHgYBtVrzKmQzEGIXlxwZUzOdGJxWSzrOJVwJzc06m6\nAEr1G3IvE4RQGZzsp7rLL1UXOc9EdZ3G5ISOYqMwzuCgRgDJqH8AbqVY7Fis\nJbc5tELawsY6E8NzWU3rJY0jHS//AkngbZ/QEPftSlQWFQ4n+ZodZRuJM52w\nUbNnY2LitbVkY/uz9kpgDs69jnFMtTP4+ZIiu6KLYzuug3FacLz6g1M9qWSD\n+hQeAicxPOggBM8fn2P6AOXt+Ap/v8Q2uwGY89cYPgBSOPQxqhitIVSU5san\nXXuLQs8cXzhjVd4CEckl5SWECoHKjgGuizqu9DA71oQ/OzfWt3sXufcv84oJ\noD5Kp7jrT4EiBFrgVANXAKPEnvgsSHb8mLxOJ1HyHDzd5V4w5CzFhVgiSl9f\nLrFGKPnakpuiDaMtmlOI/+fqpgJFmaJmJ48JB7Flig3Sadf7jq90D9WYmqlJ\nIZTUJJ7mggfpTgqruOUWK7KQjB3r3DzCm8fLDzW5+dYGVnhMggDmixS2ONXF\n1ac+\r\n=HSPO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaYz9K3DK/VLSQ1zbyHcA/u/kbXxkVjQpJ65CiU9NhiAIhAIfnhhZ5ZL/Buzu6GdxKQxM68zaRl1MQe5UBHTivcRe9"}]},"maintainers":[{"name":"bharathisuthan","email":"bharathisuthan@gmail.com"}],"_npmUser":{"name":"bharathisuthan","email":"bharathisuthan@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-form-utils_0.0.3_1570962694756_0.6393746318619924"},"_hasShrinkwrap":false}},"maintainers":[{"name":"bharathisuthan","email":"bharathisuthan@gmail.com"}],"description":"ngx-form-utils simplify your form functionalities","homepage":"https://github.com/Bharathisuthan/ngx-form-utils","keywords":["Angualr","Forms","Reactive Forms","Template Driven Forms"],"repository":{"type":"git","url":"git+https://github.com/Bharathisuthan/ngx-form-utils.git"},"author":{"name":"Bharathisuthan"},"bugs":{"url":"https://github.com/Bharathisuthan/ngx-form-utils/issues"},"license":"MIT","readme":"# @90s/ngx-form-utils@0.0.1\r\n\r\nThis library helps to do common form functionalities \r\n\r\n## Install Package\r\n\r\nRun `npm install @90s/ngx-form-utils`. \r\n\r\n## Import Module\r\n\r\nImport `NgxFormUtils` module in `app.module.ts` file.\r\n>import { NgxFormUtilsModule } from '@90s/ngx-form-utils';\r\n\r\nAdd Module to the NgModule import section\r\n>@NgModule({\r\n>  . . .\r\n>  imports: [\r\n>    BrowserModule,\r\n>    NgxFormUtilsModule\r\n>  ],\r\n>  . . .\r\n>})\r\n>export class AppModule { }\r\n\r\n## 01. Control Error Component\r\n\r\nThis is used to show the Form Error Messages\r\n\r\nBuild Form Group\r\n\r\n>\r\n> . . .\r\n>constructor(private fb: FormBuilder) {\r\n>    this.userForm = this.fb.group({\r\n>      name: [null, [Validators.required]],\r\n>      email: [null, [Validators.required, Validators.email]],\r\n>      address: this.fb.group({\r\n>        street: [null, [Validators.required, Validators.minLength(5)]],\r\n>        city: [null, [Validators.required]],\r\n>        state: [null, [Validators.required]],\r\n>        pin: [null, [Validators.required, Validators.minLength(6), Validators.maxLength(6)]]\r\n>      })\r\n>    });\r\n>  }\r\n>   . . .\r\n>\r\n\r\nError Message\r\n\r\n> . . .\r\n>errorMsg = {\r\n>    name: {\r\n>      required: 'Name is required.'\r\n>    },\r\n>    email: {\r\n>      required: 'Email is required.',\r\n>      email: 'Invalid Email address.'\r\n>    },\r\n>    address: {\r\n>      street: {\r\n>        required: 'Street is required.',\r\n>        minlength: 'Street should have minimun 5 letters.'\r\n>      },\r\n>      city: {\r\n>        required: 'City is required.'\r\n>      },\r\n>      state: {\r\n>        required: 'State is required.'\r\n>      },\r\n>      pin: {\r\n>        required: 'Pin Code is required.',\r\n>        minlength: 'Should have 6 digits.',\r\n>        maxlength: 'Should have 6 digits.'\r\n>      }\r\n>    }\r\n>  };\r\n>  . . .\r\n\r\nAdd Control Error Component with Form Elements\r\n\r\n>\r\n> . . .\r\n> \r\n>  <div [formGroup]=\"userForm\">\r\n> \r\n>    . . .\r\n> \r\n>      <div>\r\n> \r\n>        <label>Name</label>\r\n> \r\n>        <input formControlName=\"name\" type=\"email\">\r\n> \r\n>        <bj-control-error [control]=\"userForm\" [path]=\"'name'\" [message]=\"errorMsg.name\"></bj-control-error>\r\n> \r\n>      </div>\r\n> \r\n>    . . .\r\n> \r\n>      <div>\r\n> \r\n>        <label>Email</label>\r\n> \r\n>        <input formControlName=\"email\" type=\"email\">\r\n> \r\n>        <bj-control-error [control]=\"userForm.get('email')\" [message]=\"errorMsg.email\"></bj-control-error>\r\n> \r\n>      </div>\r\n> \r\n>    . . .\r\n> \r\n>  </div>\r\n> \r\n> . . .\r\n>\r\n","readmeFilename":"README.md"}