IAM USE THIS LINK https://github.com/bpmn-io/bpmn-js-in-color
iam see this error : superCtor.prototype is not an object or null
iam use file app.js
type or paste code here
```'use strict';
var diagramURL = '/rtl.xml';
//import BpmnViewer from 'bpmn-js';
import BpmnViewer from '../wwwroot/bpmn-js/lib/NavigatedViewer';
import EmbeddedComments from '../wwwroot/bpmn-js/lib/Comment/index.js';
import BpmnModeler from '../wwwroot/bpmn-js/lib/Modeler1';
// import sketchyRendererModule from '../wwwroot/bpmn-js/lib/sketchyrendererspec';
import customTranslate from '../wwwroot/bpmn-js/lib/customTranslate/customTranslate';
import resizeAllModule from '../wwwroot/bpmn-js/lib/resize-all-rules';
import colorPickerModule from '../wwwroot/bpmn-js/lib/color-picker';
import nyanDrawModule from '../wwwroot/bpmn-js/lib/nyan/draw';
import nyanPaletteModule from '../wwwroot/bpmn-js/lib/nyan/palette';
import bpmnjscolor from '../wwwroot/bpmn-js-in-color';
var customTranslateModule = {
translate: [ 'value', customTranslate ]
};
var viewer = new BpmnModeler({
container: '#canvas',
keyboard: {
bindTo: document
},
bpmnRenderer: {
// defaultFillColor: '#333',
// defaultStrokeColor: '#fff',
//SketchyRenderer
},
textRenderer: {
defaultStyle: {
fontFamily: 'iransansweb(fanum)_light',
fontWeight: 'bold',
fontSize: 12,
lineHeight: 16
},
externalStyle: {
fontSize: 12,
lineHeight: 16
},
},
additionalModules: [
EmbeddedComments,
// sketchyRendererModule ,
// customTranslateModule,
resizeAllModule,
colorPickerModule,
nyanDrawModule,
nyanPaletteModule,
bpmnjscolor
]
});
// bpmn لود فایل
$.get('/rtl.xml', showDiagram, 'text');
//// نمایش مدلر
function showDiagram(diagramURL) {
viewer.importXML(diagramURL, function() {
var overlays = viewer.get('overlays'),
canvas = viewer.get('canvas'),
elementRegistry = viewer.get('elementRegistry');
// modeling = viewer.get('modeling');
// Option 1: Color via Overlay
// var shape = elementRegistry.get('CalmCustomerTask');
//var $overlayHtml = $('<div class="highlight-overlay">')
// .css({
// width: shape.width,
// height: shape.height
// });
//overlays.add('CalmCustomerTask', {
// position: {
// top: 0,
// left: 0
// },
// html: $overlayHtml
//});
//// Option 2: Color via BPMN 2.0 Extension
//var elementToColor = elementRegistry.get('SelectAPizzaTask');
//modeling.setColor([ elementToColor ], {
// stroke: 'green',
// fill: 'rgba(0, 80, 0, 0.4)'
//});
//// Option 3: Color via Marker + CSS Styling
//canvas.addMarker('OrderReceivedEvent', 'highlight');
});
}