process-analytics · tbouffard · Feb 13, 2025 · Feb 13, 2025
diff --git a/demo/draw-path/index.html b/demo/draw-path/index.html
@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="./css/step.css" type="text/css">
     <script defer src="../../examples/static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/values.js@2.0.0/dist/index.umd.js" integrity="sha256-lNJnNIdh5oXecah6rOix/TxyGcOYnfkybx4Qii2uxSo=" crossorigin="anonymous"></script>
     <script defer src="../../examples/static/js/diagram/bpmn-diagrams.js"></script>
     <script defer src="../static/js/use-case.js"></script>

diff --git a/demo/hacktoberfest-custom-themes/index.html b/demo/hacktoberfest-custom-themes/index.html
@@ -35,7 +35,7 @@
     </style>
     <script defer src="../../examples/static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <!-- load the example -->
     <script defer src="../../examples/static/js/diagram/bpmn-diagrams.js"></script>
     <script defer src="../../examples/static/js/style-identifiers.js"></script>

diff --git a/demo/load-and-navigation/assets/index.css b/demo/load-and-navigation/assets/index.css
diff --git a/demo/load-and-navigation/assets/index.js b/demo/load-and-navigation/assets/index.js
diff --git a/demo/load-and-navigation/assets/main.js b/demo/load-and-navigation/assets/main.js
diff --git a/demo/load-and-navigation/assets/mxgraph.js b/demo/load-and-navigation/assets/mxgraph.js
diff --git a/demo/load-and-navigation/index.html b/demo/load-and-navigation/index.html
@@ -15,7 +15,7 @@
     <!--Nav-->
     <nav class="bg-gray-800 pt-2 md:pt-1 pb-1 px-1 mt-0 h-auto w-full">
       <div class="flex flex-wrap items-center">
-        <div class="flex flex-shrink justify-center md:justify-start text-white">
+        <div class="flex shrink justify-center md:justify-start text-white">
           <a class="flex items-center mb-1 md:mt-2 md:mb-2" href="../../examples/index.html">
             <img src="assets/logo_white.svg" alt="logo" class="h-11 ml-3 mr-2">
             <span class="h-11 ml-2 py-1 text-2xl md:text-3xl">bpmn-visualization</span>
@@ -24,13 +24,13 @@
       </div>
     </nav>
     <!-- Page section -->
-    <div class="flex flex-col md:flex-row flex-grow">
+    <div class="flex flex-col md:flex-row grow">
       <!-- Control Panel -->
       <div class="bg-gray-800 shadow-xl w-full md:w-48">
         <ul class="flex flex-row md:flex-col py-0 px-1 md:px-2 md:mr-3">
             <li>
               <div class="select-none pt-1 pb-0.5 md:pb-5 md:pt-0 pl-1 border-b-2 border-gray-800">
-                <div class="bg-gradient-to-b from-red-200 to-red-100 border-b-4 border-red-600 rounded-lg shadow-xl hover:border-red-900">
+                <div class="bg-linear-to-b from-red-200 to-red-100 border-b-4 border-red-600 rounded-lg shadow-xl hover:border-red-900">
                   <div class="cursor-pointer text-red-500 hover:text-red-900">
                     <div class="text-center">
                       <input type="file" id="bpmn-file" name="file" class="hidden"/>
@@ -49,7 +49,7 @@
               <div class="py-1 md:py-3 pl-1 text-white md:border-b-2 md:border-red-500">
                 <div class="block no-underline md:pb-3 md:border-b-2 md:border-blue-600">
                   <label class="flex justify-evenly md:block">Fit type:
-                    <select name="fitTypes" id="fitType-selected" class="w-1/2 md:w-full pl-1 md:pl-0 text-blue-900">
+                    <select name="fitTypes" id="fitType-selected" class="w-1/2 md:w-full pl-1 md:pl-0 text-blue-900 bg-white">
                       <option value="None">None</option>
                       <option value="HorizontalVertical">Horizontal-Vertical</option>
                       <option value="Horizontal">Horizontal</option>
