Class: LayeredNode<T>

• new LayeredNode&lt;T&amp;gt;(options)

• new LayeredNode<T>(options?)

Create layered node

CompositeNode&lt;T&amp;gt;.constructor

▸ addBaseLayer(baseLayer): LayeredNode<T>

Add baseLayer to container

LayeredNode<T>

this

▸ addChild(node): LayeredNode<T>

Add a child node

LayeredNode<T>

this

CompositeNode.addChild

▸ addCssClass(cssclass): LayeredNode<T>

Adds new css class to node

LayeredNode<T>

this

CompositeNode.addCssClass

▸ addInvalidateHandler(handler): LayeredNode<T>

Add invalidate handler

Deprecated

since 4.0, use Node.on instead

LayeredNode<T>

this

CompositeNode.addInvalidateHandler

▸ addOverlay(overlay): LayeredNode<T>

Add overlay to container

LayeredNode<T>

this

▸ adjustPosition(area?, vAlign?, hAlign?): LayeredNode<T>

Adjust position of node to specified area

LayeredNode<T>

this

CompositeNode.adjustPosition

▸ Protected applyOpacity(context): LayeredNode<T>

This method is called to apply opacity if it is specified on the rendering context. The default implementation sets global alpha on the rendering context

LayeredNode<T>

this

CompositeNode.applyOpacity

▸ Protected applyResponsiveStyle(): void

Apply a responsive style rules it is exists

void

CompositeNode.applyResponsiveStyle

▸ changeBaseLayerOrder(overlay, order, anchor?): LayeredNode<T>

Changes the z-order of the baseLayer.

LayeredNode<T>

this

▸ changeChildOrder(node, order, anchor?): LayeredNode<T>

changes the z-order of the nodes being rendered.

LayeredNode<T>

this

CompositeNode.changeChildOrder

▸ changeOverlayOrder(overlay, order, anchor?): LayeredNode<T>

Changes the z-order of the overlay.

LayeredNode<T>

this

▸ checkCollision(context): boolean

Check culling Returns true if object is inside of renderable area

boolean

true if node is collided

CompositeNode.checkCollision

▸ clearBaseLayers(disposeBaseLayers?): LayeredNode<T>

Remove all child baseLayers from group

LayeredNode<T>

this

▸ clearChildren(disposeChildren?): LayeredNode<T>

Remove all child nodes from this composite group

LayeredNode<T>

this

CompositeNode.clearChildren

▸ clearOverlays(disposeOverlays?): LayeredNode<T>

Remove all child overlays from group

LayeredNode<T>

this

▸ clone(): LayeredNode<T>

All subclasses should override copyConstructor or provide custom implementation for this method

LayeredNode<T>

clone

CompositeNode.clone

▸ connectStyle(style, type, callback): LayeredNode<T>

Connects style.

This convenience method subscribes a listener to given style for the specified type.
And automatically un-subscribes listener if node is disposed to prevent memory leaks

LayeredNode<T>

this

CompositeNode.connectStyle

▸ Protected copyConstructor(src, deepCopy?): LayeredNode<T>

Copy constructor function.
Function used as part of the cloning mechanism.
Implementations should copy the given instance state to this instance.

LayeredNode<T>

this

CompositeNode.copyConstructor

▸ disconnectStyle(style, type, callback): LayeredNode<T>

Disconnect style
This convenience method un-subscribes a listener to given style for the specified type.

LayeredNode<T>

this

CompositeNode.disconnectStyle

▸ dispose(): void

Dispose node. Clear all listeners and disconnect style to avoid memory leaks

void

CompositeNode.dispose

▸ enableClipping(doClip): LayeredNode<T>

Enables or disables clipping of this node. If enabled, shapes will not be rendered outside of its bounds.

LayeredNode<T>

this

CompositeNode.enableClipping

▸ enableEventPropagation(enable): LayeredNode<T>

Enable event propagation from the node hierarchy from bottom to top

