Class: Arrow

• new Arrow(options)

• new Arrow(options?)

AbstractLineEditor<ArrowShape>.constructor

▸ addListener(eventName, listener): Arrow

add event listener. The listener receives the message when the system event happens.

Deprecated

since 4.0 use .on() instead. Note that 3 args callback should be used in subscription via .on(): (eventType, source, args)

Arrow

AbstractLineEditor.addListener

▸ apply(command): Arrow

Applies command to the current node

Arrow

this

AbstractLineEditor.apply

▸ Protected canInsert(eventArgs): boolean

Determines if the editor can insert a new node at the point

boolean

AbstractLineEditor.canInsert

▸ canRedo(): boolean

Checks if there is command in history to redo

boolean

AbstractLineEditor.canRedo

▸ canUndo(): boolean

Checks if there is command in history to undo

boolean

AbstractLineEditor.canUndo

▸ captureMouseUp(): void

listen to window mouse events in order to catch a mouse up action outside of the tool container DOM element. useful for example when you pan and release click outside of DOM element.

void

AbstractLineEditor.captureMouseUp

▸ changeNodeOrder(order, anchor?): Arrow

changes the z-order of the nodes being rendered.

Arrow

this

AbstractLineEditor.changeNodeOrder

▸ Protected createGhost(): Node

Creates a clone of the current node

Node

AbstractLineEditor.createGhost

▸ deleteNode(trash?, shape?): Arrow

Delete node or array of nodes to specified trash container

Arrow

this

AbstractLineEditor.deleteNode

▸ dispose(): void

Dispose tool.

void

AbstractLineEditor.dispose

▸ Protected end(eventArgs?): void

Ends current node creation, fires the corresponding event and clones new empty node for the new creation

void

AbstractLineEditor.end

▸ fireEvent(eventName, eventArgs?): void

This method is Protected. Fire an Event.

Deprecated

since 4.0 use .notify() instead. Note that 3 args callback should be used in subscription via .on()

void

AbstractLineEditor.fireEvent

▸ flipNodeOrientation(flipX, flipY): Arrow

Flip node vertically and/or horizontally

Arrow

this

AbstractLineEditor.flipNodeOrientation

▸ getActiveNode(): Node

Returns the ghost if ghost mode is enabled and initialized and the original node otherwise

Node

AbstractLineEditor.getActiveNode

▸ Protected getActivePlot(): Plot

Gets an active plot

Plot

AbstractLineEditor.getActivePlot

▸ Protected getBboxHandle(eventArgs?): EditHandleId

Returns current bounding box handle if no arguments provided, or bounding box element index that is currently under mouse event, null if nothing is

EditHandleId

AbstractLineEditor.getBboxHandle

▸ getBounds(): Rect

Returns bounds for the bounding box elements

Rect

AbstractLineEditor.getBounds

▸ getClassName(): string

string

AbstractLineEditor.getClassName

▸ Protected getDataLayer(): Node

Gets the edited nodes' parent layer

Node

AbstractLineEditor.getDataLayer

▸ getDeviceTransform(): Transformation

Returns current node-to-device transformation

Transformation

AbstractLineEditor.getDeviceTransform

▸ getEditMode(): EditMode

Returns current edit mode

EditMode

AbstractLineEditor.getEditMode

▸ Protected getEventRadius(eventArgs): number

Returns device radius for the provided event

number

AbstractLineEditor.getEventRadius

▸ Protected getGhost(): Node

Returns the ghost registered with this editor. If ghost does not exist, returns null

Node

AbstractLineEditor.getGhost

▸ getHandlesGroup(): Group<Node>

Returns handles group

Group<Node>

AbstractLineEditor.getHandlesGroup

▸ getHistory(): History

Returns current history

History

AbstractLineEditor.getHistory

▸ Protected getLocalTransform(): Transformation

Returns current node local transformation

Transformation

AbstractLineEditor.getLocalTransform

▸ getManipulatorLayer(): CompositeNode<Node>

return manipulator layer

CompositeNode<Node>

layer

