issue resolved. i got one example
Camunda 8 modeler - Angular 9 - Developers / Modeler - Forum - bpmn.io
these are import requiried if we want to use it for camunda-8
import {
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
ZeebePropertiesProviderModule,
} from ‘bpmn-js-properties-panel’;
import zeebeModdleDescriptor from ‘zeebe-bpmn-moddle/resources/zeebe.json’;
And this is modeler code
modeler = (window.modeler = new BpmnModeler({
container: “#canvas”,
keyboard: {
bindTo: document
},
propertiesPanel: {
parent: ‘#properties’
},
additionalModules: [
ZeebePropertiesProviderModule,
ZeebePropertiesProviderModule,
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
camundaCloudBehaviors,
minimapModule,
{
contextPadProvider: [“value”, {}],
palette: [“value”, {}],
paletteProvider: [“value”, {}],
move: [“value”, {}],
create: [“value”, {}],
}
],
moddleExtensions: {
zeebe: zeebeModdleDescriptor
}
}));
await modeler.importXML(bpmnXml);
const canva = modeler.get(“canvas”);
canva.zoom(“fit-viewport”);