@openglobus/og 0.17.1 → 0.18.0

package/src/{og/entity/EntityCollection.js → entity/EntityCollection.ts}

@@ -1,18 +1,38 @@
-"use strict";
-
-import { Events } from "../Events.js";
-import * as math from "../math.js";
-import { BillboardHandler } from "./BillboardHandler.js";
-import { GeoObjectHandler } from "./GeoObjectHandler.js";
-import { LabelHandler } from "./LabelHandler.js";
-import { PointCloudHandler } from "./PointCloudHandler.js";
-import { PolylineHandler } from "./PolylineHandler.js";
-import { RayHandler } from "./RayHandler.js";
-import { StripHandler } from "./StripHandler.js";
+import * as math from "../math";
+import {BillboardHandler} from "./BillboardHandler";
+import {createEvents, EventsHandler} from "../Events";
+import {Entity} from "./Entity";
+import {Ellipsoid} from "../ellipsoid/Ellipsoid";
+import {EntityCollectionNode} from "../quadTree/EntityCollectionNode";
+import {GeoObjectHandler} from "./GeoObjectHandler";
+import {Label} from "./Label";
+import {LabelHandler} from "./LabelHandler";
+import {NumberArray3} from "../math/Vec3";
+import {Planet} from "../scene/Planet";
+import {PointCloudHandler} from "./PointCloudHandler";
+import {PolylineHandler} from "./PolylineHandler";
+import {RayHandler} from "./RayHandler";
+import {RenderNode} from "../scene/RenderNode";
+import {StripHandler} from "./StripHandler";
+import {Vector} from "../layer/Vector";
+
+export type EntityCollectionEvents = EventsHandler<EntityCollectionEventList>;
+
+interface IEntityCollectionParams {
+    polygonOffsetUnits?: number;
+    visibility?: boolean;
+    labelMaxLetters?: number;
+    pickingEnabled?: boolean;
+    scaleByDistance?: NumberArray3;
+    pickingScale?: number;
+    opacity?: number;
+
+    entities?: Entity[];
+}
 
 /**
  * An observable collection of og.Entity instances where each entity has a unique id.
- * Entity collection provide handlers for an each type of entity like billboard, label or 3ds object.
+ * Entity collection provide handlers for each type of entity like billboard, label or 3ds object.
  * @constructor
  * @param {Object} [options] - Entity options:
  * @param {Array.<Entity>} [options.entities] - Entities array.
@@ -24,173 +44,217 @@ import { StripHandler } from "./StripHandler.js";
  * @param {number} [options.opacity] - Entity global opacity.
  * @param {boolean} [options.pickingEnabled=true] - Entity picking enable.
  * @param {Number} [options.polygonOffsetUnits=0.0] - The multiplier by which an implementation-specific value is multiplied with to create a constant depth offset. The default value is 0.
- * @fires og.EntityCollection#entitymove
- * @fires og.EntityCollection#draw
- * @fires og.EntityCollection#drawend
- * @fires og.EntityCollection#add
- * @fires og.EntityCollection#remove
- * @fires og.EntityCollection#entityadd
- * @fires og.EntityCollection#entityremove
- * @fires og.EntityCollection#visibilitychange
- * @fires og.EntityCollection#mousemove
- * @fires og.EntityCollection#mouseenter
- * @fires og.EntityCollection#mouseleave
- * @fires og.EntityCollection#lclick
- * @fires og.EntityCollection#rclick
- * @fires og.EntityCollection#mclick
- * @fires og.EntityCollection#ldblclick
- * @fires og.EntityCollection#rdblclick
- * @fires og.EntityCollection#mdblclick
- * @fires og.EntityCollection#lup
- * @fires og.EntityCollection#rup
- * @fires og.EntityCollection#mup
- * @fires og.EntityCollection#ldown
- * @fires og.EntityCollection#rdown
- * @fires og.EntityCollection#mdown
- * @fires og.EntityCollection#lhold
- * @fires og.EntityCollection#rhold
- * @fires og.EntityCollection#mhold
- * @fires og.EntityCollection#mousewheel
- * @fires og.EntityCollection#touchmove
- * @fires og.EntityCollection#touchstart
- * @fires og.EntityCollection#touchend
- * @fires og.EntityCollection#doubletouch
- * @fires og.EntityCollection#touchleave
- * @fires og.EntityCollection#touchenter
+ * @fires EntityCollection#entitymove
+ * @fires EntityCollection#draw
+ * @fires EntityCollection#drawend
+ * @fires EntityCollection#add
+ * @fires EntityCollection#remove
+ * @fires EntityCollection#entityadd
+ * @fires EntityCollection#entityremove
+ * @fires EntityCollection#visibilitychange
+ * @fires EntityCollection#mousemove
+ * @fires EntityCollection#mouseenter
+ * @fires EntityCollection#mouseleave
+ * @fires EntityCollection#lclick
+ * @fires EntityCollection#rclick
+ * @fires EntityCollection#mclick
+ * @fires EntityCollection#ldblclick
+ * @fires EntityCollection#rdblclick
+ * @fires EntityCollection#mdblclick
+ * @fires EntityCollection#lup
+ * @fires EntityCollection#rup
+ * @fires EntityCollection#mup
+ * @fires EntityCollection#ldown
+ * @fires EntityCollection#rdown
+ * @fires EntityCollection#mdown
+ * @fires EntityCollection#lhold
+ * @fires EntityCollection#rhold
+ * @fires EntityCollection#mhold
+ * @fires EntityCollection#mousewheel
+ * @fires EntityCollection#touchmove
+ * @fires EntityCollection#touchstart
+ * @fires EntityCollection#touchend
+ * @fires EntityCollection#doubletouch
+ * @fires EntityCollection#touchleave
+ * @fires EntityCollection#touchenter
  */
 class EntityCollection {
-    constructor(options) {
-        options = options || {};
-
-        /**
-         * Unic identifier.
-         * @public
-         * @readonly
-         */
-        this.id = EntityCollection._staticCounter++;
-
-        /**
-         * Render node collections array index.
-         * @protected
-         * @type {number}
-         */
+
+    static __counter__: number = 0;
+
+    /**
+     * Uniq identifier.
+     * @public
+     * @readonly
+     */
+    protected __id: number;
+
+    /**
+     * Render node collections array index.
+     * @protected
+     * @type {number}
+     */
+    protected _renderNodeIndex: number;
+
+    /**
+     * Render node context.
+     * @public
+     * @type {RenderNode}
+     */
+    public renderNode: RenderNode | null;
+
+    /**
+     * Visibility option.
+     * @public
+     * @type {boolean}
+     */
+    public _visibility: boolean;
+
+    /**
+     * Specifies the scale Units for gl.polygonOffset function to calculate depth values, 0.0 is default.
+     * @public
+     * @type {Number}
+     */
+    public polygonOffsetUnits: number;
+
+    /**
+     * Billboards handler
+     * @public
+     * @type {BillboardHandler}
+     */
+    public billboardHandler: BillboardHandler;
+
+    /**
+     * Labels handler
+     * @public
+     * @type {LabelHandler}
+     */
+    public labelHandler: LabelHandler;
+
+    /**
+     * Polyline handler
+     * @public
+     * @type {PolylineHandler}
+     */
+    public polylineHandler: PolylineHandler;
+
+    /**
+     * Ray handler
+     * @public
+     * @type {RayHandler}
+     */
+    public rayHandler: RayHandler;
+
+    /**
+     * PointCloud handler
+     * @public
+     * @type {PointCloudHandler}
+     */
+    public pointCloudHandler: PointCloudHandler;
+
+    /**
+     * Strip handler
+     * @public
+     * @type {StripHandler}
+     */
+    public stripHandler: StripHandler;
+
+    /**
+     * Geo object handler
+     * @public
+     * @type {GeoObjectHandler}
+     */
+    public geoObjectHandler: GeoObjectHandler;
+
+    /**
+     * Entities array.
+     * @public
+     * @type {Array.<Entity>}
+     */
+    public _entities: Entity[];
+
+    /**
+     * First index - near distance to the entity, after entity becomes full scale.
+     * Second index - far distance to the entity, when entity becomes zero scale.
+     * Third index - far distance to the entity, when entity becomes invisible.
+     * @public
+     * @type {Array.<number>} - (exactly 3 entries)
+     */
+    public scaleByDistance: NumberArray3;
+
+    public pickingScale: number;
+
+    /**
+     * Global opacity.
+     * @protected
+     * @type {number}
+     */
+    protected _opacity: number;
+
+    /**
+     * Opacity state during the animated opacity.
+     * @public
+     * @type {number}
+     */
+    public _fadingOpacity: number;
+
+    /**
+     * Entity collection events handler.
+     * @public
+     * @type {EntityCollectionEvents}
+     */
+    public events: EntityCollectionEvents;
+
+    public rendererEvents: EntityCollectionEvents;
+
+    /**
+     * Used in EntityCollectionNode, also could be merged with _quadNode
+     */
+    public _layer?: Vector;
+    public _quadNode?: EntityCollectionNode;
+
+    constructor(options: IEntityCollectionParams = {}) {
+
+        this.__id = EntityCollection.__counter__++;
+
         this._renderNodeIndex = -1;
 
-        /**
-         * Render node context.
-         * @public
-         * @type {RenderNode}
-         */
         this.renderNode = null;
 
-        /**
-         * Visibility option.
-         * @protected
-         * @type {boolean}
-         */
         this._visibility = options.visibility == undefined ? true : options.visibility;
 
-        /**
-         * Specifies the scale Units for gl.polygonOffset function to calculate depth values, 0.0 is default.
-         * @public
-         * @type {Number}
-         */
         this.polygonOffsetUnits =
             options.polygonOffsetUnits != undefined ? options.polygonOffsetUnits : 0.0;
 
-        /**
-         * Billboards handler
-         * @public
-         * @type {BillboardHandler}
-         */
         this.billboardHandler = new BillboardHandler(this);
 
-        /**
-         * Labels handler
-         * @public
-         * @type {LabelHandler}
-         */
         this.labelHandler = new LabelHandler(this, options.labelMaxLetters);
 
-        /**
-         * Polyline handler
-         * @public
-         * @type {PolylineHandler}
-         */
         this.polylineHandler = new PolylineHandler(this);
 
-        /**
-         * Ray handler
-         * @public
-         * @type {RayHandler}
-         */
         this.rayHandler = new RayHandler(this);
 
-        /**
-         * PointCloud handler
-         * @public
-         * @type {PointCloudHandler}
-         */
         this.pointCloudHandler = new PointCloudHandler(this);
 
-        /**
-         * Strip handler
-         * @public
-         * @type {StripHandler}
-         */
         this.stripHandler = new StripHandler(this);
 
-        /**
-         * Geo object handler
-         * @public
-         * @type {og.GeoObjectHandler}
-         */
         this.geoObjectHandler = new GeoObjectHandler(this);
 
         if (options.pickingEnabled != undefined) {
             this.setPickingEnabled(options.pickingEnabled);
         }
 
-        /**
-         * Entities array.
-         * @protected
-         * @type {Array.<Entity>}
-         */
         this._entities = [];
 
-        /**
-         * First index - near distance to the entity, after entity becomes full scale.
-         * Second index - far distance to the entity, when entity becomes zero scale.
-         * Third index - far distance to the entity, when entity becomes invisible.
-         * @public
-         * @type {Array.<number>} - (exactly 3 entries)
-         */
         this.scaleByDistance = options.scaleByDistance || [math.MAX32, math.MAX32, math.MAX32];
 
         this.pickingScale = options.pickingScale || 1.0;
 
-        /**
-         * Global opacity.
-         * @protected
-         * @type {number}
-         */
         this._opacity = options.opacity == undefined ? 1.0 : options.opacity;
 
-        /**
-         * Opacity state during the animated opacity.
-         * @protected
-         * @type {number}
-         */
         this._fadingOpacity = this._opacity;
 
-        /**
-         * Entity collection events handler.
-         * @public
-         * @type {Events}
-         */
-        this.events = new Events(EVENT_NAMES, this);
-
-        this.rendererEvents = this.events;
+        this.events = this.rendererEvents = createEvents<EntityCollectionEventList>(ENTITYCOLLECTION_EVENTS, this);
 
         // initialize current entities
         if (options.entities) {
@@ -198,15 +262,12 @@ class EntityCollection {
         }
     }
 
-    static get _staticCounter() {
-        if (!this._counter && this._counter !== 0) {
-            this._counter = 0;
-        }
-        return this._counter;
+    get id(): number {
+        return this.__id;
     }
 
-    static set _staticCounter(n) {
-        this._counter = n;
+    public isEqual(ec: EntityCollection): boolean {
+        return this.__id === ec.__id;
     }
 
     /**
@@ -214,7 +275,7 @@ class EntityCollection {
      * @public
      * @param {boolean} visibility - Visibility flag.
      */
-    setVisibility(visibility) {
+    public setVisibility(visibility: boolean) {
         this._visibility = visibility;
         this._fadingOpacity = this._opacity * (visibility ? 1 : 0);
         this.events.dispatch(this.events.visibilitychange, this);
@@ -225,7 +286,7 @@ class EntityCollection {
      * @public
      * @returns {boolean} -
      */
-    getVisibility() {
+    public getVisibility(): boolean {
         return this._visibility;
     }
 
@@ -234,7 +295,7 @@ class EntityCollection {
      * @public
      * @param {number} opacity - Opacity.
      */
-    setOpacity(opacity) {
+    public setOpacity(opacity: number) {
         this._opacity = opacity;
     }
 
@@ -243,7 +304,7 @@ class EntityCollection {
      * @public
      * @param {boolean} enable - Picking enable flag.
      */
-    setPickingEnabled(enable) {
+    public setPickingEnabled(enable: boolean) {
         this.billboardHandler.pickingEnabled = enable;
         this.labelHandler.pickingEnabled = enable;
         this.polylineHandler.pickingEnabled = enable;
@@ -258,7 +319,7 @@ class EntityCollection {
      * @public
      * @returns {number} -
      */
-    getOpacity() {
+    public getOpacity(): number {
         return this._opacity;
     }
 
@@ -266,20 +327,20 @@ class EntityCollection {
      * Sets scale by distance parameters.
      * @public
      * @param {number} near - Full scale entity distance.
-     * @param {number} far - Zerol scale entity distance.
+     * @param {number} far - Zero scale entity distance.
      * @param {number} [farInvisible] - Entity visibility distance.
      */
-    setScaleByDistance(near, far, farInvisible) {
+    public setScaleByDistance(near: number, far: number, farInvisible?: number) {
         this.scaleByDistance[0] = near;
         this.scaleByDistance[1] = far;
         this.scaleByDistance[2] = farInvisible || math.MAX32;
     }
 
-    appendChildEntity(entity) {
+    public appendChildEntity(entity: Entity) {
         this._addRecursively(entity);
     }
 
-    _addRecursively(entity) {
+    protected _addRecursively(entity: Entity) {
         // billboard
         entity.billboard && this.billboardHandler.add(entity.billboard);
 
@@ -317,16 +378,16 @@ class EntityCollection {
      * @param {Entity} entity - Entity.
      * @returns {EntityCollection} -
      */
-    add(entity) {
+    public add(entity: Entity): EntityCollection {
         if (!entity._entityCollection) {
             entity._entityCollection = this;
             entity._entityCollectionIndex = this._entities.length;
             this._entities.push(entity);
-            var rn = this.renderNode;
+            let rn: RenderNode | null = this.renderNode;
             if (rn) {
-                rn.renderer && rn.renderer.assignPickingColor(entity);
-                if (rn.ellipsoid && entity._cartesian.isZero()) {
-                    entity.setCartesian3v(rn.ellipsoid.lonLatToCartesian(entity._lonLat));
+                rn.renderer && rn.renderer.assignPickingColor<Entity>(entity);
+                if ((rn as Planet).ellipsoid && entity._cartesian.isZero()) {
+                    entity.setCartesian3v((rn as Planet).ellipsoid.lonLatToCartesian(entity._lonLat));
                 }
             }
             this._addRecursively(entity);
@@ -341,7 +402,7 @@ class EntityCollection {
      * @param {Array.<Entity>} entities - Entities array.
      * @returns {EntityCollection} -
      */
-    addEntities(entities) {
+    public addEntities(entities: Entity[]): EntityCollection {
         for (let i = 0, len = entities.length; i < len; i++) {
             this.add(entities[i]);
         }
@@ -354,14 +415,11 @@ class EntityCollection {
      * @param {Entity} entity - Entity.
      * @returns {boolean} -
      */
-    belongs(entity) {
-        return (
-            entity._entityCollection &&
-            this._renderNodeIndex === entity._entityCollection._renderNodeIndex
-        );
+    public belongs(entity: Entity) {
+        return entity._entityCollection && this._renderNodeIndex === entity._entityCollection._renderNodeIndex;
     }
 
-    _removeRecursively(entity) {
+    protected _removeRecursively(entity: Entity) {
         entity._entityCollection = null;
         entity._entityCollectionIndex = -1;
 
@@ -396,7 +454,7 @@ class EntityCollection {
      * @public
      * @param {Entity} entity - Entity to remove.
      */
-    removeEntity(entity) {
+    public removeEntity(entity: Entity) {
         this._entities.splice(entity._entityCollectionIndex, 1);
         this.reindexEntitiesArray(entity._entityCollectionIndex);
 
@@ -413,7 +471,7 @@ class EntityCollection {
         this.events.dispatch(this.events.entityremove, entity);
     }
 
-    _removeEntitySilent(entity) {
+    public _removeEntitySilent(entity: Entity) {
         this._entities.splice(entity._entityCollectionIndex, 1);
         this.reindexEntitiesArray(entity._entityCollectionIndex);
 
@@ -432,23 +490,24 @@ class EntityCollection {
      * Creates or refresh collected entities picking color.
      * @public
      */
-    createPickingColors() {
-        var e = this._entities;
+    public createPickingColors() {
+        if (!(this.renderNode && this.renderNode.renderer)) return;
+        let e = this._entities;
         for (let i = 0; i < e.length; i++) {
             if (!e[i].parent) {
-                this.renderNode.renderer.assignPickingColor(e[i]);
+                this.renderNode.renderer.assignPickingColor<Entity>(e[i]);
                 e[i].setPickingColor();
             }
         }
     }
 
     /**
-     * Refresh collected entities indexes from startIndex entitytes collection array position.
+     * Refresh collected entities indexes from startIndex entities collection array position.
      * @public
      * @param {number} startIndex - Entities collection array index.
      */
-    reindexEntitiesArray(startIndex) {
-        var e = this._entities;
+    public reindexEntitiesArray(startIndex: number) {
+        let e = this._entities;
         for (let i = startIndex; i < e.length; i++) {
             e[i]._entityCollectionIndex = i;
         }
@@ -461,7 +520,7 @@ class EntityCollection {
      * @param {boolean} [isHidden] - Uses in vector layers that render in planet render specific function.
      * @returns {EntityCollection} -
      */
-    addTo(renderNode, isHidden) {
+    public addTo(renderNode: RenderNode, isHidden: boolean = false) {
         if (!this.renderNode) {
             this.renderNode = renderNode;
 
@@ -470,7 +529,7 @@ class EntityCollection {
                 renderNode.entityCollections.push(this);
             }
 
-            renderNode.ellipsoid && this._updateGeodeticCoordinates(renderNode.ellipsoid);
+            (renderNode as Planet).ellipsoid && this._updateGeodeticCoordinates((renderNode as Planet).ellipsoid);
 
             this.bindRenderNode(renderNode);
 
@@ -481,16 +540,17 @@ class EntityCollection {
 
     /**
      * This function is called in the RenderNode assign function.
+     * @public
      * @param {RenderNode} renderNode
      */
-    bindRenderNode(renderNode) {
+    public bindRenderNode(renderNode: RenderNode) {
         if (renderNode.renderer && renderNode.renderer.isInitialized()) {
 
             this.billboardHandler.setRenderer(renderNode.renderer);
             this.labelHandler.setRenderer(renderNode.renderer);
             this.rayHandler.setRenderer(renderNode.renderer);
 
-            this.geoObjectHandler.setRenderNode(renderNode);
+            this.geoObjectHandler.setRenderNode(renderNode as Planet);
             this.polylineHandler.setRenderNode(renderNode);
             this.pointCloudHandler.setRenderNode(renderNode);
             this.stripHandler.setRenderNode(renderNode);
@@ -502,15 +562,15 @@ class EntityCollection {
     }
 
     /**
-     * Updates coordinates all lonLat entities in collection after collecction attached to the planet node.
-     * @private
+     * Updates coordinates all lonLat entities in collection after collection attached to the planet node.
+     * @protected
      * @param {Ellipsoid} ellipsoid - Globe ellipsoid.
      */
-    _updateGeodeticCoordinates(ellipsoid) {
-        var e = this._entities;
-        var i = e.length;
+    protected _updateGeodeticCoordinates(ellipsoid: Ellipsoid) {
+        let e = this._entities;
+        let i = e.length;
         while (i--) {
-            var ei = e[i];
+            let ei = e[i];
             ei._lonLat && ei.setCartesian3v(ellipsoid.lonLatToCartesian(ei._lonLat));
         }
     }
@@ -519,10 +579,10 @@ class EntityCollection {
      * Updates billboard texture atlas.
      * @public
      */
-    updateBillboardsTextureAtlas() {
-        var b = this.billboardHandler._billboards;
+    public updateBillboardsTextureAtlas() {
+        let b = this.billboardHandler.billboards;
         for (let i = 0; i < b.length; i++) {
-            b[i].setSrc(b[i]._src);
+            b[i].setSrc(b[i].getSrc());
         }
     }
 
@@ -530,13 +590,14 @@ class EntityCollection {
      * Updates labels font atlas.
      * @public
      */
-    updateLabelsFontAtlas() {
+    public updateLabelsFontAtlas() {
         if (this.renderNode) {
-            var l = [].concat(this.labelHandler._billboards);
-            this.labelHandler._billboards = [];
-            for (let i = 0; i < l.length; i++) {
-                this.labelHandler.assignFontAtlas(l[i]);
-            }
+            // let l = ([] as Label[]).concat(this.labelHandler.labels);
+            // this.labelHandler._billboards = [];
+            // for (let i = 0; i < l.length; i++) {
+            //     this.labelHandler.assignFontAtlas(l[i]);
+            // }
+            this.labelHandler.updateFonts();
         }
     }
 
@@ -544,17 +605,13 @@ class EntityCollection {
      * Removes collection from render node.
      * @public
      */
-    remove() {
+    public remove() {
         if (this.renderNode) {
             if (this._renderNodeIndex !== -1) {
                 this.renderNode.entityCollections.splice(this._renderNodeIndex, 1);
                 // reindex in the renderNode
-                for (
-                    var i = this._renderNodeIndex;
-                    i < this.renderNode.entityCollections.length;
-                    i++
-                ) {
-                    this.renderNode.entityCollections._renderNodeIndex = i;
+                for (let i = this._renderNodeIndex; i < this.renderNode.entityCollections.length; i++) {
+                    this.renderNode.entityCollections[i]._renderNodeIndex = i;
                 }
             }
             this.renderNode = null;
@@ -568,8 +625,8 @@ class EntityCollection {
      * @public
      * @returns {Array.<Entity>} -
      */
-    getEntities() {
-        return [].concat(this._entities);
+    public getEntities(): Entity[] {
+        return ([] as Entity[]).concat(this._entities);
     }
 
     /**
@@ -577,10 +634,10 @@ class EntityCollection {
      * @public
      * @param {function} callback - Entity callback.
      */
-    each(callback) {
-        var i = this._entities.length;
+    public each(callback: Function) {
+        let i = this._entities.length;
         while (i--) {
-            var ei = this._entities[i];
+            let ei = this._entities[i];
             ei && callback(ei);
         }
     }
@@ -589,7 +646,7 @@ class EntityCollection {
      * Removes all entities from collection and clear handlers.
      * @public
      */
-    clear() {
+    public clear() {
         // TODO: Optimize by replace delete
         // code to the clearEntity function.
         this.billboardHandler.clear();
@@ -600,9 +657,9 @@ class EntityCollection {
         this.stripHandler.clear();
         this.geoObjectHandler.clear();
 
-        var i = this._entities.length;
+        let i = this._entities.length;
         while (i--) {
-            var ei = this._entities[i];
+            let ei = this._entities[i];
             if (this.renderNode && this.renderNode.renderer) {
                 this.renderNode.renderer.clearPickingColor(ei);
                 ei._pickingColor.clear();
@@ -614,11 +671,11 @@ class EntityCollection {
     }
 
     /**
-     * Clears entity recursevely.
+     * Clears entity recursively.
      * @private
      * @param {Entity} entity - Entity to clear.
      */
-    _clearEntity(entity) {
+    protected _clearEntity(entity: Entity) {
         entity._entityCollection = null;
         entity._entityCollectionIndex = -1;
         for (let i = 0; i < entity.childrenNodes.length; i++) {
@@ -627,204 +684,240 @@ class EntityCollection {
     }
 }
 
-const EVENT_NAMES = [
+type EntityCollectionEventList = [
+    "entitymove",
+    "draw",
+    "drawend",
+    "add",
+    "remove",
+    "entityadd",
+    "entityremove",
+    "visibilitychange",
+    "mousemove",
+    "mouseenter",
+    "mouseleave",
+    "lclick",
+    "rclick",
+    "mclick",
+    "ldblclick",
+    "rdblclick",
+    "mdblclick",
+    "lup",
+    "rup",
+    "mup",
+    "ldown",
+    "rdown",
+    "mdown",
+    "lhold",
+    "rhold",
+    "mhold",
+    "mousewheel",
+    "touchmove",
+    "touchstart",
+    "touchend",
+    "doubletouch",
+    "touchleave",
+    "touchenter"
+]
+
+const ENTITYCOLLECTION_EVENTS: EntityCollectionEventList = [
     /**
      * Triggered when entity has moved.
-     * @event og.EntityCollection#entitymove
+     * @event EntityCollection#entitymove
      */
     "entitymove",
 
     /**
      * Triggered when collection entities begin draw.
-     * @event og.EntityCollection#draw
+     * @event EntityCollection#draw
      */
     "draw",
 
     /**
      * Triggered after collection has drawn.
-     * @event og.EntityCollection#drawend
+     * @event EntityCollection#drawend
      */
     "drawend",
 
     /**
      * Triggered when added to the render node.
-     * @event og.EntityCollection#add
+     * @event EntityCollection#add
      */
     "add",
 
     /**
      * Triggered when removed from the render node.
-     * @event og.EntityCollection#remove
+     * @event EntityCollection#remove
      */
     "remove",
 
     /**
      * Triggered when new entity added to the collection.
-     * @event og.EntityCollection#entityadd
+     * @event EntityCollection#entityadd
      */
     "entityadd",
 
     /**
      * Triggered when entity removes from the collection.
-     * @event og.EntityCollection#entityremove
+     * @event EntityCollection#entityremove
      */
     "entityremove",
 
     /**
      * Triggered when visibility changes.
-     * @event og.EntityCollection#visibilitychange
+     * @event EntityCollection#visibilitychange
      */
     "visibilitychange",
 
     /**
      * Triggered when mouse moves over the entity.
-     * @event og.EntityCollection#mousemove
+     * @event EntityCollection#mousemove
      */
     "mousemove",
 
     /**
      * Triggered when mouse has entered over the entity.
-     * @event og.EntityCollection#mouseenter
+     * @event EntityCollection#mouseenter
      */
     "mouseenter",
 
     /**
      * Triggered when mouse leaves the entity.
-     * @event og.EntityCollection#mouseleave
+     * @event EntityCollection#mouseleave
      */
     "mouseleave",
 
     /**
      * Mouse left button clicked.
-     * @event og.EntityCollection#lclick
+     * @event EntityCollection#lclick
      */
     "lclick",
 
     /**
      * Mouse right button clicked.
-     * @event og.EntityCollection#rclick
+     * @event EntityCollection#rclick
      */
     "rclick",
 
     /**
      * Mouse right button clicked.
-     * @event og.EntityCollection#mclick
+     * @event EntityCollection#mclick
      */
     "mclick",
 
     /**
      * Mouse left button double click.
-     * @event og.EntityCollection#ldblclick
+     * @event EntityCollection#ldblclick
      */
     "ldblclick",
 
     /**
      * Mouse right button double click.
-     * @event og.EntityCollection#rdblclick
+     * @event EntityCollection#rdblclick
      */
     "rdblclick",
 
     /**
      * Mouse middle button double click.
-     * @event og.EntityCollection#mdblclick
+     * @event EntityCollection#mdblclick
      */
     "mdblclick",
 
     /**
      * Mouse left button up(stop pressing).
-     * @event og.EntityCollection#lup
+     * @event EntityCollection#lup
      */
     "lup",
 
     /**
      * Mouse right button up(stop pressing).
-     * @event og.EntityCollection#rup
+     * @event EntityCollection#rup
      */
     "rup",
 
     /**
      * Mouse middle button up(stop pressing).
-     * @event og.EntityCollection#mup
+     * @event EntityCollection#mup
      */
     "mup",
 
     /**
      * Mouse left button is just pressed down(start pressing).
-     * @event og.EntityCollection#ldown
+     * @event EntityCollection#ldown
      */
     "ldown",
 
     /**
      * Mouse right button is just pressed down(start pressing).
-     * @event og.EntityCollection#rdown
+     * @event EntityCollection#rdown
      */
     "rdown",
 
     /**
      * Mouse middle button is just pressed down(start pressing).
-     * @event og.EntityCollection#mdown
+     * @event EntityCollection#mdown
      */
     "mdown",
 
     /**
      * Mouse left button is pressing.
-     * @event og.EntityCollection#lhold
+     * @event EntityCollection#lhold
      */
     "lhold",
 
     /**
      * Mouse right button is pressing.
-     * @event og.EntityCollection#rhold
+     * @event EntityCollection#rhold
      */
     "rhold",
 
     /**
      * Mouse middle button is pressing.
-     * @event og.EntityCollection#mhold
+     * @event EntityCollection#mhold
      */
     "mhold",
 
     /**
      * Mouse wheel is rotated.
-     * @event og.EntityCollection#mousewheel
+     * @event EntityCollection#mousewheel
      */
     "mousewheel",
 
     /**
      * Triggered when touch moves over the entity.
-     * @event og.EntityCollection#touchmove
+     * @event EntityCollection#touchmove
      */
     "touchmove",
 
     /**
      * Triggered when entity begins to touch.
-     * @event og.EntityCollection#touchstart
+     * @event EntityCollection#touchstart
      */
     "touchstart",
 
     /**
      * Triggered when entity ends touching.
-     * @event og.EntityCollection#touchend
+     * @event EntityCollection#touchend
      */
     "touchend",
 
     /**
      * Triggered entity double touch.
-     * @event og.EntityCollection#doubletouch
+     * @event EntityCollection#doubletouch
      */
     "doubletouch",
 
     /**
      * Triggered when touching leaves entity.
-     * @event og.EntityCollection#touchleave
+     * @event EntityCollection#touchleave
      */
     "touchleave",
 
     /**
      * Triggered when touch enters over the entity.
-     * @event og.EntityCollection#touchenter
+     * @event EntityCollection#touchenter
      */
     "touchenter"
 ];
 
-export { EntityCollection };
+export {EntityCollection};