This option is similar to DOM Event bubbling, which allows to get any event from child node. By default it is disabled for better performance.

Example

import {Group} from '@int/geotoolkit/scene/Group';
import {Events as SceneEvents} from '@int/geotoolkit/scene/Node';
const parentGroup = new Group()
.setName('ParentGroup')
.enableEventPropagation(true);
const childGroup = new Group()
.setName('ChildGroup');

parentGroup.addChild(childGroup);
parentGroup.on(SceneEvents.Invalidate, (eventName, sender, args) => {
// Got notifications from all children of parent group
});
childGroup.invalidate();

LayeredNode<T>

this

CompositeNode.enableEventPropagation

▸ enumerateNodes(callback, target?): void

Executes a provided function once for each child node

void

CompositeNode.enumerateNodes

▸ execute(delegate): LayeredNode<T>

Executes delegate and return the result. It allows us to keep all initialization calls in one place,
and we do not need to scroll up or down in IDE to find how and where it was initialized.

Example

// All setters (.setName() for example) returns reference to the this.
// In order to modify inner object like LineStyle or Pattern, to get this object (property) we should call getter to get object reference.
// Then modify it as shown below in Option 1 or you can use execute methods shown in Option 2.
import {Group} from '@int/geotoolkit/scene/Group';
import {Rect} from '@int/geotoolkit/util/Rect';
// Option 1
const group = new Group()
.setName('MyGroup')
.setBounds(new Rect(0, 0, 42, 16))
.enableClipping(true)
.setTag({'type': 'sometype'});

group.getLineStyle().setPattern('pattern');
return group;

// Options 2 ( using execute method )
return group
.execute(function () {
this.getLineStyle()
.setPattern("pattern");
});

LayeredNode<T>

The result if any or this

CompositeNode.execute

▸ execute<T>(delegate): T

T

CompositeNode.execute

▸ Protected filter(context): boolean

Filter node

boolean

flag filter flag ("true" to render node; "false" otherwise)

CompositeNode.filter

▸ getAnimationStyle(): AnimationStyle

Return animation style

AnimationStyle

animationStyle current animation style

CompositeNode.getAnimationStyle

▸ getBaseLayer(index): Node

Return baseLayer at specified index

Node

track

▸ getBaseLayers<S>(predicate, modify?): Iterator<Node>

Return iterator by baseLayers nodes

Iterator<Node>

▸ getBaseLayers(filter?, modify?): Iterator<Node>

Returns an iterator for child baseLayers. The iterator does not support adding or deleting items from overlays by default. If it is necessary to modify a collection of overlays, pass true as the last parameter.

Example

// Gets a writable iterator
const it = node.getOverlays(null, true);

Iterator<Node>

An iterator for child overlays.

▸ getBaseLayersCount(): number

Returns amount of baseLayers

number

▸ getBounds(): Rect

Gets bounds in the parent coordinates

Rect

CompositeNode.getBounds

▸ getChild(i): T

Return node by index

T

CompositeNode.getChild

▸ getChildren<S>(predicate, modify?): Iterator<S>

Return iterator by child nodes

Iterator<S>

CompositeNode.getChildren

▸ getChildren(filter?, modify?): Iterator<T>

Returns an iterator for child nodes. The iterator does not support adding or deleting items from children by default. If it is necessary to modify a collection of children, pass true as the last parameter.

Example

// Gets a writable iterator
const it = node.getChildren(null, true);

Iterator<T>

An iterator for child nodes.

CompositeNode.getChildren

▸ getChildrenCount(): number

Return number of child nodes

number

CompositeNode.getChildrenCount

▸ getClassName(): string

string

CompositeNode.getClassName

▸ getClipStyle(): ClipStyle

Gets the current clipping style

ClipStyle

clipping style

CompositeNode.getClipStyle

▸ getContentsArea(transformation?): Rect

Return area of content. By default it is equal to bounds.

Rect

CompositeNode.getContentsArea

▸ getContentsTransform(): Transformation

Transformation of inner contents to content area

