Adding bpmn-js-properties-panel in angular & bpmn-js-modeler issue

Could you please help on this issue

Thanks,
Kishore

Could you explain your issue in a structured and detailed manner, so anyone has a fair chance to understand your use case?

If you are stuck with a particular problem, provide the necessary context. Phrase your post so that we can follow your line of thought, step by step.

Please revise your post; we may not be able to help you otherwise. We may also close topics of low quality to prevent spam.

Thanks :heart:

Thanks you for the response,

Integrated the bpmn-js modeler with my angular project. then when I adding the properties-panel to my angular project. these are below dependencies using my angular project

“dependencies”: {
@angular/animations”: “^15.0.0”,
@angular/common”: “^15.0.0”,
@angular/compiler”: “^15.0.0”,
@angular/core”: “^15.0.0”,
@angular/forms”: “^15.0.0”,
@angular/platform-browser”: “^15.0.0”,
@angular/platform-browser-dynamic”: “^15.0.0”,
@angular/router”: “^15.0.0”,
@bpmn-io/properties-panel”: “^1.1.1”,
@ng-bootstrap/ng-bootstrap”: “^14.0.0”,
@popperjs/core”: “^2.11.6”,
“bootstrap”: “^5.1.3”,
“bootstrap-icons”: “^1.8.3”,
“bpmn-js”: “^11.1.1”,
“bpmn-js-properties-panel”: “^1.15.1”,
“camunda-bpmn-moddle”: “^7.0.1”,
“core-js”: “^3.6.5”, “diagram-js”: “^7.0.0”,
“dmn-js”: “^14.0.2”, “rxjs”: “~7.5.0”,
“tslib”: “^2.3.0”, “zone.js”: “~0.12.0” }

I am getting below errors,

./node_modules/bpmn-js-properties-panel/dist/index.esm.js:2856:8-14 - Error: export ‘isUndo’ (imported as ‘isUndo’) was not found in ‘diagram-js/lib/features/keyboard/KeyboardUtil’ (possible exports: hasModifier, isCmd, isKey, isShift)

./node_modules/bpmn-js-properties-panel/dist/index.esm.js:2860:8-14 - Error: export ‘isRedo’ (imported as ‘isRedo’) was not found in ‘diagram-js/lib/features/keyboard/KeyboardUtil’ (possible exports: hasModifier, isCmd, isKey, isShift)

Thanks,
Kishore

Please update your dependencies. diagram-js@7 is very old.

“dependencies”: {
@angular/animations”: “^15.0.0”,
@angular/common”: “^15.0.0”,
@angular/compiler”: “^15.0.0”,
@angular/core”: “^15.0.0”,
@angular/forms”: “^15.0.0”,
@angular/platform-browser”: “^15.0.0”,
@angular/platform-browser-dynamic”: “^15.0.0”,
@angular/router”: “^15.0.0”,
@bpmn-io/properties-panel”: “^1.1.1”,
@ng-bootstrap/ng-bootstrap”: “^14.0.0”,
@popperjs/core”: “^2.11.6”,
“bootstrap”: “^5.1.3”,
“bootstrap-icons”: “^1.8.3”,
“bpmn-js”: “^11.1.1”,
“bpmn-js-properties-panel”: “^1.15.1”,
“camunda-bpmn-moddle”: “^7.0.1”,
“core-js”: “^3.6.5”,
“diagram-js”: “^11.5.0”,
“dmn-js”: “^14.0.2”,
“install”: “^0.13.0”,
“rxjs”: “~7.5.0”,
“tslib”: “^2.3.0”,
“zone.js”: “~0.12.0”
I followed this below link for add the properties panel to angular project.

Even after updating the digram-js library, unable to add properties panel to my angular project.