yFiles for HTML 2.5.0.2 demos

Author: michabaur

demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.js

@@ -30,8 +30,6 @@ import { ExteriorLabelModel, GraphComponent, License } from 'yfiles'
 
 import { fetchLicense } from '../../resources/fetch-license.js'
 
-import { enableWorkarounds } from '../../utils/Workarounds.js'
-
 /**
  * @returns {!Promise}
  */
@@ -47,6 +45,5 @@ async function run() {
   graphComponent.fitGraphBounds()
 }
 
-enableWorkarounds()
 // noinspection JSIgnoredPromiseFromCall
 run()

demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.ts

@@ -30,8 +30,6 @@ import { ExteriorLabelModel, GraphComponent, License } from 'yfiles'
 
 import { fetchLicense } from '../../resources/fetch-license'
 
-import { enableWorkarounds } from '../../utils/Workarounds'
-
 async function run(): Promise<void> {
   License.value = await fetchLicense()
 
@@ -44,6 +42,5 @@ async function run(): Promise<void> {
   graphComponent.fitGraphBounds()
 }
 
-enableWorkarounds()
 // noinspection JSIgnoredPromiseFromCall
 run()

demos/01-tutorial-getting-started/09-data-binding/SampleApplication.js

@@ -54,7 +54,7 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu.js'
+import { ContextMenu } from '../../utils/ContextMenu.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 import { fetchLicense } from '../../resources/fetch-license.js'
 

demos/01-tutorial-getting-started/09-data-binding/SampleApplication.ts

@@ -54,7 +54,7 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu'
+import { ContextMenu } from '../../utils/ContextMenu'
 import { bindCommand, showApp } from '../../resources/demo-app'
 import { fetchLicense } from '../../resources/fetch-license'
 

demos/01-tutorial-getting-started/10-layout/SampleApplication.js

@@ -57,8 +57,8 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu.js'
-import { bindAction, bindCommand, showApp } from '../../resources/demo-app.js'
+import { ContextMenu } from '../../utils/ContextMenu.js'
+import { bindAction, bindCommand, reportDemoError, showApp } from '../../resources/demo-app.js'
 import GraphBuilderData from './resources/graph.js'
 import { fetchLicense } from '../../resources/fetch-license.js'
 
@@ -140,13 +140,7 @@ async function runLayout() {
       easedAnimation: true
     })
   } catch (error) {
-    // this is just for the purpose of the demo - usually you would employ your own
-    // logging or error handling logic, here
-    if (typeof window.reportError === 'function') {
-      window.reportError(error)
-    } else {
-      throw error
-    }
+    reportDemoError(error)
   } finally {
     layoutButton.disabled = false
   }

demos/01-tutorial-getting-started/10-layout/SampleApplication.ts

@@ -58,8 +58,8 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu'
-import { bindAction, bindCommand, showApp } from '../../resources/demo-app'
+import { ContextMenu } from '../../utils/ContextMenu'
+import { bindAction, bindCommand, reportDemoError, showApp } from '../../resources/demo-app'
 import GraphBuilderData from './resources/graph'
 import { fetchLicense } from '../../resources/fetch-license'
 
@@ -137,14 +137,7 @@ async function runLayout(): Promise<void> {
       easedAnimation: true
     })
   } catch (error) {
-    // this is just for the purpose of the demo - usually you would employ your own
-    // logging or error handling logic, here
-    if (typeof (window as any).reportError === 'function') {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      ;(window as any).reportError(error)
-    } else {
-      throw error
-    }
+    reportDemoError(error)
   } finally {
     layoutButton.disabled = false
   }

demos/01-tutorial-getting-started/11-layout-data/SampleApplication.js

@@ -54,7 +54,7 @@ import {
   Size
 } from 'yfiles'
 
-import { bindAction, bindCommand, showApp } from '../../resources/demo-app.js'
+import { bindAction, bindCommand, reportDemoError, showApp } from '../../resources/demo-app.js'
 import GraphBuilderData from './resources/graph.js'
 import { fetchLicense } from '../../resources/fetch-license.js'
 
