Doesn't work with the latest bpmn-js/diagram-js versions (^2) about angular-bpmn HOT 5 CLOSED

I think I am facing the same issue - details below.
Did you by chance found a workaround?

Issue description:
I updated bpmn-js version to "bpmn-js": "^2.0.1" and at runtime seeing the following error:
AppComponent_Host.ngfactory.js? [sm]:1 ERROR TypeError: bpmn_js_1.Modeler is not a constructor
at AppComponent.ngOnInit (app.component.ts:70)
at checkAndUpdateDirectiveInline (core.js:12369)
at checkAndUpdateNodeInline (core.js:13893)
at checkAndUpdateNode (core.js:13836)
at debugCheckAndUpdateNode (core.js:14729)
at debugCheckDirectivesFn (core.js:14670)
at Object.eval [as updateDirectives] (AppComponent_Host.ngfactory.js? [sm]:1)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14655)
at checkAndUpdateView (core.js:13802)
at callWithDebugContext (core.js:15056)

from angular-bpmn.

@Diana-Dubov

Did you by chance found a workaround?

For this repo - no. But I've created new angular app with cli (6) and was able to add modeler (and both types of bpmn-js viewers if you want) just by importing BpmnModeler

import BpmnModeler from 'bpmn-js/lib/Modeler';

export class BpmnModelerComponent implements OnInit {
  modeler: BpmnModeler;
  ...

  ngOnInit() {
    this.modeler = new BpmnModeler({
      container: '#canvas'
    });
    this.modeler.importXML(initialDiagram, err => {
      if (!err) {
        this.modeler.get('canvas').zoom('fit-viewport');
      } else {
        console.error('something went wrong:', err);
      }
    });
  }

}

I use scss for my apps so these two lines were added to src/styles.scss

@import "~bpmn-js/dist/assets/diagram-js.css";
@import "~bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";

That's all (+ npm i bpmn-js --save of course)

from angular-bpmn.

Thanks a lot for the info.
I actually procees with Narve's code and found solution for the issue.
In the latest bpmn-js there were updated export signature of several methods, so the import syntax should be update to:
bpmn-js.ts ::
import _Modeler from 'bpmn-js/lib/Modeler.js';
import * as _PropertiesPanelModule from 'bpmn-js-properties-panel';
import * as _BpmnPropertiesProvider from 'bpmn-js-properties-panel/lib/provider/bpmn';
import * as _EntryFactory from 'bpmn-js-properties-panel/lib/factory/EntryFactory.js';
import _PaletteProvider from 'bpmn-js/lib/features/palette/PaletteProvider.js';

from angular-bpmn.

Did you try by chance to implement CustomRenderer for your Angular app?
I can't make it working.

from angular-bpmn.

Thanks for your input. I will update to latest bpmn-js and commit. Next time, a pull request would be welcome :)

from angular-bpmn.