Import SnapLinkReshapingTool in Angular

JonasCze · October 19, 2021, 8:32am

Hello,
I want to include the SnapLinkReshapingTool script, but I am not sure how to do this in Angular. I saved it in my repository and referenced it in the component via

declare const SnapLinkReshapingTool: any;

I am not sure how to add this to the diagram definition as well, since this gave me a few errors during the runtime.

Best regards
Jonas Czeslik

walter · October 19, 2021, 11:29am

If you imported the TS file correctly, you should not need that declaration.

Replace the standard LinkReshapingTool when you are initializing the Diagram:

$(go.Diagram, . . .,
  { . . .,
    linkReshapingTool: new SnapLinkReshapingTool()
  })

JonasCze · October 19, 2021, 1:22pm

Okay, then I am not sure, if I included the file correctly. I also only found a javascript file, not a typescript one.

Where can I find the typescript version?

EDIT: Nevermind, I found the according file and was able to import it correctly!
Thanks a lot!

jhardy · October 19, 2021, 1:49pm

github.com

NorthwoodsSoftware/GoJS/blob/master/extensionsTS/SnapLinkReshapingTool.ts

/*
*  Copyright (C) 1998-2023 by Northwoods Software Corporation. All Rights Reserved.
*/

/*
* This is an extension and not part of the main GoJS library.
* Note that the API for this class may change with any version, even point releases.
* If you intend to use an extension in production, you should copy the code to your own source directory.
* Extensions can be found in the GoJS kit under the extensions or extensionsJSM folders.
* See the Extensions intro page (https://gojs.net/latest/intro/extensions.html) for more information.
*/

import * as go from '../release/go.js';

/**
 * The SnapLinkReshapingTool class lets the user snap link reshaping handles to the nearest grid point.
 * If {@link #avoidsNodes} is true and the link is orthogonal,
 * it also avoids reshaping the link so that any adjacent segments cross over any avoidable nodes.
 *
 * If you want to experiment with this extension, try the <a href="../../extensionsJSM/SnapLinkReshaping.html">Snap Link Reshaping</a> sample.

This file has been truncated. show original