@@ -137,13 +137,7 @@ async function runLayout() {
       easedAnimation: true
     })
   } catch (error) {
-    // this is just for the purpose of the demo - usually you would employ your own
-    // logging or error handling logic, here
-    if (typeof window.reportError === 'function') {
-      window.reportError(error)
-    } else {
-      throw error
-    }
+    reportDemoError(error)
   } finally {
     layoutButton.disabled = false
   }

demos/01-tutorial-getting-started/11-layout-data/SampleApplication.ts

@@ -55,7 +55,7 @@ import {
   Size
 } from 'yfiles'
 
-import { bindAction, bindCommand, showApp } from '../../resources/demo-app'
+import { bindAction, bindCommand, reportDemoError, showApp } from '../../resources/demo-app'
 import GraphBuilderData from './resources/graph'
 import { fetchLicense } from '../../resources/fetch-license'
 
@@ -134,14 +134,7 @@ async function runLayout(): Promise<void> {
       easedAnimation: true
     })
   } catch (error) {
-    // this is just for the purpose of the demo - usually you would employ your own
-    // logging or error handling logic, here
-    if (typeof (window as any).reportError === 'function') {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      ;(window as any).reportError(error)
-    } else {
-      throw error
-    }
+    reportDemoError(error)
   } finally {
     layoutButton.disabled = false
   }

demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.js

@@ -59,7 +59,7 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu.js'
+import { ContextMenu } from '../../utils/ContextMenu.js'
 import { bindAction, bindCommand, showApp } from '../../resources/demo-app.js'
 import GraphBuilderData from './resources/graph.js'
 import { fetchLicense } from '../../resources/fetch-license.js'

demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.ts

@@ -60,7 +60,7 @@ import {
   ToolTipQueryEventArgs
 } from 'yfiles'
 
-import ContextMenu from '../../utils/ContextMenu'
+import { ContextMenu } from '../../utils/ContextMenu'
 import { bindAction, bindCommand, showApp } from '../../resources/demo-app'
 import GraphBuilderData from './resources/graph'
 import { fetchLicense } from '../../resources/fetch-license'

demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.js

@@ -41,7 +41,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.ts

@@ -41,7 +41,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.js

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.ts

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.js

@@ -42,7 +42,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.ts

@@ -42,7 +42,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/02-node-color/SampleApplication.js

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/02-node-color/SampleApplication.ts

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.js

@@ -45,7 +45,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.ts

@@ -46,7 +46,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.js

@@ -45,7 +45,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindAction, bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.ts

@@ -45,7 +45,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindAction, bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.js

@@ -45,7 +45,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.ts

@@ -46,7 +46,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.js

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.ts

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.js

@@ -47,7 +47,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.ts

@@ -48,7 +48,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.js

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.ts

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.js

@@ -47,7 +47,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'

demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.ts

@@ -48,7 +48,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   private static $fillCounter: number
 
   private $nodeColor: string

demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.js

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle.js'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle.js'
 import { bindCommand, showApp } from '../../resources/demo-app.js'
 
 import { applyDemoTheme } from '../../resources/demo-styles.js'

demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.ts

@@ -42,7 +42,7 @@ import {
   Size
 } from 'yfiles'
 
-import MySimpleNodeStyle from './MySimpleNodeStyle'
+import { MySimpleNodeStyle } from './MySimpleNodeStyle'
 import { bindCommand, showApp } from '../../resources/demo-app'
 
 import { applyDemoTheme } from '../../resources/demo-styles'

demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.js

@@ -50,7 +50,7 @@ import {
  * that uses the convenience class {@link NodeStyleBase}
  * as the base class.
  */
-export default class MySimpleNodeStyle extends NodeStyleBase {
+export class MySimpleNodeStyle extends NodeStyleBase {
   constructor() {
     super()
     this.$nodeColor = 'rgba(0,130,180,1)'