{"_id":"ng-diagram","_rev":"20-4472fdd2cf453c20cfa8f597dd0605bd","name":"ng-diagram","dist-tags":{"beta":"0.0.1","latest":"1.3.0"},"versions":{"0.0.1":{"name":"ng-diagram","version":"0.0.1","keywords":["angular","diagram","flowchart","graph","visualization"],"author":"","license":"UNLICENSED","_id":"ng-diagram@0.0.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"dist":{"shasum":"c8b34c607bc2e760b6ffd481efc3ffb457e6cefa","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.0.1.tgz","fileCount":4,"integrity":"sha512-koUEXv2Hw+Jt+hW4KSeJcE4KcPZqwNFDMnptmctlkEwMY5d+k5sJVujrtuUkbyEhaFZzKVENtorW0d3BYeJUUw==","signatures":[{"sig":"MEUCID44whiZpq7bHnTasFNwfNMXqaOWflAbzdWtALDdR1wfAiEA0Q9EM0pbU0t5MyHXcXk7RM7obA8D3Lu2/ri6w0axF0U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1773},"main":"index.js","_from":"file:ng-diagram-0.0.1.tgz","private":false,"scripts":{},"_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"_resolved":"C:\\Users\\lukas\\AppData\\Local\\Temp\\51b9a0b0a078035a9119c7940a936a11\\ng-diagram-0.0.1.tgz","_integrity":"sha512-koUEXv2Hw+Jt+hW4KSeJcE4KcPZqwNFDMnptmctlkEwMY5d+k5sJVujrtuUkbyEhaFZzKVENtorW0d3BYeJUUw==","_npmVersion":"10.9.2","description":"Angular diagramming library - Work in progress","directories":{},"_nodeVersion":"22.13.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.0.1_1755683949680_0.5960891865777045","host":"s3://npm-registry-packages-npm-production"}},"0.4.0-beta.1":{"name":"ng-diagram","version":"0.4.0-beta.1","license":"Apache-2.0","_id":"ng-diagram@0.4.0-beta.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"dist":{"shasum":"0820622bcb0e67e1f9059d0a892a02c5369687de","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.4.0-beta.1.tgz","fileCount":267,"integrity":"sha512-LT9Otg1LVSdg1G51Z1I9BkEglzsuymA3gjsrF11Sg3PRpCmy58uxvivvB975XNisJRn2pVhlpw2ZGT2lZeXmlA==","signatures":[{"sig":"MEUCIHI1iWmHjPmgxu/BaZF83Eh7kBejAf5rLAl7ULpAmvL9AiEAkYwj/DnZccNt+mQbEkEG5NCv6KKeOd78KPfe5Si1x1k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1490174},"main":"./fesm2022/ng-diagram.mjs","type":"module","_from":"file:ng-diagram-0.4.0-beta.1.tgz","types":"./index.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"_resolved":"/private/var/folders/mp/m370nkdd0nbb4320ppns0krh0000gp/T/6f8715f1dd818d6ec2f1e90369711320/ng-diagram-0.4.0-beta.1.tgz","_integrity":"sha512-LT9Otg1LVSdg1G51Z1I9BkEglzsuymA3gjsrF11Sg3PRpCmy58uxvivvB975XNisJRn2pVhlpw2ZGT2lZeXmlA==","_npmVersion":"10.9.3","description":"[![npm version](https://badge.fury.io/js/ng-diagram.svg)](https://badge.fury.io/js/ng-diagram) [![License: Apache 2.0](https://img.shields.io/badge/license-Apache%202-blue)](https://opensource.org/license/apache-2-0)","directories":{},"sideEffects":false,"_nodeVersion":"22.4.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.4.0-beta.1_1758183988673_0.8326343731200161","host":"s3://npm-registry-packages-npm-production"}},"0.4.0-beta.2":{"name":"ng-diagram","version":"0.4.0-beta.2","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.4.0-beta.2","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"36969c001b48af5f616c102502bf268a1bdf91c1","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.4.0-beta.2.tgz","fileCount":267,"integrity":"sha512-IBoG4yPUxIWKIN2J6Jk+PkyXJFHxaSUTMCDflkA5Kn1jEaSgEDMEiyHVw417CrtOE3MF9NetvSm7HXRcjuncZA==","signatures":[{"sig":"MEYCIQDj7G21a2Q1+Z8NuZ66kaZapCPuTJfiBGRzeYU0BmlcFAIhAPmugERms3Qj+Do4HvjHggucGd3Do58Ceuu7fV9V+kqH","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1490604},"main":"./fesm2022/ng-diagram.mjs","type":"module","_from":"file:ng-diagram-0.4.0-beta.2.tgz","types":"./index.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"_resolved":"/private/var/folders/mp/m370nkdd0nbb4320ppns0krh0000gp/T/1085cf098d0d46484f541169cf809897/ng-diagram-0.4.0-beta.2.tgz","_integrity":"sha512-IBoG4yPUxIWKIN2J6Jk+PkyXJFHxaSUTMCDflkA5Kn1jEaSgEDMEiyHVw417CrtOE3MF9NetvSm7HXRcjuncZA==","repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.3","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.4.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.4.0-beta.2_1758189393768_0.6516593530070818","host":"s3://npm-registry-packages-npm-production"}},"0.4.0-beta.3":{"name":"ng-diagram","version":"0.4.0-beta.3","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.4.0-beta.3","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"e4bdb4ba95f31853d7b3db2bff867b42567fb817","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.4.0-beta.3.tgz","fileCount":260,"integrity":"sha512-Hoe/QYVRZ31R9qJLzNavt3BH5Xj1Aa8xMFo46vKFkC5OEKmGhZ7Nfd9EVM+y4+17C8jn/wOlozz2BG8kS6rrjg==","signatures":[{"sig":"MEYCIQD6LHWAFeCGqSCJPB7MGLWVKtkV1rklZ+mZv47ogvd4RwIhAOZ9ZY240bew8FuJ+40MBMqTFAlnF4u43lqqSpPw3OYo","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1456224},"main":"./fesm2022/ng-diagram.mjs","type":"module","_from":"file:ng-diagram-0.4.0-beta.3.tgz","types":"./index.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"_resolved":"/private/var/folders/mp/m370nkdd0nbb4320ppns0krh0000gp/T/5baae782ea169aeb7f224e8d8089d40a/ng-diagram-0.4.0-beta.3.tgz","_integrity":"sha512-Hoe/QYVRZ31R9qJLzNavt3BH5Xj1Aa8xMFo46vKFkC5OEKmGhZ7Nfd9EVM+y4+17C8jn/wOlozz2BG8kS6rrjg==","repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.3","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.4.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.4.0-beta.3_1758628599639_0.8794862514407829","host":"s3://npm-registry-packages-npm-production"}},"0.4.0-beta.4":{"name":"ng-diagram","version":"0.4.0-beta.4","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.4.0-beta.4","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"18f74c74d8ba264ecb76d53b581b476d9918d116","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.4.0-beta.4.tgz","fileCount":260,"integrity":"sha512-wkQ5vVM3iJg2JOVEebZqGCYwaNrZu3EI+GC0n+k3ECNrng/ibZB/U1LURU5JPaA5mXnaCCQbbanJckWSBMKg/w==","signatures":[{"sig":"MEYCIQCo9JUzQcFPYz+ylcyphsxk+JJZAow3JYmde6F/l0+igQIhANuUzVDrFi1kV/GHSfguyNrWzb2FDipqI98J+abBYSN7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1475826},"main":"./fesm2022/ng-diagram.mjs","type":"module","_from":"file:ng-diagram-0.4.0-beta.4.tgz","types":"./index.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"_resolved":"/private/var/folders/mp/m370nkdd0nbb4320ppns0krh0000gp/T/bdfb197c1ce05f647f32e800c714b6bd/ng-diagram-0.4.0-beta.4.tgz","_integrity":"sha512-wkQ5vVM3iJg2JOVEebZqGCYwaNrZu3EI+GC0n+k3ECNrng/ibZB/U1LURU5JPaA5mXnaCCQbbanJckWSBMKg/w==","repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.3","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.4.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.4.0-beta.4_1758800293673_0.9468468579922222","host":"s3://npm-registry-packages-npm-production"}},"0.4.0-beta.5":{"name":"ng-diagram","version":"0.4.0-beta.5","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.4.0-beta.5","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"5b82391a88c6875eb13ca4bc06d9ad125f1167ef","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.4.0-beta.5.tgz","fileCount":9,"integrity":"sha512-ENlacuV8VHDXMRbX1Zf4Q9FY9LxVp85KIAEXOd2U+qyq37Hz+tioNuHtdwscq9zYM17KjB2fc3TkcbAIBvbVbA==","signatures":[{"sig":"MEYCIQDgeskIB/gQW8yFgRp5yp0kTcystOqkNVytJkdKJCUeWQIhAJP5cHGvokOgcGsLndDtZlfaNWUxhuZGIobCgGRIA5fw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@0.4.0-beta.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":416738},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"fcba091243a0254f9c53055b299b6088ea56601c","typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.3","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.4.0-beta.5_1760438136096_0.7293275686125917","host":"s3://npm-registry-packages-npm-production"}},"0.8.0":{"name":"ng-diagram","version":"0.8.0","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.8.0","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"53373e36269b8cb513a0d22b9d56e6af7b5214a8","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.8.0.tgz","fileCount":9,"integrity":"sha512-xiHx+l0dBs9wrBF5BBYBpLVTH/ovrZOq5QeQkeCFxPVA81uCqoaBELAjA7AfHpLaBJabNkAK0vTeOJwRY5gtzw==","signatures":[{"sig":"MEQCIBuq4YA8+BSYM0J3xrGwbWW83515pKA6J6/x9aNbU54sAiAU6gWPcXta2SkxxE+fm+Hh73TEQnBzdluNKmb7PfUaZA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@0.8.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":517044},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"475b45e15b95454d628ba6c51049621caf8648b8","typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.4","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.8.0_1762531931299_0.11532655836221961","host":"s3://npm-registry-packages-npm-production"}},"0.8.1":{"name":"ng-diagram","version":"0.8.1","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.8.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"7f10a998a138b1ecb68ba43e9a88892b4af7b2bc","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.8.1.tgz","fileCount":9,"integrity":"sha512-YGwbI4c06a0pSPLz0+9P85ymQSo2/CWOIVKKq6QHrxpr6/6nK/4mAhpgowBn9dON0klrTVVSJ1qBKcNZgoeDqw==","signatures":[{"sig":"MEUCIAZZj8TblpkT+nGnLfhqb2NsGEqf7KzhHxKAnsD1m1KyAiEA0eaNxtMahvxIDGrYhmPyLz+zordLk5kn1obHaoSOfow=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@0.8.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":519078},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"33ee754b06ecd64819af6430d3e6d394db883f25","typings":"index.d.ts","_npmUser":{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"10.9.4","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.8.1_1763642283121_0.34977364820427925","host":"s3://npm-registry-packages-npm-production"}},"0.9.0":{"name":"ng-diagram","version":"0.9.0","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.9.0","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"02ac86b2d5941a28a08c68cce208f9f8be073745","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.9.0.tgz","fileCount":10,"integrity":"sha512-NQxx/FPEXgwGq00Mf04yGik09I+5oQA4KvevTS0zLa9Fqy1yfk2Gu+cxwxKOY9jBw8CIJ5u2WRnK73gNyCykRQ==","signatures":[{"sig":"MEYCIQCNuODRwvpCTj7TA3OO1NTCWuXiTT+dlMuuZp3XUZJHxAIhANLW72S6hk/08BQDWlkKYa1iue/U4X+8ZwpJyFBt1uH3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@0.9.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":564404},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"b5ccb9e67c4b871445c501dc255802aa3f31ca08","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.7.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.9.0_1765544054859_0.3161329794815342","host":"s3://npm-registry-packages-npm-production"}},"0.9.1":{"name":"ng-diagram","version":"0.9.1","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@0.9.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"a4f724b49f142984e8c62d3d5af23893418fa325","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-0.9.1.tgz","fileCount":10,"integrity":"sha512-u/2PEZjyQaiBFSNloZDx1589KiOfwy1Fp4Mk9NHz0RkIAOlnpOqncQUDpPQr00+JTSIm8UqQHLWybAJcgLEVEA==","signatures":[{"sig":"MEQCIBOlqNnq787wtkboo0McpqavJPRkIUFebsLOByAybLWCAiAVbqeQkLx7S2JTOgf+zU6zE0OTn49FcR1EoABlRlLEAw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@0.9.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":564928},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"2c847add448dc978d830f68187aaa41f0cd699ad","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.7.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_0.9.1_1767872949464_0.7587849282984107","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"ng-diagram","version":"1.0.0","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.0.0","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"ac768a185fdd4e5571edb5517a4615ab329be44f","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.0.0.tgz","fileCount":10,"integrity":"sha512-R0NihGsEbkRcaJZktQ4vunDKnP9pMTq5DfWB/tvC5M1aRo9m1ikP9/fIWZ63GZc/JxK/RUM0zisALy2Q1YQhpA==","signatures":[{"sig":"MEUCIQDLbATMgvXm/eGPN98JMPDtIB1CPqxCT6cvdDYNSyFuVgIgOnaspcTYgfzYBaHdPi1SH1yx5r82m+OZGY5U5Gbick0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":655240},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"22febace0883877967882e0399f1c7a77666cb92","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.9.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.0.0_1770385943977_0.25230907577319495","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"ng-diagram","version":"1.1.0","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.1.0","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"577f423d999fbdc0d0fbaa4f13933d92b0e28ebb","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.1.0.tgz","fileCount":10,"integrity":"sha512-HFeVpuhP69Q8aNqgR2f48J5M2JBMRVLuScbsqAPrV0M2+FV9Bq7/8s1ledmlpzTnW9tHxf0Il+3jcXemTvqO2A==","signatures":[{"sig":"MEYCIQCpVEPXSB95lGR95Tva4oN2JXIQnlxnJc8OC2LV5xwM1wIhAI9IowUHNm+CsYvDu+FrAo7iWoI3506SL9/0aNLmmTHS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":681564},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"5f36a2fcbfe2ecbeb6db43303498527b71138297","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.1.0_1772199816305_0.9107064336034265","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"ng-diagram","version":"1.1.1","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.1.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"d0b5a5d8c594f35aa3aa6348d4a99931de6370ba","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.1.1.tgz","fileCount":10,"integrity":"sha512-4KGnvuKCQ2rCDZmWCFC87QS/5bKvT92p4CGJT2VnekAPacCW2Y+kMfXo9/SxvBxpqVQIVLkXdcjYgd3OYZCYkQ==","signatures":[{"sig":"MEYCIQDqoBNsJeGxb8IoxkA+xz8XEnpzuTPWlEbkSKvWyA8p9gIhAJ6KRgwQjBBhQfZ6kFDiY48N+Xy4UP5m9Gboie33LIhs","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.1.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":681564},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"0206e8b83af290be0621d0498b551af2807a6a3a","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.1","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.1.1_1773328238857_0.05137094941112208","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"ng-diagram","version":"1.1.2","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.1.2","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"115eda68e0818961554a58acb311ff912d6084d6","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.1.2.tgz","fileCount":10,"integrity":"sha512-L+dmvZqRygnq87Bj9ZrSokM8V988lH302zu0VwkhaUpWvB3Jm3cxWp3vc2cINwWYntfmz3/VK15xwGgs0coD8Q==","signatures":[{"sig":"MEUCIQDkSW+7eNDunjobF1y8Lnnlx10cGZD/1LXGtvLbvhq7igIgLj3wlmKQN0cJ5FOUNb0bByuAORaCgNoYZ+83qQJ22Rk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.1.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":682107},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"fd4d85bece1c135f59c38726876178b2788ac3e3","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.1","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"22.22.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.1.2_1773760988685_0.7193662044567875","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"ng-diagram","version":"1.2.0","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.2.0","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"440fd0b7b280f8df24103f2dadb3098779e4b5ed","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.2.0.tgz","fileCount":10,"integrity":"sha512-NgFgUyEbu1CGEBhLph/O9wcItTjah1vR3yjkcNd2uU+70NOQrNY5UJ3zl1aM/KyH5mxrsYdTaKp+/EwQ956M6A==","signatures":[{"sig":"MEQCID/WeUjOpeFvSa6PHY3offFIC1a4yTv9uPRJ7MQWNsoYAiAjY47Xd4URUPdcxKjYCp0fLX31hqc/EtPLGomrotagSg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":695736},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"65a2ca16bc1c0082de8ff8733b3d8f9b31d4e34e","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.2.0_1776694101364_0.9871222504448851","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"ng-diagram","version":"1.2.1","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.2.1","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"5a8c873eeea8df1a52f72051ee598b55d912f6fc","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.2.1.tgz","fileCount":10,"integrity":"sha512-TfTiXUm5O4f19lWgVYUURIlT29odyjfzJK3gAsfF4AZEJ/h/29ofXklumtw9A3QciQeWUVEI2LRI5MkuhXF/Kw==","signatures":[{"sig":"MEQCICm5pp1eRKmExAqLR+ri1aTX+T48ll6IDTXXJSlF9s9fAiAEeDUeVavZzXIhjzSUTG9UE2y6uVXPmCuYXSVezd+99A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.2.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":696832},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"693cbb67e5d6f5ac41552e58c7255bb2635bd3a7","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.2.1_1776773278162_0.07080570329938829","host":"s3://npm-registry-packages-npm-production"}},"1.2.2":{"name":"ng-diagram","version":"1.2.2","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.2.2","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"a131c3db654534dbad84cf120221f84a1e16e799","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.2.2.tgz","fileCount":10,"integrity":"sha512-gD6NobgOG2VVAr5JW1GHYgiyqy+yvzRWT4nT5eK/QLXAcw27zJZVgW5aAjLYzRWHBgQpMlJl7MjBAeIY6xdYYQ==","signatures":[{"sig":"MEYCIQDQGjHtlU9Q+m0tm0cKa13NqcM0s1eeVY43i+RsLxFZEAIhALwx6Mi7Ohjr0FW5HyjaER4cpvjbjAaj/H0suq3FJg1O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.2.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":695903},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"f1dd029e7e88d1b9668e26e71654615528859899","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.2.2_1777554407818_0.8645723395528744","host":"s3://npm-registry-packages-npm-production"}},"1.2.3":{"name":"ng-diagram","version":"1.2.3","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.2.3","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"380d12c09b6a82b3f051f97e6ede7407a06a8b36","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.2.3.tgz","fileCount":10,"integrity":"sha512-8r5dEftnh5mmFNj8XINxLijHlsvvLGTVNBgWbzTQBiSO/IsYTZ3ES0WtpD+LKsGkfBSq4R/jycteorIC2y+I1Q==","signatures":[{"sig":"MEUCIQC3RMrUtVVdaG/jgrX+dJYxN7VgcwCoB8oUPzkAFT6ORQIgEnVTMgr51YWb7YFyEHbv21Iz7hNwGMOcrecz3iVETic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.2.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":705768},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"835c0f528f4259de2ed9452321bafeddc6b45096","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.11.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"24.14.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.2.3_1778162507132_0.29973165342227803","host":"s3://npm-registry-packages-npm-production"}},"1.2.4":{"name":"ng-diagram","version":"1.2.4","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"license":"Apache-2.0","_id":"ng-diagram@1.2.4","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"homepage":"https://www.ngdiagram.dev/docs","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"dist":{"shasum":"bedac0632eb7e266f62be7070d357a18121caca2","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.2.4.tgz","fileCount":10,"integrity":"sha512-Md6JANZWRGsy5wbOVmuPfw19+J+0ITiPoR8/0lFJKfUeshDBNHCygJ7d7H2NrLn2OfP0v0Wv5qX26jsHMR4wAw==","signatures":[{"sig":"MEUCIQCHcheQKKr+Afa4+FxUpNECpgHPPYIz0bg/up4380LdVgIgQnm3KvfTcuGe5ag7hVnKyaqg7oFbsyd3LrMORHGYXn8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.2.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":706973},"main":"./fesm2022/ng-diagram.mjs","type":"module","types":"./ng-diagram.d.ts","module":"fesm2022/ng-diagram.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./tokens.css":"./tokens.css","./package.json":{"default":"./package.json"},"./primitives.css":"./primitives.css"},"gitHead":"bd65250976748187d39ff5c91e7f5256a0c7b147","typings":"index.d.ts","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"repository":{"url":"git+https://github.com/synergycodes/ng-diagram.git","type":"git"},"_npmVersion":"11.13.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-diagram_1.2.4_1780431639635_0.45448002320389547","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"ng-diagram","version":"1.3.0","description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"repository":{"type":"git","url":"git+https://github.com/synergycodes/ng-diagram.git"},"homepage":"https://www.ngdiagram.dev/docs","license":"Apache-2.0","type":"module","main":"./fesm2022/ng-diagram.mjs","types":"./ng-diagram.d.ts","peerDependencies":{"@angular/common":">=18.0.0","@angular/core":">=18.0.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/ng-diagram.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/ng-diagram.mjs"},"./styles.css":"./styles.css","./primitives.css":"./primitives.css","./tokens.css":"./tokens.css"},"gitHead":"29bb7b0f83786718d152c29553268efbfb275b15","_id":"ng-diagram@1.3.0","bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-XGwEPIZu2DzrHiyoPQQDwndMD9dbf42N3qSlrdhMVGjjTHsopjdnyRWKB/DMZrgx9JqVE5ljWF7eyANNbZrCtw==","shasum":"baf02b3d2cc4784427d6eca6fa35fce13d15cc92","tarball":"https://registry.npmjs.org/ng-diagram/-/ng-diagram-1.3.0.tgz","fileCount":10,"unpackedSize":759545,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/ng-diagram@1.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBWs2OGGMFV9B4YgfADUKgWH5bsvu/Mi1kcI5Pu/y7SEAiBPZQEOR1lApX4pc1NxoBjH0z4abjEGoD9A5VuXnpVUtw=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:9155d4bb-cb54-4812-9c27-b05231769fe6"}},"directories":{},"maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ng-diagram_1.3.0_1786433918151_0.7506542947481174"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-20T09:59:09.581Z","modified":"2026-08-11T07:38:38.791Z","0.0.1":"2025-08-20T09:59:09.871Z","0.4.0-beta.1":"2025-09-18T08:26:28.871Z","0.4.0-beta.2":"2025-09-18T09:56:33.969Z","0.4.0-beta.3":"2025-09-23T11:56:39.876Z","0.4.0-beta.4":"2025-09-25T11:38:13.911Z","0.4.0-beta.5":"2025-10-14T10:35:36.297Z","0.8.0":"2025-11-07T16:12:11.507Z","0.8.1":"2025-11-20T12:38:03.356Z","0.9.0":"2025-12-12T12:54:15.010Z","0.9.1":"2026-01-08T11:49:09.620Z","1.0.0":"2026-02-06T13:52:24.125Z","1.1.0":"2026-02-27T13:43:36.463Z","1.1.1":"2026-03-12T15:10:39.212Z","1.1.2":"2026-03-17T15:23:08.876Z","1.2.0":"2026-04-20T14:08:21.599Z","1.2.1":"2026-04-21T12:07:58.367Z","1.2.2":"2026-04-30T13:06:48.022Z","1.2.3":"2026-05-07T14:01:47.348Z","1.2.4":"2026-06-02T20:20:39.829Z","1.3.0":"2026-08-11T07:38:38.376Z"},"bugs":{"url":"https://github.com/synergycodes/ng-diagram/issues"},"license":"Apache-2.0","homepage":"https://www.ngdiagram.dev/docs","keywords":["angular","node-based UI","graph","diagram","workflow","flow","flowchart","ngdiagram"],"repository":{"type":"git","url":"git+https://github.com/synergycodes/ng-diagram.git"},"description":"A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces","maintainers":[{"name":"synergycodes-engineering","email":"engineering@synergycodes.com"}],"readme":"# ng-diagram\n\n[![npm version](https://badge.fury.io/js/ng-diagram.svg)](https://badge.fury.io/js/ng-diagram)\n[![License: Apache 2.0](https://img.shields.io/badge/license-Apache%202-blue)](https://opensource.org/license/apache-2-0)\n\nA robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces. Designed with Angular and TypeScript, it offers a complete toolkit to create sophisticated, customizable, and high-performance diagramming applications.\n\nUnlike generic diagramming libraries, **ng-diagram** is Angular-first - built on Angular signals and templates for seamless integration and performance.\n\n![Interactive ng-diagram editor: custom Angular components as nodes โ€” including a live chart โ€” with groups, edge drawing, rotation, and zooming](https://raw.githubusercontent.com/synergycodes/ng-diagram/main/.github/assets/ngdiagram-hero.gif)\n\n## โœจ Features\n\n- **๐ŸŽฏ Interactive Elements**: Draggable, resizable, and rotatable nodes\n- **๐Ÿ”— Flexible Edges**: Orthogonal, polyline, and bezier routing, custom arrowheads, labels, and floating edges that connect without ports\n- **๐Ÿงฉ Custom Templates**: Your own Angular components as nodes and edges โ€” templates, signals, DI, everything works\n- **๐Ÿ“ฆ Groups**: Container nodes with nesting and group-aware dragging\n- **๐ŸŽ›๏ธ Rich Interactions**: Selection, box selection, copy/paste, snapping, panning, zooming, and more\n- **โŒจ๏ธ Keyboard Shortcuts**: Configurable, platform-aware bindings for all common actions\n- **๐Ÿ“ฑ Touch Support**: Pinch zoom, two-finger panning, and long-press box selection out of the box\n- **๐Ÿ—บ๏ธ Minimap**: Bird's-eye overview widget with click-and-drag navigation\n- **๐ŸŽจ Consistent Styling**: Built-in design system with CSS variables and light/dark themes\n- **๐Ÿ–ฑ๏ธ Embedded Palette**: Built-in drag-and-drop palette system for adding nodes to diagrams\n- **โšก Performance**: Signal-based reactivity, spatial hashing, and viewport virtualization for large diagrams\n- **๐Ÿ”Œ Extensible Architecture**: Middleware pipeline for custom behaviors and business logic\n- **๐Ÿค– AI-Ready Docs**: Official [MCP server](https://www.npmjs.com/package/@ng-diagram/mcp) lets AI assistants search the docs and API from your editor\n\n## ๐Ÿ“š What You Can Build\n\nWith ng-diagram, you can create:\n\n- **Flow Diagrams**: Process flows, decision trees, and workflow visualizations\n- **Node-Based Editors**: Visual programming interfaces and data flow editors\n- **Network Diagrams**: System architectures and network topologies\n- **Mind Maps**: Hierarchical information structures and brainstorming tools\n- **Circuit Diagrams**: Electronic schematics and technical drawings\n- **Custom Visualizations**: Any diagram type with custom node and edge templates\n\nSee our [Templates](#-templates) for production-ready examples you can fork and customize.\n\n## ๐ŸŽฎ Try the Demo\n\nSee ng-diagram in action: **[Live Demo](https://synergycodes.github.io/ng-diagram-demo/)** | **[Source Code](https://github.com/synergycodes/ng-diagram-demo)**\n\n## ๐Ÿงฉ Templates\n\nProduction-ready starter kits built with ng-diagram. Fork, customize, ship.\n\n| Template | Description | Demo | Source |\n| ----------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ------------------------------------------------------------------------ |\n| **Org Chart** | Tree-based org chart with drag-and-drop reordering, expand/collapse, ELK.js layout, minimap, dark/light theme | [Live Demo](https://www.ngdiagram.dev/templates/org-chart/) | [Source](https://github.com/synergycodes/ng-diagram-orgchart) |\n| **Electric Circuit** | Electronic circuit editor with a searchable SVG parts library, smart wire junctions, and SVG/JPEG/JSON export | [Live Demo](https://www.ngdiagram.dev/templates/electric-circuit/) | [Source](https://github.com/synergycodes/ng-diagram-electric-circuit) |\n| **Single-Line Diagram** | High-voltage substation SLD editor with IEC 60617 symbols and a schema-driven properties panel | [Live Demo](https://www.ngdiagram.dev/templates/single-line-diagram/) | [Source](https://github.com/synergycodes/ng-diagram-single-line-diagram) |\n| **AV Schematic** | Audio/video signal-flow editor with typed connectors (XLR, HDMI, Speakon) and PNG/DXF export for AutoCAD | [Live Demo](https://www.ngdiagram.dev/templates/av/) | [Source](https://github.com/synergycodes/ng-diagram-av-schematic) |\n\n## ๐Ÿš€ Quick Start\n\n### Installation\n\n```bash\nnpm install ng-diagram\n```\n\n### Import Styles\n\n**โš ๏ธ Important:** You must import the required styles for the diagram to display correctly.\nBecause the library uses **CSS variables**, import the stylesheet in your **global file** (e.g. `src/styles.scss`), not inside a component.\n\n```css\n/* src/styles.scss */\n@import 'ng-diagram/styles.css';\n```\n\n### Create Your First Diagram\n\n```typescript\nimport { Component } from '@angular/core';\nimport { NgDiagramComponent, initializeModel, provideNgDiagram } from 'ng-diagram';\n\n@Component({\n imports: [NgDiagramComponent],\n providers: [provideNgDiagram()],\n template: ` `,\n styles: `\n :host {\n display: flex;\n height: 300px;\n }\n `,\n})\nexport class MyDiagramComponent {\n model = initializeModel({\n nodes: [\n { id: '1', position: { x: 100, y: 150 }, data: { label: 'Node 1' } },\n { id: '2', position: { x: 400, y: 150 }, data: { label: 'Node 2' } },\n ],\n edges: [\n {\n id: '1',\n source: '1',\n sourcePort: 'port-right',\n targetPort: 'port-left',\n target: '2',\n data: {},\n },\n ],\n });\n}\n```\n\nThat's it! You now have a working diagram with default node and edge templates.\n\n## ๐ŸŽจ Customization\n\n### Custom Nodes\n\nCreate custom node components with any Angular template:\n\n```typescript\nimport { Component, input } from '@angular/core';\nimport { NgDiagramPortComponent, type NgDiagramNodeTemplate, type Node } from 'ng-diagram';\n\ntype CustomNodeData = { title: string; description: string };\n\n@Component({\n selector: 'app-custom-node',\n imports: [NgDiagramPortComponent],\n template: `\n
\n

{{ node().data.title }}

\n

{{ node().data.description }}

\n
\n \n \n `,\n styles: [\n `\n .custom-node {\n background: #fff;\n border: 2px solid #333;\n border-radius: 8px;\n padding: 16px;\n min-width: 200px;\n }\n `,\n ],\n})\nexport class CustomNodeComponent implements NgDiagramNodeTemplate {\n node = input.required>();\n}\n```\n\n### Custom Edges\n\nCreate custom edge components with unique visual styles:\n\n```typescript\nimport { Component, input } from '@angular/core';\nimport { NgDiagramBaseEdgeComponent, type Edge, type NgDiagramEdgeTemplate } from 'ng-diagram';\n\n@Component({\n selector: 'app-custom-edge',\n imports: [NgDiagramBaseEdgeComponent],\n template: ` `,\n})\nexport class CustomEdgeComponent implements NgDiagramEdgeTemplate {\n edge = input.required();\n}\n```\n\n## ๐Ÿ› ๏ธ Core Building Blocks\n\nThe library ships **components** for the diagram canvas, backgrounds, ports, palette, and minimap; **injectable services** (model, nodes, selection, viewport, clipboard, groups) for programmatic control; and **directives** for selection and highlight styling. Start with the [Services guide](https://www.ngdiagram.dev/docs/intro/services/) and browse the full API reference in the [documentation](https://www.ngdiagram.dev/docs).\n\n## ๐Ÿ‘ฉโ€๐Ÿ’ป About the Creators\n\nng-diagram is built and maintained by [**Synergy Codes**](https://www.synergycodes.com) - a team of developers whoโ€™ve spent **over a decade designing and delivering diagramming solutions** for clients worldwide.\n\nWe are continuously distilling everything we know about building interactive diagrams, editors, and visual tools into this library. Our goal is simple: to empower Angular developers to create diagramming applications faster, easier, and with confidence.\n\nWhen you use this library, you can be sure youโ€™re in **good hands** - backed by a team that knows diagrams inside out.\n\n## ๐Ÿ“– Documentation\n\nFor comprehensive documentation, examples, and API reference, visit:\n\n**๐Ÿ“š [Full Documentation](https://www.ngdiagram.dev/docs)**\n\nThe documentation includes:\n\n- Detailed API reference\n- Interactive examples\n- Customization guides\n- Best practices\n- Advanced use cases\n\n## ๐Ÿค– MCP Server\n\nUse AI assistants like Claude, Cursor, or Windsurf to search ng-diagram docs and API directly from your editor. No browser needed.\n\n```json\n{\n \"mcpServers\": {\n \"ng-diagram-docs\": {\n \"command\": \"npx\",\n \"args\": [\"-y\", \"@ng-diagram/mcp\"]\n }\n }\n}\n```\n\nSee [@ng-diagram/mcp](https://www.npmjs.com/package/@ng-diagram/mcp) for setup details and Windows configuration.\n\n## ๐Ÿ”ง Requirements\n\n- **Angular**: 18.0.0 or higher\n- **TypeScript**: 5.6.0 or higher\n- **Node.js**: 18.19.1 or higher\n\n## ๐Ÿ“„ License\n\nThis project is licensed under the Apache 2.0 License - see the [LICENSE](https://github.com/synergycodes/ng-diagram/blob/main/LICENSE) file for details.\n\n## ๐Ÿ”— Links\n\n- **Documentation**: [https://www.ngdiagram.dev/docs](https://www.ngdiagram.dev/docs)\n- **GitHub**: [https://github.com/synergycodes/ng-diagram](https://github.com/synergycodes/ng-diagram)\n- **NPM**: [https://www.npmjs.com/package/ng-diagram](https://www.npmjs.com/package/ng-diagram)\n- **MCP Server**: [@ng-diagram/mcp](https://www.npmjs.com/package/@ng-diagram/mcp) - let AI assistants search ng-diagram docs and API\n- **Website**: [https://www.ngdiagram.dev](https://www.ngdiagram.dev)\n\n## ๐Ÿ†˜ Support\n\n- **Issues**: [GitHub Issues](https://github.com/synergycodes/ng-diagram/issues)\n- **Discussions**: [GitHub Discussions](https://github.com/synergycodes/ng-diagram/discussions), [Discord](https://discord.gg/FDMjRuarFb)\n- **Project consulting**: [Contact](https://www.ngdiagram.dev/contact)\n- **Documentation**: [https://www.ngdiagram.dev/docs](https://www.ngdiagram.dev/docs)\n\n---\n\nBuilt with โค๏ธ by the [Synergy Codes](https://www.synergycodes.com/) team\n","readmeFilename":"README.md"}