API / geotoolkit / welllog / header / LogBaseTrackHeader / LogBaseTrackHeader
header.LogBaseTrackHeader.LogBaseTrackHeader
Define a base implementation of the track header. This class doesn't create headers for track children
↳
LogBaseTrackHeader
Constructors
Methods
Css Properties
| Name | Type | Description |
|---|---|---|
border | Options | Outline of the header |
border-cssclass | string | The css class name of this node |
border-id | string | number | Id of the node, its a unique identifier |
border-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
border-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
border-tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
border-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
border-z-index | number | Define node z-index |
border | Options | Outline of the header |
border-clipstyle | ClipStyle | Clipping style |
border-clipstyle-evenodd | boolean | True if evenodd mode is on ('nonzero' mode otherwise) |
border-clipstyle-geometry | GraphicsPath | Clipping geometry |
border-clipstyle-geometry-bounds | Rect | Bounds |
border-clipstyle-geometry-bounds-height | number | Height |
border-clipstyle-geometry-bounds-readonly | boolean | Readonly |
border-clipstyle-geometry-bounds-width | number | Width |
border-clipstyle-geometry-bounds-x | number | Left |
border-clipstyle-geometry-bounds-y | number | Top |
border-clipstyle | GraphicsPath | Clipping style |
border-csscursor | string | CSS cursor associated with node |
border-cssstyle | string | CSS style to be applied to inserted elements |
border-localtransform | Transformation | Local transformation |
border-localtransform-dx | number | X axis translation |
border-localtransform-dy | number | Y axis translation |
border-localtransform-xx | number | X scale |
border-localtransform-xy | number | Xy skew |
border-localtransform-yx | number | Yx skew |
border-localtransform-yy | number | Y scale |
border-margins | number | string | It has properties for specifying the margins for each side |
border-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
border-opacityblendmode | BlendMode | Node opacity mode to blend it |
border-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
border-scalescrollstrategy-enabled | boolean | Enable flag |
border-transform | string | Additional CSS transformation applied to node or 'none' |
border-transform | Transformation | Additional CSS transformation applied to node or 'none' |
border | Options | Outline of the header |
border-fillstyle | string | Style applied on fill |
border-fillstyle | FillStyle | Style applied on fill |
border-fillstyle-color | string | Color in CSS form |
border-fillstyle-evenoddmode | boolean | Even-odd fill mode |
border-fillstyle-fillpattern | Pattern | Pattern |
border-fillstyle-fillpattern-containername | string | An optional container name, which creates an image pattern. This parameter is used for serialization if you want to save are reference to pattern instead of the pattern itself |
border-fillstyle-fillpattern-patternname | string | Name of this pattern for indexing |
border-fillstyle-fillpattern-scalable | boolean | Flag that sets scalability of the pattern coordinates, or relative to the shape it is filling (It is not supported) |
border-fillstyle-foreground | string | Foreground color |
border-fillstyle-pattern | Pattern | Pattern |
border-linestyle | string | Style applied on outline |
border-linestyle | LineStyle | Style applied on outline |
border-linestyle-color | string | Color in CSS form |
border-linestyle-fill | string | Optional fill style to be used to fill lines generated with this style |
border-linestyle-fill | FillStyle | Optional fill style to be used to fill lines generated with this style |
border-linestyle-linecap | CapStyle | The line cap style |
border-linestyle-linedashoffset | number | Line dash offset of dashed line |
border-linestyle-linejoin | JoinStyle | The line join style |
border-linestyle-pixelsnapmode | boolean | Pixel Snap Mode, default( |
border-linestyle-scalable | boolean | True if width should depend on transformation |
border-linestyle-unit | string | Optional unit for the width |
border-linestyle-width | number | string | The line thickness |
border | Options | Outline of the header |
border-borders | Visible | Style applied on borders, by default is |
border-borders-bottom | boolean | Visibility of bottom part |
border-borders-left | boolean | Visibility of left part |
border-borders-right | boolean | Visibility of right part |
border-borders-top | boolean | Visibility of top part |
border-borderstyle | BorderStyle | Style applied on borders |
border-linestyles | Styles | Object with line styles |
border-linestyles-bottom | string | Bottom border style |
border-linestyles-bottom | LineStyle | Bottom border style |
border-linestyles-left | string | Left border style |
border-linestyles-left | LineStyle | Left border style |
border-linestyles-right | string | Right border style |
border-linestyles-right | LineStyle | Right border style |
border-linestyles-top | string | Top border style |
border-linestyles-top | LineStyle | Top border style |
borderfillstyle | string | The fill style of the border |
borderfillstyle | FillStyle | The fill style of the border |
borderlinestyle | string | The line style of the border |
borderlinestyle | LineStyle | The line style of the border |
borders | Visible | Borders |
bounds | Rect | Bounds |
clipping | boolean | Enable clipping, this does not consider the clipstyle, it is related to bounds-clipping |
clipstyle | ClipStyle | Clipping style |
clipstyle | GraphicsPath | Clipping style |
cssclass | string | The css class name of this node |
csscursor | string | CSS cursor associated with node |
cssstyle | string | CSS style to be applied to inserted elements |
headerprovider | LogVisualHeaderProvider | Provider of the headers |
headerprovider-headertype | HeaderType | Header type to be used instead of name to register header for each visual |
headerprovider-name | string | Name of the header provider |
headerprovider-roundedboxradius | number | Radius of the rounded box |
id | string | number | Id of the node, its a unique identifier |
infinity | boolean | Mode to render outside the model limits |
isbordervisible | boolean | The visibility of the border |
localtransform | Transformation | Local transformation |
margins | number | string | It has properties for specifying the margins for each side |
modellimits | Rect | Model limits |
name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
opacityblendmode | BlendMode | Node opacity mode to blend it |
provider | LogVisualHeaderProvider | Provider of the headers |
scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
track | LogTrack | A log track to create header |
track-backgroundcolor | string | Background color fill style |
track-backgroundcolor | FillStyle | Background color fill style |
track-border | Border | Outline of the track |
track-border-borders | Visible | Style applied on borders, by default is |
track-border-borderstyle | BorderStyle | Style applied on borders |
track-border-clipstyle | ClipStyle | Clipping style |
track-border-clipstyle | GraphicsPath | Clipping style |
track-border-cssclass | string | The css class name of this node |
track-border-csscursor | string | CSS cursor associated with node |
track-border-cssstyle | string | CSS style to be applied to inserted elements |
track-border-fillstyle | string | Style applied on fill |
track-border-fillstyle | FillStyle | Style applied on fill |
track-border-id | string | number | Id of the node, its a unique identifier |
track-border-linestyle | string | Style applied on outline |
track-border-linestyle | LineStyle | Style applied on outline |
track-border-linestyles | Styles | Object with line styles |
track-border-localtransform | Transformation | Local transformation |
track-border-margins | number | string | It has properties for specifying the margins for each side |
track-border-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
track-border-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
track-border-opacityblendmode | BlendMode | Node opacity mode to blend it |
track-border-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
track-border-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
track-border-tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
track-border-transform | string | Additional CSS transformation applied to node or 'none' |
track-border-transform | Transformation | Additional CSS transformation applied to node or 'none' |
track-border-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
track-border-z-index | number | Define node z-index |
track-borderstrategy | BorderStrategy | Strategy on how to display the border of the track |
track-bounds | Rect | Bounds of the visual |
track-clipping | boolean | Enable clipping, this does not consider the clipstyle, it is related to bounds-clipping |
track-clipstyle | ClipStyle | Clipping style |
track-clipstyle | GraphicsPath | Clipping style |
track-cssclass | string | The css class name of this node |
track-csscursor | string | CSS cursor associated with node |
track-cssstyle | string | CSS style to be applied to inserted elements |
track-fillstyle | string | Background color fill style (alias for backgroundcolor) |
track-fillstyle | FillStyle | Background color fill style (alias for backgroundcolor) |
track-highlight | Border | Highlight outline of the track |
track-highlightstrategy | TrackHighlightStrategy | Track highlight strategy |
track-id | string | number | Id of the node, its a unique identifier |
track-infinity | boolean | Mode to render outside the model limits |
track-limits | Rect | Model limits |
track-linestyle | string | Line style or options |
track-linestyle | LineStyle | Line style or options |
track-localtransform | Transformation | Local transformation |
track-logblock | LogBlock | Log block |
track-logblock-autobounds | boolean | Enables or disables auto bounds |
track-logblock-basename | string | The base name |
track-logblock-bounds | Rect | The rectangle specifying position of the visual in the track. If set, autobounds will be switched off |
track-logblock-clipstyle | ClipStyle | Clipping style |
track-logblock-clipstyle | GraphicsPath | Clipping style |
track-logblock-cssclass | string | The css class name of this node |
track-logblock-csscursor | string | CSS cursor associated with node |
track-logblock-cssstyle | string | CSS style to be applied to inserted elements |
track-logblock-description | string | The description |
track-logblock-fillstyle | string | The fill style |
track-logblock-fillstyle | FillStyle | The fill style |
track-logblock-id | string | number | Id of the node, its a unique identifier |
track-logblock-linestyle | string | Linestyle |
track-logblock-linestyle | LineStyle | Linestyle |
track-logblock-localtransform | Transformation | Local transformation |
track-logblock-margins | number | string | It has properties for specifying the margins for each side |
track-logblock-microposleft | number | Left micro position |
track-logblock-microposright | number | Right micro position |
track-logblock-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
track-logblock-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
track-logblock-opacityblendmode | BlendMode | Node opacity mode to blend it |
track-logblock-position | Position | Position (left or right or both) |
track-logblock-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
track-logblock-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
track-logblock-tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
track-logblock-transform | string | Additional CSS transformation applied to node or 'none' |
track-logblock-transform | Transformation | Additional CSS transformation applied to node or 'none' |
track-logblock-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
track-logblock-z-index | number | Define node z-index |
track-margins | number | string | It has properties for specifying the margins for each side |
track-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
track-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
track-opacityblendmode | BlendMode | Node opacity mode to blend it |
track-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
track-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
track-tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
track-transform | string | Additional CSS transformation applied to node or 'none' |
track-transform | Transformation | Additional CSS transformation applied to node or 'none' |
track-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
track-z-index | number | Define node z-index |
transform | string | Additional CSS transformation applied to node or 'none' |
transform | Transformation | Additional CSS transformation applied to node or 'none' |
visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
z-index | number | Define node z-index |
Constructors
• new LogBaseTrackHeader(track?, height?, provider?)
| Name | Type |
|---|---|
Optional track | ITrack | Options |
Optional height | number |
Optional provider | LogVisualHeaderProvider |
LayeredNode.constructor
Methods
▸ addBaseLayer(baseLayer): LogBaseTrackHeader
Add baseLayer to container
this
▸ addChild(node): LogBaseTrackHeader
Add a child node
this
▸ addCssClass(cssclass): LogBaseTrackHeader
Adds new css class to node
| Name | Type | Description |
|---|---|---|
cssclass | string | string[] | css class name('s) |
▸ addInvalidateHandler(handler): LogBaseTrackHeader
Add invalidate handler
Deprecated
since 4.0, use Node.on instead
| Name | Type | Description |
|---|---|---|
handler | Function | handler to be notified about invalidation |
this
LayeredNode.addInvalidateHandler
▸ addOverlay(overlay): LogBaseTrackHeader
Add overlay to container
this
▸ adjustPosition(area?, vAlign?, hAlign?): LogBaseTrackHeader
Adjust position of node to specified area
| Name | Type | Description |
|---|---|---|
Optional area | Rect | specified area. Default to Parent Model Limits |
Optional vAlign | string | vertical alignment. It can be "top", "bottom", "center". Defaults to "top". |
Optional hAlign | string | horizontal alignment It can be "left", "right", "center". Defaults to "left". |
this
▸ Protected applyOpacity(context): LogBaseTrackHeader
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
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
this
▸ Protected applyResponsiveStyle(): void
Apply a responsive style rules it is exists
void
LayeredNode.applyResponsiveStyle
▸ changeBaseLayerOrder(overlay, order, anchor?): LogBaseTrackHeader
Changes the z-order of the baseLayer.
| Name | Type | Description |
|---|---|---|
overlay | Node | |
order | NodeOrder | position to be added |
Optional anchor | Node | anchor node to specify changeOrder with respect to this node |
this
LayeredNode.changeBaseLayerOrder
▸ changeChildOrder(node, order, anchor?): LogBaseTrackHeader
changes the z-order of the nodes being rendered.
| Name | Type | Description |
|---|---|---|
node | Node | any child added in the Composite node |
order | NodeOrder | position to be added |
Optional anchor | Node | anchor node to specify changeOrder with respect to this node |
this
▸ changeOverlayOrder(overlay, order, anchor?): LogBaseTrackHeader
Changes the z-order of the overlay.
| Name | Type | Description |
|---|---|---|
overlay | Node | child overlay |
order | NodeOrder | position to be added |
Optional anchor | Node | anchor node to specify changeOrder with respect to this node |
this
LayeredNode.changeOverlayOrder
▸ checkCollision(context): boolean
Check culling Returns true if object is inside of renderable area
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
boolean
true if node is collided
▸ clearBaseLayers(disposeBaseLayers?): LogBaseTrackHeader
Remove all child baseLayers from group
| Name | Type | Description |
|---|---|---|
Optional disposeBaseLayers | boolean | automatically dispose baseLayers. If it is true then method dispose is called for each baseLayer, false by default |
this
▸ clearChildren(disposeChildren?): LogBaseTrackHeader
Remove all child nodes from this composite group
| Name | Type | Description |
|---|---|---|
Optional disposeChildren | boolean | automatically dispose children. If it is true then method dispose is called for each child. |
this
▸ clearOverlays(disposeOverlays?): LogBaseTrackHeader
Remove all child overlays from group
| Name | Type | Description |
|---|---|---|
Optional disposeOverlays | boolean | automatically dispose overlays. If it is true then method dispose is called for each overlay, false by default |
this
▸ clone(): LogBaseTrackHeader
All subclasses should override copyConstructor or provide custom implementation for this method
clone
▸ connectStyle(style, type, callback): LogBaseTrackHeader
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
| Name | Type | Description |
|---|---|---|
style | EventDispatcher | connect style |
type | string | type of event or property |
callback | AttributeCallback<EventDispatcher> | function to be called |
this
▸ Protected copyConstructor(src, deepCopy?): LogBaseTrackHeader
Copy constructor function.
Function used as part of the cloning mechanism.
Implementations should copy the given instance state to this instance.
| Name | Type | Description |
|---|---|---|
src | LogBaseTrackHeader | Source to copy from |
Optional deepCopy | boolean | deep copy |
this
▸ disconnectStyle(style, type, callback): LogBaseTrackHeader
Disconnect style
This convenience method un-subscribes a listener to given style for the specified type.
| Name | Type | Description |
|---|---|---|
style | EventDispatcher | connect style |
type | string | type of event or property |
callback | AttributeCallback<EventDispatcher> | function to be called |
this
▸ dispose(): void
Dispose node. Clear all listeners and disconnect style to avoid memory leaks
void
▸ enableClipping(doClip): LogBaseTrackHeader
Enables or disables clipping of this node. If enabled, shapes will not be rendered outside of its bounds.
| Name | Type | Description |
|---|---|---|
doClip | boolean | enable clipping on this node |
this
▸ enableEventPropagation(enable): LogBaseTrackHeader
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();| Name | Type | Description |
|---|---|---|
enable | boolean | enable |
this
LayeredNode.enableEventPropagation
▸ enumerateNodes(callback, target?): void
Executes a provided function once for each child node
| Name | Type | Description |
|---|---|---|
callback | Callback<Node> | provided function |
Optional target | QueryBuilder<any> | target to pass to callback as a second parameter |
void
▸ execute(delegate): LogBaseTrackHeader
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");
});| Name | Type | Description |
|---|---|---|
delegate | (this: LogBaseTrackHeader) => void | Function to execute |
The result if any or this
▸ execute<T>(delegate): T
| Name |
|---|
T |
| Name | Type |
|---|---|
delegate | (this: LogBaseTrackHeader) => T |
T
▸ Protected filter(context): boolean
Filter node
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
boolean
flag filter flag ("true" to render node; "false" otherwise)
▸ getAnimationStyle(): AnimationStyle
Return animation style
animationStyle current animation style
▸ getBaseLayer(index): Node
Return baseLayer at specified index
| Name | Type | Description |
|---|---|---|
index | number | index at which to get the baseLayer for |
track
▸ getBaseLayers<S>(predicate, modify?): Iterator<Node>
Return iterator by baseLayers nodes
| Name | Type |
|---|---|
S | extends Node<S> |
| Name | Type | Description |
|---|---|---|
predicate | (value: Node) => value is S | a filter function |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
▸ 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);| Name | Type | Description |
|---|---|---|
Optional filter | (node: Node) => boolean | A filter function. Returns all overlays if null. |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
An iterator for child overlays.
▸ getBaseLayersCount(): number
Returns amount of baseLayers
number
LayeredNode.getBaseLayersCount
▸ getBorderFillStyle(): FillStyle
Gets the border fill style
style The fill style of the border.
▸ getBorderLineStyle(): LineStyle
Gets the border line style
style The line style of the border.
▸ getBorderVisibility(): boolean
Gets the header border's visibility.
boolean
visibility The visibility of the header border.
▸ getBounds(): Rect
Returns bounds
▸ getChild(i): Node
Return node by index
| Name | Type | Description |
|---|---|---|
i | number | index of the node |
▸ getChildren<S>(predicate, modify?): Iterator<S>
Return iterator by child nodes
| Name | Type |
|---|---|
S | extends Node<S> |
| Name | Type | Description |
|---|---|---|
predicate | (value: Node) => value is S | a filter function |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
Iterator<S>
▸ getChildren(filter?, modify?): Iterator<Node>
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);| Name | Type | Description |
|---|---|---|
Optional filter | (node: Node) => boolean | A filter function. Returns all nodes if null. |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
An iterator for child nodes.
▸ getChildrenCount(): number
Return number of child nodes
number
▸ getClassName(): string
string
▸ getClipStyle(): ClipStyle
Gets the current clipping style
clipping style
▸ getContentsArea(transformation?): Rect
Return area of content. By default it is equal to bounds.
| Name | Type | Description |
|---|---|---|
Optional transformation | Transformation | scene transformation |
▸ getContentsTransform(): Transformation
Gets transformation
transform
LayeredNode.getContentsTransform
▸ getCss(): CssStyle
Return CSS style
▸ getCssClass(): string
Returns css class name to be used to apply CSS style
string
the css class name
▸ getCssClasses(): string[]
Gets list of css class names which applied to this node
string[]
▸ getCssTransform(): string
Returns CSS transformation
string
▸ getDesiredHeight(): number
Return desired height of the header
number
▸ getDeviceLimits(): Rect
Return device limits
▸ getHeaderProvider(): LogVisualHeaderProvider
Returns the current header provider
▸ getId(): string | number
Returns the associated identifier of the node
string | number
The node's id
▸ getInfiniteMode(): boolean
Return infinity mode flag
boolean
flag
▸ Protected getInvalidateMethod(): AttributeCallback<EventDispatcher>
Gets invalidate method
AttributeCallback<EventDispatcher>
method to invalidate this object
LayeredNode.getInvalidateMethod
▸ getLayoutStyle(): LayoutStyle<string | number>
return desired layout style
LayoutStyle<string | number>
▸ getLocalTransform(): Transformation
Retrieves the transformation of bounds to parent
transform the local transform.
▸ getMarginsStyle(): SpaceStyle<string | number>
Return margins style
SpaceStyle<string | number>
▸ getModelLimits(): Rect
Get models limits
▸ getName(): string
Returns the node name
string
The node name
▸ getOpacity(): number
Returns current node opacity
number
opacity
▸ getOpacityBlendMode(): BlendMode
Returns current node opacity
opacity blend mode
LayeredNode.getOpacityBlendMode
▸ getOverlay(index): Node
Return overlay at specified index
| Name | Type | Description |
|---|---|---|
index | number | index at which to get the overlay for |
track
▸ getOverlayAt(index): Node
Return overlay at specified index
Deprecated
since 4.2 use getOverlay instead
| Name | Type | Description |
|---|---|---|
index | number | index at which to get the overlay for |
track
▸ getOverlays<S>(predicate, modify?): Iterator<Node>
Return iterator by overlays nodes
| Name | Type |
|---|---|
S | extends Node<S> |
| Name | Type | Description |
|---|---|---|
predicate | (value: Node) => value is S | a filter function |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
▸ 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);| Name | Type | Description |
|---|---|---|
Optional filter | (node: Node) => boolean | A filter function. Returns all overlays if null. |
Optional modify | boolean | An option to specify if the iterator supports adding/removing items from the collection. false by default. |
An iterator for child overlays.
▸ getOverlaysCount(): number
Returns amount of overlays
number
▸ getParent(): Node
Return parent node
parent node
▸ getProperties(): OptionsOut
Gets all the properties pertaining to this object
An object containing the props to set
▸ getProperty(name): any
Gets dynamic property by name. These properties can be used as a property bags
| Name | Type | Description |
|---|---|---|
name | string | property name |
any
▸ getPropertyKeys(): string[]
Returns known properties keys
string[]
▸ getRenderingFilter(): IFilter
Return filter to be used for rendering and picking
current filter
LayeredNode.getRenderingFilter
▸ getResponsiveStyle(): ResponsiveStyle
Return responsive style
LayeredNode.getResponsiveStyle
▸ getRoot(): Node
Returns root node.
If node doesn't have parent then it returns itself.
the root node
▸ getScaleScrollStrategy(): Delegate
Gets scale scroll strategy
scale scroll strategy
LayeredNode.getScaleScrollStrategy
▸ getSceneTransform(): Transformation
Returns transformation from node to root scene
a transformation from node to root scene
▸ getTag(): any
Returns the object associated with the node by user.
any
The node's user-object
▸ getTrack(): LogTrack
Return track to create a header
▸ getVisible(): boolean
Returns track visibility if track is not null, true instead
boolean
▸ getVisibleDeviceLimits(ignoreModelLimits?): Rect
Return visible device limits
| Name | Type | Description |
|---|---|---|
Optional ignoreModelLimits | boolean | flag defines whether to ignore ModelLimits or not |
LayeredNode.getVisibleDeviceLimits
▸ getVisibleModelLimits(ignoreModelLimits?): Rect
Return visible model limits
| Name | Type | Description |
|---|---|---|
Optional ignoreModelLimits | boolean | flag defines whether to ignore ModelLimits or not |
LayeredNode.getVisibleModelLimits
▸ getWorldTransform(): Transformation
Retrieves the local transformation of the node which represents multiplication of parent to bounds and contents transformations.
▸ getZIndex(): number
Returns node z-index (null if not set)
number
▸ hasCssClass(cssClass): boolean
Check if node has specified css class
| Name | Type | Description |
|---|---|---|
cssClass | string | css class name |
boolean
▸ hasEventListener(type, callback?): boolean
Check if a list of event listeners for this type contains this listener
| Name | Type | Description |
|---|---|---|
type | string | type of event or property |
Optional callback | Function | to be called, if null, check if any callback is registered |
boolean
▸ indexOfBaseLayer(baseLayer): number
Return index of overlay ( index of the specified child or -1 if baseLayer is not found)
| Name | Type | Description |
|---|---|---|
baseLayer | Node | baseLayer to check index |
number
▸ indexOfChild(node): number
Return index of child ( index of the specified child or -1 if node is not found)
| Name | Type | Description |
|---|---|---|
node | Node | node to check index |
number
▸ indexOfOverlay(overlay): number
Return index of overlay ( index of the specified child or -1 if overlay is not found)
| Name | Type | Description |
|---|---|---|
overlay | Node | overlay to check index |
number
▸ Protected initializeVisualHeaders(): LogBaseTrackHeader
▸ insertBaseLayer(index, baseLayer): LogBaseTrackHeader
Insert child baseLayer at specified index
| Name | Type | Description |
|---|---|---|
index | number | specified index |
baseLayer | Node | a baseLayer to add |
this
▸ insertChild(index, node): LogBaseTrackHeader
Insert child node at specified index
| Name | Type | Description |
|---|---|---|
index | number | specified index |
node | Node | a child node to add |
this
▸ insertOverlay(index, overlay): LogBaseTrackHeader
Insert child overlay at specified index
| Name | Type | Description |
|---|---|---|
index | number | specified index |
overlay | Node | a overlay to add |
this
▸ invalidate(bounds?, force?): LogBaseTrackHeader
Invalidate area of the shape. This method invalidates parent by default. invalidated from parent to root node.
| Name | Type | Description |
|---|---|---|
Optional bounds | Rect | bounds of the invalid rectangle in the inner node coordinates |
Optional force | boolean | true if parent should be invalidated immediately if null is provided then cache (if any will be completely refreshed) otherwise only specified rect or node.bounds will be refreshed |
this
▸ invalidateLayout(propagate?): LogBaseTrackHeader
Notify that layout is invalidated. Send event Events.LayoutInvalidated
| Name | Type | Description |
|---|---|---|
Optional propagate | boolean | propagate invalidate layout to parent |
this
▸ Protected invalidateParent(bounds?, force?): LogBaseTrackHeader
Invalidate parent and notify all listeners. NOTE: Don't keep arguments of the event, because instance can be changed
Fires
| Name | Type | Description |
|---|---|---|
Optional bounds | Rect | bounds of the invalid rectangle in the inner node coordinates |
Optional force | boolean | force rendering |
this
▸ isClippingEnabled(): boolean
Returns if clipping is enabled or not for this node.
boolean
▸ isDisposed(): boolean
Returns whether this object has been disposed
boolean
▸ isEventPropagationEnabled(): boolean
Return true if event propagation is enabled from child to parent
boolean
LayeredNode.isEventPropagationEnabled
▸ isHorizontalFlip(): boolean
Return true if the representation is flipped horizontally
boolean
▸ isNotificationEnabled(): boolean
return state of notification
boolean
current notification state
LayeredNode.isNotificationEnabled
▸ isSelectable(): boolean
Returns true if node can be picked/selected.
boolean
The selectable flag
▸ isSilent(): boolean
Return true if the event dispatcher doesn't notify any events
boolean
▸ isVerticalFlip(): boolean
Return true if the representation is flipped vertically
boolean
▸ moveTo(area, vAlign?, hAlign?): LogBaseTrackHeader
MoveTo position of node to specified area
| Name | Type | Description |
|---|---|---|
area | Rect | specified area |
Optional vAlign | string | vertical alignment. It can be "top", "bottom", "center". |
Optional hAlign | string | horizontal alignment It can be "left", "right", "center". |
this
▸ notify<E>(event, source, args?): LogBaseTrackHeader
Notify listeners of the Node
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
event | E | type of event |
source | LogBaseTrackHeader | source who called the event |
Optional args | EventMap[E] | event arguments |
this
▸ Protected notifyRoot(event, source, args?): Node
Notify an even to root node
| Name | Type | Description |
|---|---|---|
event | string | type of event |
source | Node | source who called the event |
Optional args | any | event arguments |
this
▸ off<E>(type?, callback?): LogBaseTrackHeader
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.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
Optional type | E | type of the event |
Optional callback | (eventType: E, sender: LogBaseTrackHeader, args: EventMap[E]) => void | function to be called |
this
▸ on<E>(type, callback): LogBaseTrackHeader
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.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
type | E | type of event or property |
callback | (eventType: E, sender: LogBaseTrackHeader, args: EventMap[E]) => void | to be called |
this
▸ Protected onChildAdded(child): void
This method is called it child or children are added
void
▸ Protected onChildRemoved(child): void
This method is called it child or children are removed
| Name | Type | Description |
|---|---|---|
child | Node | removed child |
void
▸ Protected onParentChanged(node): LogBaseTrackHeader
This method is called when parent changes. Do not call it directly.
| Name | Type | Description |
|---|---|---|
node | Node | node to change parent |
this
▸ Protected onVisibilityChanged(): void
This method is called if visibility is changed. Send event Events.VisibilityChanged
void
LayeredNode.onVisibilityChanged
▸ Protected postRendering(context, callback?): void
To be called after rendering, used for PDF output
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
Optional callback | () => void | callback to be called after rendering |
void
▸ Protected preRendering(context, callback?): void
Occurs before child rendering
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
Optional callback | () => void | callback to be called after rendering of geometry |
void
▸ rebuild(): LogBaseTrackHeader
Rebuild Track header
this
▸ registerAnimationStyle(root): void
Register animation style.
| Name | Type | Description |
|---|---|---|
root | Node | root node for node |
void
LayeredNode.registerAnimationStyle
▸ removeBaseLayer(baseLayer): LogBaseTrackHeader
Remove child baseLayer
this
▸ removeChild(node, disposeChildren?): LogBaseTrackHeader
Remove child node
| Name | Type | Description |
|---|---|---|
node | Node | Node[] | node or array of nodes to be removed |
Optional disposeChildren | boolean | automatically dispose children. If it is true then method dispose is called for each child. |
this
▸ removeCssClass(cssclass): LogBaseTrackHeader
Removes css class from node
| Name | Type | Description |
|---|---|---|
cssclass | string | string[] | css class name('s) |
▸ removeInvalidateHandler(handler): LogBaseTrackHeader
Remove invalidate handler
Deprecated
since 4.0, use Node.off instead
| Name | Type | Description |
|---|---|---|
handler | Function | handler to be notified about invalidation |
this
LayeredNode.removeInvalidateHandler
▸ removeOverlay(overlay): LogBaseTrackHeader
Remove child overlay
this
▸ render(context): void
Render composite node and children
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
void
▸ renderAsync(context, callback): void
Render node in asynchronous mode
| Name | Type | Description |
|---|---|---|
context | RenderingContext | The rendering context to be used to draw the node |
callback | () => void | callback function |
void
▸ Protected renderBaseLayers(context): LogBaseTrackHeader
Render baseLayers on bottom of cache. This method does nothing, but can be implemented to render graphics on bottom of cache and between borders
| Name | Type | Description |
|---|---|---|
context | RenderingContext | context to render baseLayers |
this
▸ Protected renderBaseLayersAsync(context, callback): void
Render baseLayers on bottom of cache in asynchronous mode. This method calls renderBaseLayers
| Name | Type | Description |
|---|---|---|
context | RenderingContext | context to render overlays |
callback | () => void | callback function |
void
LayeredNode.renderBaseLayersAsync
▸ Protected renderChildren(context): void
Render children
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
void
▸ Protected renderChildrenAsync(context, callback): void
Render children async
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
callback | () => void | callback function to be called then all children are rendered |
void
LayeredNode.renderChildrenAsync
▸ Protected renderContent(context): void
render to specified context. This method calls preRendering, renderChildren, postRendering
| Name | Type | Description |
|---|---|---|
context | RenderingContext | Rendering Context |
void
▸ Protected renderContentAsync(context, callback): void
Render children in asynchronous mode
| Name | Type | Description |
|---|---|---|
context | RenderingContext | The rendering context to be used to draw the node |
callback | () => void | callback function to be called then all children are rendered |
void
LayeredNode.renderContentAsync
▸ Protected renderOverlays(context): LogBaseTrackHeader
Render overlays on top of cache. This method does nothing, but can be implemented to render graphics on top of cache and between borders
| Name | Type | Description |
|---|---|---|
context | RenderingContext | context to render overlays |
this
▸ Protected renderOverlaysAsync(context, callback): void
Render overlays on top of cache in asynchronous mode. This method calls renderOverlays
| Name | Type | Description |
|---|---|---|
context | RenderingContext | context to render overlays |
callback | () => void | callback function |
void
LayeredNode.renderOverlaysAsync
▸ rotate(theta, x, y): LogBaseTrackHeader
Rotate bounds around a given coordinate
| Name | Type | Description |
|---|---|---|
theta | number | angle to rotate node, in radians |
x | number | x coordinate to rotate around |
y | number | y coordinate to rotate around |
this
▸ scale(xx, yy): LogBaseTrackHeader
Scale node
| Name | Type | Description |
|---|---|---|
xx | number | x scale factor |
yy | number | y scale factor |
this
▸ setAnimationStyle(animationStyle): LogBaseTrackHeader
Sets animation style
| Name | Type | Description |
|---|---|---|
animationStyle | Type | animation style |
▸ setBorderFillStyle(fillStyle, merge?): LogBaseTrackHeader
Sets the border fill style
| Name | Type | Description |
|---|---|---|
fillStyle | Type | a new fill style |
Optional merge | boolean | true if you want to merge fillStyle with existing attribute, false by default |
this
▸ setBorderLineStyle(lineStyle, merge?): LogBaseTrackHeader
Sets the border line style
| Name | Type | Description |
|---|---|---|
lineStyle | Type | The style in which the line is displayed object can be in format of constructor of LineStyle |
Optional merge | boolean | true if you want to merge lineStyle with existing attribute, false by default |
this
▸ setBorderVisibility(visible): LogBaseTrackHeader
Sets the border visibility
| Name | Type | Description |
|---|---|---|
visible | boolean | The visibility of the border |
this
▸ setBounds(bounds): LogBaseTrackHeader
Sets bounds of the node in the parent coordinates
| Name | Type | Description |
|---|---|---|
bounds | Rect | bounds of the node |
this
▸ setChild(index, node): LogBaseTrackHeader
Replace child node by index
| Name | Type | Description |
|---|---|---|
index | number | index of the node |
node | Node | node |
this
▸ setClipStyle(style): LogBaseTrackHeader
Sets a new clipping style
| Name | Type | Description |
|---|---|---|
style | GraphicsPath | ClipStyle | Options | a new clipping style |
this
▸ setCss(style, merge?): LogBaseTrackHeader
Sets CSS style. This style will be applied for all inserted elements
| Name | Type | Description |
|---|---|---|
style | Type | CSS style to be applied to inserted elements |
Optional merge | boolean | merge flag |
this
▸ setCssClass(name): LogBaseTrackHeader
Sets css class name of the node to be used to apply CSS style
| Name | Type | Description |
|---|---|---|
name | string | css class name of the node |
this
▸ setCssTransform(transform): LogBaseTrackHeader
Set CSS transformation
| Name | Type | Description |
|---|---|---|
transform | string | Transformation | transformation css transformation instruction or Transformation instance |
this
▸ setHeaderProvider(provider): LogBaseTrackHeader
Sets header provider
| Name | Type | Description |
|---|---|---|
provider | LogVisualHeaderProvider | header provider |
this
▸ setId(id): LogBaseTrackHeader
Allows the user to associate any identifier
| Name | Type | Description |
|---|---|---|
id | string | number | object id |
this
▸ setInfiniteMode(infinityMode): LogBaseTrackHeader
Set infinity mode flag to draw composite without collision check
| Name | Type | Description |
|---|---|---|
infinityMode | boolean | infinity mode flag |
this
▸ setLocalTransform(localTransform, force?): LogBaseTrackHeader
Sets local transformation to be used to transform from local to parent coordinate
| Name | Type | Description |
|---|---|---|
localTransform | Transformation | local transformation for this node |
Optional force | boolean | boolean flag to force update event if transformations are equal, false by default |
this
▸ setMarginsStyle(margins, merge?): LogBaseTrackHeader
Sets margins style
| Name | Type | Description |
|---|---|---|
margins | Type<string | number> | margins style |
Optional merge | boolean | true if you want to merge marginsStyle with existing attribute, false by default |
this
▸ setModelLimits(modelLimits): LogBaseTrackHeader
Sets model limits
| Name | Type | Description |
|---|---|---|
modelLimits | Rect | model limits |
▸ setName(name): LogBaseTrackHeader
Sets name of the node
| Name | Type | Description |
|---|---|---|
name | string | The node name |
this
▸ setNotification(notify, force?): LogBaseTrackHeader
set notification state
| Name | Type | Description |
|---|---|---|
notify | boolean | flag set to invalidate parent or not |
Optional force | boolean | true if parent should be invalidated immediately |
this
▸ setOpacity(opacity, blendMode?): LogBaseTrackHeader
Sets node opacity
| Name | Type | Description |
|---|---|---|
opacity | number | node opacity from 0 to 1 |
Optional blendMode | BlendMode | opacity blend mode. If it is normal, opacity will be replaced. |
this
▸ setProperties(properties?): LogBaseTrackHeader
Sets all the properties pertaining to this object
| Name | Type | Description |
|---|---|---|
Optional properties | Options | An object containing the properties to set |
this
▸ setProperty(name, value): LogBaseTrackHeader
Sets dynamic property by name
| Name | Type | Description |
|---|---|---|
name | string | property name |
value | any | property value |
this
▸ setRenderingFilter(filter): LogBaseTrackHeader
Sets filter to be applied before rendering and picking
| Name | Type | Description |
|---|---|---|
filter | IFilter | filter to set |
this
LayeredNode.setRenderingFilter
▸ setResponsiveStyle(style): LogBaseTrackHeader
Sets responsive style.
| Name | Type | Description |
|---|---|---|
style | Options | ResponsiveStyle | responsive style |
this
LayeredNode.setResponsiveStyle
▸ setScaleScrollStrategy(strategy?): LogBaseTrackHeader
Sets scale scroll strategy
| Name | Type | Description |
|---|---|---|
Optional strategy | Delegate | scale scroll strategy |
this
LayeredNode.setScaleScrollStrategy
▸ setSelectable(selectable): LogBaseTrackHeader
Allows to select node. If node is not selectable then child node is not selectable.
| Name | Type | Description |
|---|---|---|
selectable | boolean | flag to allow node selection |
this
▸ setSilent(bool): LogBaseTrackHeader
Set silent mode
| Name | Type | Description |
|---|---|---|
bool | boolean | flag to enable silent mode |
this
▸ setTag(tag): LogBaseTrackHeader
Allows the user to associate any arbitrary object with the node.
| Name | Type | Description |
|---|---|---|
tag | any | The object to be associated with the node. |
this
▸ setVisible(value): LogBaseTrackHeader
Sets visibility of the node. Send event Events.VisibilityChanged
| Name | Type | Description |
|---|---|---|
value | boolean | flag specifying visibility of the node |
this
▸ setVisibleModelLimits(visibleModelBounds, deviceBounds?): LogBaseTrackHeader
Set visible model limits
| Name | Type | Description |
|---|---|---|
visibleModelBounds | Rect | visible model limits or bounds |
Optional deviceBounds | Rect | device bounds |
this
LayeredNode.setVisibleModelLimits
▸ setZIndex(value): LogBaseTrackHeader
Sets z-index for node (set null for default)
| Name | Type | Description |
|---|---|---|
value | number | index determining node z-position |
this
▸ shear(shx, shy): LogBaseTrackHeader
Shear this node's bounds
| Name | Type | Description |
|---|---|---|
shx | number | x-axis shear |
shy | number | y-axis shear |
this
▸ toString(): string
Returns a string representation of this object (generally the classname)
string
A string representation
▸ translate(tx, ty): LogBaseTrackHeader
Translate bounds
| Name | Type | Description |
|---|---|---|
tx | number | x translation |
ty | number | y translation |
this
▸ unregisterAnimationStyle(root): void
Unregister animation style.
| Name | Type | Description |
|---|---|---|
root | AnimatedNode | root node for node |
void
LayeredNode.unregisterAnimationStyle
▸ updateLayout(): void
Update layout of the children headers
void
▸ updateSceneTransformation(): LogBaseTrackHeader
Update scene transformation
this
LayeredNode.updateSceneTransformation
▸ updateState(regions?, changes?): LogBaseTrackHeader
Update state. These methods reset node state and update state for children. this method is useful to refresh a scene graph
| Name | Type | Description |
|---|---|---|
Optional regions | Rect[] | optional array to return invalid rectangles in the parent coordinates |
Optional changes | StateChanges | optional parameter to specify a reason of changes |
this
▸ Protected updateTimeStamp(): LogBaseTrackHeader
Update time stamp to indicate that Node or Children has been changed.
this
▸ Static enableSceneGraphNotification(enabled): void
Enable / disable all notifications
| Name | Type | Description |
|---|---|---|
enabled | boolean | sets if this object sends notifications |
void
LayeredNode.enableSceneGraphNotification
▸ Static findParent<T>(node, classType, filter?): InstanceType<T>
Find root of the node with specified type
| Name | Type |
|---|---|
T | extends Constructor<any> |
| Name | Type | Description |
|---|---|---|
node | Node | node to start search |
classType | T | type of the class to search for |
Optional filter | (node: Node) => boolean | additional filter to apply |
InstanceType<T>
▸ Static findParent(node, classType, filter?): Node
Find root of the node with specified type
| Name | Type | Description |
|---|---|---|
node | Node | node to start search |
classType | string | interface name to search for |
Optional filter | (node: Node) => boolean | additional filter to apply |
▸ Static getClassName(): string
string
▸ Static isSceneGraphNotificationEnabled(): boolean
Return status of the global notification for all nodes.
boolean