chore(deps-dev): bump to ESLint v9

.github/dependabot.yml

@@ -39,11 +39,12 @@ updates:
             - "ts-jest"
        lint:
           patterns:
-            - "@typescript-eslint/*"
+            - "@eslint/*"
             - "eslint"
             - "eslint-*"
             - "lint-staged"
             - "prettier"
+            - "typescript-eslint"
        rollup:
           patterns:
             - "@rollup/*"

dev/ts/component/SvgExporter.ts

@@ -16,7 +16,7 @@ limitations under the License.
 
 import type { mxGraph, mxSvgCanvas2D as mxSvgCanvas2DType } from 'mxgraph';
 
-import { mxgraph, mxClient, mxConstants, mxSvgCanvas2D, mxUtils } from '../../../src/component/mxgraph/initializer';
+import { mxgraph, mxClient, mxConstants, mxSvgCanvas2D, mxUtilities } from '../../../src/component/mxgraph/initializer';
 
 interface SvgExportOptions {
   scale: number;
@@ -47,7 +47,7 @@ export class SvgExporter {
 
   private doSvgExport(enableForeignObjectForLabel: boolean): string {
     const svgDocument = this.computeSvg({ scale: 1, border: 25, enableForeignObjectForLabel: enableForeignObjectForLabel });
-    const svgAsString = mxUtils.getXml(svgDocument);
+    const svgAsString = mxUtilities.getXml(svgDocument);
     return `<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 ${svgAsString}
@@ -64,7 +64,7 @@ ${svgAsString}
     const viewScale = this.graph.view.scale;
 
     // Prepares SVG document that holds the output
-    const svgDocument = mxUtils.createXmlDocument();
+    const svgDocument = mxUtilities.createXmlDocument();
     const root = svgDocument.createElementNS(mxConstants.NS_SVG, 'svg');
 
     const s = scale / viewScale;
@@ -168,7 +168,7 @@ class CanvasForExport extends mxSvgCanvas2D {
 
     try {
       this.htmlConverter.innerHTML = content;
-      content = mxUtils.extractTextWithWhitespace(this.htmlConverter.childNodes);
+      content = mxUtilities.extractTextWithWhitespace(this.htmlConverter.childNodes);
 
       // Workaround for substring breaking double byte UTF
       const exp = Math.ceil((2 * w) / this.state.fontSize);
@@ -193,7 +193,7 @@ class CanvasForExport extends mxSvgCanvas2D {
 
       // Uses result and adds ellipsis if more than 1 char remains
       if (result.length < content.length && content.length - result.length > 1) {
-        content = mxUtils.trim(result.join('')) + '...';
+        content = mxUtilities.trim(result.join('')) + '...';
       }
     } catch (error) {
       console.warn('Error while computing txt label', error);

dev/ts/component/ThemedBpmnVisualization.ts

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { BpmnVisualization, FlowKind, ShapeBpmnElementKind, ShapeUtil, StyleConfigurator, StyleDefault } from '../../../src/bpmn-visualization';
+import { BpmnVisualization, FlowKind, ShapeBpmnElementKind, ShapeUtility, StyleConfigurator, StyleDefault } from '../../../src/bpmn-visualization';
 import { mxConstants } from '../../../src/component/mxgraph/initializer';
 import { logStartup } from '../shared/internal-helpers';
 
@@ -116,7 +116,7 @@ export class ThemedBpmnVisualization extends BpmnVisualization {
     const styleSheet = this.graph.getStylesheet();
 
     // EVENT
-    for (const kind of ShapeUtil.eventKinds()) {
+    for (const kind of ShapeUtility.eventKinds()) {
       let fillColor;
       let strokeColor;
       switch (kind) {
@@ -149,7 +149,7 @@ export class ThemedBpmnVisualization extends BpmnVisualization {
     }
 
     // TASK
-    for (const kind of ShapeUtil.taskKinds()) {
+    for (const kind of ShapeUtility.taskKinds()) {
       const style = styleSheet.styles[kind];
       style.fillColor = theme.taskAndCallActivityFillColor;
     }

dev/ts/development-bundle-index.ts

@@ -19,4 +19,4 @@ export * from './shared/main';
 export * from './shared/shared-helpers';
 export * from '../../src/bpmn-visualization';
 // extra code not exported by bpmn-visualization
-export * from '../../src/model/bpmn/internal/edge/utils';
+export * from '../../src/model/bpmn/internal/edge/utilities';

dev/ts/pages/elements-identification.ts

@@ -27,7 +27,7 @@ import {
   log,
   removeAllOverlays,
   removeCssClasses,
-  ShapeUtil,
+  ShapeUtility,
   startBpmnVisualization,
   updateLoadOptions,
   updateStyle,
@@ -63,37 +63,37 @@ function computeStyleUpdateByKind(bpmnKind: BpmnElementKind): StyleUpdate {
     return style;
   }
 
-  if (ShapeUtil.isTask(bpmnKind)) {
+  if (ShapeUtility.isTask(bpmnKind)) {
     style.font.color = 'Indigo';
     style.fill.color = 'gold';
     style.font.size = 14;
     style.fill.opacity = 20;
-  } else if (ShapeUtil.isEvent(bpmnKind)) {
-    if (ShapeUtil.isBoundaryEvent(bpmnKind)) {
+  } else if (ShapeUtility.isEvent(bpmnKind)) {
+    if (ShapeUtility.isBoundaryEvent(bpmnKind)) {
       style.font.color = 'inherit';
       style.fill.color = 'inherit';
       style.stroke.color = 'inherit';
     } else {
       style.font.color = 'MediumTurquoise';
       style.stroke.color = 'MediumTurquoise';
     }
-  } else if (ShapeUtil.isGateway(bpmnKind)) {
+  } else if (ShapeUtility.isGateway(bpmnKind)) {
     style.font.color = 'CadetBlue';
     style.font.opacity = 85;
     style.stroke.color = 'OrangeRed';
     style.stroke.width = 4;
-  } else if (ShapeUtil.isPoolOrLane(bpmnKind)) {
+  } else if (ShapeUtility.isPoolOrLane(bpmnKind)) {
     style.font.color = 'white !important';
     style.fill.color = 'deeppink';
     style.stroke.opacity = 80;
-  } else if (ShapeUtil.isCallActivity(bpmnKind)) {
+  } else if (ShapeUtility.isCallActivity(bpmnKind)) {
     style.font.color = 'white';
     style.font.family = 'Times New Roman';
     style.font.isItalic = true;
     style.font.isStrikeThrough = true;
 
     style.fill.color = { startColor: 'LightYellow', endColor: 'LimeGreen', direction: 'left-to-right' };
-  } else if (ShapeUtil.isSubProcess(bpmnKind)) {
+  } else if (ShapeUtility.isSubProcess(bpmnKind)) {
     style.font.color = 'white';
     style.font.size = 14;
     style.font.family = 'Dialog';
@@ -133,7 +133,7 @@ function updateStyleByAPI(bpmnIds: string[], bpmnKind: ShapeBpmnElementKind): vo
   }
   updateStyle(subProcessChildrenIds, { fill: { color: 'swimlane' }, stroke: { color: 'swimlane' }, font: { color: 'swimlane' } });
 
-  if (ShapeUtil.isBoundaryEvent(bpmnKind)) {
+  if (ShapeUtility.isBoundaryEvent(bpmnKind)) {
     lastIdentifiedParentBpmnIds = getParentElementIds(otherIds);
     updateStyle(lastIdentifiedParentBpmnIds, { opacity: 5, font: { color: 'green', opacity: 5 }, fill: { color: 'gold' }, stroke: { color: 'red' } });
   }
@@ -242,7 +242,7 @@ function configureControls(): void {
 }
 
 function getOverlay(bpmnKind: BpmnElementKind): Overlay {
-  if (ShapeUtil.isActivity(bpmnKind)) {
+  if (ShapeUtility.isActivity(bpmnKind)) {
     return {
       position: 'top-right',
       label: '30',