Updated linter and deps

.eslintrc

@@ -1,6 +1,15 @@
 {
-  "extends": "plugin:bpmn-io/es6",
-  "env": {
-    "browser": true
-  }
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "google"
+    ],
+    "parserOptions": {
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "rules": {
+    }
 }

assets/diagram-js-code-editor.css

@@ -1,4 +1,4 @@
-@import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
+@import 'bootstrap.min.css';
 
 .djs-editor {
    position: absolute;
@@ -21,9 +21,9 @@
    pointer-events: none;
  }
 
- /*.djs-editor:not(.open) {*/
- /*  overflow: hidden;*/
- /*}*/
+ .djs-editor:not(.open) {
+   overflow: hidden;
+ }
 
  .djs-editor:not(.open) .toolbar{
      display: none !important;
@@ -42,9 +42,9 @@
  }
 
  .toolbar {
-     position: relative;
-     z-index: 1;
-     padding-left: 40px;
+     /*position: relative;*/
+     /*z-index: 1;*/
+     /*padding-left: 40px;*/
  }
 
  #run_btn {
@@ -76,8 +76,8 @@
  }
 
  .djs-editor .ide {
-   position: relative;
-   z-index: 0;
+   /*position: relative;*/
+   /*z-index: 0;*/
    display: none;
    width: 100%;
    min-width: 420px;
@@ -112,5 +112,11 @@
    position: absolute;
    right: 0;
    padding: 6px;
-   z-index: 1;
- }
+   /*z-index: 1;*/
+ }
+
+ .errorMarker {
+  position:absolute;
+  background:rgba(100,200,100,0.5);
+  z-index:20
+}

package-lock.json

@@ -4128,6 +4128,11 @@
         }
       }
     },
+    "jquery": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
+      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
+    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5762,6 +5767,11 @@
         "find-up": "^3.0.0"
       }
     },
+    "popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",

package.json

@@ -66,8 +66,10 @@
     "bootstrap": "^5.0.2",
     "codemirror": "^5.61.1",
     "css.escape": "^1.5.1",
+    "jquery": "^3.6.0",
     "min-dash": "^3.5.2",
     "min-dom": "^3.1.1",
+    "popper.js": "^1.16.1",
     "tiny-svg": "^2.2.2",
     "typescript-eslint": "0.0.1-alpha.0"
   }