Transformation

CompositeNode.getContentsTransform

▸ getCss(): CssStyle

Return CSS style

CssStyle

CompositeNode.getCss

▸ getCssClass(): string

Returns css class name to be used to apply CSS style

string

the css class name

CompositeNode.getCssClass

▸ getCssClasses(): string[]

Gets list of css class names which applied to this node

string[]

CompositeNode.getCssClasses

▸ getCssTransform(): string

Returns CSS transformation

string

CompositeNode.getCssTransform

▸ getDeviceLimits(): Rect

Return device limits

Rect

CompositeNode.getDeviceLimits

▸ getId(): string | number

Returns the associated identifier of the node

string | number

The node's id

CompositeNode.getId

▸ getInfiniteMode(): boolean

Return infinity mode flag

boolean

flag

CompositeNode.getInfiniteMode

▸ Protected getInvalidateMethod(): AttributeCallback<EventDispatcher>

Gets invalidate method

AttributeCallback<EventDispatcher>

method to invalidate this object

CompositeNode.getInvalidateMethod

▸ getLocalTransform(): Transformation

Retrieves the transformation of bounds to parent

Transformation

transform the local transform.

CompositeNode.getLocalTransform

▸ getMarginsStyle(): SpaceStyle<string | number>

Return margins style

SpaceStyle<string | number>

CompositeNode.getMarginsStyle

▸ getModelLimits(): Rect

Return model limits. (By default it returns null)

Rect

CompositeNode.getModelLimits

▸ getName(): string

Returns the node name

string

The node name

CompositeNode.getName

▸ getOpacity(): number

Returns current node opacity

number

opacity

CompositeNode.getOpacity

▸ getOpacityBlendMode(): BlendMode

Returns current node opacity

BlendMode

opacity blend mode

CompositeNode.getOpacityBlendMode

▸ getOverlay(index): Node

Return overlay at specified index

Node

track

▸ getOverlayAt(index): Node

Return overlay at specified index

Deprecated

since 4.2 use getOverlay instead

Node

track

▸ getOverlays<S>(predicate, modify?): Iterator<Node>

Return iterator by overlays nodes

Iterator<Node>

▸ getOverlays(filter?, modify?): Iterator<Node>

Returns an iterator for child overlays. The iterator does not support adding or deleting items from overlays by default. If it is necessary to modify a collection of overlays, pass true as the last parameter.

Example

// Gets a writable iterator
const it = node.getOverlays(null, true);

Iterator<Node>

An iterator for child overlays.

▸ getOverlaysCount(): number

Returns amount of overlays

number

▸ getParent(): Node

Return parent node

Node

parent node

CompositeNode.getParent

▸ getProperties(context?): OptionsOut<T>

Gets all the properties pertaining to this object

OptionsOut<T>

properties object

CompositeNode.getProperties

▸ getProperty(name): any

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

any

CompositeNode.getProperty

▸ getPropertyKeys(): string[]

Returns known properties keys

string[]

CompositeNode.getPropertyKeys

▸ getRenderingFilter(): IFilter

Return filter to be used for rendering and picking

IFilter

current filter

CompositeNode.getRenderingFilter

▸ getResponsiveStyle(): ResponsiveStyle

Return responsive style

ResponsiveStyle

CompositeNode.getResponsiveStyle

▸ getRoot(): Node

Returns root node.
If node doesn't have parent then it returns itself.

Node

the root node

CompositeNode.getRoot

▸ getScaleScrollStrategy(): Delegate

Gets scale scroll strategy

Delegate

scale scroll strategy

CompositeNode.getScaleScrollStrategy

▸ getSceneTransform(): Transformation

Returns transformation from node to root scene

Transformation

a transformation from node to root scene

CompositeNode.getSceneTransform

▸ getTag(): any

Returns the object associated with the node by user.

any

The node's user-object

CompositeNode.getTag

▸ getVisible(): boolean

Return visibility of the node

boolean

true if node is visible