@@ -60,7 +60,7 @@
                 </div>
                 <div class="block no-underline mt-2 md:mt-3">
                   <label for="fit-margin" class="flex justify-around">Fit margin:
-                    <input type="number" id="fit-margin" class="w-1/3 pl-1 text-red-900 md:ml-auto" min="0" max="100" value="50" maxlength="3" oninput="validity.valid||(value='');">
+                    <input type="number" id="fit-margin" class="w-1/3 pl-1 text-red-900 bg-white md:ml-auto" min="0" max="100" value="50" maxlength="3" oninput="validity.valid||(value='');">
                   </label>
                 </div>
               </div>
@@ -78,7 +78,7 @@
               </div>
               <div class="py-1 md:py-3 pl-1 text-white md:border-b-2 md:border-b-fuchsia-400">
                 <label class="flex md:block">Theme:
-                  <select name="themes" id="theme-selected" class="w-1/2 md:w-full pl-1 md:pl-0 ml-2 md:ml-0 text-blue-900">
+                  <select name="themes" id="theme-selected" class="w-1/2 md:w-full pl-1 md:pl-0 ml-2 md:ml-0 text-blue-900 bg-white">
                     <option value="default" selected>Default</option>
                     <option value="dark">Dark</option>
                     <option value="brown">Brown</option>
@@ -92,10 +92,10 @@
 
       <!-- Main section -->
       <div class="flex flex-1 flex-col bg-gray-100 md:rounded-tl-2xl md:rounded-bl-2xl mt-2 md:mt-0">
-        <div class="flex-grow mt-2 p-6 flex flex-col">
+        <div class="grow mt-2 p-6 flex flex-col">
           <!-- BPMN container space -->
           <!-- relative position is required by bpmn-container and the generated drop-container element to make its absolute position work -->
-          <div class="flex-grow bg-white border-transparent rounded-lg shadow-xl relative">
+          <div class="grow bg-white border-transparent rounded-lg shadow-xl relative">
             <!-- set absolute and no inset, as mxGraph needs absolute dimension to make the fit work and to fit the whole parent container -->
             <div id="bpmn-container" class="overflow-hidden absolute inset-0">
             </div>

diff --git a/demo/monitoring-all-process-instances/index.html b/demo/monitoring-all-process-instances/index.html
@@ -24,7 +24,7 @@
     <link rel="stylesheet" href="./css/legend.css" type="text/css">
     <script defer src="../../examples/static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/values.js@2.0.0/dist/index.umd.js" integrity="sha256-lNJnNIdh5oXecah6rOix/TxyGcOYnfkybx4Qii2uxSo=" crossorigin="anonymous"></script>
     <script defer src="https://variancecharts.com/cdn/variance-noncommercial-standalone-6d26aa2.min.js" charset="UTF-8" integrity="sha384-tWKnmvvtGH2MkH7CGAql3wuzSBBH6XF7vDfhqMd1uQ8Us1bcDbID5m915xGYODNA" crossorigin="anonymous"></script>
     <script defer src="../../examples/static/js/diagram/bpmn-diagrams.js"></script>

diff --git a/demo/prediction/index.html b/demo/prediction/index.html
@@ -30,7 +30,7 @@
 
     <script defer src="../../examples/static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <script defer src="../../examples/static/js/diagram/bpmn-diagram-bpmn-spec-pizza.js"></script>
     <script defer src="../static/js/use-case.js"></script>
     <script defer src="./js/path.js"></script>

diff --git a/examples/custom-behavior/apply-css-classes/index.html b/examples/custom-behavior/apply-css-classes/index.html
@@ -86,7 +86,7 @@
         }
     </style>
     <script defer src="../../static/js/link-to-sources.js"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <script defer src="../../static/js/diagram/bpmn-diagram-miwg-test-suite-c_1_1.js"></script>
     <script defer src="index.js"></script>
 </head>

