{"_id":"@denysvuika/ng-bpmn","_rev":"2-096ec545a3b4ce657cf73d9c47c9f53c","name":"@denysvuika/ng-bpmn","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@denysvuika/ng-bpmn","version":"0.0.1","license":"MIT","author":{"name":"Denys Vuika","email":"denys.vuika@gmail.com","url":"https://denys.dev"},"repository":{"type":"git","url":"git+https://github.com/DenysVuika/ng-bpmn.git"},"homepage":"https://github.com/DenysVuika/ng-bpmn","bugs":{"url":"https://github.com/DenysVuika/ng-bpmn/issues"},"peerDependencies":{"@angular/common":"^16.0.0","@angular/core":"^16.0.0","rxjs":"7.8.1"},"dependencies":{"bpmn-js":"^13.0.4","bpmn-js-properties-panel":"^1.22.0","diagram-js":"^12.0.2","tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/denysvuika-ng-bpmn.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/denysvuika-ng-bpmn.mjs","esm":"./esm2022/denysvuika-ng-bpmn.mjs","default":"./fesm2022/denysvuika-ng-bpmn.mjs"}},"gitHead":"99e8d443204482bf538cfaf870b64e89a621ba83","description":"Standalone BPMN components for your Angular applications.","_id":"@denysvuika/ng-bpmn@0.0.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-RjYL7bvFs2GDAouEL8goj224iwFy9+vwbSICDmEXdVOTDW0iJyyEEBMU79LoZSVgqy2FKLzauvexiwqkQoLByQ==","shasum":"e901d3bd9a47efa9e89236207a356a06df28fba5","tarball":"https://registry.npmjs.org/@denysvuika/ng-bpmn/-/ng-bpmn-0.0.1.tgz","fileCount":22,"unpackedSize":452460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQi1fQS1I8PMqmlLnSOkyxlANHIGzKBa7IhBSGOoMFdAIhAOg3SFSy1ns8SA2EEl1fUPhvLG6vcdHht2cTxPsTmGUp"}]},"_npmUser":{"name":"denysvuika","email":"denys.vuika@gmail.com"},"directories":{},"maintainers":[{"name":"denysvuika","email":"denys.vuika@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-bpmn_0.0.1_1683550244577_0.04717107934041209"},"_hasShrinkwrap":false},"0.0.2":{"name":"@denysvuika/ng-bpmn","version":"0.0.2","license":"MIT","author":{"name":"Denys Vuika","email":"denys.vuika@gmail.com","url":"https://denys.dev"},"repository":{"type":"git","url":"git+https://github.com/DenysVuika/ng-bpmn.git"},"homepage":"https://github.com/DenysVuika/ng-bpmn","bugs":{"url":"https://github.com/DenysVuika/ng-bpmn/issues"},"peerDependencies":{"@angular/common":"^16.0.0","@angular/core":"^16.0.0","rxjs":"7.8.1"},"dependencies":{"bpmn-js":"^13.0.4","bpmn-js-properties-panel":"^1.22.0","diagram-js-minimap":"^4.1.0","diagram-js":"^12.0.2","tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/denysvuika-ng-bpmn.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/denysvuika-ng-bpmn.mjs","esm":"./esm2022/denysvuika-ng-bpmn.mjs","default":"./fesm2022/denysvuika-ng-bpmn.mjs"}},"gitHead":"194f573f1752e8f259b7f07cd5c2977a024a62a4","description":"Standalone BPMN components for your Angular applications.","_id":"@denysvuika/ng-bpmn@0.0.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Y1UJleP9LMxNrtxs6ZyucFgSnk0mX4n8Z4rxK7AwMdWp34okIPOcAQuEuwNQi4z6bLMcTWAazgqUSHWxdTECmA==","shasum":"79582f300001ebd48a1b219f2a0b907c0a35b4b8","tarball":"https://registry.npmjs.org/@denysvuika/ng-bpmn/-/ng-bpmn-0.0.2.tgz","fileCount":26,"unpackedSize":1001781,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYtSoLoPnpNtQPxg8mPDinIeMzsNMXYHVkSIY1uDU2tQIhAOxV88CCppby20LYkrW63ZxnxkHO6EqAf/OoHUTWPQvH"}]},"_npmUser":{"name":"denysvuika","email":"denys.vuika@gmail.com"},"directories":{},"maintainers":[{"name":"denysvuika","email":"denys.vuika@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-bpmn_0.0.2_1683621193092_0.8479027904838499"},"_hasShrinkwrap":false},"0.0.3":{"name":"@denysvuika/ng-bpmn","version":"0.0.3","license":"MIT","author":{"name":"Denys Vuika","email":"denys.vuika@gmail.com","url":"https://denys.dev"},"repository":{"type":"git","url":"git+https://github.com/DenysVuika/ng-bpmn.git"},"homepage":"https://github.com/DenysVuika/ng-bpmn","bugs":{"url":"https://github.com/DenysVuika/ng-bpmn/issues"},"peerDependencies":{"@angular/common":"^16.0.0","@angular/core":"^16.0.0","rxjs":"7.8.1"},"dependencies":{"@bpmn-io/add-exporter":"^0.2.0","bpmn-js":"^13.0.4","bpmn-js-properties-panel":"^1.22.0","diagram-js-minimap":"^4.1.0","diagram-js":"^12.0.2","dmn-js":"^14.1.5","dmn-js-properties-panel":"^1.3.2","cmmn-js":"^0.20.0","cmmn-js-properties-panel":"^0.9.0","hotkeys-js":"^3.10.2","tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/denysvuika-ng-bpmn.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/denysvuika-ng-bpmn.mjs","esm":"./esm2022/denysvuika-ng-bpmn.mjs","default":"./fesm2022/denysvuika-ng-bpmn.mjs"}},"gitHead":"871c61cdb13ab5c85b45e59369dff5e536102f9b","description":"Standalone BPMN components for your Angular applications.","_id":"@denysvuika/ng-bpmn@0.0.3","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-nNkY5+xzbaVixUJdh3vYByJc+OA8xi17+jj19XFck02OlyC9f6d8q8gx4LuqrgIik5x334AuB0J3ZGBz6mM5tA==","shasum":"5111ffd20794998d21bd4eb922921f29726417a5","tarball":"https://registry.npmjs.org/@denysvuika/ng-bpmn/-/ng-bpmn-0.0.3.tgz","fileCount":57,"unpackedSize":737962,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBraflglRhai7WmKBXuYdLKXyAtlICTsEjqk+73NNmPaAiEAigF119W+d5TjlHe2o7rWkEbs1epTyGpXfhltC0zW1NU="}]},"_npmUser":{"name":"denysvuika","email":"denys.vuika@gmail.com"},"directories":{},"maintainers":[{"name":"denysvuika","email":"denys.vuika@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-bpmn_0.0.3_1684003325105_0.9307272258263308"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-08T12:50:44.513Z","0.0.1":"2023-05-08T12:50:44.791Z","modified":"2023-05-13T18:42:05.409Z","0.0.2":"2023-05-09T08:33:13.370Z","0.0.3":"2023-05-13T18:42:05.295Z"},"maintainers":[{"name":"denysvuika","email":"denys.vuika@gmail.com"}],"description":"Standalone BPMN components for your Angular applications.","homepage":"https://github.com/DenysVuika/ng-bpmn","repository":{"type":"git","url":"git+https://github.com/DenysVuika/ng-bpmn.git"},"author":{"name":"Denys Vuika","email":"denys.vuika@gmail.com","url":"https://denys.dev"},"bugs":{"url":"https://github.com/DenysVuika/ng-bpmn/issues"},"license":"MIT","readme":"# Angular BPMN\n\nStandalone BPMN components for your Angular applications.\n\n## Getting Started\n\nInstall the dependency:\n\n```sh\nnpm i @DenysVuika/ng-bpmn\n```\n\n## BPMN\n\n```html\n<ng-bpmn [url]=\"diagramUrl\" />\n```\n\n![default](https://github.com/DenysVuika/ng-bpmn/blob/main/libs/ng-bpmn/docs/ng-bpmn-default.png?raw=true)\n\n### Keyboard Hotkeys\n\n```html\n<ng-bpmn [url]=\"diagramUrl\" [hotkeys]=\"true\" />\n```\n\nSupported hotkeys:\n\n| Keys | MacOS | Action |\n| --- | --- | --- |\n| `Ctrl`+`a` | `Command`+`a` | select all |\n| `e` | `e` | direct editing |\n| `h` | `h` | hand tool |\n| `l` | `l` | lasso tool |\n| `s` | `s` | space tool |\n| `c` | `c` | global connect tool |\n| `Ctrl`+`=` | `Command`+`=` | zoom in |\n| `Ctrl`+`-` | `Command`+`-` | zoom out |\n| `Ctrl`+`0` | `Command`+`0` | reset zoom |\n| `Ctrl`+`9` | `Command`+`9` | zoom to fit |\n| `Ctrl`+`z` | `Command`+`z` | undo |\n| `Ctrl`+`Shift`+`z` | `Command`+`Shift`+`z` | redo |\n| `Backspace` | `Backspace` | remove selection |\n| `Ctrl`+`c` | `Command`+`c` | copy selection |\n| `Ctrl`+`v` | `Command`+`v` | paste |\n| `Ctrl`+`x` | `Command`+`x` | cut selection |\n| `Ctrl`+`f` | `Command`+`f` | find |\n\n### Invoking Component API\n\nYou can get the reference to the `ng-bpmn` component, and pass to the underlying application code.\n\n> For the sake of simplicity, some of the code was omitted.\n\n`app.component.html`\n\n```html\n<ng-bpmn #bpmn [url]=\"diagramUrl\" />\n<button (click)=\"exportSVG(bpmn)\">Export SVG</button>\n```\n\n`app.component.ts`\n\n```ts\nimport { saveAs } from 'file-saver';\n\nexport class AppComponent {\n  exportSVG(bpmnComponent: NgBpmnComponent) {\n    bpmnComponent.saveXML().then((content) => {\n      if (content) {\n        const blob = new Blob([content]);\n        saveAs(blob, 'diagram.xml');\n      }\n    });\n  }\n}\n```\n\n### Properties Panel\n\n```html\n<ng-bpmn [url]=\"diagramUrl\" [showProperties]=\"true\" />\n```\n\n![properties panel](https://github.com/DenysVuika/ng-bpmn/blob/main/libs/ng-bpmn/docs/ng-bpmn-properties.png?raw=true)\n\n### Minimap\n\n```html\n<ng-bpmn [url]=\"diagramUrl\" [showProperties]=\"true\" [showMinimap]=\"true\" />\n```\n\n![minimap](https://github.com/DenysVuika/ng-bpmn/blob/main/libs/ng-bpmn/docs/ng-bpmn-minimap.png?raw=true)\n\n## DMN\n\n```html\n<ng-dmn [url]=\"diagramUrl\" />\n```\n\n### Properties Panel\n\n```html\n<ng-dmn [url]=\"diagramUrl\" [showProperties]=\"true\" />\n```\n\n### Keyboard Hotkeys\n\n```html\n<ng-dmn [url]=\"diagramUrl\" [hotkeys]=\"true\" />\n```\n\nSupported hotkeys:\n\n| Keys | MacOS | Action |\n| --- | --- | --- |\n| `Ctrl`+`a` | `Command`+`a` | select all |\n| `e` | `e` | direct editing |\n| `h` | `h` | hand tool |\n| `l` | `l` | lasso tool |\n| `Ctrl`+`=` | `Command`+`=` | zoom in |\n| `Ctrl`+`-` | `Command`+`-` | zoom out |\n| `Ctrl`+`0` | `Command`+`0` | reset zoom |\n| `Ctrl`+`9` | `Command`+`9` | zoom to fit |\n| `Ctrl`+`z` | `Command`+`z` | undo |\n| `Ctrl`+`Shift`+`z` | `Command`+`Shift`+`z` | redo |\n| `Backspace` | `Backspace` | remove selection |\n\n## CMMN\n\n```html\n<ng-cmmn [url]=\"diagramUrl\" />\n```\n\n### Properties Panel\n\n```html\n<ng-cmmn [url]=\"diagramUrl\" [showProperties]=\"true\" />\n```\n\n### Keyboard Hotkeys\n\n```html\n<ng-cmmn [url]=\"diagramUrl\" [hotkeys]=\"true\" />\n```\n\nSupported hotkeys:\n\n| Keys | MacOS | Action |\n| --- | --- | --- |\n| `Ctrl`+`a` | `Command`+`a` | select all |\n| `e` | `e` | direct editing |\n| `h` | `h` | hand tool |\n| `l` | `l` | lasso tool |\n| `c` | `c` | global connect tool |\n| `Ctrl`+`=` | `Command`+`=` | zoom in |\n| `Ctrl`+`-` | `Command`+`-` | zoom out |\n| `Ctrl`+`0` | `Command`+`0` | reset zoom |\n| `Ctrl`+`9` | `Command`+`9` | zoom to fit |\n| `Ctrl`+`z` | `Command`+`z` | undo |\n| `Ctrl`+`Shift`+`z` | `Command`+`Shift`+`z` | redo |\n| `Backspace` | `Backspace` | remove selection |\n| `Ctrl`+`f` | `Command`+`f` | find |\n","readmeFilename":"README.md"}