{"_id":"@elemental-concept/ngx-dynamic-form-material","_rev":"1-8fb39ccb27b977cf4fbeac4ca07ba8e5","name":"@elemental-concept/ngx-dynamic-form-material","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@elemental-concept/ngx-dynamic-form-material","version":"1.0.0","description":"This library generates Angular `FormGroup` and related DOM from a specified JSON configuration.","repository":{"type":"git","url":"git+https://github.com/elementalconcept/ngx-dynamic-form-material.git"},"keywords":["form","json","angular","material"],"author":{"name":"Elemental Concept"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/elementalconcept/ngx-dynamic-form-material/issues"},"homepage":"https://github.com/elementalconcept/ngx-dynamic-form-material#readme","peerDependencies":{"@angular/common":"^15.0.0","@angular/core":"^15.0.0","@ngneat/until-destroy":"^9.2.3","@elemental-concept/ngx-dynamic-form":"^1.0.0"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/elemental-concept-ngx-dynamic-form-material.mjs","es2020":"fesm2020/elemental-concept-ngx-dynamic-form-material.mjs","esm2020":"esm2020/elemental-concept-ngx-dynamic-form-material.mjs","fesm2020":"fesm2020/elemental-concept-ngx-dynamic-form-material.mjs","fesm2015":"fesm2015/elemental-concept-ngx-dynamic-form-material.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/elemental-concept-ngx-dynamic-form-material.mjs","es2020":"./fesm2020/elemental-concept-ngx-dynamic-form-material.mjs","es2015":"./fesm2015/elemental-concept-ngx-dynamic-form-material.mjs","node":"./fesm2015/elemental-concept-ngx-dynamic-form-material.mjs","default":"./fesm2020/elemental-concept-ngx-dynamic-form-material.mjs"}},"sideEffects":false,"_id":"@elemental-concept/ngx-dynamic-form-material@1.0.0","_nodeVersion":"14.21.2","_npmVersion":"6.14.17","dist":{"integrity":"sha512-yl/bwPUbHRXm7OCrBbY711aLIGtUPLUsCcjJ4QRqowHclMNSypXDtWzW4KOPEQ87tG40cu8LCLPLdSAFgxlJmA==","shasum":"982023c22c7c4deeff121e74ddb66f2b8d3a55a7","tarball":"https://registry.npmjs.org/@elemental-concept/ngx-dynamic-form-material/-/ngx-dynamic-form-material-1.0.0.tgz","fileCount":42,"unpackedSize":224250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC+o+k3pBj5xONwzCalxRGT8S84beW8D+Z9jyGbMrBJmAiB6qg8qc+WYs4bHznG3PYTFMDTPtyzTHT2RLwrun1kcHg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/PoFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgMA/9HCZ2pB4+KU2N1gxUXWmKumebE6kAmuCvuVrVmLjex4VbgxPD\r\nIgwnIejaMTS3gdAYdcSehFAOBoclNRQGBRtCJk3ns63sYROroTHYNDjzYTXr\r\nxGN/wnrmnoEPzpGYiQ7rrRjQEwpPsSJOZyy5W3E0toF7k4+GzXbE05mgPFr1\r\neLitUbKwBvr+LFKGq/5urwy9nCaH+iSlOFwXjz5T4xJx6tagyRxEteFCjoW4\r\nkc7+p2+CTHay6pditW0aUegX16FKDQ1+N0e/VMQZk9vIL12EF+XBNkdPf/x1\r\nC+8n7ApKt+zflPh15y+h54cZOXPubkumYdi0Mncw4yn578l9ZrgAlCDjmC2y\r\nVbPmGFVRKrNKTEj0QSEnL3U6qGWLPV25B4rHaSFnW+BkSh3p20K+4XXmAYXT\r\nhHE908J+Qs+0rSMGwZm1O4Fjh/uDDUjk5hHh+QbZRpCyRKzeVpTL51qRsRJ4\r\nJKqeoAO+FA7zj1gbtrUQM37aAsHlxK2+zCJnkt0Nc5pSDHWPcivWxEOVdI86\r\nVwl5o3JswElGHJzzu+Mk+UQXHD47EOUR91qklsGuhEd0B2tFbjQ7J/8RUh+1\r\n1hbb31WqNKSz2NOJWfcj9elcyzOIk58YOJo0ecfxaqwEonAoxyYClWphDKk5\r\nsdwsynDlL0qO2LK3wbF44pSMcu7R2Z0M0CA=\r\n=kxK0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simke2090","email":"simke2090@yahoo.it"},"directories":{},"maintainers":[{"name":"aux","email":"aux@hexmode.org"},{"name":"simke2090","email":"simke2090@yahoo.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-dynamic-form-material_1.0.0_1677523461614_0.6498065117467229"},"_hasShrinkwrap":false}},"time":{"created":"2023-02-27T18:44:21.484Z","1.0.0":"2023-02-27T18:44:21.803Z","modified":"2024-05-16T11:57:45.606Z"},"maintainers":[{"email":"david@elementalconcept.com","name":"ecdavid"},{"email":"aux@hexmode.org","name":"aux"},{"email":"simke2090@yahoo.it","name":"simke2090"}],"description":"This library generates Angular `FormGroup` and related DOM from a specified JSON configuration.","homepage":"https://github.com/elementalconcept/ngx-dynamic-form-material#readme","keywords":["form","json","angular","material"],"repository":{"type":"git","url":"git+https://github.com/elementalconcept/ngx-dynamic-form-material.git"},"author":{"name":"Elemental Concept"},"bugs":{"url":"https://github.com/elementalconcept/ngx-dynamic-form-material/issues"},"license":"BSD-2-Clause","readme":"# Material Components For Dynamic Form\n\n**MatSelectModule import in AppModule!**\n\nThis is a set of wrappers for Material input components for\n[Dynamic Form](https://bitbucket.org/elementalconcept/ec-fe-components/src/dev/projects/dynamic-form/) library. Angular\nv11+ and Material For Angular v11+ is required. Provided input types are:\n\n* `string`\n* `number`\n* `email`\n* `tel`\n* `url`\n* `password`\n* `select`\n* `multiselect`\n* `text`\n* `checkbox`\n* `radio`\n* `_description_`\n\n## Installation\n\nInstall the library through NPM:\n\n```shell\n$ npm i @elemental-concept/ngx-dynamic-form-material\n```\n\nAdd `MatSelectModule` import and provider `DYNAMIC_FORM_COMPONENT_MAP` to your `AppModule`, then\nadd `DynamicFormMaterialModule` to your page modules.\n\n```typescript\n// app.module.ts\nimport { NgModule } from '@angular/core';\nimport { MatSelectModule } from '@angular/material/select';\nimport { DYNAMIC_FORM_COMPONENT_MAP } from '@elemental-concept/ngx-dynamic-form';\nimport { materialComponentMap } from '@elemental-concept/ngx-dynamic-form-material';\nimport { AppComponent } from './app.component';\n\n@NgModule({\n  imports: [\n    MatSelectModule\n  ],\n  providers: [\n    { provide: DYNAMIC_FORM_COMPONENT_MAP, useValue: materialComponentMap }\n  ],\n  bootstrap: [ AppComponent ]\n})\nexport class AppModule {\n}\n```\n\n```typescript\n// form-page.module.ts\nimport { NgxDynamicFormModule } from '@elemental-concept/ngx-dynamic-form';\nimport { NgxDynamicFormMaterialModule } from '@elemental-concept/ngx-dynamic-form-material';\n\n@NgModule({\n  imports: [\n    NgxDynamicFormModule,\n    NgxDynamicFormMaterialModule\n  ]\n})\nclass FormPageModule {\n}\n```\n\n## Available Meta Options\n\nThese options are based on Material library options, please refer\nto [Material documentation](https://material.angular.io/components/categories) for more details.\n\n```typescript\ninterface MaterialInputMeta {\n  appearance?: MatFormFieldAppearance;\n  floatLabel?: FloatLabelType;\n  hintLabel?: string;\n  labelPosition?: 'after' | 'before';\n  cssClass?: string;\n  color?: ThemePalette;\n  suffix?: SuffixMeta;\n  htmlDescription?: string;\n  hideRequiredMarker?: boolean;\n}\n\ninterface SuffixMeta {\n  type: SuffixType;\n}\n\nenum SuffixType {\n  label = 'label',\n  password = 'password'\n}\n```\n","readmeFilename":"README.md"}