CompositeNode.getVisible

▸ getVisibleDeviceLimits(ignoreModelLimits?): Rect

Return visible device limits

Rect

CompositeNode.getVisibleDeviceLimits

▸ getVisibleModelLimits(ignoreModelLimits?): Rect

Return visible model limits

Rect

CompositeNode.getVisibleModelLimits

▸ getWorldTransform(): Transformation

Retrieves the local transformation of the node which represents multiplication of parent to bounds and contents transformations.

Transformation

CompositeNode.getWorldTransform

▸ getZIndex(): number

Returns node z-index (null if not set)

number

CompositeNode.getZIndex

▸ hasCssClass(cssClass): boolean

Check if node has specified css class

boolean

CompositeNode.hasCssClass

▸ hasEventListener(type, callback?): boolean

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

boolean

CompositeNode.hasEventListener

▸ indexOfBaseLayer(baseLayer): number

Return index of overlay ( index of the specified child or -1 if baseLayer is not found)

number

▸ indexOfChild(node): number

Return index of child ( index of the specified child or -1 if node is not found)

number

CompositeNode.indexOfChild

▸ indexOfOverlay(overlay): number

Return index of overlay ( index of the specified child or -1 if overlay is not found)

number

▸ insertBaseLayer(index, baseLayer): LayeredNode<T>

Insert child baseLayer at specified index

LayeredNode<T>

this

▸ insertChild(index, node): LayeredNode<T>

Insert child node at specified index

LayeredNode<T>

this

CompositeNode.insertChild

▸ insertOverlay(index, overlay): LayeredNode<T>

Insert child overlay at specified index

LayeredNode<T>

this

▸ invalidate(bounds?, force?): LayeredNode<T>

Invalidate area of the shape. This method invalidates parent by default. invalidated from parent to root node.

LayeredNode<T>

this

CompositeNode.invalidate

▸ Protected invalidateParent(bounds?, force?): LayeredNode<T>

Invalidate parent and notify all listeners. NOTE: Don't keep arguments of the event, because instance can be changed

Fires

Events.Invalidate

LayeredNode<T>

this

CompositeNode.invalidateParent

▸ isClippingEnabled(): boolean

Returns if clipping is enabled or not for this node.

boolean

CompositeNode.isClippingEnabled

▸ isDisposed(): boolean

Returns whether this object has been disposed

boolean

CompositeNode.isDisposed

▸ isEventPropagationEnabled(): boolean

Return true if event propagation is enabled from child to parent

boolean

CompositeNode.isEventPropagationEnabled

▸ isHorizontalFlip(): boolean

Return true if the representation is flipped horizontally

boolean

CompositeNode.isHorizontalFlip

▸ isNotificationEnabled(): boolean

return state of notification

boolean

current notification state

CompositeNode.isNotificationEnabled

▸ isSelectable(): boolean

Returns true if node can be picked/selected.

boolean

The selectable flag

CompositeNode.isSelectable

▸ isSilent(): boolean

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

boolean

CompositeNode.isSilent

▸ isVerticalFlip(): boolean

Return true if the representation is flipped vertically

boolean

CompositeNode.isVerticalFlip

▸ moveTo(area, vAlign?, hAlign?): LayeredNode<T>

MoveTo position of node to specified area

LayeredNode<T>

this

CompositeNode.moveTo

▸ notify<E>(event, source, args?): LayeredNode<T>

Notify listeners of the Node

LayeredNode<T>

this

CompositeNode.notify

▸ Protected notifyRoot(event, source, args?): Node

Notify an even to root node

Node

this

CompositeNode.notifyRoot

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

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.

LayeredNode<T>

this

CompositeNode.off

▸ on<E>(type, callback): LayeredNode<T>

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.

LayeredNode<T>

this

CompositeNode.on

▸ Protected onChildAdded(child): void

This method is called it child or children are added

void

CompositeNode.onChildAdded

▸ Protected onChildRemoved(child): void

This method is called it child or children are removed

