diff --git a/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.js b/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.js index e49982d16..d370f1c1d 100644 --- a/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.js +++ b/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() diff --git a/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.ts b/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.ts index ab6cd37ff..c74b197d2 100644 --- a/demos/01-tutorial-getting-started/01-graphcomponent/SampleApplication.ts +++ b/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 { License.value = await fetchLicense() @@ -44,6 +42,5 @@ async function run(): Promise { graphComponent.fitGraphBounds() } -enableWorkarounds() // noinspection JSIgnoredPromiseFromCall run() diff --git a/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.js b/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.js index 56cc595d1..a232207cf 100644 --- a/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.js +++ b/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' diff --git a/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.ts b/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.ts index 06adf6946..4c6f13787 100644 --- a/demos/01-tutorial-getting-started/09-data-binding/SampleApplication.ts +++ b/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' diff --git a/demos/01-tutorial-getting-started/10-layout/SampleApplication.js b/demos/01-tutorial-getting-started/10-layout/SampleApplication.js index 4a34b79cb..427981a32 100644 --- a/demos/01-tutorial-getting-started/10-layout/SampleApplication.js +++ b/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 } diff --git a/demos/01-tutorial-getting-started/10-layout/SampleApplication.ts b/demos/01-tutorial-getting-started/10-layout/SampleApplication.ts index e95ea1e5e..4d1a85166 100644 --- a/demos/01-tutorial-getting-started/10-layout/SampleApplication.ts +++ b/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 { 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 } diff --git a/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.js b/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.js index 1787259d5..4d3da51d8 100644 --- a/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.js +++ b/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 } diff --git a/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.ts b/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.ts index a5abea747..dbac368ba 100644 --- a/demos/01-tutorial-getting-started/11-layout-data/SampleApplication.ts +++ b/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 { 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 } diff --git a/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.js b/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.js index 5c5dd4712..948d070f4 100644 --- a/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.js +++ b/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' diff --git a/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.ts b/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.ts index 3422b0f37..89d71b595 100644 --- a/demos/01-tutorial-getting-started/12-graph-analysis/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.js index 327fd14c7..61ecf410b 100644 --- a/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.ts index 5464174e2..2533264d3 100644 --- a/demos/02-tutorial-custom-styles/01-custom-node-style/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.js b/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.js index 13bb46080..2520c1ed4 100644 --- a/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.ts b/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.ts index 2d34ba6bc..4ce502eac 100644 --- a/demos/02-tutorial-custom-styles/01-custom-node-style/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.js index 0c65382eb..87c739f39 100644 --- a/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.ts index ed053b93b..c622ad2d0 100644 --- a/demos/02-tutorial-custom-styles/02-node-color/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.js b/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.js index 2d96838a4..837038e82 100644 --- a/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.ts b/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.ts index 8cdb24df7..7508c3adb 100644 --- a/demos/02-tutorial-custom-styles/02-node-color/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.js index 75e63462c..54084d17e 100644 --- a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.ts index 072cc59a9..50a3ca722 100644 --- a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.js b/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.js index 71386d26c..48fad90a7 100644 --- a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.ts b/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.ts index 3ed53bbdd..6ec9d450e 100644 --- a/demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.js index bd19a4730..7f7c89603 100644 --- a/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.ts index 9e96c23c3..242ed1914 100644 --- a/demos/02-tutorial-custom-styles/04-is-inside/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.js b/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.js index e18301309..1ec819f39 100644 --- a/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.ts b/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.ts index c865f8b80..68df95566 100644 --- a/demos/02-tutorial-custom-styles/04-is-inside/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.js index f1b462f63..2f3ff4038 100644 --- a/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.ts index 667e841a7..b92e63ad7 100644 --- a/demos/02-tutorial-custom-styles/05-hit-test/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.js b/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.js index e18301309..1ec819f39 100644 --- a/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.ts b/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.ts index c865f8b80..68df95566 100644 --- a/demos/02-tutorial-custom-styles/05-hit-test/SampleApplication.ts +++ b/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' diff --git a/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.js index 4af5f5bf4..2f81343f8 100644 --- a/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.js +++ b/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)' diff --git a/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.ts index 8e98438b3..4490886b7 100644 --- a/demos/02-tutorial-custom-styles/06-get-bounds/MySimpleNodeStyle.ts +++ b/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 diff --git a/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.js b/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.js index e18301309..1ec819f39 100644 --- a/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.js +++ b/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' diff --git a/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.ts b/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.ts index c865f8b80..68df95566 100644 --- a/demos/02-tutorial-custom-styles/06-get-bounds/SampleApplication.ts +++ b/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' 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 index 8c0a78a73..64f17db4d 100644 --- a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.js +++ b/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)' 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 index 92b66d931..7c46eaf4e 100644 --- a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/MySimpleNodeStyle.ts @@ -51,7 +51,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 diff --git a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.js b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.js index e18301309..1ec819f39 100644 --- a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/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' diff --git a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.ts b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.ts index c865f8b80..68df95566 100644 --- a/demos/02-tutorial-custom-styles/07-drop-shadow-performance/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/07-drop-shadow-performance/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' 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 index a78fb3547..2dc3ab8b7 100644 --- 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 @@ -55,7 +55,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)' 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 index 10c24a7b7..d9c73eab6 100644 --- 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 @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.js b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.js index e18301309..1ec819f39 100644 --- a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/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' diff --git a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.ts b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.ts index c865f8b80..68df95566 100644 --- a/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/08-edge-from-node-to-label/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' diff --git a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js index ba58d4a1b..6f1c5c849 100644 --- a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.js @@ -55,7 +55,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)' diff --git a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts index 89842220a..1e71ea9a6 100644 --- a/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/09-is-visible/MySimpleNodeStyle.ts @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.js b/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.js index fd19d5d06..edae28c3d 100644 --- a/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.js @@ -41,7 +41,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' diff --git a/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.ts b/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.ts index 2cd4f2a53..2e0e11d20 100644 --- a/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/09-is-visible/SampleApplication.ts @@ -41,7 +41,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' diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.js index a429d5fa4..7b21d4222 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.js @@ -42,7 +42,7 @@ import { * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.ts index 4e4b9408a..d2cfb051a 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleLabelStyle.ts @@ -43,7 +43,7 @@ import { * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index abc71707f..fc16eaa90 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.js @@ -55,7 +55,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)' 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 index ce6661827..a0542d9d1 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/MySimpleNodeStyle.ts @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.js b/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.js index 43d61f717..3584436ab 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.js @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.ts b/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.ts index 390528644..f70b71a1b 100644 --- a/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/10-custom-label-style/SampleApplication.ts @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.js index 442e32063..ae7d23688 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.js @@ -45,7 +45,7 @@ const VERTICAL_INSET = 2 * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.ts index cea16c9f4..4194b9274 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleLabelStyle.ts @@ -46,7 +46,7 @@ const VERTICAL_INSET = 2 * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index abc71707f..fc16eaa90 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.js @@ -55,7 +55,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)' 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 index ce6661827..a0542d9d1 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/MySimpleNodeStyle.ts @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.js b/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.js index 43d61f717..3584436ab 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.js @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.ts b/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.ts index 390528644..f70b71a1b 100644 --- a/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/11-label-preferred-size/SampleApplication.ts @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.js index 5a6c8d7e7..82ac82c22 100644 --- a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.js @@ -45,7 +45,7 @@ const VERTICAL_INSET = 2 * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.ts index 39ffc387e..ce803930c 100644 --- a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/MySimpleLabelStyle.ts @@ -46,7 +46,7 @@ const VERTICAL_INSET = 2 * This class is an example for a custom style based on the {@link LabelStyleBase}. * The font for the label text can be set. The label text is drawn with black letters inside a blue rounded rectangle. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index abc71707f..fc16eaa90 100644 --- 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 @@ -55,7 +55,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)' 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 index ce6661827..a0542d9d1 100644 --- 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 @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.js b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.js index 43d61f717..3584436ab 100644 --- a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.js @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.ts b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.ts index 390528644..f70b71a1b 100644 --- a/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/12-high-performance-label-rendering/SampleApplication.ts @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.js index ccbbbd669..51d4d588f 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.ts index 3adb491db..9f08c9e67 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index abc71707f..fc16eaa90 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.js @@ -55,7 +55,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)' 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 index ce6661827..a0542d9d1 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/MySimpleNodeStyle.ts @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.js b/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.js index 43d61f717..3584436ab 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.js @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.ts b/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.ts index 390528644..f70b71a1b 100644 --- a/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/13-label-edit-button/SampleApplication.ts @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.js index 34b78f8a3..d1dae1156 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.ts index 0d6efcef3..0ae46079c 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js index abc71707f..fc16eaa90 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.js @@ -55,7 +55,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)' diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts index ce6661827..a0542d9d1 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/14-button-visibility/MySimpleNodeStyle.ts @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.js b/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.js index 43d61f717..3584436ab 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.js @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.ts b/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.ts index 390528644..f70b71a1b 100644 --- a/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/14-button-visibility/SampleApplication.ts @@ -41,8 +41,8 @@ import { Size } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' 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 index abc71707f..fc16eaa90 100644 --- 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 @@ -55,7 +55,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)' 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 index ce6661827..a0542d9d1 100644 --- 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 @@ -56,7 +56,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 diff --git a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.js b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.js index 0c0541bcd..2e7dc7419 100644 --- a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.js @@ -44,7 +44,7 @@ import { Size } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { BusinessObject, MySimpleLabelStyle } from './MySimpleLabelStyle.js' diff --git a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.ts b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.ts index 6caf04841..324cf965f 100644 --- a/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/15-using-data-in-label-tag/SampleApplication.ts @@ -44,7 +44,7 @@ import { Size } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { BusinessObject, MySimpleLabelStyle } from './MySimpleLabelStyle' diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.js index 6970da90e..125734b37 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.js @@ -44,12 +44,11 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.ts index 27ce68548..7eda77dc7 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleEdgeStyle.ts @@ -45,12 +45,12 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: IArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index e68913e6f..a21c41083 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' 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 index cdcdc2b7c..07a96866c 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.js b/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.js index c8deb7f4b..c86b8f7b0 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.ts b/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.ts index 88883cf5d..e61a7d7b7 100644 --- a/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/16-custom-edge-style/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.js index 2a64ba41d..9d07138c3 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.js @@ -46,12 +46,11 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.ts index 63a7540b4..bd5cdbc9a 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleEdgeStyle.ts @@ -47,12 +47,12 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: IArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.ts index 4ac68bdef..a921ca0a0 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index 58d7a0f42..a95562fe2 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.js @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' 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 index 39405caf1..b78b7e9e7 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/MySimpleNodeStyle.ts @@ -52,14 +52,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.js b/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.js index d67ceead7..0e12f8f5d 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.ts b/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.ts index 13c7fcc7e..a3aac25f5 100644 --- a/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/17-edge-hit-test/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.js index efd4889b3..8054f9752 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.js @@ -46,12 +46,11 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.ts index 98d9934ae..7a963c12d 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleEdgeStyle.ts @@ -47,12 +47,12 @@ import { Stroke, SvgVisual } from 'yfiles' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: IArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js index 08a2a7a69..3b86c1f64 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.js @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts index 45af4cdc9..17cce5d29 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/MySimpleNodeStyle.ts @@ -52,14 +52,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.js b/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.js index aa449ec56..0d87ce6e5 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.ts b/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.ts index 56de33372..532971a6f 100644 --- a/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/18-edge-cropping/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.js index 846232bb8..54210023b 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.js @@ -49,12 +49,11 @@ import { } from 'yfiles' import AnimatedLinearGradientFill from './AnimatedLinearGradientFill.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.ts index 38a3b0343..e0e23ffb0 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleEdgeStyle.ts @@ -50,12 +50,12 @@ import { } from 'yfiles' import AnimatedLinearGradientFill from './AnimatedLinearGradientFill' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: IArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.js index f9676eac5..b489c2d61 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.ts index 28b9e83a5..01cf8d54c 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** 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 index 58d7a0f42..a95562fe2 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.js @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.ts index aba710269..77b7d036f 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/MySimpleNodeStyle.ts @@ -52,14 +52,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.js b/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.js index f7d2d861d..6ff68ccfd 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.ts b/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.ts index 3b1c11611..b7e863732 100644 --- a/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/19-animated-edge-selection/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.js b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.js index 6a5731301..8f74c55e2 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.js @@ -47,7 +47,7 @@ import { /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.ts index fc0fd6acb..5eb8d85ed 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleArrow.ts @@ -47,7 +47,7 @@ import { /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $arrowFigure: GeneralPath | null diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.js index 1e7f257ae..bfc8a9e21 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.ts index a5289ed9f..7048d72e1 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.js index 1ea3b1cd7..32e53f71e 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.ts index b0ac1bdff..53280e3fb 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.js b/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.js index aa449ec56..0d87ce6e5 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.ts b/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.ts index 56de33372..532971a6f 100644 --- a/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/20-custom-arrow/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.js b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.js index 3ac0561eb..9d0c1c121 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.js @@ -48,7 +48,7 @@ import { /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.ts index b2f4b3154..cda1a3906 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleArrow.ts @@ -48,7 +48,7 @@ import { /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $arrowFigure: GeneralPath | null diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.js index 821b88ee8..21fa228f0 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.ts index 7f5a301de..cf1df8da4 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.js index 70a4fbc50..22caf1824 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.ts index daba0072c..7f84c67f2 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/21-edge-performance/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.js b/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.js index aa449ec56..0d87ce6e5 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.js @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.ts b/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.ts index 56de33372..532971a6f 100644 --- a/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/21-edge-performance/SampleApplication.ts @@ -39,9 +39,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.js b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.js index 3034092f4..1a3d4c281 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.ts index ee0b1afb5..8371952cd 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.js index 647baf8f7..a9385329d 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.ts index 839c3570c..3bc01e06e 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.js index bb10ad7d7..f0488b14b 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.ts index df4806f74..445d38de4 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.js b/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.js index 718f1ff3b..b944d332d 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.js @@ -38,9 +38,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.ts b/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.ts index 7bb5dd1d8..2ca89e597 100644 --- a/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/22-arrow-thickness/SampleApplication.ts @@ -38,9 +38,9 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.js b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.ts index 2639011bc..7e202c5b2 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.js index 5b2a6f73d..4489dcb11 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.ts index 2c2d2d304..1c18c9cf3 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.js index 22c63043f..28a33fb7e 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.ts index 2e1f458a2..ee4034a9e 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.js index bb10ad7d7..f0488b14b 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.ts index df4806f74..445d38de4 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.js b/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.js index 4beb546f2..d55b9b889 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.js @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { /** * @param {!IRenderContext} context * @param {!IPort} port diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.ts b/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.ts index 83f3f7d89..24f8ce03e 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/MySimplePortStyle.ts @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { createVisual(context: IRenderContext, port: IPort): SvgVisual { // create the ellipse const ellipse = window.document.createElementNS('http://www.w3.org/2000/svg', 'ellipse') diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.js b/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.js index 10824a303..67289d003 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.js @@ -39,10 +39,10 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' -import MySimplePortStyle from './MySimplePortStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' +import { MySimplePortStyle } from './MySimplePortStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.ts b/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.ts index dc585f851..9b5a17f8c 100644 --- a/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/23-custom-ports/SampleApplication.ts @@ -39,10 +39,10 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' -import MySimplePortStyle from './MySimplePortStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' +import { MySimplePortStyle } from './MySimplePortStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.js b/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.js index 1376f4626..f72badc37 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.js @@ -49,7 +49,7 @@ import { SvgVisualGroup } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A simple node style wrapper that takes a given node style and adds label edge rendering @@ -63,7 +63,7 @@ import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' * {@link EdgeStyleBase}, {@link LabelStyleBase} and * {@link PortStyleBase}. */ -export default class MyNodeStyleDecorator extends NodeStyleBase { +export class MyNodeStyleDecorator extends NodeStyleBase { /** * Creates a new instance of this style using the given wrapped style. * @param {!INodeStyle} wrappedStyle The style that is decorated by this instance. diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.ts index 34283d6e6..5c0f6cc16 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MyNodeStyleDecorator.ts @@ -50,7 +50,7 @@ import { SvgVisualGroup } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple node style wrapper that takes a given node style and adds label edge rendering @@ -64,7 +64,7 @@ import MySimpleEdgeStyle from './MySimpleEdgeStyle' * {@link EdgeStyleBase}, {@link LabelStyleBase} and * {@link PortStyleBase}. */ -export default class MyNodeStyleDecorator extends NodeStyleBase { +export class MyNodeStyleDecorator extends NodeStyleBase { wrapped: INodeStyle /** diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.js b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.ts index 8523bdde0..1f603afd6 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.js index be6e44e88..02273a444 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.js @@ -48,14 +48,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' -import MyNodeStyleDecorator from './MyNodeStyleDecorator.js' +import { MySimpleArrow } from './MySimpleArrow.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' +import { MyNodeStyleDecorator } from './MyNodeStyleDecorator.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.ts index f82849f8c..35d2cdefa 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleEdgeStyle.ts @@ -49,14 +49,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' -import MyNodeStyleDecorator from './MyNodeStyleDecorator' +import { MySimpleArrow } from './MySimpleArrow' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' +import { MyNodeStyleDecorator } from './MyNodeStyleDecorator' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.js index 5872e9579..0ee567a05 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.js @@ -51,7 +51,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)' diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.ts index 0d8d9aba3..e80501adb 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimpleNodeStyle.ts @@ -52,7 +52,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 diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.js b/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.js index 4beb546f2..d55b9b889 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.js @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { /** * @param {!IRenderContext} context * @param {!IPort} port diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.ts b/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.ts index 83f3f7d89..24f8ce03e 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/MySimplePortStyle.ts @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { createVisual(context: IRenderContext, port: IPort): SvgVisual { // create the ellipse const ellipse = window.document.createElementNS('http://www.w3.org/2000/svg', 'ellipse') diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.js b/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.js index 824758997..fa4c86ccc 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.js @@ -39,11 +39,11 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' -import MyNodeStyleDecorator from './MyNodeStyleDecorator.js' -import MySimplePortStyle from './MySimplePortStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' +import { MyNodeStyleDecorator } from './MyNodeStyleDecorator.js' +import { MySimplePortStyle } from './MySimplePortStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.ts b/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.ts index bfb21823c..807af432d 100644 --- a/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/24-style-decorator/SampleApplication.ts @@ -39,11 +39,11 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' -import MyNodeStyleDecorator from './MyNodeStyleDecorator' -import MySimplePortStyle from './MySimplePortStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' +import { MyNodeStyleDecorator } from './MyNodeStyleDecorator' +import { MySimplePortStyle } from './MySimplePortStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.js index d6341cb4f..728a7202f 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.js @@ -45,7 +45,7 @@ import { * group node. This implementation delegates the actual rendering of each * state to a node style. */ -export default class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { +export class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { /** * @param {!Size} size */ diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.ts index 3a679e857..b05ea06bf 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MyCollapsibleNodeStyleDecoratorRenderer.ts @@ -45,7 +45,7 @@ import { * group node. This implementation delegates the actual rendering of each * state to a node style. */ -export default class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { +export class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { size: Size expandedButtonStyle: ImageNodeStyle collapsedButtonStyle: ImageNodeStyle diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.js index fa9c5e1bb..a8cca719d 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.js @@ -62,7 +62,7 @@ const INSET = 2 * this makes customizations easy. Additionally, it uses a couple of inner * classes to customize certain aspects of the user interaction behavior. */ -export default class MyGroupNodeStyle extends NodeStyleBase { +export class MyGroupNodeStyle extends NodeStyleBase { constructor() { super() this.$nodeColor = 'rgba(0, 130, 180, 1)' diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.ts index b07815f25..4effcf934 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MyGroupNodeStyle.ts @@ -63,7 +63,7 @@ const INSET = 2 * this makes customizations easy. Additionally, it uses a couple of inner * classes to customize certain aspects of the user interaction behavior. */ -export default class MyGroupNodeStyle extends NodeStyleBase { +export class MyGroupNodeStyle extends NodeStyleBase { private $nodeColor: string constructor() { diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.ts index 2639011bc..7e202c5b2 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.js index c2412ccf7..609962acf 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.ts index 8f1781936..b3da9bf3c 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.js index bb902e31c..bf1834c40 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.ts index 5a0fbe1e7..0c00a8184 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.js b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.js index 4beb546f2..d55b9b889 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.js @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { /** * @param {!IRenderContext} context * @param {!IPort} port diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.ts index 83f3f7d89..24f8ce03e 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/MySimplePortStyle.ts @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { createVisual(context: IRenderContext, port: IPort): SvgVisual { // create the ellipse const ellipse = window.document.createElementNS('http://www.w3.org/2000/svg', 'ellipse') diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.js b/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.js index 1724e7edf..81d441ce8 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.js @@ -43,12 +43,12 @@ import { Size } from 'yfiles' -import MyCollapsibleNodeStyleDecoratorRenderer from './MyCollapsibleNodeStyleDecoratorRenderer.js' -import MyGroupNodeStyle from './MyGroupNodeStyle.js' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' -import MySimplePortStyle from './MySimplePortStyle.js' +import { MyCollapsibleNodeStyleDecoratorRenderer } from './MyCollapsibleNodeStyleDecoratorRenderer.js' +import { MyGroupNodeStyle } from './MyGroupNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' +import { MySimplePortStyle } from './MySimplePortStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.ts b/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.ts index ebced8636..7590a1fa6 100644 --- a/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/25-custom-group-style/SampleApplication.ts @@ -43,12 +43,12 @@ import { Size } from 'yfiles' -import MyCollapsibleNodeStyleDecoratorRenderer from './MyCollapsibleNodeStyleDecoratorRenderer' -import MyGroupNodeStyle from './MyGroupNodeStyle' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' -import MySimplePortStyle from './MySimplePortStyle' +import { MyCollapsibleNodeStyleDecoratorRenderer } from './MyCollapsibleNodeStyleDecoratorRenderer' +import { MyGroupNodeStyle } from './MyGroupNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' +import { MySimplePortStyle } from './MySimplePortStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.js index d6341cb4f..728a7202f 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.js @@ -45,7 +45,7 @@ import { * group node. This implementation delegates the actual rendering of each * state to a node style. */ -export default class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { +export class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { /** * @param {!Size} size */ diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.ts index 3a679e857..b05ea06bf 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyCollapsibleNodeStyleDecoratorRenderer.ts @@ -45,7 +45,7 @@ import { * group node. This implementation delegates the actual rendering of each * state to a node style. */ -export default class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { +export class MyCollapsibleNodeStyleDecoratorRenderer extends CollapsibleNodeStyleDecoratorRenderer { size: Size expandedButtonStyle: ImageNodeStyle collapsedButtonStyle: ImageNodeStyle diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.js index 41493fb26..86872ef80 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.js @@ -67,7 +67,7 @@ const BUTTON_SIZE = 14 * this makes customizations easy. Additionally, it uses a couple of inner * classes to customize certain aspects of the user interaction behavior. */ -export default class MyGroupNodeStyle extends NodeStyleBase { +export class MyGroupNodeStyle extends NodeStyleBase { constructor() { super() this.$nodeColor = 'rgba(0, 130, 180, 1)' diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.ts index db153e698..844df82d9 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MyGroupNodeStyle.ts @@ -68,7 +68,7 @@ const BUTTON_SIZE = 14 * this makes customizations easy. Additionally, it uses a couple of inner * classes to customize certain aspects of the user interaction behavior. */ -export default class MyGroupNodeStyle extends NodeStyleBase { +export class MyGroupNodeStyle extends NodeStyleBase { private $nodeColor: string constructor() { diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.ts index 2639011bc..7e202c5b2 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.js index 93287e591..a9f09db29 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.js @@ -49,13 +49,12 @@ import { } from 'yfiles' import AnimatedLinearGradient from './AnimatedLinearGradient.js' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.ts index f48cfc12c..16fba5b61 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleEdgeStyle.ts @@ -50,13 +50,13 @@ import { } from 'yfiles' import AnimatedLinearGradient from './AnimatedLinearGradient' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.js index a7a66e6d0..274ea2605 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.js @@ -52,7 +52,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.ts index 38443d683..6c94099f8 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleLabelStyle.ts @@ -53,7 +53,7 @@ const BUTTON_SIZE = 16 * Also there is a customized button displayed in the label at certain zoom levels that enables editing of the label * text. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font /** diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.js index bb902e31c..bf1834c40 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.ts index 5a0fbe1e7..0c00a8184 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.js index 4beb546f2..d55b9b889 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.js @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { /** * @param {!IRenderContext} context * @param {!IPort} port diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.ts index 83f3f7d89..24f8ce03e 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/MySimplePortStyle.ts @@ -36,7 +36,7 @@ const HEIGHT = 4 * This class is an example of a custom port style based on the {@link PortStyleBase} class. * The port is rendered as a circle. */ -export default class MySimplePortStyle extends PortStyleBase { +export class MySimplePortStyle extends PortStyleBase { createVisual(context: IRenderContext, port: IPort): SvgVisual { // create the ellipse const ellipse = window.document.createElementNS('http://www.w3.org/2000/svg', 'ellipse') diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.js b/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.js index 6f6f56545..d0893b2ac 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.js @@ -47,12 +47,12 @@ import { Size } from 'yfiles' -import MyCollapsibleNodeStyleDecoratorRenderer from './MyCollapsibleNodeStyleDecoratorRenderer.js' -import MyGroupNodeStyle from './MyGroupNodeStyle.js' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' -import MySimplePortStyle from './MySimplePortStyle.js' +import { MyCollapsibleNodeStyleDecoratorRenderer } from './MyCollapsibleNodeStyleDecoratorRenderer.js' +import { MyGroupNodeStyle } from './MyGroupNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' +import { MySimplePortStyle } from './MySimplePortStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.ts b/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.ts index e587b43fd..bed57a72b 100644 --- a/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/26-custom-group-bounds/SampleApplication.ts @@ -47,12 +47,12 @@ import { Size } from 'yfiles' -import MyCollapsibleNodeStyleDecoratorRenderer from './MyCollapsibleNodeStyleDecoratorRenderer' -import MyGroupNodeStyle from './MyGroupNodeStyle' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' -import MySimplePortStyle from './MySimplePortStyle' +import { MyCollapsibleNodeStyleDecoratorRenderer } from './MyCollapsibleNodeStyleDecoratorRenderer' +import { MyGroupNodeStyle } from './MyGroupNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' +import { MySimplePortStyle } from './MySimplePortStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.js b/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.js index 3f32e11dc..71ed1db1f 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.js +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.js @@ -31,7 +31,7 @@ import { CanvasComponent, HtmlCanvasVisual, IRectangle, IRenderContext } from 'y /** * Renders a circle with the given layout and color on a HTML5 Canvas. */ -export default class CircleVisual extends HtmlCanvasVisual { +export class CircleVisual extends HtmlCanvasVisual { /** * Creates a new instance. * @param {!IRectangle} layout The layout of the node to render. diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.ts b/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.ts index effe329b8..bf258006d 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.ts +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/CircleVisual.ts @@ -31,7 +31,7 @@ import { CanvasComponent, HtmlCanvasVisual, IRectangle, IRenderContext } from 'y /** * Renders a circle with the given layout and color on a HTML5 Canvas. */ -export default class CircleVisual extends HtmlCanvasVisual { +export class CircleVisual extends HtmlCanvasVisual { layout: IRectangle color: string diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.js index e9ee0d607..28da6ecd6 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.js @@ -52,7 +52,7 @@ import { Visual } from 'yfiles' -import CircleVisual from './CircleVisual.js' +import { CircleVisual } from './CircleVisual.js' const ZOOM_THRESHOLD = 0.8 @@ -61,7 +61,7 @@ const ZOOM_THRESHOLD = 0.8 * 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)' diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.ts index 87a9b0716..dfb39ea07 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/MySimpleNodeStyle.ts @@ -53,7 +53,7 @@ import { Visual } from 'yfiles' -import CircleVisual from './CircleVisual' +import { CircleVisual } from './CircleVisual' const ZOOM_THRESHOLD = 0.8 @@ -62,7 +62,7 @@ const ZOOM_THRESHOLD = 0.8 * 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 diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.js b/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.js index 6dff6ff54..4db4a44b9 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.js @@ -39,7 +39,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' diff --git a/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.ts b/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.ts index 7bbb6875f..730989d39 100644 --- a/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/27-canvas-painting/SampleApplication.ts @@ -39,7 +39,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' diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.js b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.ts index 2750468f7..1a440ce93 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.js index 55b89164b..1445831f0 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.js @@ -51,13 +51,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.ts index bd181151b..184218027 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleEdgeStyle.ts @@ -52,13 +52,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.js index 0ce794f93..b4913c4ee 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.ts index ea08bc0fd..369d01809 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/28-bridge-support/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.js b/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.js index 7e500173c..42b4461e5 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.js @@ -37,8 +37,8 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.ts b/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.ts index 80cf9f637..cd7a1e782 100644 --- a/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/28-bridge-support/SampleApplication.ts @@ -37,8 +37,8 @@ import { Size } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.js b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.js index 579971de6..6eb755d48 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.js +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.js @@ -44,12 +44,11 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { /** * Initializes a new instance of the {@link MySimpleArrow} class. */ diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.ts b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.ts index 2639011bc..7e202c5b2 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.ts +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleArrow.ts @@ -45,12 +45,12 @@ import { SvgVisual, Visual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import type { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A simple IArrow implementation that renders the arrow as a custom filled shape. */ -export default class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { +export class MySimpleArrow extends BaseClass(IArrow, IVisualCreator, IBoundsProvider) { anchor: Point direction: Point private $thickness: number diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.js b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.js index fd65c5c59..455df07d6 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.js +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.js @@ -48,13 +48,12 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleArrow } from './MySimpleArrow.js' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { /** * Initializes a new instance of the {@link MySimpleEdgeStyle} class. */ diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.ts b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.ts index c6958648e..b7b6c71ed 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.ts +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleEdgeStyle.ts @@ -49,13 +49,13 @@ import { SvgVisual } from 'yfiles' -import MySimpleArrow from './MySimpleArrow' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleArrow } from './MySimpleArrow' +import type { MySimpleNodeStyle } from './MySimpleNodeStyle' /** * This class is an example for a custom edge style based on {@link EdgeStyleBase}. */ -export default class MySimpleEdgeStyle extends EdgeStyleBase { +export class MySimpleEdgeStyle extends EdgeStyleBase { private $arrows: MySimpleArrow private $pathThickness: number diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.js b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.js index fe51160b2..37a5788a3 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.js +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.js @@ -49,7 +49,7 @@ const VERTICAL_INSET = 2 * This implementation returns a fixed desired size without taking the actual text size into account. * This is done to showcase the built-in line wrapping (trimming) feature of this style. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { /** * Initializes a new instance of the {@link MySimpleLabelStyle} class using the "Arial" font. */ diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.ts b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.ts index d8518d15d..6f9cad794 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.ts +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleLabelStyle.ts @@ -50,7 +50,7 @@ const VERTICAL_INSET = 2 * This implementation returns a fixed desired size without taking the actual text size into account. * This is done to showcase the built-in line wrapping (trimming) feature of this style. */ -export default class MySimpleLabelStyle extends LabelStyleBase { +export class MySimpleLabelStyle extends LabelStyleBase { private $font: Font private $wrapping: TextWrapping diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.js b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.js index 0ce794f93..b4913c4ee 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.js +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.js @@ -50,14 +50,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' /** * A very simple implementation of an {@link INodeStyle} * 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)' diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.ts b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.ts index 0807b3eee..f685f6a48 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.ts +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/MySimpleNodeStyle.ts @@ -51,14 +51,14 @@ import { SvgVisual } from 'yfiles' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' /** * A very simple implementation of an {@link INodeStyle} * 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 diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.js b/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.js index 37e165bb1..188a39414 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.js +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.js @@ -39,9 +39,9 @@ import { TextWrapping } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle.js' -import MySimpleEdgeStyle from './MySimpleEdgeStyle.js' -import MySimpleNodeStyle from './MySimpleNodeStyle.js' +import { MySimpleLabelStyle } from './MySimpleLabelStyle.js' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle.js' +import { MySimpleNodeStyle } from './MySimpleNodeStyle.js' import { bindCommand, showApp } from '../../resources/demo-app.js' import { applyDemoTheme } from '../../resources/demo-styles.js' diff --git a/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.ts b/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.ts index 5a3eb84d1..8d24f022b 100644 --- a/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.ts +++ b/demos/02-tutorial-custom-styles/29-label-line-wrapping/SampleApplication.ts @@ -39,9 +39,9 @@ import { TextWrapping } from 'yfiles' -import MySimpleLabelStyle from './MySimpleLabelStyle' -import MySimpleEdgeStyle from './MySimpleEdgeStyle' -import MySimpleNodeStyle from './MySimpleNodeStyle' +import { MySimpleLabelStyle } from './MySimpleLabelStyle' +import { MySimpleEdgeStyle } from './MySimpleEdgeStyle' +import { MySimpleNodeStyle } from './MySimpleNodeStyle' import { bindCommand, showApp } from '../../resources/demo-app' import { applyDemoTheme } from '../../resources/demo-styles' diff --git a/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.js b/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.js index ec4fda307..29722ffdf 100644 --- a/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.js +++ b/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.js @@ -59,7 +59,7 @@ import { removeClass, showApp } from '../../resources/demo-app.js' -import { passiveSupported, pointerEventsSupported } from '../../utils/Workarounds.js' +import { BrowserDetection } from '../../utils/BrowserDetection.js' import { applyDemoTheme, createDemoShapeNodeStyle, @@ -169,7 +169,7 @@ function addNodeVisual(style, panel) { simpleNode, // The node that is dragged. This is used to provide a preview within the GC during the drag. DragDropEffects.ALL, // The allowed actions for this drag. true, // Whether to the cursor during the drag. - pointerEventsSupported ? dragPreview : null // The optional preview element that is shown outside of the GC during the drag. + BrowserDetection.pointerEvents ? dragPreview : null // The optional preview element that is shown outside of the GC during the drag. ) // Within the GraphComponent, it draws its own preview node. Therefore, we need to hide the additional @@ -198,7 +198,7 @@ function addNodeVisual(style, panel) { startDrag() event.preventDefault() }, - passiveSupported ? { passive: false } : false + BrowserDetection.passiveEventListeners ? { passive: false } : false ) div.appendChild(img) panel.appendChild(div) diff --git a/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.ts b/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.ts index 11796df16..6f4c91ff6 100644 --- a/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.ts +++ b/demos/03-tutorial-application-features/drag-and-drop/SampleApplication.ts @@ -53,7 +53,7 @@ import { } from 'yfiles' import { addClass, bindAction, bindCommand, removeClass, showApp } from '../../resources/demo-app' -import { passiveSupported, pointerEventsSupported } from '../../utils/Workarounds' +import { BrowserDetection } from '../../utils/BrowserDetection' import { applyDemoTheme, createDemoShapeNodeStyle, @@ -159,7 +159,7 @@ function addNodeVisual(style: INodeStyle, panel: Element): void { simpleNode, // The node that is dragged. This is used to provide a preview within the GC during the drag. DragDropEffects.ALL, // The allowed actions for this drag. true, // Whether to the cursor during the drag. - pointerEventsSupported ? dragPreview : null // The optional preview element that is shown outside of the GC during the drag. + BrowserDetection.pointerEvents ? dragPreview : null // The optional preview element that is shown outside of the GC during the drag. ) // Within the GraphComponent, it draws its own preview node. Therefore, we need to hide the additional @@ -190,7 +190,7 @@ function addNodeVisual(style: INodeStyle, panel: Element): void { startDrag() event.preventDefault() }, - passiveSupported ? { passive: false } : false + BrowserDetection.passiveEventListeners ? { passive: false } : false ) div.appendChild(img) panel.appendChild(div) diff --git a/demos/03-tutorial-application-features/grid-snapping/SampleApplication.js b/demos/03-tutorial-application-features/grid-snapping/SampleApplication.js index 16186eb78..a3ef32623 100644 --- a/demos/03-tutorial-application-features/grid-snapping/SampleApplication.js +++ b/demos/03-tutorial-application-features/grid-snapping/SampleApplication.js @@ -60,9 +60,9 @@ import { removeClass, showApp } from '../../resources/demo-app.js' -import { isWebGlSupported } from '../../utils/Workarounds.js' import { applyDemoTheme, initDemoStyles } from '../../resources/demo-styles.js' import { fetchLicense } from '../../resources/fetch-license.js' +import { BrowserDetection } from '../../utils/BrowserDetection.js' /** @type {GraphComponent} */ let graphComponent @@ -168,7 +168,7 @@ function initializeGrid() { gridRenderModes.set('Canvas', RenderModes.CANVAS) gridRenderModes.set('Svg', RenderModes.SVG) // add WebGL only if the browser supports WebGL rendering - if (isWebGlSupported()) { + if (BrowserDetection.webGL) { gridRenderModes.set('WebGL', RenderModes.WEB_GL) } @@ -445,9 +445,6 @@ function registerCommands() { grid.visible = document.querySelector('#grid-button').checked graphComponent.invalidate() // triggers repaint }) - bindChangeListener("select[data-command='GridSnapTypeChanged']", updateSnapType) - bindChangeListener("select[data-command='GridRenderModeChanged']", updateRenderMode) - bindChangeListener("select[data-command='GridColorChanged']", updateGridColor) bindChangeListener('#thickness', updateGridThickness) } diff --git a/demos/03-tutorial-application-features/grid-snapping/SampleApplication.ts b/demos/03-tutorial-application-features/grid-snapping/SampleApplication.ts index 664588910..2aef909b7 100644 --- a/demos/03-tutorial-application-features/grid-snapping/SampleApplication.ts +++ b/demos/03-tutorial-application-features/grid-snapping/SampleApplication.ts @@ -61,9 +61,9 @@ import { removeClass, showApp } from '../../resources/demo-app' -import { isWebGlSupported } from '../../utils/Workarounds' import { applyDemoTheme, initDemoStyles } from '../../resources/demo-styles' import { fetchLicense } from '../../resources/fetch-license' +import { BrowserDetection } from '../../utils/BrowserDetection' let graphComponent: GraphComponent @@ -166,7 +166,7 @@ function initializeGrid(): void { gridRenderModes.set('Canvas', RenderModes.CANVAS) gridRenderModes.set('Svg', RenderModes.SVG) // add WebGL only if the browser supports WebGL rendering - if (isWebGlSupported()) { + if (BrowserDetection.webGL) { gridRenderModes.set('WebGL', RenderModes.WEB_GL) } @@ -439,9 +439,6 @@ function registerCommands(): void { grid.visible = (document.querySelector('#grid-button') as HTMLInputElement).checked graphComponent.invalidate() // triggers repaint }) - bindChangeListener("select[data-command='GridSnapTypeChanged']", updateSnapType) - bindChangeListener("select[data-command='GridRenderModeChanged']", updateRenderMode) - bindChangeListener("select[data-command='GridColorChanged']", updateGridColor) bindChangeListener('#thickness', updateGridThickness) } diff --git a/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.js b/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.js index 4a9e1081f..9a64dfe95 100644 --- a/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.js +++ b/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.js @@ -48,8 +48,7 @@ import { Workarounds } from 'yfiles' -import { bindAction, bindCommand, showApp } from '../../resources/demo-app.js' -import { isWebGl2Supported } from '../../utils/Workarounds.js' +import { bindAction, bindCommand, checkWebGL2Support, showApp } from '../../resources/demo-app.js' import { applyDemoTheme, initDemoStyles } from '../../resources/demo-styles.js' import { fetchLicense } from '../../resources/fetch-license.js' @@ -61,9 +60,7 @@ let graphComponent * @returns {!Promise} */ async function run() { - if (!isWebGl2Supported()) { - // show message if the browsers does not support WebGL2 - document.getElementById('no-webgl-support').removeAttribute('style') + if (!checkWebGL2Support()) { showApp() return } diff --git a/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.ts b/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.ts index a9a591a7e..5938045c8 100644 --- a/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.ts +++ b/demos/03-tutorial-application-features/webgl-rendering/WebGLRenderingDemo.ts @@ -48,8 +48,7 @@ import { Workarounds } from 'yfiles' -import { bindAction, bindCommand, showApp } from '../../resources/demo-app' -import { isWebGl2Supported } from '../../utils/Workarounds' +import { bindAction, bindCommand, checkWebGL2Support, showApp } from '../../resources/demo-app' import { applyDemoTheme, initDemoStyles } from '../../resources/demo-styles' import { fetchLicense } from '../../resources/fetch-license' @@ -59,9 +58,7 @@ let graphComponent: GraphComponent * Bootstraps the demo. */ async function run(): Promise { - if (!isWebGl2Supported()) { - // show message if the browsers does not support WebGL2 - document.getElementById('no-webgl-support')!.removeAttribute('style') + if (!checkWebGL2Support()) { showApp() return } diff --git a/demos/03-tutorial-application-features/webgl-rendering/index.html b/demos/03-tutorial-application-features/webgl-rendering/index.html index de83e825f..367d26e74 100644 --- a/demos/03-tutorial-application-features/webgl-rendering/index.html +++ b/demos/03-tutorial-application-features/webgl-rendering/index.html @@ -40,18 +40,6 @@ -