markgojs

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>GoJS® ToolManager Class</title> <script src="../../assets/js/jquery.min.js"></script> <script src="../../assets/js/bootstrap.min.js"></script> <script src="../../assets/js/highlight.js"></script> <script src="../../assets/js/api.js"></script> <script src="../../assets/js/fuse.min.js"></script> <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" >  <link href="../../assets/css/main.css" rel="stylesheet" type="text/css"/> <link href="../../assets/css/api.css" rel="stylesheet" type="text/css"/>  <link rel="stylesheet" href="../../assets/css/highlight.css" type="text/css" media="all" /> </head> <body>  <nav id="non-fixed-nav" class="navbar navbar-inverse navbar-top"> <div class="container-fluid"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#navbar"> <a id="toplogo" class="navbar-brand" href="../../index.html">GoJS</a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="../../index.html">Home</a></li> <li><a href="../../learn/index.html">Learn</a></li> <li><a href="../../samples/index.html">Samples</a></li> <li><a href="../../intro/index.html">Intro</a></li> <li><a href="../../api/index.html">API</a></li> <li><a href="https://www.nwoods.com/components/evalform.htm">Register</a></li> <li><a href="../../download.html">Download</a></li> <li><a href="https://forum.nwoods.com/c/gojs">Forum</a></li> <li><a href="https://www.nwoods.com/contact.html" onclick="ga('send','event','Outbound Link','click','contact');">Contact</a></li> <li class="buy"><a href="https://www.nwoods.com/sales/index.html" onclick="ga('send','event','Outbound Link','click','buy');">Buy</a></li> <li class="activate"><a href="https://www.nwoods.com/app/activate.aspx?sku=gojs">Activate</a></li> </ul> </div> </div> </nav> <div class="container-fluid">  <div id="navindex" class="col-md-2">   <div class="sidebar-nav"> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#DiagramNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#DiagramNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Diagram Classes</span> </div> </div> <div id="DiagramNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Adornment.html" class="linkConstructor">Adornment</a></li> <li><a href="../symbols/AnimationManager.html" class="linkConstructor">AnimationManager</a></li> <li><a href="../symbols/CommandHandler.html" class="linkConstructor">CommandHandler</a></li> <li><a href="../symbols/Diagram.html" class="linkConstructor">Diagram</a></li> <li><a href="../symbols/DiagramEvent.html" class="linkConstructor">DiagramEvent</a></li> <li><a href="../symbols/GraphObject.html" class="linkConstructor">GraphObject</a></li> <li><a href="../symbols/Group.html" class="linkConstructor">Group</a></li> <li><a href="../symbols/InputEvent.html" class="linkConstructor">InputEvent</a></li> <li><a href="../symbols/Layer.html" class="linkConstructor">Layer</a></li> <li><a href="../symbols/Link.html" class="linkConstructor">Link</a></li> <li><a href="../symbols/Node.html" class="linkConstructor">Node</a></li> <li><a href="../symbols/Overview.html" class="linkConstructor">Overview</a></li> <li><a href="../symbols/Palette.html" class="linkConstructor">Palette</a></li> <li><a href="../symbols/Panel.html" class="linkConstructor">Panel</a></li> <li><a href="../symbols/Part.html" class="linkConstructor">Part</a></li> <li><a href="../symbols/Picture.html" class="linkConstructor">Picture</a></li> <li><a href="../symbols/Placeholder.html" class="linkConstructor">Placeholder</a></li> <li><a href="../symbols/RowColumnDefinition.html" class="linkConstructor">RowColumnDefinition</a></li> <li><a href="../symbols/Shape.html" class="linkConstructor">Shape</a></li> <li><a href="../symbols/TextBlock.html" class="linkConstructor">TextBlock</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#GeometryNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#GeometryNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Geometry Classes</span> </div> </div> <div id="GeometryNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Brush.html" class="linkConstructor">Brush</a></li> <li><a href="../symbols/Geometry.html" class="linkConstructor">Geometry</a></li> <li><a href="../symbols/Margin.html" class="linkConstructor">Margin</a></li> <li><a href="../symbols/PathFigure.html" class="linkConstructor">PathFigure</a></li> <li><a href="../symbols/PathSegment.html" class="linkConstructor">PathSegment</a></li> <li><a href="../symbols/Point.html" class="linkConstructor">Point</a></li> <li><a href="../symbols/Rect.html" class="linkConstructor">Rect</a></li> <li><a href="../symbols/Size.html" class="linkConstructor">Size</a></li> <li><a href="../symbols/Spot.html" class="linkConstructor">Spot</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#ModelNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ModelNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Model Classes</span> </div> </div> <div id="ModelNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Binding.html" class="linkConstructor">Binding</a></li> <li><a href="../symbols/ChangedEvent.html" class="linkConstructor">ChangedEvent</a></li> <li><a href="../symbols/GraphLinksModel.html" class="linkConstructor">GraphLinksModel</a></li> <li><a href="../symbols/Model.html" class="linkConstructor">Model</a></li> <li><a href="../symbols/Transaction.html" class="linkConstructor">Transaction</a></li> <li><a href="../symbols/TreeModel.html" class="linkConstructor">TreeModel</a></li> <li><a href="../symbols/UndoManager.html" class="linkConstructor">UndoManager</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#LayoutNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#LayoutNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Layout Classes</span> </div> </div> <div id="LayoutNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/CircularLayout.html" class="linkConstructor">CircularLayout</a></li> <li><a href="../symbols/ForceDirectedLayout.html" class="linkConstructor">ForceDirectedLayout</a></li> <li><a href="../symbols/GridLayout.html" class="linkConstructor">GridLayout</a></li> <li><a href="../symbols/LayeredDigraphLayout.html" class="linkConstructor">LayeredDigraphLayout</a></li> <li><a href="../symbols/Layout.html" class="linkConstructor">Layout</a></li> <li><a href="../symbols/LayoutNetwork.html" class="linkConstructor">LayoutNetwork</a></li> <li><a href="../symbols/TreeLayout.html" class="linkConstructor">TreeLayout</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#ToolNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ToolNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Tool Classes</span> </div> </div> <div id="ToolNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/ActionTool.html" class="linkConstructor">ActionTool</a></li> <li><a href="../symbols/ClickCreatingTool.html" class="linkConstructor">ClickCreatingTool</a></li> <li><a href="../symbols/ClickSelectingTool.html" class="linkConstructor">ClickSelectingTool</a></li> <li><a href="../symbols/ContextMenuTool.html" class="linkConstructor">ContextMenuTool</a></li> <li><a href="../symbols/DraggingTool.html" class="linkConstructor">DraggingTool</a></li> <li><a href="../symbols/DragSelectingTool.html" class="linkConstructor">DragSelectingTool</a></li> <li><a href="../symbols/HTMLInfo.html" class="linkConstructor">HTMLInfo</a></li> <li><a href="../symbols/LinkingBaseTool.html" class="linkConstructor">LinkingBaseTool</a></li> <li><a href="../symbols/LinkingTool.html" class="linkConstructor">LinkingTool</a></li> <li><a href="../symbols/LinkReshapingTool.html" class="linkConstructor">LinkReshapingTool</a></li> <li><a href="../symbols/PanningTool.html" class="linkConstructor">PanningTool</a></li> <li><a href="../symbols/RelinkingTool.html" class="linkConstructor">RelinkingTool</a></li> <li><a href="../symbols/ResizingTool.html" class="linkConstructor">ResizingTool</a></li> <li><a href="../symbols/RotatingTool.html" class="linkConstructor">RotatingTool</a></li> <li><a href="../symbols/TextEditingTool.html" class="linkConstructor">TextEditingTool</a></li> <li><a href="../symbols/Tool.html" class="linkConstructor">Tool</a></li> <li><a href="../symbols/ToolManager.html" class="linkConstructor">ToolManager</a></li> </ul> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <div class="navheader-container"> <div class="navheader-collapse" data-toggle="collapse" data-target="#CollectionNavbar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#CollectionNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <span class="navbar-brand">Collection Classes</span> </div> </div> <div id="CollectionNavbar" class="navbar-collapse collapse sidebar-navbar-collapse"> <ul class="classList nav navbar-nav"> <li><a href="../symbols/Iterable.html" class="linkConstructor">Iterable</a></li> <li><a href="../symbols/Iterator.html" class="linkConstructor">Iterator</a></li> <li><a href="../symbols/List.html" class="linkConstructor">List</a></li> <li><a href="../symbols/Map.html" class="linkConstructor">Map</a></li> <li><a href="../symbols/Set.html" class="linkConstructor">Set</a></li> </ul> </div> </div> </div>   </div> <div id="contentBody" class="col-md-10"> <div class="searchsumm"> <div class="table-wrap"> <div class="table-cell" id="apisearch" data-base="../"> <div class="title">Search API</div> <div class="field"> <label for="search-field" class="search-icon"></label> <input id="search-field" type="text" /> </div> <ul class="results"> <li class="state loading">Preparing search index...</li> <li class="state failure">The search index is not available</li> </ul> </div> <div class="table-cell" id="apisumm"> <input type="checkbox" id="showsumms" /> <label class="apisumms" for="showsumms">Show Summaries</label> </div> </div> </div>  <div id="header" class="fineprint"> <b>GoJS</b>® Diagramming Components<br/>version 1.8.36 for JavaScript/HTML<br/>by <a href="https://www.nwoods.com/">Northwoods Software®</a> </div>  <h2 class="classTitle"> Class ToolManager </h2>  <p class="classsummary"> <span class="extends"> Extends <a href="../symbols/Tool.html" class="linkConstructor">Tool</a>.</span> This special <a href="../symbols/Tool.html" class="linkConstructor">Tool</a> is responsible for managing all of the Diagram's mode-less tools, which you can access as the <a href="../symbols/Diagram.html#toolManager" class="linkProperty">Diagram.toolManager</a>. <p> Mode-less tools are tools that are present in one of the following lists: <a href="../symbols/ToolManager.html#mouseDownTools" class="linkProperty">mouseDownTools</a>, <a href="../symbols/ToolManager.html#mouseMoveTools" class="linkProperty">mouseMoveTools</a>, or <a href="../symbols/ToolManager.html#mouseUpTools" class="linkProperty">mouseUpTools</a>. This ToolManager tool is normally the <a href="../symbols/Diagram.html#defaultTool" class="linkProperty">Diagram.defaultTool</a>, so it is also usually the <a href="../symbols/Diagram.html#currentTool" class="linkProperty">Diagram.currentTool</a> when the user is doing "nothing". <p> When this tool is running as the current tool, it handles mouse-down, mouse-move, and mouse-up events and the corresponding touch events. For each event it iterates over each of the tools in the corresponding list, calling the tool's <a href="../symbols/Tool.html#canStart" class="linkMethod">Tool.canStart</a> predicate. If that predicate returns true, it starts that tool by making it the diagram's current tool. It then activates the tool and passes on the event to the tool by calling the corresponding method (either <a href="../symbols/Tool.html#doMouseDown" class="linkMethod">Tool.doMouseDown</a>, <a href="../symbols/Tool.html#doMouseMove" class="linkMethod">Tool.doMouseMove</a>, or <a href="../symbols/Tool.html#doMouseUp" class="linkMethod">Tool.doMouseUp</a>). <p> Because this tool is typically the one running as the diagram's current tool when the user isn't "doing" anything, this tool can also handle other events, such as mouse wheel events and keyboard commands. <p> Keyboard events are just passed on to the <a href="../symbols/Diagram.html#commandHandler" class="linkProperty">Diagram.commandHandler</a>'s <a href="../symbols/CommandHandler.html#doKeyDown" class="linkMethod">CommandHandler.doKeyDown</a> or <a href="../symbols/CommandHandler.html#doKeyUp" class="linkMethod">CommandHandler.doKeyUp</a> method. <p> This tool also is responsible for showing tooltips. Tooltip <a href="../symbols/Adornment.html" class="linkConstructor">Adornment</a>s may be declared as any <a href="../symbols/GraphObject.html#toolTip" class="linkProperty">GraphObject.toolTip</a>, or as the <a href="../symbols/Diagram.html#toolTip" class="linkProperty">Diagram.toolTip</a> if the mouse or finger remains motionless in the background of the diagram. You can set <a href="../symbols/ToolManager.html#toolTipDuration" class="linkProperty">toolTipDuration</a> to control how long the tooltip remains visible after being motionless. <p> This tool does not utilize any tool handles. This tool does not conduct any transactions. But of course some of the tools that the ToolManager starts can show tool handles and/or conduct their own transactions. </p>  <h2 id="constructor" class="summaryCaption"> Constructor <span class="nodetails"> Summary</span><span class="details"> Details</span></h2> <div class="table-responsive"> <table class="summaryTable table table-bordered table-condensed" summary="A summary of the constructor documented in the class ToolManager."> <thead> <tr> <th scope="col" class="name">Name</th> <th scope="col" class="description">Description</th> </tr> </thead> <tbody> <tr> <td class="name" > <div class="name"> ToolManager() </div> </td> <td class="description"> <div class="description"> <p><p>You do not normally need to create an instance of this tool because one already exists as the <a href="../symbols/Diagram.html#toolManager" class="linkProperty">Diagram.toolManager</a>, which you can modify.<span class="nodetails" id="xconToolManager"><a class="morelink" onclick="hst('conToolManager')">More...</a></span> <span class="details" id="conToolManager"> </span><div class="details" id="dconToolManager"><p> The <a href="../symbols/Tool.html#name" class="linkProperty">Tool.name</a> of this tool is "ToolManager". <p> The constructor produces a ToolManager that manages no tools. Call <a href="../symbols/ToolManager.html#initializeStandardTools" class="linkMethod">initializeStandardTools</a> to create various tools, initialize the tool properties such as <a href="../symbols/ToolManager.html#draggingTool" class="linkProperty">draggingTool</a>, and initialize the three mouse tool lists with those newly created tools.</div> </div> </td> </tr> </tbody> </table> </div>  <h2 class="summaryCaption">Properties<span class="nodetails"> Summary</span><span class="details"> Details</span></h2> <div class="table-responsive"> <table class="summaryTable table table-bordered table-condensed" summary="A summary of the properties documented in the class ToolManager."> <thead> <tr> <th scope="col" class="name">Name, Value Type</th> <th scope="col" class="description">Description</th> </tr> </thead> <tbody> <tr id="actionTool" > <td class="name"> <div class="name"> actionTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/ActionTool.html" class="linkConstructor">ActionTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/ActionTool.html" class="linkConstructor">ActionTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseDownTools" class="linkProperty">mouseDownTools</a>.<span class="nodetails" id="xpropactionTool"><a class="morelink" onclick="hst('propactionTool')">More...</a></span> <span class="details" id="propactionTool"> </span><div class="details" id="dpropactionTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="clickCreatingTool" > <td class="name"> <div class="name"> clickCreatingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/ClickCreatingTool.html" class="linkConstructor">ClickCreatingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/ClickCreatingTool.html" class="linkConstructor">ClickCreatingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseUpTools" class="linkProperty">mouseUpTools</a>.<span class="nodetails" id="xpropclickCreatingTool"><a class="morelink" onclick="hst('propclickCreatingTool')">More...</a></span> <span class="details" id="propclickCreatingTool"> </span><div class="details" id="dpropclickCreatingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="clickSelectingTool" > <td class="name"> <div class="name"> clickSelectingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/ClickSelectingTool.html" class="linkConstructor">ClickSelectingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/ClickSelectingTool.html" class="linkConstructor">ClickSelectingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseUpTools" class="linkProperty">mouseUpTools</a>.<span class="nodetails" id="xpropclickSelectingTool"><a class="morelink" onclick="hst('propclickSelectingTool')">More...</a></span> <span class="details" id="propclickSelectingTool"> </span><div class="details" id="dpropclickSelectingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="contextMenuTool" > <td class="name"> <div class="name"> contextMenuTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/ContextMenuTool.html" class="linkConstructor">ContextMenuTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/ContextMenuTool.html" class="linkConstructor">ContextMenuTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseUpTools" class="linkProperty">mouseUpTools</a>.<span class="nodetails" id="xpropcontextMenuTool"><a class="morelink" onclick="hst('propcontextMenuTool')">More...</a></span> <span class="details" id="propcontextMenuTool"> </span><div class="details" id="dpropcontextMenuTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="currentToolTip" > <td class="name"> <div class="name"> currentToolTip </div> <div class="attributes"> <span class="light">{<a href="../symbols/Adornment.html" class="linkConstructor">Adornment</a>|<a href="../symbols/HTMLInfo.html" class="linkConstructor">HTMLInfo</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the currently showing tooltip, or null if there is none. </div> </td> </tr> <tr id="draggingTool" > <td class="name"> <div class="name"> draggingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/DraggingTool.html" class="linkConstructor">DraggingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/DraggingTool.html" class="linkConstructor">DraggingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseMoveTools" class="linkProperty">mouseMoveTools</a>.<span class="nodetails" id="xpropdraggingTool"><a class="morelink" onclick="hst('propdraggingTool')">More...</a></span> <span class="details" id="propdraggingTool"> </span><div class="details" id="dpropdraggingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="dragSelectingTool" > <td class="name"> <div class="name"> dragSelectingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/DragSelectingTool.html" class="linkConstructor">DragSelectingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/DragSelectingTool.html" class="linkConstructor">DragSelectingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseMoveTools" class="linkProperty">mouseMoveTools</a>.<span class="nodetails" id="xpropdragSelectingTool"><a class="morelink" onclick="hst('propdragSelectingTool')">More...</a></span> <span class="details" id="propdragSelectingTool"> </span><div class="details" id="dpropdragSelectingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="dragSize" > <td class="name"> <div class="name"> dragSize </div> <div class="attributes"> <span class="light">{<a href="../symbols/Size.html" class="linkConstructor">Size</a>}</span> <span class="since" title="since">1.2</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the distance in view coordinates within which a mouse down-and-up is considered a click and beyond which a mouse movement is considered a drag.<span class="nodetails" id="xpropdragSize"><a class="morelink" onclick="hst('propdragSize')">More...</a></span> <span class="details" id="propdragSize"> The default value is 2 pixels horizontally and vertically for mouse events, and increases by 6 pixels for touch events. This value is used by <a href="../symbols/Tool.html#isBeyondDragSize" class="linkMethod">Tool.isBeyondDragSize</a>.</span> </div> </td> </tr> <tr id="gestureBehavior" > <td class="name"> <div class="name"> gestureBehavior </div> <div class="attributes"> <span class="light">{EnumValue}</span> <span class="since" title="since">1.5</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the ToolManager's default gestureBehavior behavior.<span class="nodetails" id="xpropgestureBehavior"><a class="morelink" onclick="hst('propgestureBehavior')">More...</a></span> <span class="details" id="propgestureBehavior"> Allowed values are <a href="../symbols/ToolManager.html#GestureZoom" class="linkConstant">ToolManager.GestureZoom</a> and <a href="../symbols/ToolManager.html#GestureCancel" class="linkConstant">ToolManager.GestureCancel</a> and <a href="../symbols/ToolManager.html#GestureNone" class="linkConstant">ToolManager.GestureNone</a>. </span><div class="details" id="dpropgestureBehavior"><p> The default value is <a href="../symbols/ToolManager.html#GestureZoom" class="linkConstant">ToolManager.GestureZoom</a>.</div> </div> </td> </tr> <tr id="holdDelay" > <td class="name"> <div class="name"> holdDelay </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the time between when the mouse stops moving and a hold event, in milliseconds.<span class="nodetails" id="xpropholdDelay"><a class="morelink" onclick="hst('propholdDelay')">More...</a></span> <span class="details" id="propholdDelay"> The default value is 850 milliseconds.</span> </div> </td> </tr> <tr id="hoverDelay" > <td class="name"> <div class="name"> hoverDelay </div> <div class="attributes"> <span class="light">{number}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the time between when the mouse stops moving and a hover event, in milliseconds.<span class="nodetails" id="xprophoverDelay"><a class="morelink" onclick="hst('prophoverDelay')">More...</a></span> <span class="details" id="prophoverDelay"> This value affects the delay before <a href="../symbols/GraphObject.html#toolTip" class="linkProperty">GraphObject.toolTip</a>s are shown. The default value is 850 milliseconds.</span> </div> </td> </tr> <tr id="linkingTool" > <td class="name"> <div class="name"> linkingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/LinkingTool.html" class="linkConstructor">LinkingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/LinkingTool.html" class="linkConstructor">LinkingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseMoveTools" class="linkProperty">mouseMoveTools</a>.<span class="nodetails" id="xproplinkingTool"><a class="morelink" onclick="hst('proplinkingTool')">More...</a></span> <span class="details" id="proplinkingTool"> </span><div class="details" id="dproplinkingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="linkReshapingTool" > <td class="name"> <div class="name"> linkReshapingTool </div> <div class="attributes"> <span class="light">{<a href="../symbols/LinkReshapingTool.html" class="linkConstructor">LinkReshapingTool</a>}</span> </div> </td> <td class="description"> <div class="description">  <p>Gets or sets the mode-less <a href="../symbols/LinkReshapingTool.html" class="linkConstructor">LinkReshapingTool</a>, normally one of the <a href="../symbols/ToolManager.html#mouseDownTools" class="linkProperty">mouseDownTools</a>.<span class="nodetails" id="xproplinkReshapingTool"><a class="morelink" onclick="hst('proplinkReshapingTool')">More...</a></span> <span class="details" id="proplinkReshapingTool"> </span><div class="details" id="dproplinkReshapingTool"><p> You can disable this tool by setting its <a href="../symbols/Tool.html#isEnabled" class="linkProperty">Tool.isEnabled</a> property to false.</div> </div> </td> </tr> <tr id="mouseDownTools" > <td class="name"> <div class="name"> mouseDownTools </div> <div class="attributes"> <span class="light">{List.<Tool>}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the list of <a href="../symbols/Tool.html" class="linkConstructor">Tool</a>s that might be started upon a mouse or finger press event.<span class="nodetails" id="xpropmouseDownTools"><a class="morelink" onclick="hst('propmouseDownTools')">More...</a></span> <span class="details" id="propmouseDownTools"> When the ToolManager handles a mouse-down or touch-down event in <a href="../symbols/ToolManager.html#doMouseDown" class="linkMethod">doMouseDown</a>, it searches this list in order, starting the first tool for which <a href="../symbols/Tool.html#canStart" class="linkMethod">Tool.canStart</a> returns true. </span><div class="details" id="dpropmouseDownTools"><p> This list may be modified, but it must not be modified while any tool is handling events. <p> <a href="../symbols/ToolManager.html#initializeStandardTools" class="linkMethod">initializeStandardTools</a> installs the following tools, in order: <ul> <li><a href="../symbols/ToolManager.html#actionTool" class="linkProperty">actionTool</a>, an <a href="../symbols/ActionTool.html" class="linkConstructor">ActionTool</a></li> <li><a href="../symbols/ToolManager.html#relinkingTool" class="linkProperty">relinkingTool</a>, a <a href="../symbols/RelinkingTool.html" class="linkConstructor">RelinkingTool</a></li> <li><a href="../symbols/ToolManager.html#linkReshapingTool" class="linkProperty">linkReshapingTool</a>, a <a href="../symbols/LinkReshapingTool.html" class="linkConstructor">LinkReshapingTool</a></li> <li><a href="../symbols/ToolManager.html#resizingTool" class="linkProperty">resizingTool</a>, a <a href="../symbols/ResizingTool.html" class="linkConstructor">ResizingTool</a></li> <li><a href="../symbols/ToolManager.html#rotatingTool" class="linkProperty">rotatingTool</a>, a <a href="../symbols/RotatingTool.html" class="linkConstructor">RotatingTool</a></li> </ul></div> </div> </td> </tr> <tr id="mouseMoveTools" > <td class="name"> <div class="name"> mouseMoveTools </div> <div class="attributes"> <span class="light">{List.<Tool>}</span> </div> </td> <td class="description"> <div class="description">  <p>This read-only property returns the list of <a href="../symbols/Tool.html" class="linkConstructor">Tool</a>s that might be started upon a mouse or finger move event.<span class="nodetails" id="xpropmouseMoveTools"><a class="morelink" onclick="hst('propmouseMoveTools')">More...</a></span> <span class="details" id="propmouseMoveTools"> When the ToolManager handles a mouse-move or touch-move event in <a href="../symbols/ToolManager.html#doMouseMove" class="linkMethod">doMouseMove</a>, it searches this list in order, starting the first tool for which <a href="../symbols/Tool.html#canStart" class="linkMethod">Tool.canStart</a> returns true. </span><div class="details" id="dpropmouseMoveTools"><p> This list may be modified, but it must not be modified while any tool is handling events. <p> <a href="../symbols/ToolManager.html#initializeStandardTools" class="linkMethod">initializeStandardTools</a> installs the following tools, in order: <ul> <li><a href="../symbols/ToolManager.html#linkingTool" class="linkProperty">linkingTool</a>, a <a href="../symbols/LinkingTool.html" class="linkConstructor">LinkingTool</a></li> <li><a href="../symbols/ToolManager.html#draggingTool" class="linkProperty">draggingTool</a>, a <a href="../symbols/DraggingTool.html" class="linkConstructor">DraggingTool</a></li> <li><a href="../symbols/ToolManager.html#dragSelectingTool" class="linkProperty">dragSelectingTool</a>, a <a href="../symbols/DragSelectingTool.html" class="linkConstructor">DragSelectingTool</a></li> <li><a href="../symbols/ToolManager.html#panningTool" class="linkProperty">panningTool</a>, a <a href="../symbols/PanningTool.html" class="linkConstructor">PanningTool</a></li> </ul></div> </div> </td> </tr> <tr id="mouseUpTools" > <td class="name"> <div class="name"> mouseUpTools </div> <div class="attributes"> <span class="light">{List.<Tool>}