@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/partialrings/program.js

@@ -1,34 +1,119 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.programCache = exports.Logic = exports.ITEM_SIZE = void 0;
-var util_1 = require("../util");
-var programs_1 = require("../programs");
-var buffer_manager_1 = __importDefault(require("./buffer-manager"));
-var geometrytransformations_1 = require("../util/shaderfunctions/geometrytransformations");
+import { createProgram, shaderfunctions } from "../util";
+import { CameraUniformBlockTotem, CameraUniformBlockString, noRegisterGlobeProgramCache, globeProgramCache } from "../programs";
+import BufferManager from "./buffer-manager";
+import { POLE, PI, longLatRadToMercator, mercatorXYToGLPosition, longLatRadToCartesian3D, circleLimpFromLongLatRadCenterCartesian3D, circleLimpFromLongLatRadCenterMercatorRealDistance, cartesian3DToGLPosition } from "../util/shaderfunctions/geometrytransformations";
 /**
  * TODO:
  * 1. Triangle face looks at screen. if rotation angle is positive the last vertex must be the faintest.
  *
  */
-var drawModeMap = Object.freeze({
+const drawModeMap = Object.freeze({
     LINE_STRIP: 0,
     TRIANGLE_FAN: 1,
 });
-var vertexShaderSource = "#version 300 es\n\n".concat(programs_1.CameraUniformBlockString, " \n").concat(geometrytransformations_1.PI, " \n").concat(geometrytransformations_1.longLatRadToMercator, "\n").concat(geometrytransformations_1.mercatorXYToGLPosition, "\n").concat(geometrytransformations_1.longLatRadToCartesian3D, "\n").concat(geometrytransformations_1.circleLimpFromLongLatRadCenterCartesian3D, "\n").concat(geometrytransformations_1.circleLimpFromLongLatRadCenterMercatorRealDistance, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n\nuniform float edge_count;\nuniform int draw_mode; // %2 => 0: LINE_STRIP, 1: TRIANGLE_FAN \nuniform float plugin_alpha_multiplier;\n//, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode\nin vec2 center; // long, lat in radian\nin float start_angle; // the start of partial circle from bearing point\nin float tail_angle; // the rotation of the partial circle\nin vec4 color;\nin float radius; // in meter\nin float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide\n// flat out int vid;\n// flat out float v_phase;\nout vec2 v_pos;\nout vec4 v_color;\n// flat out float v_angle;\n\nvoid main() {\n    // vid = gl_VertexID;\n    if (color_mode == 2.0 || radius == 0.0) { return; }\n    float color_mode_ = color_mode;\n    if ( draw_mode == 0 && color_mode == 1.0) {color_mode_ = 0.0;}\n    float vertexID = float(gl_VertexID);\n    float radius_ = radius;\n    float alpha = plugin_alpha_multiplier;\n    if (draw_mode == 1) { // TRIANGLE_FAN\n        if (gl_VertexID == 0) { \n            radius_ = 0.0; \n            if ( color_mode == 1.0 ) { alpha = 0.0; }\n        }\n        vertexID -= 1.0;\n    }\n    float phase = ( vertexID  / (edge_count - 1.0) );\n    // v_angle = tail_angle;\n    \n    if ( color_mode_ == 1.0 ) {\n        if ( tail_angle < 0.0 ) {\n                v_color = vec4( color.rgb , color.a * ( 1.0 - phase ) * alpha );\n            } else {\n                v_color = vec4( color.rgb , color.a * phase * alpha );\n        }\n    } else {\n        v_color = vec4( color.rgb , color.a * alpha );\n    }\n    if ( color_mode == 0.0 && draw_mode == 1 ) {\n        v_color.a /= 2.0;\n    }\n    float angle;\n    if ( tail_angle > 0.0 ) { \n        angle =  tail_angle * (-phase + 1.0) + start_angle;\n        } else {\n        angle = tail_angle * phase + start_angle;\n    }\n    if (is3D) {\n\n        vec3 pos = circleLimpFromLongLatRadCenterCartesian3D(center, radius_, angle);\n        v_pos = vec2(0.0, 0.0);\n        gl_Position = cartesian3DToGLPosition(pos);\n    }\n    else {\n        \n        vec2 pos = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);\n        v_pos = pos;\n        gl_Position = mercatorXYToGLPosition(pos);\n    }\n\n    gl_PointSize = 10.0;\n}");
-var fragmentShaderSource = "#version 300 es" + geometrytransformations_1.POLE + geometrytransformations_1.PI + "\nprecision highp float;\n// flat in int vid;\nin vec4 v_color;\nin vec2 v_pos;\n// flat in float v_phase;\n// in float v_angle;\nout vec4 outColor;\nvoid main() {\n    // if( vid % 2 == 0 ) { discard; }\n    // if ( mod(v_angle, PI / 36.0 ) < (PI / 72.0)) { discard; }\n    // if ( mod(v_angle * v_phase,  PI / 90.0 ) < (PI / 180.0)) { discard; }\n    if ( v_pos.x < -POLE || v_pos.x > POLE || v_pos.y < -POLE || v_pos.y > POLE ) { discard; }\n    outColor = v_color;\n}";
-exports.ITEM_SIZE = 10;
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
+const vertexShaderSource = `#version 300 es
+
+${CameraUniformBlockString} 
+${PI} 
+${longLatRadToMercator}
+${mercatorXYToGLPosition}
+${longLatRadToCartesian3D}
+${circleLimpFromLongLatRadCenterCartesian3D}
+${circleLimpFromLongLatRadCenterMercatorRealDistance}
+${cartesian3DToGLPosition}
+
+uniform float edge_count;
+uniform int draw_mode; // %2 => 0: LINE_STRIP, 1: TRIANGLE_FAN 
+uniform float plugin_alpha_multiplier;
+//, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode
+in vec2 center; // long, lat in radian
+in float start_angle; // the start of partial circle from bearing point
+in float tail_angle; // the rotation of the partial circle
+in vec4 color;
+in float radius; // in meter
+in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
+// flat out int vid;
+// flat out float v_phase;
+out vec2 v_pos;
+out vec4 v_color;
+// flat out float v_angle;
+
+void main() {
+    // vid = gl_VertexID;
+    if (color_mode == 2.0 || radius == 0.0) { return; }
+    float color_mode_ = color_mode;
+    if ( draw_mode == 0 && color_mode == 1.0) {color_mode_ = 0.0;}
+    float vertexID = float(gl_VertexID);
+    float radius_ = radius;
+    float alpha = plugin_alpha_multiplier;
+    if (draw_mode == 1) { // TRIANGLE_FAN
+        if (gl_VertexID == 0) { 
+            radius_ = 0.0; 
+            if ( color_mode == 1.0 ) { alpha = 0.0; }
+        }
+        vertexID -= 1.0;
+    }
+    float phase = ( vertexID  / (edge_count - 1.0) );
+    // v_angle = tail_angle;
+    
+    if ( color_mode_ == 1.0 ) {
+        if ( tail_angle < 0.0 ) {
+                v_color = vec4( color.rgb , color.a * ( 1.0 - phase ) * alpha );
+            } else {
+                v_color = vec4( color.rgb , color.a * phase * alpha );
+        }
+    } else {
+        v_color = vec4( color.rgb , color.a * alpha );
+    }
+    if ( color_mode == 0.0 && draw_mode == 1 ) {
+        v_color.a /= 2.0;
+    }
+    float angle;
+    if ( tail_angle > 0.0 ) { 
+        angle =  tail_angle * (-phase + 1.0) + start_angle;
+        } else {
+        angle = tail_angle * phase + start_angle;
+    }
+    if (is3D) {
+
+        vec3 pos = circleLimpFromLongLatRadCenterCartesian3D(center, radius_, angle);
+        v_pos = vec2(0.0, 0.0);
+        gl_Position = cartesian3DToGLPosition(pos);
+    }
+    else {
+        
+        vec2 pos = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);
+        v_pos = pos;
+        gl_Position = mercatorXYToGLPosition(pos);
+    }
+
+    gl_PointSize = 10.0;
+}`;
+const fragmentShaderSource = `#version 300 es` + POLE + PI + `
+precision highp float;
+// flat in int vid;
+in vec4 v_color;
+in vec2 v_pos;
+// flat in float v_phase;
+// in float v_angle;
+out vec4 outColor;
+void main() {
+    // if( vid % 2 == 0 ) { discard; }
+    // if ( mod(v_angle, PI / 36.0 ) < (PI / 72.0)) { discard; }
+    // if ( mod(v_angle * v_phase,  PI / 90.0 ) < (PI / 180.0)) { discard; }
+    if ( v_pos.x < -POLE || v_pos.x > POLE || v_pos.y < -POLE || v_pos.y > POLE ) { discard; }
+    outColor = v_color;
+}`;
+export const ITEM_SIZE = 10;
+export class Logic {
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this._lastMode = 0;
         this._lastEdgeCount = 64;
         this._lastAlphaMultiplier = 1.0;
-        this.program = (0, util_1.createProgram)(this.gl, vertexShaderSource, fragmentShaderSource);
-        var _a = this, gl = _a.gl, program = _a.program;
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+        const { gl, program } = this;
         { // set attributes locations 
             gl.bindAttribLocation(program, 0, 'center');
             gl.bindAttribLocation(program, 1, 'start_angle');
@@ -43,20 +128,20 @@ var Logic = /** @class */ (function () {
             this._edgeCountLocation = gl.getUniformLocation(program, 'edge_count');
             this._draw_modeLocation = gl.getUniformLocation(program, 'draw_mode');
             this._plugin_alpha_multiplierLocation = gl.getUniformLocation(program, 'plugin_alpha_multiplier');
-            var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
             gl.useProgram(program);
             gl.uniform1i(this._draw_modeLocation, this._lastMode);
             gl.uniform1f(this._edgeCountLocation, this._lastEdgeCount);
             gl.uniform1f(this._plugin_alpha_multiplierLocation, 1.0);
             this.cameraBlockBindingPoint = 0;
-            this.cameraBlockTotem = programs_1.globeProgramCache.getProgram(globe, programs_1.CameraUniformBlockTotem);
-            var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+            this.cameraBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
+            const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
             gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
             gl.useProgram(currentProgram);
         }
     }
-    Logic.prototype.draw = function (length, vao, edgeCount, alphaMultiplier, drawMode) {
-        var _a = this, gl = _a.gl, program = _a.program, cameraBlockTotem = _a.cameraBlockTotem, cameraBlockBindingPoint = _a.cameraBlockBindingPoint;
+    draw(length, vao, edgeCount, alphaMultiplier, drawMode) {
+        const { gl, program, cameraBlockTotem, cameraBlockBindingPoint } = this;
         // gl.disable(gl.DEPTH_TEST);
         gl.useProgram(program);
         if (drawMode !== this._lastMode) {
@@ -71,27 +156,27 @@ var Logic = /** @class */ (function () {
             gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
             this._lastAlphaMultiplier = alphaMultiplier;
         }
-        var overdraw = drawModeMap[drawMode];
+        const overdraw = drawModeMap[drawMode];
         cameraBlockTotem.bind(cameraBlockBindingPoint);
         gl.bindVertexArray(vao);
         gl.drawArraysInstanced(gl[drawMode], 0, edgeCount + overdraw, length);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
         gl.bindVertexArray(null);
         // gl.enable(gl.DEPTH_TEST);
-    };
-    Logic.prototype.free = function () {
-        programs_1.noRegisterGlobeProgramCache.releaseProgram(this.globe, programs_1.CameraUniformBlockTotem);
+    }
+    free() {
+        noRegisterGlobeProgramCache.releaseProgram(this.globe, CameraUniformBlockTotem);
         this.gl.deleteProgram(this.program);
         this.program = null;
-    };
-    Logic.prototype.getVaoBuffer = function () {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
-        var buffer = gl.createBuffer();
+    }
+    getVaoBuffer() {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        const buffer = gl.createBuffer();
         gl.bindVertexArray(vao);
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        var stride = exports.ITEM_SIZE * 4;
-        var offset = 0;
+        const stride = ITEM_SIZE * 4;
+        let offset = 0;
         gl.enableVertexAttribArray(0);
         gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
         offset += 2 * 4;
@@ -118,10 +203,10 @@ var Logic = /** @class */ (function () {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return {
-            vao: vao,
-            buffer: buffer,
+            vao,
+            buffer,
         };
-    };
+    }
     /**
      * in vec2 center; // long, lat in radian
 in float start_angle; // the start of partial circle from bearing point
@@ -130,47 +215,47 @@ in vec4 color;
 in float radius; // in meter
 in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
      */
-    Logic.prototype.createVAO = function (centerObj, startAngleObj, tailAngleObj, colorObj, radiusObj, colorModeObj) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    createVAO(centerObj, startAngleObj, tailAngleObj, colorObj, radiusObj, colorModeObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
         {
-            var buffer = centerObj.buffer, stride = centerObj.stride, offset = centerObj.offset;
+            const { buffer, stride, offset } = centerObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(0);
             gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(0, 1);
         }
         {
-            var buffer = startAngleObj.buffer, stride = startAngleObj.stride, offset = startAngleObj.offset;
+            const { buffer, stride, offset } = startAngleObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(1);
             gl.vertexAttribPointer(1, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(1, 1);
         }
         {
-            var buffer = tailAngleObj.buffer, stride = tailAngleObj.stride, offset = tailAngleObj.offset;
+            const { buffer, stride, offset } = tailAngleObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(2);
             gl.vertexAttribPointer(2, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(2, 1);
         }
         {
-            var buffer = colorObj.buffer, stride = colorObj.stride, offset = colorObj.offset;
+            const { buffer, stride, offset } = colorObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(3);
             gl.vertexAttribPointer(3, 4, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(3, 1);
         }
         {
-            var buffer = radiusObj.buffer, stride = radiusObj.stride, offset = radiusObj.offset;
+            const { buffer, stride, offset } = radiusObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(4);
             gl.vertexAttribPointer(4, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(4, 1);
         }
         {
-            var buffer = colorModeObj.buffer, stride = colorModeObj.stride, offset = colorModeObj.offset;
+            const { buffer, stride, offset } = colorModeObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(5);
             gl.vertexAttribPointer(5, 1, gl.FLOAT, false, stride, offset);
@@ -179,19 +264,16 @@ in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return vao;
-    };
-    Logic.prototype.getBufferManagerAndVao = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.capacity, capacity = _c === void 0 ? 10 : _c, _d = _b.bufferType, bufferType = _d === void 0 ? "DYNAMIC_DRAW" : _d;
-        var _e = this.getVaoBuffer(), vao = _e.vao, buffer = _e.buffer;
+    }
+    getBufferManagerAndVao({ capacity = 10, bufferType = "DYNAMIC_DRAW" } = {}) {
+        const { vao, buffer } = this.getVaoBuffer();
         return {
-            bufferManager: new buffer_manager_1.default(this.globe, this.gl, buffer, { capacity: capacity, bufferType: bufferType }),
-            vao: vao
+            bufferManager: new BufferManager(this.globe, this.gl, buffer, { capacity, bufferType }),
+            vao
         };
-    };
-    return Logic;
-}());
-exports.Logic = Logic;
-exports.programCache = Object.freeze({
-    get: function (globe) { return programs_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programs_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    }
+}
+export const programCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
 });

package/pin/pin-object-array.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * IconData;
  *  iconMap, iconCoords for objectArray
@@ -17,12 +16,8 @@
  * keyboard clicks
  * mouse curser changes ( this can be implemented inside above methods)
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var webglobe_1 = require("@pirireis/webglobe");
-var AlarmTimeLineFadeInFadeOutPlugin_1 = __importDefault(require("../../plugins/alarms/alarmFadeInFadeOutPlugin/AlarmTimeLineFadeInFadeOutPlugin"));
+import { CSGlobe, CSIconTypes, CSObjectTypes, CSObjectArrayUpdateTypes, } from "@pirireis/webglobe";
+import AlarmTimeLineFadeInFadeOut from "../../plugins/alarms/alarmFadeInFadeOutPlugin/AlarmTimeLineFadeInFadeOutPlugin";
 /**
  * @typedef {Object} IconPayload
  * @property {string} app6DCode
@@ -44,25 +39,27 @@ var AlarmTimeLineFadeInFadeOutPlugin_1 = __importDefault(require("../../plugins/
  * @property {number[]} coordsZ [z1, z2, ....]
  * @property {PointPayload[]} attribs
  */
-function addIconMap(globe, mapName, ICON_MAP_URL, ICON_MAP_JSON_URL) {
-    if (mapName === void 0) { mapName = "IconMapName"; }
+function addIconMap(globe, mapName = "IconMapName", ICON_MAP_URL, ICON_MAP_JSON_URL) {
     globe.api_AddIconMap('IconMapName', ICON_MAP_URL, ICON_MAP_JSON_URL);
 }
-var ObjectArray = /** @class */ (function () {
-    function ObjectArray(symbolSet, style) {
+class ObjectArray {
+    constructor(symbolSet, style) {
         this.symbolSet = symbolSet;
         this.style = style;
     }
-    ObjectArray.prototype.setSymbolSet = function (symbolSet) {
+    setSymbolSet(symbolSet) {
         this.symbolSet = symbolSet;
-    };
-    return ObjectArray;
-}());
-var PinPointObjectArray = /** @class */ (function () {
-    function PinPointObjectArray(id, globe, symbolSet, // iconMapName
-    style, callBacks) {
-        var _a;
-        if (callBacks === void 0) { callBacks = (_a = {}, function (pinItem, event) { } = _a.mouseDown, function (pinItem, event) { } = _a.mouseMove, function (pinItem, event) { } = _a.mouseUp, function (pinItem, event) { } = _a.mouseClick, function (pinItem, event) { } = _a.mouseDblClick, _a); }
+    }
+}
+class PinPointObjectArray {
+    constructor(id, globe, symbolSet, // iconMapName
+    style, callBacks = {
+        mouseDown: (pinItem, event) => { },
+        mouseMove: (pinItem, event) => { },
+        mouseUp: (pinItem, event) => { },
+        mouseClick: (pinItem, event) => { },
+        mouseDblClick: (pinItem, event) => { },
+    } = {}) {
         this.id = id;
         this.globe = globe;
         this.symbolSet = symbolSet;
@@ -72,25 +69,25 @@ var PinPointObjectArray = /** @class */ (function () {
         // this item will be used
         this.currentItem = null;
     }
-    PinPointObjectArray.prototype.insertPins = function (pins) {
-    };
-    PinPointObjectArray.prototype.deletePins = function (pinsIDs) {
-        var deleteBucket = {
+    insertPins(pins) {
+    }
+    deletePins(pinsIDs) {
+        const deleteBucket = {
             coords: [],
             coordsZ: [],
             attribs: []
         };
-    };
-    PinPointObjectArray.prototype._queryByScreenFindFirst = function () {
-        var _a = this.globe.api_GetMousePos(), clientX = _a.clientX, clientY = _a.clientY;
-        var allObjects = this.globe.queryByScreen(clientX, clientY);
-        for (var i = 0; i < allObjects.length; i++) {
-            var _b = allObjects[i], obj = _b.obj, owner = _b.owner;
+    }
+    _queryByScreenFindFirst() {
+        const { clientX, clientY } = this.globe.api_GetMousePos();
+        const allObjects = this.globe.queryByScreen(clientX, clientY);
+        for (let i = 0; i < allObjects.length; i++) {
+            const { obj, owner } = allObjects[i];
             if (owner === this.objectArray) {
                 return obj;
             }
         }
-    };
+    }
     // mouseDown(x, y, event) {
     //     return false
     // }
@@ -108,29 +105,27 @@ var PinPointObjectArray = /** @class */ (function () {
     // mouseDblClick() {
     //     return false
     // }
-    PinPointObjectArray.prototype.free = function () {
+    free() {
         this.globe.api_ClearMouseEvents(); // TODO
-    };
-    PinPointObjectArray.prototype._setMouseEvent = function () {
-        var globe = this.globe;
+    }
+    _setMouseEvent() {
+        const { globe } = this;
         globe.api_SetMouseEvents();
-    };
-    PinPointObjectArray.prototype._getIdForGlobe = function () {
-        var _a = this, globe = _a.globe, objectArray = _a.objectArray;
-        var callback = function () {
-            var allObjects = globe.api_queryByScreen();
+    }
+    _getIdForGlobe() {
+        const { globe, objectArray } = this;
+        const callback = () => {
+            const allObjects = globe.api_queryByScreen();
         };
-        return "".concat(this.id, "_pinObjectArrayMouseEvent");
-    };
-    return PinPointObjectArray;
-}());
-var ObjectArrayLabels = /** @class */ (function () {
+        return `${this.id}_pinObjectArrayMouseEvent`;
+    }
+}
+class ObjectArrayLabels {
     /**
      * @param {number | string} id
      * @param {CSGlobe} globe
      */
-    function ObjectArrayLabels(id, globe, labelStyle) {
-        if (labelStyle === void 0) { labelStyle = null; }
+    constructor(id, globe, labelStyle = null) {
         this.id = id;
         this.setGlobe(globe);
         this.data = [
@@ -141,7 +136,7 @@ var ObjectArrayLabels = /** @class */ (function () {
             },
         ];
         this.primaryKey = "id";
-        this.objectType = webglobe_1.CSObjectTypes.POINT;
+        this.objectType = CSObjectTypes.POINT;
         this.filter = null;
         this.bbox = null;
         this.startLod = 2;
@@ -151,7 +146,7 @@ var ObjectArrayLabels = /** @class */ (function () {
         this._idCollector = new Set();
         this._setStyle(labelStyle);
     }
-    ObjectArrayLabels.prototype._setStyle = function (labelStyle) {
+    _setStyle(labelStyle) {
         this.style = this.globe.ObjectArray.GetDefaultStyle();
         if (labelStyle) {
             this.style.labels[0] = labelStyle;
@@ -169,54 +164,53 @@ var ObjectArrayLabels = /** @class */ (function () {
         }
         this.style.labels[0].text = "${value}";
         this.style.fidKey = this.primaryKey;
-        this.style.iconType = webglobe_1.CSIconTypes.NOICON; // milIcon ekleyebilmek için icon tipi MAP olmalı
-    };
+        this.style.iconType = CSIconTypes.NOICON; // milIcon ekleyebilmek için icon tipi MAP olmalı
+    }
     /**
      * @param {CSGlobe} [globe]
      */
-    ObjectArrayLabels.prototype.setGlobe = function (globe) {
+    setGlobe(globe) {
         if (!globe)
             return;
         this.globe = globe;
-    };
-    ObjectArrayLabels.prototype.addToMap = function () {
+    }
+    addToMap() {
         this.globe.ObjectArray.Add(this);
-    };
-    ObjectArrayLabels.prototype.removeFromMap = function () {
+    }
+    removeFromMap() {
         this.flush();
         this.globe.ObjectArray.Delete(this.id);
-    };
+    }
     /**
      * Haritaya kullanılacak veriyi verir. Her çağrıldığında tüm hesaplamalar yeniden yapılır
      * @param {PointObjectArray} data
      */
-    ObjectArrayLabels.prototype.setData = function (data) {
+    setData(data) {
         this.globe.ObjectArray.SetData(this, [data]);
-    };
+    }
     /**
      * @param {PointObjectArray} data
      * @param {CSObjectArrayUpdateTypes} operation
      * @param {CanChangeOptions} [canChange]
      */
-    ObjectArrayLabels.prototype.updateData = function (data, operation, canChange) {
+    updateData(data, operation, canChange) {
         this.globe.ObjectArray.UpdateData(this, operation, [data], canChange);
-    };
-    ObjectArrayLabels.prototype.flush = function () {
-        var deleteBucket = {
+    }
+    flush() {
+        const deleteBucket = {
             coords: [],
             coordsZ: [],
             attribs: [],
         };
         this.setData(deleteBucket);
         this._idCollector = new Set();
-    };
+    }
     /**
      * Haritaya kullanılacak veriyi verir. Her çağrıldığında tüm hesaplamalar yeniden yapılmaz, ancak ön hesaplama maliyeti vardır
      * @param {PointObjectArray} data
      */
-    ObjectArrayLabels.prototype.setControlledData = function (data) {
-        var _this = this;
-        var paritalData = {
+    setControlledData(data) {
+        const paritalData = {
             add: {
                 coords: [],
                 coordsZ: [],
@@ -244,19 +238,19 @@ var ObjectArrayLabels = /** @class */ (function () {
         if (this._idCollector.size === 0) {
             this.setData(data);
             // Eklenen id'ler set edildi
-            for (var i = 0; i < data.attribs.length; i++) {
-                var currentPayload = data.attribs[i];
-                var id = currentPayload[this.primaryKey];
+            for (let i = 0; i < data.attribs.length; i++) {
+                const currentPayload = data.attribs[i];
+                const id = currentPayload[this.primaryKey];
                 this._idCollector.add(id);
             }
             return;
         }
         /** @type {Set<string>} */
-        var dataIds = new Set();
-        for (var i = 0; i < data.attribs.length; i++) {
-            var currentPayload = data.attribs[i];
-            var id = currentPayload[this.primaryKey];
-            var bucket = paritalData.add;
+        const dataIds = new Set();
+        for (let i = 0; i < data.attribs.length; i++) {
+            const currentPayload = data.attribs[i];
+            const id = currentPayload[this.primaryKey];
+            let bucket = paritalData.add;
             dataIds.add(id);
             if (this._idCollector.has(id)) {
                 bucket = paritalData.update;
@@ -269,40 +263,38 @@ var ObjectArrayLabels = /** @class */ (function () {
             bucket.attribs.push(currentPayload);
         }
         // Artık varolmayan elemenları sil
-        var deleteBucket = paritalData.delete;
-        this._idCollector.forEach(function (id) {
-            var _a;
+        const deleteBucket = paritalData.delete;
+        this._idCollector.forEach((id) => {
             if (!dataIds.has(id)) {
-                _this._idCollector.delete(id);
+                this._idCollector.delete(id);
                 deleteBucket.coords.push(0, 0);
                 deleteBucket.coordsZ.push(0);
-                deleteBucket.attribs.push((_a = {},
-                    _a[_this.primaryKey] = id,
-                    _a));
+                deleteBucket.attribs.push({
+                    [this.primaryKey]: id,
+                });
             }
         });
         if (paritalData.add.coords.length > 0) {
-            this.updateData(paritalData.add, webglobe_1.CSObjectArrayUpdateTypes.ADD);
+            this.updateData(paritalData.add, CSObjectArrayUpdateTypes.ADD);
         }
         if (paritalData.update.coords.length > 0) {
-            this.updateData(paritalData.update, webglobe_1.CSObjectArrayUpdateTypes.UPDATE, paritalData.canChange);
+            this.updateData(paritalData.update, CSObjectArrayUpdateTypes.UPDATE, paritalData.canChange);
         }
         if (paritalData.delete.coords.length > 0) {
-            this.updateData(paritalData.delete, webglobe_1.CSObjectArrayUpdateTypes.DELETE);
+            this.updateData(paritalData.delete, CSObjectArrayUpdateTypes.DELETE);
         }
-    };
-    ObjectArrayLabels.prototype.setPrimarykey = function (key) {
+    }
+    setPrimarykey(key) {
         this.primaryKey = key;
-    };
-    ObjectArrayLabels.prototype.setSymbolSet = function (symbolSet) {
+    }
+    setSymbolSet(symbolSet) {
         this.symbolSet = symbolSet;
-    };
-    ObjectArrayLabels.prototype.getLabelStyle = function () {
+    }
+    getLabelStyle() {
         return this.style.labels[0];
-    };
-    ObjectArrayLabels.prototype.setLabelStyle = function (style) {
+    }
+    setLabelStyle(style) {
         this.style.labels[0] = style;
-    };
-    return ObjectArrayLabels;
-}());
-exports.default = ObjectArrayLabels;
+    }
+}
+export default ObjectArrayLabels;