{"_id":"@4science_ng-dynamic-forms/ui-basic","_rev":"4-8a7bf8fac0c4472d02497d3c100bfb07","name":"@4science_ng-dynamic-forms/ui-basic","dist-tags":{"latest":"19.1.0"},"versions":{"19.0.0":{"name":"@4science_ng-dynamic-forms/ui-basic","version":"19.0.0","keywords":["angular","dynamic forms","forms","ng dynamic forms","reactive forms","ui"],"author":{"url":"https://github.com/udos86/ng-dynamic-forms","name":"Udo Schöfer","email":"ng2-dynamic-forms@udos86.de"},"license":"ISC","_id":"@4science_ng-dynamic-forms/ui-basic@19.0.0","maintainers":[{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"}],"homepage":"https://github.com/udos86/ng-dynamic-forms#readme","bugs":{"url":"https://github.com/udos86/ng-dynamic-forms/issues"},"dist":{"shasum":"7e999c032a15a84102f96abcb3e5cfbae45a7af3","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-basic/-/ui-basic-19.0.0.tgz","fileCount":25,"integrity":"sha512-uLCUPMt2vFdc0Yl8A2IZTfoBUukM6mdvbn+oNeWPhiE9j+u1/7OMALvJvgw7Vdvu8skhi1CW8wjhF+IM5m/H2w==","signatures":[{"sig":"MEQCIFFf6E8jIRGnPzvkKMLvOV5RSD169bwY5Cphy2xLYJevAiAeHu2/n7VpcWCJdJnsdXZDf6carcvNmK50BmKXkg2EHg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":327167},"esm5":"./esm5/ui-basic.js","main":"./bundles/ui-basic.umd.js","fesm5":"./fesm5/ui-basic.js","es2015":"./fesm2015/ui-basic.js","module":"fesm2022/ui-basic.mjs","esm2015":"./esm2015/ui-basic.js","exports":{".":{"esm":"./esm2022/ui-basic.mjs","types":"./index.d.ts","default":"./fesm2022/ui-basic.mjs","esm2022":"./esm2022/ui-basic.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c851c7c4b4a3a6240e20cd7522531b114b35e12f","typings":"index.d.ts","_npmUser":{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},"fesm2015":"./fesm2015/ui-basic.js","repository":{"url":"git+https://github.com/udos86/ng-dynamic-forms.git","type":"git"},"_npmVersion":"10.7.0","description":"Basic UI package for NG Dynamic Forms","directories":{},"sideEffects":false,"_nodeVersion":"18.20.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"ngx-mask":"^16.4.2","@4science_ng-dynamic-forms/core":"^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-basic_19.0.0_1767865740735_0.14783283485691157","host":"s3://npm-registry-packages-npm-production"}},"19.0.1":{"name":"@4science_ng-dynamic-forms/ui-basic","version":"19.0.1","keywords":["angular","dynamic forms","forms","ng dynamic forms","reactive forms","ui"],"author":{"url":"https://github.com/udos86/ng-dynamic-forms","name":"Udo Schöfer","email":"ng2-dynamic-forms@udos86.de"},"license":"ISC","_id":"@4science_ng-dynamic-forms/ui-basic@19.0.1","maintainers":[{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"}],"homepage":"https://github.com/udos86/ng-dynamic-forms#readme","bugs":{"url":"https://github.com/udos86/ng-dynamic-forms/issues"},"dist":{"shasum":"083282f455f13b0ed97ce10d4cbef1af98ee5a03","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-basic/-/ui-basic-19.0.1.tgz","fileCount":25,"integrity":"sha512-AB7HENitkO4QMoU4hbhoTCg8eFGgnMSmsT+HBXjuFa3arahS2or5ZaFiKa6udPdm+raRSD+4KUmB0St7XAJAJg==","signatures":[{"sig":"MEQCIEQegXGiezVu3BqU0/Mrm5rK0oobCjb8HFxCFDQoB+NMAiATVZA6voGkox24ehrTmMfHUyNHnqkPFPD1PcbH+KnBQg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":327167},"esm5":"./esm5/ui-basic.js","main":"./bundles/ui-basic.umd.js","fesm5":"./fesm5/ui-basic.js","es2015":"./fesm2015/ui-basic.js","module":"fesm2022/ui-basic.mjs","esm2015":"./esm2015/ui-basic.js","exports":{".":{"esm":"./esm2022/ui-basic.mjs","types":"./index.d.ts","default":"./fesm2022/ui-basic.mjs","esm2022":"./esm2022/ui-basic.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"80c2eda9ce88105fa7f0d7a7ec51546c802a4a10","typings":"index.d.ts","_npmUser":{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},"fesm2015":"./fesm2015/ui-basic.js","repository":{"url":"git+https://github.com/udos86/ng-dynamic-forms.git","type":"git"},"_npmVersion":"10.7.0","description":"Basic UI package for NG Dynamic Forms","directories":{},"sideEffects":false,"_nodeVersion":"18.20.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"ngx-mask":"^16.4.2","@4science_ng-dynamic-forms/core":"^19.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui-basic_19.0.1_1767868932355_0.12741765768046953","host":"s3://npm-registry-packages-npm-production"}},"19.1.0":{"name":"@4science_ng-dynamic-forms/ui-basic","version":"19.1.0","description":"Basic UI package for NG Dynamic Forms","keywords":["angular","dynamic forms","forms","ng dynamic forms","reactive forms","ui"],"homepage":"https://github.com/4Science/ng-dynamic-forms#readme","bugs":{"url":"https://github.com/4Science/ng-dynamic-forms/issues"},"license":"ISC","author":{"name":"Udo Schöfer","email":"ng2-dynamic-forms@udos86.de","url":"https://github.com/udos86/ng-dynamic-forms"},"main":"./bundles/ui-basic.umd.js","module":"fesm2022/ui-basic.mjs","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/4Science/ng-dynamic-forms.git"},"peerDependencies":{"@4science_ng-dynamic-forms/core":"^19.0.1","ngx-mask":"^16.4.2"},"es2015":"./fesm2015/ui-basic.js","esm2015":"./esm2015/ui-basic.js","esm5":"./esm5/ui-basic.js","fesm2015":"./fesm2015/ui-basic.js","fesm5":"./fesm5/ui-basic.js","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/ui-basic.mjs","esm":"./esm2022/ui-basic.mjs","default":"./fesm2022/ui-basic.mjs"}},"_id":"@4science_ng-dynamic-forms/ui-basic@19.1.0","gitHead":"8163f7be8e8b3597bf09cd0b90dfbbc611b613b6","_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-O9/HtJeJl2mkwRH2fsisdtX0Ap2VdzVEX1dx0i/r65cXIDQKc9s+z3PP+2ERJY3v6dkOOgPMDBG54xSm9B3iIQ==","shasum":"a9c19a7173dee9d4788e46ce88a30c3f202282c8","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-basic/-/ui-basic-19.1.0.tgz","fileCount":25,"unpackedSize":327173,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDUUYuCDYr1Bi1O0ryhw9u6ErtdT5EZTy34wVs45f8ZugIhAJCmHNzOVtxx4S05yKsukmvZB2f0HQBWoV670sqV2ooL"}]},"_npmUser":{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},"directories":{},"maintainers":[{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},{"name":"sirbarbaffo","email":"andrea.barbasso@4science.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-basic_19.1.0_1770377084599_0.641507253270194"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-08T09:49:00.657Z","modified":"2026-02-06T11:24:44.877Z","19.0.0":"2026-01-08T09:49:00.880Z","19.0.1":"2026-01-08T10:42:12.501Z","19.1.0":"2026-02-06T11:24:44.742Z"},"bugs":{"url":"https://github.com/4Science/ng-dynamic-forms/issues"},"author":{"name":"Udo Schöfer","email":"ng2-dynamic-forms@udos86.de","url":"https://github.com/udos86/ng-dynamic-forms"},"license":"ISC","homepage":"https://github.com/4Science/ng-dynamic-forms#readme","keywords":["angular","dynamic forms","forms","ng dynamic forms","reactive forms","ui"],"repository":{"type":"git","url":"git+https://github.com/4Science/ng-dynamic-forms.git"},"description":"Basic UI package for NG Dynamic Forms","maintainers":[{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},{"name":"sirbarbaffo","email":"andrea.barbasso@4science.com"}],"readme":"# NG Dynamic Forms Basic UI\n\n## Installation\n```\nnpm i @ng-dynamic-forms/ui-basic -S\n```\n\n## Import\n```ts\n@NgModule({\n\n    imports: [DynamicFormsBasicUIModule]\n})\n\nexport class AppModule {}\n```\n\n## Usage\n\nwith **`DynamicBasicFormComponent`**:\n```ts\n<form [formGroup]=\"myFormGroup\">\n\n    <dynamic-basic-form [group]=\"myFormGroup\"\n                        [model]=\"myFormModel\"></dynamic-basic-form>\n</form>\n```\n\nwith **`DynamicBasicFormControlComponent`**:\n```ts\n<form [formGroup]=\"myFormGroup\">\n\n    <dynamic-basic-form-control *ngFor=\"let controlModel of myFormModel\"\n                                [group]=\"myFormGroup\"\n                                [model]=\"controlModel\"></dynamic-basic-form-control>\n</form>\n```\n\n## Form Controls\n\n|                                   Control                                  \t|            Model            \t| Required Property \t|\n|:--------------------------------------------------------------------------:\t|:---------------------------:\t|:-----------------:\t|\n|    **[Checkbox](https://www.w3.org/wiki/HTML/Elements/input/checkbox)**    \t|    `DynamicCheckboxModel`   \t|         –         \t|\n| **[Checkbox Group](https://www.w3.org/wiki/HTML/Elements/input/checkbox)** \t| `DynamicCheckboxGroupModel` \t|         –         \t|\n|          **[Input](https://www.w3.org/wiki/HTML/Elements/input)**          \t|     `DynamicInputModel`     \t|         –         \t|\n|    **[Radio Group](https://www.w3.org/wiki/HTML/Elements/input/radio)**    \t|   `DynamicRadioGroupModel`  \t|         –         \t|\n|         **[Select](https://www.w3.org/wiki/HTML/Elements/select)**         \t|     `DynamicSelectModel`    \t|         –         \t|\n|       **[TextArea](https://www.w3.org/wiki/HTML/Elements/textarea)**       \t|    `DynamicTextAreaModel`   \t|         –         \t|\n\n## Resources\n\n* [**API Documentation**](http://ng2-dynamic-forms.udos86.de/docs/ui-basic/)\n* [**Live Sample**](http://ng2-dynamic-forms.udos86.de/sample/index.aot.html#basic-sample-form) \n","readmeFilename":"README.md"}