{"_id":"@9hub/udf-component","_rev":"5-c36b5ccd58db20e1be886660f48686d5","name":"@9hub/udf-component","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"@9hub/udf-component","version":"0.0.1","description":"A dynamic udf component using angular material","author":{"name":"9HUB"},"repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"contributors":[{"name":"jesus.brayan.paye@gmail.com"},{"name":"baratheonts@gmail.com"}],"homepage":"https://github.com/9hub/angular-udfs","keywords":["angular","typescript","angular-material","UDFs"],"license":"MIT","peerDependencies":{"@angular/common":"~7.2.0","@angular/core":"~7.2.0","@angular/material":"^7.3.6","@angular/platform-browser":"~7.2.0","@angular/animations":"^7.2.12","@angular/cdk":"^7.3.6"},"main":"bundles/9hub-udf-component.umd.js","module":"fesm5/9hub-udf-component.js","es2015":"fesm2015/9hub-udf-component.js","esm5":"esm5/9hub-udf-component.js","esm2015":"esm2015/9hub-udf-component.js","fesm5":"fesm5/9hub-udf-component.js","fesm2015":"fesm2015/9hub-udf-component.js","typings":"9hub-udf-component.d.ts","metadata":"9hub-udf-component.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@9hub/udf-component@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ninehub","email":"9hub.tech@gmail.com"},"dist":{"integrity":"sha512-WitydrObEkd6LYL4S3YXboVlYFnx4o/lFF1aAiRgrGdyYLWHJZLFJ+u3Xnx1zSmiLHvucyxwrQh3Zth7HBQBUQ==","shasum":"f9a8f2c74b8bdb0f5c8aaeb052653b3d45f8086a","tarball":"https://registry.npmjs.org/@9hub/udf-component/-/udf-component-0.0.1.tgz","fileCount":29,"unpackedSize":86682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrf0qCRA9TVsSAnZWagAACOgP/1ZPNoTWGiyhhSkQy53i\n1CSWNgswUbJNpecDAWkCLzHzp47GLXgHtfTbx7zqcTOjevE8us047Z0I/+rl\n7atVMPJtEKB6sOHRXMXXNwv7b9JDIS5gI3n+gtP3dCHuRjnVFCE3j+ZpT51j\nPWDfAr+ALtWdvCa3Pp7/DL/QkzZ9e9HCuezSrJIeSXYhJvtYIxrxVm3eqtC8\nT2pLuAsn4IVt9qklm7sjbIO4lOoCRYcHJoDn9F6jejnaglBaLj+zbDQHb+B+\nn/N4kwXCcxCOwYd55ju205idYVgbNwSNvdGT4QsKTP3YeH+UzmfMptfvcrre\n/769St+6/xmaSmNVMGvfOldOIkBlR/lW+467VvjZyDHRyC2B4zPK+FWwFhAg\nqRyYay0zYKzrU2IDmb60SSlWCm4lq89eXdjyD+EJk+JyF0A8XwwTyuBxngzH\nvEU2UHn5UIBIWN9pLNru+9d2kKtgSqnXGkLAS4NDU+lZHKtHA4144jWx29mv\nStj7LSV9m04inNZ4J5j+lwjxwLs6FrLMshUm5aL3BnaJOzaYoIxr8ezeM6sH\nokcMEwRPiyA1A8hyQgADJ9KUTN1IgPfmKesI9an8eMiJemlJIrI/kAYaTR/z\nPy1VC0P+dbdNEA9B+2LsC14KKxAMcZnL9Puv2HaT4hLhxP8obNFtYu4Im5/u\nQCdp\r\n=pl2/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBH2pADObxg9QiTCE8CamD6e1H9PQz0zWI9BMI5by5ccAiA2D2m3uevCFexY4j+j7vq/xlbZ9qUoZUYmiyEpp6tG6A=="}]},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/udf-component_0.0.1_1554906409706_0.9525411439148292"},"_hasShrinkwrap":false},"0.0.2":{"name":"@9hub/udf-component","version":"0.0.2","description":"A dynamic udf component using angular material","author":{"name":"9HUB"},"repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"contributors":[{"name":"jesus.brayan.paye@gmail.com"},{"name":"baratheonts@gmail.com"}],"homepage":"https://github.com/9hub/angular-udfs","keywords":["angular","typescript","angular-material","UDFs"],"license":"MIT","peerDependencies":{"@angular/common":"~7.2.0","@angular/core":"~7.2.0","@angular/material":"^7.3.6","@angular/platform-browser":"~7.2.0","@angular/animations":"^7.2.12","@angular/cdk":"^7.3.6"},"main":"bundles/9hub-udf-component.umd.js","module":"fesm5/9hub-udf-component.js","es2015":"fesm2015/9hub-udf-component.js","esm5":"esm5/9hub-udf-component.js","esm2015":"esm2015/9hub-udf-component.js","fesm5":"fesm5/9hub-udf-component.js","fesm2015":"fesm2015/9hub-udf-component.js","typings":"9hub-udf-component.d.ts","metadata":"9hub-udf-component.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@9hub/udf-component@0.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ninehub","email":"9hub.tech@gmail.com"},"dist":{"integrity":"sha512-bg6wPfii8KLwrjsa9aWKeGzbFr0l156oBGg0NqIQPuY+LhbY0aqIwk/RmERDwYnYjcVR4pnQOlCsLjxrys03lQ==","shasum":"b5430eea0f900c9a1c87e7eae4334dfadc8792ba","tarball":"https://registry.npmjs.org/@9hub/udf-component/-/udf-component-0.0.2.tgz","fileCount":29,"unpackedSize":86699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrgKOCRA9TVsSAnZWagAAPEMP/jw44ZZen84ilmreRuBW\nvvHjobCWv39spBwh5gokxgp/G+R+LSEob8HJzpoRHk2wZyrzz02nci/7JW/i\nCChS8wa+Sxt8WWlQTuONSQSyGf2bDAqneV/HU6fxFQdwOJXBxW1zj3G/vexM\n3InaX260e9m4I8UU5meUfd6j6d1rNUy5ECjvNvbs6zF3FvD+dskBvLjp3UZ2\nzEyyaVHq5lb5F6I+vM8Y3kLNYIXEQ4PP4Bl85DRD+YILCzni6HsMdfK8Nrsi\nF+HvFSymZXlSj+MI/jO2cjunOezcrYHIGfqv8hpnGu/keICQiFBHijhL0MP9\noeXuFFe+yXYsurppR9E18ioYnLDbG6GK14nQ/GV0a+oGQzZpOADQqSUxg2vC\nNWWCoCd2jpqZ/4Smv4zE+CStGtt4VkCxRQSryh3kue6mwi8Dvg8CPv3tfe8P\nMr3IDkLMi8Wv4VCohT6chGSHC8k2j9be2S+miyirk46bzFJWAID5bzMwFV+M\nmPIezQummWTJn60vtbFL5zWmOsLsnvu8M8xnDTLnYKdBy7YvhNx4usuEoysU\n8UIQiHjTxrSgY84c2dewr6I++Oodtp3r5WO149cXWv2eXleldmbezxa4gqOM\nOF3v8QGRzWk8Y2niUJle6kWNE6LM4P7AD6G1YpcJOlytVhijYA2eWeZtD7XW\n2OY8\r\n=vOsL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEggTfnh5Mo/Hc91bXYh4JoFw/pqO6oSXEVp6tK4hWqFAiB+PB7CZ7hjszpIF631zm7uK7FKbPl/lzJ4S6utS3ftGA=="}]},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/udf-component_0.0.2_1554907789564_0.6985497059180676"},"_hasShrinkwrap":false},"0.0.3":{"name":"@9hub/udf-component","version":"0.0.3","description":"A dynamic udf component using angular material","author":{"name":"9HUB"},"repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"contributors":[{"name":"jesus.brayan.paye@gmail.com"},{"name":"baratheonts@gmail.com"}],"homepage":"https://github.com/9hub/angular-udfs","keywords":["angular","typescript","angular-material","UDFs"],"license":"MIT","peerDependencies":{"@angular/common":"~7.2.0","@angular/core":"~7.2.0","@angular/material":"^7.3.6","@angular/platform-browser":"~7.2.0","@angular/animations":"^7.2.12","@angular/cdk":"^7.3.6"},"main":"bundles/9hub-udf-component.umd.js","module":"fesm5/9hub-udf-component.js","es2015":"fesm2015/9hub-udf-component.js","esm5":"esm5/9hub-udf-component.js","esm2015":"esm2015/9hub-udf-component.js","fesm5":"fesm5/9hub-udf-component.js","fesm2015":"fesm2015/9hub-udf-component.js","typings":"9hub-udf-component.d.ts","metadata":"9hub-udf-component.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@9hub/udf-component@0.0.3","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ninehub","email":"9hub.tech@gmail.com"},"dist":{"integrity":"sha512-r6NSnydwYEnc44yrLQdNKXwKl2ak9Jo9loCLOkXEnhfm7KCWdXCac3Yg+VZDpVWuEZv+QfipsVrvGurrmal6nA==","shasum":"6e39757bfecbb60f37eac97fd6ab6f1dcf9c2a9e","tarball":"https://registry.npmjs.org/@9hub/udf-component/-/udf-component-0.0.3.tgz","fileCount":29,"unpackedSize":86681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrzQhCRA9TVsSAnZWagAAbi8P/17KqpZNNhk0WDTrFElL\njSUcEAlz2RvKP+y3ru5zAqoNRtNkL34xquphPit4xk9qndcRaVtBanm/HoN2\nvaHL2fF5E2ra1fVpKQWDOf5Z9AH3QFkQcbBeo29UQd2Ol+a/8OjWQBUAhQ0V\nnhpuBJpDlCPsZDKXufMixtQzeS8PaGQCS6c+kPt2y/OyVDDutg2tU5GX+Ths\nB15PlG/pf2VT5xp045nODFWqZ3zqOfUh+F5NvJgUYSqjdfFdPAFQrK4fVkvl\nxBhF6cD/YM9Fgz1NDaVO0fb8FWkPi6OeR4f1i7kq6PJBNAU0Ft7DONal0sLG\nCkMqFmJgprvBOQzr6EJmUehY90BvxNUH2ec4l29vCu449sLcy0uhUUiHOpbg\n9zK/uRCtg3yS2OGg5o0Pxh8L9sCwtssR+2lwmVytaqGHV9RNbL3XWEv3NmWp\nXN3Mz6RIek0rbtUBlUSfhNl4hlfNg+mLAlvbwHg9kY1H4dHvRxz1uOvDEZa7\n8q2W9Ds49zADEeXZOt1vu7WmGF4z4nmn4ARgasdy6ZU/f/8QHbi8eNzPevfT\nY9pPngXoSuAiDvd+uLgPpmpL0kzuPs/BmSqQw8I5Tr24DVwbs826LWHQ2Ffr\nSxEbMP8xg857I5UxAb6G/3yHyQdQDEuv6NJHLEUkAWyAB62btxLsalkoxEEy\nnPBW\r\n=jqCe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOjmDoDCbBYuo1i6KadTr6H3nyGUKmrk8Lv6vwiJ+Y4AiA8vIn8XnNPfE0dIHCGMj59e1w7fGMXPXERxOwqO44C/w=="}]},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/udf-component_0.0.3_1554986016493_0.4882469217905103"},"_hasShrinkwrap":false},"0.0.4":{"name":"@9hub/udf-component","version":"0.0.4","description":"A dynamic udf component using angular material","author":{"name":"9HUB"},"repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"contributors":[{"name":"jesus.brayan.paye@gmail.com"},{"name":"baratheonts@gmail.com"}],"homepage":"https://github.com/9hub/angular-udfs","keywords":["angular","typescript","reactive-forms","angular-material","UDFs"],"license":"MIT","peerDependencies":{"@angular/common":"~7.2.0","@angular/core":"~7.2.0","@angular/material":"^7.3.6","@angular/platform-browser":"~7.2.0","@angular/animations":"^7.2.12","@angular/cdk":"^7.3.6"},"main":"bundles/9hub-udf-component.umd.js","module":"fesm5/9hub-udf-component.js","es2015":"fesm2015/9hub-udf-component.js","esm5":"esm5/9hub-udf-component.js","esm2015":"esm2015/9hub-udf-component.js","fesm5":"fesm5/9hub-udf-component.js","fesm2015":"fesm2015/9hub-udf-component.js","typings":"9hub-udf-component.d.ts","metadata":"9hub-udf-component.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"@9hub/udf-component@0.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"ninehub","email":"9hub.tech@gmail.com"},"dist":{"integrity":"sha512-BeuGtweonRmvCA1ZY2qE5VgqCfyoN/EdFKX6l6cVIe0hwarG4jJZmNjcUEhNnDALU6cRjGLVyhxgWyq8LvA1SQ==","shasum":"9dca3791faec900a6b7bcca120889c6ac526c753","tarball":"https://registry.npmjs.org/@9hub/udf-component/-/udf-component-0.0.4.tgz","fileCount":56,"unpackedSize":240757,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJct34YCRA9TVsSAnZWagAAOAYP/Ap++NYZF8S5hwSI74mL\nJP+VwOhT34HQk0CXwLb284qabxdUYgYmHqlGeBsEqQEgLA7vpzdWpJcH7cjd\nuzbL0t0J+rnkmaujRQpIKHgpTFfUhKVFdzUu/ld/cy1UmxYGJ0PP4x/e+4+X\nzdoUezccsfSt2ju5OAGvrrdZA0NvF4Gd7NFho2e8wuoEmciOq6KG6+s41Gc/\nlFqt+l2zD/FiCQxdzhayGxruulwuRL7NhtnmjO6sKbCHNT3Ku22DUTIxELhS\nJ2xQckOJesDUe6+CazrgD3WZVhZd3yaccHECj/xWGJ7UfHOvxZUZRfKn6hvE\nyG6kkKgzXK4ANTB+hCD8h04Q25ev5aIHMx1OhS1xJQYasO/My29x0c32d0fB\nKGNPU69TRb7g6xHXTOl87iSUOC9WIDCr2+LgtZ7qE0VHgh0XcZXq9VHKs1/i\nPE35unVBBSlg4B/XiwAmXztHf3neuBNN5J6xNdCuSvTmUh06mT4O9i5wtob3\nGPwW87Us8c+/yDcLWirGC/vpEB1gSUTjMIxALvKEdrAxXZi0POk8wJcgBK+T\n81ZElWhxtVJD6nFq1nRT4zQprf9p+8NYumFIOzd7Z1sMDUFbvASS9gIYbilR\npRjzfzi2Qjdzwe4OKAZaxFjH6SF/UcZ3A8AMo8U+XCpLG5LqKRmc/duL/aRA\ndQyt\r\n=m1U1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCb2dhQf6SrN/eseEpIXTHaBCBA9veuEWheUvmDOjkEggIgD3pUGjx9utXXd7LUk1t/wNIxj5tPNE037c/4o3ugFHU="}]},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/udf-component_0.0.4_1555529239920_0.45504932686773514"},"_hasShrinkwrap":false},"0.0.5":{"name":"@9hub/udf-component","version":"0.0.5","description":"Angular library to manage user custom fields(UDF).","keywords":["angular","typescript","reactive-forms","angular-material","library","UDF","udf","fields"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"peerDependencies":{"@angular/common":"~7.2.0","@angular/core":"~7.2.0","@angular/material":"^7.3.6","@angular/platform-browser":"~7.2.0","@angular/animations":"^7.2.12","@angular/cdk":"^7.3.6"},"main":"bundles/9hub-udf-component.umd.js","module":"fesm5/9hub-udf-component.js","es2015":"fesm2015/9hub-udf-component.js","esm5":"esm5/9hub-udf-component.js","esm2015":"esm2015/9hub-udf-component.js","fesm5":"fesm5/9hub-udf-component.js","fesm2015":"fesm2015/9hub-udf-component.js","typings":"9hub-udf-component.d.ts","metadata":"9hub-udf-component.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"homepage":"https://github.com/9hub/angular-udfs#readme","_id":"@9hub/udf-component@0.0.5","_npmVersion":"6.4.1","_nodeVersion":"11.14.0","_npmUser":{"name":"ninehub","email":"9hub.tech@gmail.com"},"dist":{"integrity":"sha512-8xGBO9ZoCoCtAXVHsQun5eX6OMXdv4aqEi+9oZ2jUUN334KrUZ0jkv2nqdWPW0nZEXUqgb4AqmqMxxw+gTjSGw==","shasum":"0b4baa56f16c952a97b36a2401cbfca185d2548b","tarball":"https://registry.npmjs.org/@9hub/udf-component/-/udf-component-0.0.5.tgz","fileCount":59,"unpackedSize":322761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcv3MhCRA9TVsSAnZWagAAWngP/0d1QS8D7ZNutmTXggcv\nAgu1JOryL6me+q/SDO4NyTvutu9AssF+xuneCCKAcPeA0Zr+vdu9oSCDQtkh\nihLcKEEH8HmGGoOUK2ZDHXrVGz8lfkB4RAoNVAWDgHSEj1ByaIiIice+Helc\nvy+7T0q8f23WiofCbar0ke65uTk5NEv3b+qfFkzEnj45zcrGkJAevKOBbfgQ\nuCYgXNDCn+V06dWz1YNcaC39xMhUVBHHLxaWC9hGZb2H7sDbR9jV+vIdpuUV\nVA+aexaiJ/hD5j+kXPj6gqobEPIB5eJ0sniEafkyZ7A6vu950qe7uhoXOWjq\nuucunwzs8PblWm3hiyGTJqEf9reI6q+18lk78R7BecQNupxiZVcRHK7Go+gF\nlvoSbJUGlXAXl8dle7L1rX3jacUjoi+ax0rpi4B16Ty13cQmf2sncsZDrnas\nMkFRbb2ULIcAV0O+c9B6DeIZKGKxaFb0zSAN/vQ7rtMRvibB4HeytFjNoShD\npRLNGrEG9K10Z9Gx638OuUI5k7nI//Fw/hxD94LX+Iv9ufUBVbOjSDn322Z7\ne0M58qZ16ijxoTV0kE4c6GSWEFDe2m24RnW9AdBAqXkVpH5u3d0cQ5dDbiRd\nV8Up/Oo6VoQnO3e1RVjMAEcqvCXdadg/exGUSo5s34YtONs9B80oE9AelJ2o\nBQub\r\n=C48I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/jrBJfrbS5vXtvh1WRthe2fRyCLAPQ7Wi7z6AWHsdjAIhANQDExUgEQ1X8o+FpMAvayOj6N90kZEjb+Jkqe33Tcrd"}]},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/udf-component_0.0.5_1556050720569_0.3120226836771183"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-10T14:26:49.488Z","0.0.1":"2019-04-10T14:26:49.843Z","modified":"2022-04-04T10:51:14.597Z","0.0.2":"2019-04-10T14:49:49.651Z","0.0.3":"2019-04-11T12:33:36.643Z","0.0.4":"2019-04-17T19:27:20.109Z","0.0.5":"2019-04-23T20:18:40.709Z"},"maintainers":[{"name":"ninehub","email":"9hub.tech@gmail.com"}],"description":"Angular library to manage user custom fields(UDF).","homepage":"https://github.com/9hub/angular-udfs#readme","keywords":["angular","typescript","reactive-forms","angular-material","library","UDF","udf","fields"],"repository":{"type":"git","url":"git+https://github.com/9hub/angular-udfs.git"},"bugs":{"url":"https://github.com/9hub/angular-udfs/issues"},"license":"MIT","readme":"# Angular UDF\n\nAngular library to use UDF(User Defined Fields). UDF are for capturing your custom data, these can then be added at the project, task and some business object on our technology solution.\n\n### Prerequisites\n\nTo use this library you need to have installed **angular-material**.\n\nUsing NPM:\n\n```batch\nnpm i @angular/material @angular/cdk\n```\n\nUsing Yarn:\n\n```batch\nyarn add @angular/material @angular/cdk\n```\nIf you have **angular-cli** installed:\n\n```batch\nng add @angular/material\n```\nIf you have any issue with **angular-material** installation, please refer to [getting-started](https://material.angular.io/guide/getting-started).\n\n### Installing\n\nUsing NPM:\n\n```batch\nnpm i @9hub/udf-component\n```\n\nUsing Yarn:\n\n```batch\nyarn add @9hub/udf-component\n```\n\n### Usage\n\nYou need import our module and add to your Angular's main module.\n\n```typescript\nimport { UdfModule } from '@9hub/udf-component'\n\n@NgModule({\n  imports: [\n    ...\n    UdfModule\n    ...\n  ]\n})\n```\nUse **udf-md** to show a list of custom fields, in udf Data you receive the array of custom fields according interface **UdfFieldDefinition**, in **udfFormGroup** you receive a **FormGroup** object.\n\n```html\n<udf-md [udfData]=\"input-array-definition-interface\" [udfFormGroup]=\"object-FormGrup\"></udf-md>\n```\n\nUse **udf-field-md** to handling the layout of custom fields, in field config you receive the udf configuration according the interface **UdfFieldDefinition**, in **udfFormGroup** you receive a **FormGroup** object.\n\n```html\n<!-- ADDRESS SECTION -->\n  <mat-card class=\"card-form\" fxFlex=\"auto\">\n    <div class=\"header-text\">Address</div>\n    <mat-card-content fxLayout=\"column\">\n      <!-- LINE 1 INPUT -->\n      <udf-field-md [fieldConfig]=\"AddressLine1\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n      <!-- LINE 2 INPUT -->\n      <udf-field-md [fieldConfig]=\"AddressLine2\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n      <div fxLayout=\"row wrap\">\n        <!-- CITY INPUT -->\n        <div fxFlex=\"50%\">\n          <udf-field-md [fieldConfig]=\"City\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n        </div>\n        <!-- STATE INPUT -->\n        <div fxFlex=\"50%\">\n          <udf-field-md [fieldConfig]=\"State\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n        </div>\n      </div>\n      <div fxLayout=\"row wrap\">\n         <!-- COUNTRY INPUT -->\n         <div fxFlex=\"50%\">\n           <udf-field-md [fieldConfig]=\"Country\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n         </div>\n        <!-- POSTCODE INPUT -->\n        <div fxFlex=\"50%\">\n          <udf-field-md [fieldConfig]=\"PostCode\" [udfFormGroup]=\"udfFieldFormGroup\" ></udf-field-md>\n        </div>\n      </div>\n    </mat-card-content>\n  </mat-card>\n```\n\n## Built With\n\n* [Angular](https://angular.io/docs) - The web framework used\n* [Angular Material](https://material.angular.io) - Material design components\n\n## Contributors\n<a href=\"CONTRIBUTORS.md\">\n  <img alt=\"Erik Romero\" width=\"100\" height=\"100\" src=\"https://avatars.githubusercontent.com/u/12468239\">\n\n  <img alt=\"Edwin Encinas\" width=\"100\" height=\"100\" src=\"https://avatars.githubusercontent.com/u/6945588\">\n\n  <img alt=\"Edwin Paye\" width=\"100\" height=\"100\" src=\"https://avatars.githubusercontent.com/u/36751445\">\n\n  <img alt=\"Jesus Paye\" width=\"100\" height=\"100\" src=\"https://avatars.githubusercontent.com/u/32722003\">\n</a>\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n","readmeFilename":"README.md"}