{"_id":"@4science_ng-dynamic-forms/ui-material","_rev":"4-f300eb9754b5208a1d4e6c2f3dd3ca9a","name":"@4science_ng-dynamic-forms/ui-material","dist-tags":{"latest":"19.1.0"},"versions":{"19.0.0":{"name":"@4science_ng-dynamic-forms/ui-material","version":"19.0.0","keywords":["angular","dynamic forms","forms","material","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-material@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":"733841892b22984247cccf5f193d47e768e6b3b8","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-material/-/ui-material-19.0.0.tgz","fileCount":35,"integrity":"sha512-QQvx2LxEfF0bevEzUEPSuBeLxee9PWgjeME5vYn3zbB50/XZmP4y88DFvuM4zAL1XQn6A3Y7Q3VQb+izzZ0Uug==","signatures":[{"sig":"MEQCIHSwxcIHZHPHeqtIus+Kmt4Jm1Gr4KKL/sIbAeL9QoQoAiAbMRBYtBT3u0mq09BpZxdgZPKRrreBY23lVgAAPppj1Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":578768},"esm5":"./esm5/ui-material.js","main":"./bundles/ui-material.umd.js","fesm5":"./fesm5/ui-material.js","es2015":"./fesm2015/ui-material.js","module":"fesm2022/ui-material.mjs","esm2015":"./esm2015/ui-material.js","exports":{".":{"esm":"./esm2022/ui-material.mjs","types":"./index.d.ts","default":"./fesm2022/ui-material.mjs","esm2022":"./esm2022/ui-material.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c851c7c4b4a3a6240e20cd7522531b114b35e12f","typings":"index.d.ts","_npmUser":{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},"fesm2015":"./fesm2015/ui-material.js","repository":{"url":"git+https://github.com/udos86/ng-dynamic-forms.git","type":"git"},"_npmVersion":"10.7.0","description":"Material UI package for NG Dynamic Forms","directories":{},"sideEffects":false,"_nodeVersion":"18.20.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/material":"^16.0.0","@4science_ng-dynamic-forms/core":"^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-material_19.0.0_1767865750521_0.9144479635183611","host":"s3://npm-registry-packages-npm-production"}},"19.0.1":{"name":"@4science_ng-dynamic-forms/ui-material","version":"19.0.1","keywords":["angular","dynamic forms","forms","material","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-material@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":"3fbbea15bf24bad95e4cd32574d0a6e17a0c5978","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-material/-/ui-material-19.0.1.tgz","fileCount":35,"integrity":"sha512-MLdMwwM6rfHXt2BbgG2J2L1vm8i6OclOGo8/VnWkmZlkXtMxwiyXltuRKine8fWJ07nq1vftja38Yq+n1PYeTA==","signatures":[{"sig":"MEYCIQC1PZ1FGoj3M2ovK7hn1pkfLV3ccSVP/LLwOsMdDusz6gIhAL6fwzyQSZgWyOrruER+yNHxUxFyJeL/Y4jcNjTexvX0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":578768},"esm5":"./esm5/ui-material.js","main":"./bundles/ui-material.umd.js","fesm5":"./fesm5/ui-material.js","es2015":"./fesm2015/ui-material.js","module":"fesm2022/ui-material.mjs","esm2015":"./esm2015/ui-material.js","exports":{".":{"esm":"./esm2022/ui-material.mjs","types":"./index.d.ts","default":"./fesm2022/ui-material.mjs","esm2022":"./esm2022/ui-material.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"80c2eda9ce88105fa7f0d7a7ec51546c802a4a10","typings":"index.d.ts","_npmUser":{"name":"francescomolinaro","email":"francesco.molinaro@4science.com"},"fesm2015":"./fesm2015/ui-material.js","repository":{"url":"git+https://github.com/udos86/ng-dynamic-forms.git","type":"git"},"_npmVersion":"10.7.0","description":"Material UI package for NG Dynamic Forms","directories":{},"sideEffects":false,"_nodeVersion":"18.20.4","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/material":"^16.0.0","@4science_ng-dynamic-forms/core":"^19.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ui-material_19.0.1_1767868940197_0.25577747932398487","host":"s3://npm-registry-packages-npm-production"}},"19.1.0":{"name":"@4science_ng-dynamic-forms/ui-material","version":"19.1.0","description":"Material UI package for NG Dynamic Forms","keywords":["angular","dynamic forms","forms","material","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-material.umd.js","module":"fesm2022/ui-material.mjs","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/4Science/ng-dynamic-forms.git"},"peerDependencies":{"@angular/material":"^16.0.0","@4science_ng-dynamic-forms/core":"^19.0.1"},"es2015":"./fesm2015/ui-material.js","esm2015":"./esm2015/ui-material.js","esm5":"./esm5/ui-material.js","fesm2015":"./fesm2015/ui-material.js","fesm5":"./fesm5/ui-material.js","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/ui-material.mjs","esm":"./esm2022/ui-material.mjs","default":"./fesm2022/ui-material.mjs"}},"_id":"@4science_ng-dynamic-forms/ui-material@19.1.0","gitHead":"8163f7be8e8b3597bf09cd0b90dfbbc611b613b6","_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-r0hciaPvDm3EWw2s51DAXw/Xz6nbO4UIlx3T87y75lbTVI0K6q/qStarcHpYUzkbKcMvyyMrTJzkNBw5nULpMA==","shasum":"a24920a02fc8149053170dca0b1f8452df3b7dd4","tarball":"https://registry.npmjs.org/@4science_ng-dynamic-forms/ui-material/-/ui-material-19.1.0.tgz","fileCount":35,"unpackedSize":578774,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAimeXp1lX0Yr05WrDlXYcbz/7FyH0Vcbhf9veoAsY6SAiBPl7Zc01PDXbUquEhM8p+VpjtWXX4hzt2CRH/7r81BJA=="}]},"_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-material_19.1.0_1770377092660_0.8749477612142362"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-08T09:49:10.422Z","modified":"2026-02-06T11:24:53.011Z","19.0.0":"2026-01-08T09:49:10.666Z","19.0.1":"2026-01-08T10:42:20.351Z","19.1.0":"2026-02-06T11:24:52.859Z"},"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","material","ng dynamic forms","reactive forms","ui"],"repository":{"type":"git","url":"git+https://github.com/4Science/ng-dynamic-forms.git"},"description":"Material 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 Material UI\n\n## Installation\n```\nnpm i @ng-dynamic-forms/ui-material -S\n```\n\n## Import\n```ts\n@NgModule({\n\n    imports: [DynamicFormsMaterialUIModule]\n})\n\nexport class AppModule {}\n```\n\n## Usage\n\nwith **`DynamicMaterialFormComponent`**:\n```ts\n<form [formGroup]=\"myFormGroup\">\n\n    <dynamic-material-form [group]=\"myFormGroup\"\n                           [model]=\"myFormModel\"></dynamic-material-form>\n</form>\n```\n\nwith **`DynamicMaterialFormControlComponent`**:\n```ts\n<form [formGroup]=\"myFormGroup\">\n\n    <dynamic-material-form-control *ngFor=\"let controlModel of myFormModel\"\n                                   [group]=\"myFormGroup\"\n                                   [model]=\"controlModel\"></dynamic-material-form-control>\n</form>\n```\n\n## Form Controls\n\n|                                      Control                                      \t|            Model            \t| Required Property \t|\n|:---------------------------------------------------------------------------------:\t|:---------------------------:\t|:-----------------:\t|\n| **[Autocomplete](https://material.angular.io/components/component/autocomplete)** \t| `DynamicInputModel`         \t|       `list`      \t|\n|     **[Checkbox](https://material.angular.io/components/component/checkbox)**     \t| `DynamicCheckboxModel`      \t|         –         \t|\n|  **[Checkbox Group](https://material.angular.io/components/component/checkbox)**  \t| `DynamicCheckboxGroupModel` \t|         –         \t|\n|        **[Chips](https://material.angular.io/components/component/chips)**        \t| `DynamicInputModel`         \t|  `multiple: true` \t|\n|   **[Datepicker](https://material.angular.io/components/component/datepicker)**   \t| `DynamicDatePickerModel`    \t|         –         \t|\n|        **[Input](https://material.angular.io/components/component/input)**        \t| `DynamicInputModel`         \t|         –         \t|\n|     **[Radio Group](https://material.angular.io/components/component/radio)**     \t| `DynamicRadioGroupModel`    \t|         –         \t|\n|       **[Select](https://material.angular.io/components/component/select)**       \t| `DynamicSelectModel`        \t|         –         \t|\n|       **[Slider](https://material.angular.io/components/component/slider)**       \t| `DynamicSliderModel`        \t|         –         \t|\n|  **[SlideToggle](https://material.angular.io/components/component/slide-toggle)** \t| `DynamicSwitchModel`        \t|         –         \t|\n|       **[Textarea](https://material.angular.io/components/component/input)**      \t| `DynamicTextAreaModel`      \t|         –         \t|\n\n## Custom UI Events\n```ts\n<form [formGroup]=\"myFormGroup\">\n\n    <dynamic-material-form [group]=\"myFormGroup\"\n                           [model]=\"myFormModel\"\n                           (matEvent)=\"onMatEvent($event)\"></dynamic-material-form>\n</form>\n```\n\n## Resources\n\n* [**API Documentation**](http://ng2-dynamic-forms.udos86.de/docs/ui-material/)\n* [**Live Sample**](http://ng2-dynamic-forms.udos86.de/sample/index.aot.html#material-sample-form) \n","readmeFilename":"README.md"}