diff --git a/examples/custom-behavior/call-activity-with-modal-on-mouse-over/index.html b/examples/custom-behavior/call-activity-with-modal-on-mouse-over/index.html
@@ -34,7 +34,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="./index.js"></script>
         <script defer src="./modal.js"></script>

diff --git a/examples/custom-behavior/call-activity-with-reload-on-dblclick/index.html b/examples/custom-behavior/call-activity-with-reload-on-dblclick/index.html
@@ -36,7 +36,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="./index.js"></script>
         <script defer src="./breadcrumbs.js"></script>

diff --git a/examples/custom-behavior/call-activity-with-tabs-on-click/index.html b/examples/custom-behavior/call-activity-with-tabs-on-click/index.html
@@ -36,7 +36,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="./index.js"></script>
     </head>

diff --git a/examples/custom-behavior/growing-sequence-flow/index.html b/examples/custom-behavior/growing-sequence-flow/index.html
@@ -57,7 +57,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="./index.js"></script>
     </head>

diff --git a/examples/custom-behavior/javascript-tooltip-and-popover/index.html b/examples/custom-behavior/javascript-tooltip-and-popover/index.html
@@ -49,7 +49,7 @@
 
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="index.js"></script>
     </head>

diff --git a/examples/custom-behavior/running-dashed-message-flow/index.html b/examples/custom-behavior/running-dashed-message-flow/index.html
@@ -57,7 +57,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="./index.js"></script>
     </head>

diff --git a/examples/custom-behavior/select-elements-by-bpmn-kind/index.html b/examples/custom-behavior/select-elements-by-bpmn-kind/index.html
@@ -55,7 +55,7 @@
         }
     </style>
     <script defer src="../../static/js/link-to-sources.js"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <script defer src="../../static/js/diagram/bpmn-diagram-miwg-test-suite-a_4_1.js"></script>
     <script defer src="../../static/js/diagram/bpmn-diagram-miwg-test-suite-c_1_0.js"></script>
     <script defer src="../../static/js/diagram/bpmn-diagram-miwg-test-suite-c_1_1.js"></script>

diff --git a/examples/custom-bpmn-theme/custom-colors/index.html b/examples/custom-bpmn-theme/custom-colors/index.html
@@ -22,7 +22,7 @@
     <link rel="stylesheet" href="../../static/css/main.css" type="text/css">
     <script defer src="../../static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <!-- load the example -->
     <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
     <script defer src="../../static/js/style-identifiers.js"></script>

diff --git a/examples/custom-bpmn-theme/custom-edge-marker-colors/index.html b/examples/custom-bpmn-theme/custom-edge-marker-colors/index.html
@@ -36,7 +36,7 @@
         </style>
         <script defer src="../../static/js/link-to-sources.js"></script>
         <!-- load bpmn-visualization -->
-        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+        <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
         <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
         <script defer src="../../static/js/style-identifiers.js"></script>
         <script defer src="./index.js"></script>

diff --git a/examples/custom-bpmn-theme/custom-fonts/index.html b/examples/custom-bpmn-theme/custom-fonts/index.html
@@ -22,7 +22,7 @@
     <link rel="stylesheet" href="../../static/css/main.css" type="text/css">
     <script defer src="../../static/js/link-to-sources.js"></script>
     <!-- load bpmn-visualization -->
-    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.0/dist/bpmn-visualization.min.js" integrity="sha384-tH6ndjrd9jcLvZ+J/m4FW4BqMVGS14/wQj9VOpj6qmpFdrO96k20YXSTcJd5jJQr" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/bpmn-visualization@0.45.1/dist/bpmn-visualization.min.js" integrity="sha384-07e+hSE1doemwTNmHfDerGHnw4jZ0lFfK4jPujnBXQQ+qfqGNU2cIxs/9tRAYBSj" crossorigin="anonymous"></script>
     <!-- load the example -->
     <script defer src="../../static/js/diagram/bpmn-diagrams.js"></script>
     <script defer src="../../static/js/style-identifiers.js"></script>