void

CompositeNode.onChildRemoved

▸ Protected onParentChanged(node): LayeredNode<T>

This method is called when parent changes. Do not call it directly.

LayeredNode<T>

this

CompositeNode.onParentChanged

▸ Protected onVisibilityChanged(): void

This method is called if visibility is changed. Send event Events.VisibilityChanged

void

CompositeNode.onVisibilityChanged

▸ Protected postRendering(context, callback?): void

To be called after rendering, used for PDF output

void

CompositeNode.postRendering

▸ Protected preRendering(context, callback?): void

Occurs before child rendering

void

CompositeNode.preRendering

▸ registerAnimationStyle(root): void

Register animation style.

void

CompositeNode.registerAnimationStyle

▸ removeBaseLayer(baseLayer): LayeredNode<T>

Remove child baseLayer

LayeredNode<T>

this

▸ removeChild(node, disposeChildren?): LayeredNode<T>

Remove child node

LayeredNode<T>

this

CompositeNode.removeChild

▸ removeCssClass(cssclass): LayeredNode<T>

Removes css class from node

LayeredNode<T>

this

CompositeNode.removeCssClass

▸ removeInvalidateHandler(handler): LayeredNode<T>

Remove invalidate handler

Deprecated

since 4.0, use Node.off instead

LayeredNode<T>

this

CompositeNode.removeInvalidateHandler

▸ removeOverlay(overlay): LayeredNode<T>

Remove child overlay

LayeredNode<T>

this

▸ render(context): void

Render composite node and children

void

CompositeNode.render

▸ renderAsync(context, callback): void

Render node in asynchronous mode

void

CompositeNode.renderAsync

▸ Protected renderBaseLayers(context): LayeredNode<T>

Render baseLayers on bottom of cache. This method does nothing, but can be implemented to render graphics on bottom of cache and between borders

LayeredNode<T>

this

▸ Protected renderBaseLayersAsync(context, callback): void

Render baseLayers on bottom of cache in asynchronous mode. This method calls renderBaseLayers

void

▸ Protected renderChildren(context): void

Render children

void

CompositeNode.renderChildren

▸ Protected renderChildrenAsync(context, callback): void

Render children async

void

CompositeNode.renderChildrenAsync

▸ Protected renderContent(context): void

render to specified context. This method calls preRendering, renderChildren, postRendering

void

CompositeNode.renderContent

▸ Protected renderContentAsync(context, callback): void

Render children in asynchronous mode

void

CompositeNode.renderContentAsync

▸ Protected renderOverlays(context): LayeredNode<T>

Render overlays on top of cache. This method does nothing, but can be implemented to render graphics on top of cache and between borders

LayeredNode<T>

this

▸ Protected renderOverlaysAsync(context, callback): void

Render overlays on top of cache in asynchronous mode. This method calls renderOverlays

void

▸ rotate(theta, x, y): LayeredNode<T>

Rotate bounds around a given coordinate

LayeredNode<T>

this

CompositeNode.rotate

▸ scale(xx, yy): LayeredNode<T>

Scale node

LayeredNode<T>

this

CompositeNode.scale

▸ setAnimationStyle(animationStyle): LayeredNode<T>

Sets animation style

LayeredNode<T>

CompositeNode.setAnimationStyle

▸ setChild(index, node): LayeredNode<T>

Replace child node by index

LayeredNode<T>

this

CompositeNode.setChild

▸ setClipStyle(style): LayeredNode<T>

Sets a new clipping style

LayeredNode<T>

this

CompositeNode.setClipStyle

▸ setCss(style, merge?): LayeredNode<T>

Sets CSS style. This style will be applied for all inserted elements

LayeredNode<T>

this

CompositeNode.setCss

▸ setCssClass(name): LayeredNode<T>

Sets css class name of the node to be used to apply CSS style

LayeredNode<T>

this

CompositeNode.setCssClass

▸ setCssTransform(transform): LayeredNode<T>

Set CSS transformation