AbstractLineEditor.getManipulatorLayer

▸ getMouseRadius(): number

Returns current device radius for mouse events

number

AbstractLineEditor.getMouseRadius

▸ getName(): string

return tool name if any

string

name of the tool

AbstractLineEditor.getName

▸ getNode(): Arrow

Returns current node

Arrow

AbstractLineEditor.getNode

▸ getParentTool(): AbstractCompositeTool

Gets parent tool

AbstractCompositeTool

parent tool

AbstractLineEditor.getParentTool

▸ getProperties(): OptionsOut

Gets properties

OptionsOut

editor properties

AbstractLineEditor.getProperties

▸ getProperty(name): any

Gets dynamic property by name. These properties can be used as a property bags

any

AbstractLineEditor.getProperty

▸ getPropertyKeys(): string[]

Returns known properties keys

string[]

AbstractLineEditor.getPropertyKeys

▸ getRoot(): AbstractCompositeTool

Gets root tool

AbstractCompositeTool

parent tool

AbstractLineEditor.getRoot

▸ getTouchRadius(): number

Returns current device radius for touch events

number

AbstractLineEditor.getTouchRadius

▸ Protected getVisible(): boolean

Gets the edited node visibility state

boolean

AbstractLineEditor.getVisible

▸ hasEventListener(type, callback?): boolean

Check if a list of event listeners for this type contains this listener

boolean

AbstractLineEditor.hasEventListener

▸ Protected initialize(options): void

void

AbstractLineEditor.initialize

▸ isActive(): boolean

return active state

boolean

AbstractLineEditor.isActive

▸ isDisposed(): boolean

Returns whether this object has been disposed

boolean

AbstractLineEditor.isDisposed

▸ Protected isDoubleClick(point, eventArgs?): boolean

returns true if double clicked

boolean

AbstractLineEditor.isDoubleClick

▸ isEnabled(): boolean

returns enable state

boolean

state

AbstractLineEditor.isEnabled

▸ isSilent(): boolean

Return true if the event dispatcher doesn't notify any events

boolean

AbstractLineEditor.isSilent

▸ isStarted(): boolean

Tests if editing was started (editor is active and at least one command was applied)

boolean

AbstractLineEditor.isStarted

▸ Protected isSupported(options): boolean

Checks if editor supports the options provided

boolean

AbstractLineEditor.isSupported

▸ isTouchEvent(eventArgs): boolean

return true if the event is a touch event and false otherwise.

boolean

AbstractLineEditor.isTouchEvent

▸ notify<E>(type, source, args?): Arrow

Notify listeners

Arrow

this

AbstractLineEditor.notify

▸ off<E>(type?, callback?): Arrow

Detach listener on event. Calling .off() with no arguments removes all attached listeners. Calling .off(type) with no callback removes all attached listeners for specific type.

Arrow

this

AbstractLineEditor.off

▸ on<E>(type, callback): Arrow

Attach listener on event that will be called whenever the specified event is delivered to the target

If the callback function is already in the list of event listeners for this target, the function is not added a second time.

If a particular anonymous function is in the list of event listeners registered for a certain target, and then later in the code, an identical anonymous function is given in an "on" call, the second function will also be added to the list of event listeners for that target.

Example

// Using in derived tool
import type {EventMap as EventMapBase} from '@int/geotoolkit/controls/tools/AbstractTool';
export type EventMap = EventMapBase & {
[MyToolEvents.onValueChanged]: MyToolEventArgs
}
export enum MyToolEvents {
onValueChanged = 'onValueChanged'
}
export class MyTool extends AbstractTool {
public declare on: <E extends keyof EventMap>(type: E, callback: (eventType: E, sender: this, args: EventMap[E]) => void) => this;
protected declare notify: <E extends keyof EventMap>(type: E, source: AbstractTool, args?: EventMap[E]) => this;
public declare off: <E extends keyof EventMap>(type: E, callback?: (eventType: E, sender: this, args: EventMap[E]) => void) => this;
// ...
}

Arrow

AbstractLineEditor.on

