[INFRA] Update BPMN Visualization version to 0.24.1 (#350)

process-analytics · Jun 13, 2022 · 139dc86 · 139dc86
1 parent a8da304
commit 139dc86
Show file tree

Hide file tree

Showing 53 changed files with 140 additions and 1,302 deletions.
diff --git a/demo/hacktoberfest-custom-themes/index.html b/demo/hacktoberfest-custom-themes/index.html
@@ -23,7 +23,7 @@
     <link rel="stylesheet" href="../static/css/style.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/[email protected].0/dist/bpmn-visualization.min.js"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/bpmn-visualization.min.js"></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/elements-identification.js b/demo/load-and-navigation/assets/elements-identification.js
diff --git a/...ad-and-navigation/static/css/tailwind.css → demo/load-and-navigation/assets/index.css b/...ad-and-navigation/static/css/tailwind.css → 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/...-and-navigation/static/img/logo_white.svg → ...load-and-navigation/assets/logo_white.svg b/...-and-navigation/static/img/logo_white.svg → ...load-and-navigation/assets/logo_white.svg
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/diagram-navigation.html b/demo/load-and-navigation/diagram-navigation.html
diff --git a/demo/load-and-navigation/elements-identification.html b/demo/load-and-navigation/elements-identification.html
@@ -3,126 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <title>BPMN Visualization - Elements Identification</title>
-    <link rel="icon" href="static/img/favicon.png">
-    <style>
-      #main-container {
-        top: 140px;
-        bottom: 10px;
-        left: 10px;
-        right: 10px;
-        position: absolute;
-      }
-      #bpmn-container {
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-
-        border-style: solid;
-        border-color: #B0B0B0;
-        border-width: 1px;
-
-        position: absolute;
-        overflow: hidden;
-      }
-
-      textarea {
-        resize: none;
-        height: 100px;
-        right: 10px;
-        position: absolute;
-        width: 70%;
-      }
-
-      :root {
-        --color-flow: dodgerblue;
-        --color-msg-flow-icon: orange;
-      }
-
-      /* activity */
-      .detection.bpmn-type-activity > rect:nth-child(1) {
-        fill: aquamarine;
-      }
-      /* gateway */
-      .detection.bpmn-type-gateway > path:nth-child(1) {
-        stroke: chartreuse;
-        stroke-width: 4;
-      }
-      /* event */
-      .detection.bpmn-type-event > ellipse {
-        stroke: red;
-      }
-      /* pool and lane */
-      .detection.bpmn-type-container > path:nth-child(2), /* label zone */
-      .detection.bpmn-type-container > path:nth-child(4) {
-        fill: palevioletred;
-      }
-      /* sequence flow arrow */
-      .bpmn-sequence-flow.detection > path:nth-child(3),
-      /* sequence flow arrow for conditional */
-      .bpmn-sequence-flow.detection > path:nth-child(4),
-      /* sequence flow arrow for default  */
-      .bpmn-sequence-flow.detection > path:nth-child(5),
-      /* message flow start */
-      .bpmn-message-flow.detection > ellipse,
-      /* message flow arrow */
-      .bpmn-message-flow.detection > path:nth-child(4) {
-        fill: var(--color-flow);
-      }
-       /* sequence flow line */
-      .bpmn-sequence-flow.detection > path:nth-child(2),
-       /* sequence flow arrow */
-      .bpmn-sequence-flow.detection > path:nth-child(3),
-        /* sequence flow arrow for conditional and sequence flow default marker */
-      .bpmn-sequence-flow.detection > path:nth-child(4),
-        /* sequence flow arrow for default  */
-      .bpmn-sequence-flow.detection > path:nth-child(5),
-        /* message flow start marker */
-      .bpmn-message-flow.detection > ellipse,
-        /* message flow line */
-      .bpmn-message-flow.detection > path:nth-child(2),
-        /* message flow arrow */
-      .bpmn-message-flow.detection> path:nth-child(4) {
-        stroke: var(--color-flow);
-        stroke-width: 4px;
-      }
-
-      /* message flow icon */
-      .detection.bpmn-message-flow-icon > rect,
-      .detection.bpmn-message-flow-icon > path {
-        stroke: var(--color-msg-flow-icon);
-        stroke-width: 3px;
-      }
-      /* special for msg flow icon non-initiating */
-      .detection.bpmn-message-flow-icon.bpmn-icon-non-initiating > rect {
-        fill: var(--color-msg-flow-icon);
-      }
-      .detection.bpmn-message-flow-icon.bpmn-icon-non-initiating > path {
-        stroke: white;
-      }
-
-      /* apply shadow on hover */
-      .detection:not(.bpmn-type-flow):hover {
-        filter: drop-shadow(0 0 1rem rgba(0, 0, 0));
-      }
-      .detection.bpmn-type-flow:hover > path {
-        stroke-width: 6px !important;
-      }
-
-      /* for labels */
-      .detection.bpmn-label > g div {
-        color: red !important;
-      }
-      .detection.bpmn-type-container.bpmn-label > g div {
-        color: white !important;
-      }
-      .detection.bpmn-type-flow.bpmn-label > g div {
-        color: var(--color-flow) !important;
-      }
-    </style>
-
-    <!-- load app -->
-    <script src="static/js/elements-identification.js" type="module"></script>
+    <link rel="icon" href="data:image/png;base64,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">
+    <style>#main-container{bottom:10px;left:10px;position:absolute;right:10px;top:140px}#bpmn-container{border:1px solid #b0b0b0;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}textarea{height:100px;position:absolute;resize:none;right:10px;width:70%}:root{--color-flow:#1e90ff;--color-msg-flow-icon:orange}.detection.bpmn-type-activity>rect:first-child{fill:#7fffd4}.detection.bpmn-type-gateway>path:first-child{stroke:#7fff00;stroke-width:4}.detection.bpmn-type-event>ellipse{stroke:red}.detection.bpmn-type-container>path:nth-child(2),.detection.bpmn-type-container>path:nth-child(4){fill:#db7093}.bpmn-message-flow.detection>ellipse,.bpmn-message-flow.detection>path:nth-child(4),.bpmn-sequence-flow.detection>path:nth-child(3),.bpmn-sequence-flow.detection>path:nth-child(4),.bpmn-sequence-flow.detection>path:nth-child(5){fill:var(--color-flow)}.bpmn-message-flow.detection>ellipse,.bpmn-message-flow.detection>path:nth-child(2),.bpmn-message-flow.detection>path:nth-child(4),.bpmn-sequence-flow.detection>path:nth-child(2),.bpmn-sequence-flow.detection>path:nth-child(3),.bpmn-sequence-flow.detection>path:nth-child(4),.bpmn-sequence-flow.detection>path:nth-child(5){stroke:var(--color-flow);stroke-width:4px}.detection.bpmn-message-flow-icon>path,.detection.bpmn-message-flow-icon>rect{stroke:var(--color-msg-flow-icon);stroke-width:3px}.detection.bpmn-message-flow-icon.bpmn-icon-non-initiating>rect{fill:var(--color-msg-flow-icon)}.detection.bpmn-message-flow-icon.bpmn-icon-non-initiating>path{stroke:#fff}.detection:not(.bpmn-type-flow):hover{filter:drop-shadow(0 0 1rem rgba(0,0,0))}.detection.bpmn-type-flow:hover>path{stroke-width:6px!important}.detection.bpmn-label>g div{color:red!important}.detection.bpmn-type-container.bpmn-label>g div{color:#fff!important}.detection.bpmn-type-flow.bpmn-label>g div{color:var(--color-flow)!important}</style>
+
+  <script type="module" crossorigin src="./assets/elements-identification.js"></script>
+  <link rel="modulepreload" href="./assets/main.js">
 </head>
 <body>
     <div id="controls">

diff --git a/demo/load-and-navigation/index.es.js b/demo/load-and-navigation/index.es.js