yFiles for HTML 2.3.0.2 demos

yWorks · Aug 6, 2020 · f76427e · f76427e
1 parent 825c949
commit f76427e
Show file tree

Hide file tree

Showing 330 changed files with 62,176 additions and 8,758 deletions.
diff --git a/demos/.eslintignore b/demos/.eslintignore
@@ -0,0 +1 @@
+**/test/*.js
diff --git a/demos/.eslintrc.json b/demos/.eslintrc.json
@@ -1,11 +1,16 @@
 {
-  "plugins": ["prettier", "standard", "wdio"],
+  "root": true,
   "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "react", "standard", "wdio"],
   "extends": [
     "standard",
-    "plugin:prettier/recommended",
-    "prettier/standard",
-    "plugin:wdio/recommended"
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:react/recommended",
+    "plugin:wdio/recommended",
+    "prettier",
+    "prettier/@typescript-eslint",
+    "prettier/react",
+    "prettier/standard"
   ],
   "env": {
     "amd": true,
@@ -14,40 +19,14 @@
     "node": true
   },
   "rules": {
-    "prettier/prettier": "warn",
+    "@typescript-eslint/ban-ts-ignore": "off",
+    "@typescript-eslint/member-delimiter-style": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "no-multi-str": "off",
+    "no-unused-vars": "off",
     "no-var": "error",
-    "no-unused-vars": [
-      "warn",
-      {
-        "varsIgnorePattern": "[A-Z]\\w+",
-        "argsIgnorePattern": ".*"
-      }
-    ],
     "prefer-const": "error"
-  },
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", ".*.ts", ".*.tsx"],
-      "extends": [
-        "standard",
-        "plugin:prettier/recommended",
-        "prettier/standard",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:wdio/recommended"
-      ],
-      "rules": {
-        "@typescript-eslint/ban-ts-ignore": "off",
-        "@typescript-eslint/no-use-before-define": "off",
-        "@typescript-eslint/no-non-null-assertion": "off",
-        "@typescript-eslint/member-delimiter-style": "off",
-        "@typescript-eslint/no-unused-vars": [
-          "warn",
-          {
-            "varsIgnorePattern": "[A-Z]\\w+",
-            "argsIgnorePattern": ".*"
-          }
-        ]
-      }
-    }
-  ]
+  }
 }
diff --git a/demos/.prettierignore b/demos/.prettierignore
@@ -1,3 +1,5 @@
 **/node_modules/
 **/dist/
+**/*.html
+**/*.md
 view/largegraphs/resources/*.json
diff --git a/demos/.prettierrc.json b/demos/.prettierrc.json
@@ -1,10 +1,11 @@
 {
   "printWidth": 100,
   "tabWidth": 2,
+  "endOfLine": "auto",
   "useTabs": false,
   "semi": false,
   "singleQuote": true,
   "bracketSpacing": true,
-  "arrowParens": "avoid",
-  "disableLanguages": ["html"]
+  "trailingComma": "none",
+  "arrowParens": "avoid"
 }
diff --git a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.js
@@ -89,8 +89,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.ts
@@ -90,8 +90,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/MySimpleNodeStyle.js
@@ -385,8 +385,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/MySimpleNodeStyle.ts
@@ -369,8 +369,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js
@@ -360,8 +360,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts
@@ -344,8 +344,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/MySimpleNodeStyle.js
@@ -334,8 +334,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     visual.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.js
@@ -335,8 +335,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.ts
@@ -323,8 +323,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.js
@@ -336,8 +336,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.ts
@@ -324,8 +324,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js
@@ -336,8 +336,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts
@@ -322,8 +322,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }

diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.js
@@ -336,8 +336,9 @@ export default class MySimpleNodeStyle extends NodeStyleBase {
     use.href.baseVal = `#${defsId}`
     use.setAttribute(
       'transform',
-      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX -
-        tileSize2 * xScaleFactor} ${offsetY - tileSize2 * yScaleFactor})`
+      `matrix(${xScaleFactor} ${0} ${0} ${yScaleFactor} ${offsetX - tileSize2 * xScaleFactor} ${
+        offsetY - tileSize2 * yScaleFactor
+      })`
     )
     container.appendChild(use)
   }