Custom Properties Panel

Hi all, I am writing my own Angular properties panel, following your react properties panel example. I have it working for selection.changed and element.changed as you describe below, but what are the listeners for load (showing the diagram details and not the specific element) and when you click off an element onto the diagram?

    modeler.on('selection.changed', (e) => {
      this.setElement(e.newSelection[0]);
    });

    modeler.on('element.changed', (e) => {
      this.setElement(e.element);
    });

what are the listeners for load (showing the diagram details and not the specific element)

The events fired during the import are listed here: bpmn-js/lib/BaseViewer.js at develop · bpmn-io/bpmn-js · GitHub

when you click off an element onto the diagram

What do you mean?

Thank you I will try and find the correct method to listen for. What i mean is when you click off off bun into the white space image

If you deselect elements, a selection.changed event is fired again with newSelection being an empty array.

What i needed ( the root element) and probably didn’t ask correctly for was the following:

this.eventBus.on('root.added', (el) => {
            console.log(el.element);
 });