▸ Protected onActiveStateChanged(): void

Fires

Events.onStateChanged

void

AbstractLineEditor.onActiveStateChanged

▸ Protected onBeforeCommandApplied(command): void

Fires the EditEvents.BeforeCommandApplied event

void

AbstractLineEditor.onBeforeCommandApplied

▸ Protected onCommandApplied(command): void

Fires the EditEvents.CommandApplied and the command.getEventName() events

void

AbstractLineEditor.onCommandApplied

▸ Protected onCommandApplying(command): void

Fires the EditEvents.CommandApplying event

void

AbstractLineEditor.onCommandApplying

▸ Protected onCommandRedo(command): void

Fires the EditEvents.Redo event

void

AbstractLineEditor.onCommandRedo

▸ Protected onCommandUndo(command): void

Fires the EditEvents.Undo event

void

AbstractLineEditor.onCommandUndo

▸ Protected onDoubleClick(eventArgs): void

Handles mouse double click event

void

AbstractLineEditor.onDoubleClick

▸ Protected onEnabledStateChanged(): void

Fires

Events.onEnabledStateChanged

void

AbstractLineEditor.onEnabledStateChanged

▸ Protected onKeyDown(eventArgs): void

Handles key down event

void

AbstractLineEditor.onKeyDown

▸ Protected onKeyUp(eventArgs): void

Handles key up event

void

AbstractLineEditor.onKeyUp

▸ Protected onLeave(eventArgs): void

Handles mouse leave event

void

AbstractLineEditor.onLeave

▸ Protected onMouseDown(eventArgs): void

Handles mouse down event

void

AbstractLineEditor.onMouseDown

▸ Protected onMouseMove(eventArgs): void

Handles mouse move event

void

AbstractLineEditor.onMouseMove

▸ Protected onMouseUp(eventArgs): void

Handles mouse up event

void

AbstractLineEditor.onMouseUp

▸ Protected onNodeCreated(node, eventArgs?): void

Fires the EditEvents.End event

void

AbstractLineEditor.onNodeCreated

▸ pageToCanvas(eventArgs, externalPlot?): Object

return position relative to the canvas

Object

AbstractLineEditor.pageToCanvas

▸ pointToModel(model, eventArgs): Point

converts device coordinates to inner coordinates of node

Point

AbstractLineEditor.pointToModel

▸ Protected push(command): Arrow

Pushes command to the history after applying it and firing the corresponding event

Arrow

this

AbstractLineEditor.push

▸ redo(): Arrow

Reapplies last canceled command in history (if possible)

Arrow

this

AbstractLineEditor.redo

▸ removeListener(eventName, listener?): Arrow

remove event listener. The listener reveives the message when the system event happens.

Deprecated

since 4.0 use .off() instead.

Arrow

AbstractLineEditor.removeListener

▸ Protected resetNode(unlink?): Arrow

Resets current node to the initial state before all the changes were made

Arrow

this

AbstractLineEditor.resetNode

▸ Protected resetNodeToGhost(): Arrow

Resets the current node to its ghost state

Arrow

AbstractLineEditor.resetNodeToGhost

▸ Protected rotateNode(node, angle, hint?): boolean

boolean

AbstractLineEditor.rotateNode

▸ setActive(active): Arrow

set active state

Fires

Events.onStateChanged

Arrow

AbstractLineEditor.setActive

▸ setEditMode(mode): Arrow

Sets edit mode to determine operations that can be applied to the current node. Use bitwise operations for the full customization.

Arrow

this

AbstractLineEditor.setEditMode

▸ setEnabled(enabled): Arrow

set enable state

Fires

Events.onEnabledStateChanged

Fires

Events.onStateChanged

Arrow

this

AbstractLineEditor.setEnabled

▸ Protected setLine(node, from, to): Arrow

Arrow

AbstractLineEditor.setLine

▸ setMouseRadius(radius): Arrow

Sets device radius for mouse events

Arrow

this

AbstractLineEditor.setMouseRadius

▸ setName(name): Arrow

