{"id":18419623,"url":"https://github.com/davebaol/angular-formio-editor","last_synced_at":"2025-08-22T03:12:15.090Z","repository":{"id":38555078,"uuid":"260963417","full_name":"davebaol/angular-formio-editor","owner":"davebaol","description":"Form.io builder and renderer for Angular integrated with json editor ","archived":false,"fork":false,"pushed_at":"2022-06-03T02:41:11.000Z","size":2880,"stargazers_count":14,"open_issues_count":3,"forks_count":9,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-08T15:23:54.918Z","etag":null,"topics":["angular","angular-component","angular-library","editor","formio","json-editor"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davebaol.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-03T15:42:41.000Z","updated_at":"2025-02-05T04:25:59.000Z","dependencies_parsed_at":"2022-08-21T00:31:16.142Z","dependency_job_id":null,"html_url":"https://github.com/davebaol/angular-formio-editor","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/davebaol/angular-formio-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davebaol%2Fangular-formio-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davebaol%2Fangular-formio-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davebaol%2Fangular-formio-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davebaol%2Fangular-formio-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davebaol","download_url":"https://codeload.github.com/davebaol/angular-formio-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davebaol%2Fangular-formio-editor/sbom","scorecard":{"id":325321,"data":{"date":"2025-08-11","repo":{"name":"github.com/davebaol/angular-formio-editor","commit":"b761ac9b4e06e58348a81d38ce22bb5bff5748b6"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":0,"reason":"143 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-63q7-h895-m982","Warn: Project is vulnerable to: GHSA-p3vf-v8qc-cwcr","Warn: Project is vulnerable to: GHSA-gx9m-whjm-85jf","Warn: Project is vulnerable to: GHSA-mmhx-hmjr-r674","Warn: Project is vulnerable to: GHSA-vhxf-7vqr-mrjg","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-8gh8-hqwg-xf34","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-m9hw-7xfv-wqg7","Warn: Project is vulnerable to: GHSA-67j4-2mh6-8627","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-q854-j362-cfq9","Warn: Project is vulnerable to: GHSA-hhfg-6hfc-rvxm","Warn: Project is vulnerable to: GHSA-jg8v-48h5-wgxg","Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4","Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g","Warn: Project is vulnerable to: GHSA-56x4-j7p9-fcf9","Warn: Project is vulnerable to: GHSA-v78c-4p63-2j6c","Warn: Project is vulnerable to: GHSA-qm28-7hqv-wg5j","Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-px4h-xg32-q955","Warn: Project is vulnerable to: GHSA-jmqm-f2gx-4fjv","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-4fc4-chg7-h8gh","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T02:19:43.312Z","repository_id":38555078,"created_at":"2025-08-18T02:19:43.312Z","updated_at":"2025-08-18T02:19:43.312Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271578517,"owners_count":24784051,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-22T02:00:08.480Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-component","angular-library","editor","formio","json-editor"],"created_at":"2024-11-06T04:17:41.848Z","updated_at":"2025-08-22T03:12:15.070Z","avatar_url":"https://github.com/davebaol.png","language":"TypeScript","readme":"# Angular Form.io Editor Component\n\n[![npm version](https://badge.fury.io/js/%40davebaol%2Fangular-formio-editor.svg)](https://badge.fury.io/js/%40davebaol%2Fangular-formio-editor) [![Build Status](https://travis-ci.com/davebaol/angular-formio-editor.svg?branch=master)](https://travis-ci.com/davebaol/angular-formio-editor) [![dependencies Status](https://david-dm.org/davebaol/angular-formio-editor/status.svg)](https://david-dm.org/davebaol/angular-formio-editor) [![devDependencies Status](https://david-dm.org/davebaol/angular-formio-editor/dev-status.svg)](https://david-dm.org/davebaol/angular-formio-editor?type=dev) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\nThis Angular component provides [Form.io](https://www.form.io/) builder and renderer integrated with json editor. \n\nIt works with latest Angular 9.\n\nExample:\n\n```html\n\u003cformio-editor [form]=\"form\" [options]=\"options\"\u003e\u003c/formio-editor\u003e\n```\n\n## Try the Live Demos: [Demo Dev](https://davebaol.github.io/angular-formio-editor/) and [Demo Stable](https://davebaol.github.io/angular-formio-editor-demo/)\n\nIn case the live demo goes down for whatever reason, the component is supposed to look somewhat like this (click any image to enlarge it):\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://user-images.githubusercontent.com/2366334/81509000-d8d34500-9307-11ea-8d0d-a7cf2da5c7c0.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/2366334/81509000-d8d34500-9307-11ea-8d0d-a7cf2da5c7c0.png\" alt=\"formio-editor-builder\"/\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://user-images.githubusercontent.com/2366334/81509005-e5f03400-9307-11ea-9c26-61b027f4062d.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/2366334/81509005-e5f03400-9307-11ea-9c26-61b027f4062d.png\" alt=\"formio-editor-json-code\"/\u003e\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://user-images.githubusercontent.com/2366334/81509007-e983bb00-9307-11ea-864f-3a0cdbe8192c.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/2366334/81509007-e983bb00-9307-11ea-864f-3a0cdbe8192c.png\" alt=\"formio-editor-json-tree\"/\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://user-images.githubusercontent.com/2366334/81509008-edafd880-9307-11ea-8485-ee82ac05e248.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/2366334/81509008-edafd880-9307-11ea-8485-ee82ac05e248.png\" alt=\"formio-editor-renderer\"/\u003e\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## Installation\n\nTo install this library with npm, run below command:\n```\n$ npm install --save angular-formio jsoneditor ngx-bootstrap @angular/elements @davebaol/angular-formio-editor\n```\nYes, you have to install 5 packages!!! :scream:\n\nHaving in mind the dependency graph can be useful for choosing the version of the various packages for your application. :wink:\n\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003ePeer dependency graph\u003c/b\u003e 👈\u003c/summary\u003e\n    \n\u003cbr/\u003e\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Peer dependencies graph\" src=\"https://user-images.githubusercontent.com/2366334/83365783-0b260e80-a3ab-11ea-8197-e463625dfd15.png\"\u003e\n\u003c/p\u003e\n\u003c!--\n```mermaid\ngraph TD\n  subgraph Legend\n   START[ ]-.-\u003e|has peer dependency|STOP[ ]\n   style START fill:#FFFFFF00, stroke:#FFFFFF00;\n   style STOP  fill:#FFFFFF00, stroke:#FFFFFF00;\n  end\n  davebaol-angular-formio-editor(\"@davebaol/angular-formio-editor\")\n  davebaol-angular-formio-editor-.-\u003ejsoneditor\n  davebaol-angular-formio-editor-.-\u003eangular-formio\n  davebaol-angular-formio-editor-.-\u003engx-bootstrap\n  angular-formio-.-\u003engx-bootstrap\n  angular-formio-.-\u003eangular-elements(\"@angular/elements\")\n```\n--\u003e\n\n\u003c/details\u003e\n\n\n## Usage\n\nTo use this component in your Angular application follow the steps below:\n\n:one: Import Angular module `FormioEditorModule` as below:\n\n```ts\nimport { FormioEditorModule } from '@davebaol/angular-formio-editor'; \n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    ....,\n    FormioEditorModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n:two: Setup your component models as below:\n\n```ts\nimport { Component } from '@angular/core';\nimport { FormioEditorOptions } from '@davebaol/angular-formio-editor';\n\n@Component({\n  selector: 'app-root',\n  template: `\n    \u003cdiv class=\"content\" role=\"main\"\u003e\n      \u003cdiv class=\"col-10 m-4\"\u003e\n        \u003cformio-editor [form]=\"form\" [options]=\"options\"\u003e\u003c/formio-editor\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  `,\n  styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n  form: any;\n  options: FormioEditorOptions;\n\n  constructor() {\n    this.form = {\n      display: 'form',\n      components: []\n    };\n    this.options = {\n      builder: {\n        hideDisplaySelect: true,\n        output: {\n          change: (event) =\u003e console.log('Demo: builder change event:', event),\n        }\n      },\n      json: {\n        changePanelLocations: ['top', 'bottom'],\n        input: {\n          options: {\n            modes: ['code', 'tree', 'view'], // set allowed modes\n            mode: 'view' // set default mode\n          }\n        }\n      },\n      renderer: {\n        input: {\n          options: {\n            src: 'http://localhost:8765/api/v1/documents',\n            renderOptions: { breadcrumbSettings: { clickable: true } }\n          }\n        }\n      }\n    };\n  }\n}\n```\n:three: To properly style this component, import the `.css` files below into your main `style.css` file\n```css\n@import \"./styles/bootstrap/css/bootstrap.min.css\";\n@import '~font-awesome/css/font-awesome.min.css';\n@import \"~jsoneditor/dist/jsoneditor.min.css\";\n@import \"~@davebaol/angular-formio-editor/styles.css\";\n```\nNote that this library only needs the `.css` from bootstrap, not the `.js`, since `ngx-bootstrap` is used internally.\nSo you don't have necessarily to add bootstrap and its peer dependency jQuery.\n\n:four: Troubleshooting\n\n- If during `ng build` execution you encounter this error\n  ```\n  Generating ES5 bundles for differential loading...\n  An unhandled exception occurred: Call retries were exceeded\n  ```\n  make sure you're using node 12+. If this does not work for you then try the other possible solutions mentioned [here](https://github.com/angular/angular-cli/issues/15493).\n\n## Documentation\n\nThe component supports the input arguments `form`, `options` and `reset` described below:\n\n- **form**\u003cbr/\u003e\nThis is a regular form defined by the form.io framework. The component modifies this argument in place. \n- **options**\u003cbr/\u003e\nThe options have 3 properties, one for each tab of the component: `builder`, `json`, `renderer`.\nOpen the spoilers to see the details.\n  - \u003cdetails\u003e\u003csummary\u003e\u003cb\u003eoptions.builder\u003c/b\u003e 👈\u003c/summary\u003e\n\n    ```javascript\n    {\n      // Whether to hide the builder tab or not. Defaults to false.\n      hideTab: false,\n      // Specify if the builder is the active tab at component startup. Defaults to true. \n      defaultTab: true,\n      // Whether to hide or not the embedded select to change the form display. Defaults to false. \n      hideDisplaySelect: false,\n\n      // Input and output arguments of the component \u003cformio-builder\u003e.\n      // Refer to the official documentation.\n      input: {},\n      output: {}\n    }\n    ```\n    \u003c/details\u003e\n  - \u003cdetails\u003e\u003csummary\u003e\u003cb\u003eoptions.json\u003c/b\u003e 👈\u003c/summary\u003e\n\n    ```javascript\n    {\n      // Whether to hide the json tab or not. Defaults to false.\n      hideTab: false,\n      // Specify if json is the active tab at component startup. Defaults to false.\n      defaultTab: false,\n      // The locations relative to the json editor where to show the panel\n      // for applying json changes to the form. Defaults to ['top', 'bottom'].\n      changePanelLocations: ['top', 'bottom'],\n\n      // Input arguments of the component \u003cjson-editor\u003e.\n      input: {\n        // Note that these options are only intended as a component setup at creation-time.\n        options: {\n          // Whether to expand or not all nodes in tree mode. This is an additional option\n          // not supported by the original jsoneditor. Defaults to false.\n          expandAll: false,\n\n          // Other options supported by the original jsoneditor.\n          // See jsoneditor API documentation at the link below\n          // https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#configuration-options\n          ...\n        }\n      },\n      // Output arguments of the component \u003cjson-editor\u003e.\n      output: {\n        dataChange: (event: any) =\u003e {}\n        dataError: (event: any) =\u003e {}\n      }\n    }\n    ```\n    \u003c/details\u003e\n  - \u003cdetails\u003e\u003csummary\u003e\u003cb\u003eoptions.renderer\u003c/b\u003e 👈\u003c/summary\u003e\n\n    ```javascript\n    {\n      // Whether to hide the renderer tab or not. Defaults to false.\n      hideTab: false,\n      // Specify if renderer is the active tab at component startup. Defaults to false.\n      defaultTab: false,\n      // Configuration of the submission panel.\n      submissionPanel: {\n        // Whether to show the submission panel or not. Default to false.\n        disabled: false,\n        // Whether to initially show full or partial submission. Default to false.\n        fullSubmission: false,\n        // The json editor of the submitted resource.\n        resourceJsonEditor: {\n          // Input and output arguments of this component \u003cjson-editor\u003e.\n          // See options.json.input and options.json.output above.\n          input: {},\n          output: {}\n        },\n        // The json editor of the json schema for the submitted resource\n        schemaJsonEditor: {\n          // Whether to show or not the schema json editor. Defaults to false.\n          enabled: true,\n          // Input and output arguments of this component \u003cjson-editor\u003e.\n          // See options.json.input and options.json.output above.\n          input: {},\n          output: {}\n          }\n        }\n      },\n      // Input and output arguments of the component \u003cformio\u003e that renders the form.\n      // Refer to the official documentation.\n      input: {},\n      output: {}\n    }\n    ```\n    \u003c/details\u003e\n- **reset**\u003cbr/\u003e\n  An `Observable\u003cvoid\u003e` to reset the component. \n\n\u003c/details\u003e\n\n## License\n\nThis project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavebaol%2Fangular-formio-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavebaol%2Fangular-formio-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavebaol%2Fangular-formio-editor/lists"}