set tool name

Arrow

AbstractLineEditor.setName

▸ Protected setNode(node): Arrow

Sets node to edit

Arrow

this

AbstractLineEditor.setNode

▸ Protected setNodeBounds(node, p1, p2, hint?): boolean

boolean

AbstractLineEditor.setNodeBounds

▸ setProperties(properties?): Arrow

Sets properties to the editing elements

Arrow

this

AbstractLineEditor.setProperties

▸ setProperty(name, value): Arrow

Sets dynamic property by name

Arrow

this

AbstractLineEditor.setProperty

▸ setSilent(bool): Arrow

Set silent mode

Arrow

this

AbstractLineEditor.setSilent

▸ setSlotEnabled(eventName, value, target?): Arrow

Sets slot enabled

Arrow

AbstractLineEditor.setSlotEnabled

▸ setSlots(slots?, merge?): Arrow

Sets new slots.

Example

const slots = {
'pointerdown': (event: EventArgs) => {
// event is an instance of @int/geotoolkit/controls/tools/EventArgs
...
}
};
tool.setSlots(slots);

Arrow

this

AbstractLineEditor.setSlots

▸ setTouchRadius(radius): Arrow

Sets device radius for touch events

Arrow

this

AbstractLineEditor.setTouchRadius

▸ Protected start(eventArgs?): Arrow

start

Arrow

AbstractLineEditor.start

▸ Protected stop(): Arrow

stop

Arrow

AbstractLineEditor.stop

▸ Protected swapActiveHandles(handleId, vertical): EditHandleId

Swaps active handles vertically/horizontally

EditHandleId

swapped handle id

AbstractLineEditor.swapActiveHandles

▸ toggle(): Arrow

switch enable state to opposite state

Arrow

AbstractLineEditor.toggle

▸ Protected transformNode(node, tr, hint?): boolean

boolean

AbstractLineEditor.transformNode

▸ Protected translateNode(node, x, y, hint?): boolean

boolean

AbstractLineEditor.translateNode

▸ undo(): Arrow

Cancels last command in history (if possible)

Arrow

this

AbstractLineEditor.undo

▸ update(): Arrow

Forces editing shapes and handles to be updated

Arrow

this

AbstractLineEditor.update

▸ Protected updateBrowserCursor(eventArgs, cursor?): void

void

AbstractLineEditor.updateBrowserCursor

▸ updateHandles(): Arrow

Forces editing handles to be updated

Arrow

this

AbstractLineEditor.updateHandles

▸ Protected updateNodePosition(): void

Updates active node's position if scene transformation was changed but pointer position wasn't

void

AbstractLineEditor.updateNodePosition

▸ Static canvasToClient(plotPoint, plot): Point

Convert plot coordinates to global coordinates

Point

AbstractLineEditor.canvasToClient

▸ Static clientToCanvas(nativeEvent, plot): Point

Convert global coordinates to plot coordinates

Point

AbstractLineEditor.clientToCanvas

▸ Static getClassName(): string

string

AbstractLineEditor.getClassName

▸ Static getExclusiveTool(plot): AbstractTool

return exclusive tool associated with plot

AbstractTool

tool

AbstractLineEditor.getExclusiveTool

▸ Static getNativeEventName(eventName): string[]

Returns native event name

string[]

AbstractLineEditor.getNativeEventName

▸ Static isTouchEvent(eventArgs): eventArgs is TouchEvent

return true if the event is a touch event and false otherwise.

eventArgs is TouchEvent

AbstractLineEditor.isTouchEvent

▸ Static lock(plot, tool): void

Set exclusive tool for plot

void

AbstractLineEditor.lock

▸ Static setDefaultMouseRadius(radius): void

Sets default device radius for mouse events

void

AbstractLineEditor.setDefaultMouseRadius

▸ Static setDefaultTouchRadius(radius): void

Sets default device radius for touch events

void

AbstractLineEditor.setDefaultTouchRadius

▸ Static unlock(value): void

Remove exclusive tool from plot

void

AbstractLineEditor.unlock