@pirireis/webglobeplugins 0.9.9 → 0.9.11

package/partialrings/program.js

@@ -0,0 +1,197 @@
+"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");
+/**
+ * TODO:
+ * 1. Triangle face looks at screen. if rotation angle is positive the last vertex must be the faintest.
+ *
+ */
+var 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) {
+        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;
+        { // set attributes locations 
+            gl.bindAttribLocation(program, 0, 'center');
+            gl.bindAttribLocation(program, 1, 'start_angle');
+            gl.bindAttribLocation(program, 2, 'tail_angle');
+            gl.bindAttribLocation(program, 3, 'color');
+            gl.bindAttribLocation(program, 4, 'radius');
+            gl.bindAttribLocation(program, 5, 'color_mode');
+            // vao
+            // instanced draw read 1 
+        }
+        { // Uniforms
+            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);
+            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");
+            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;
+        // gl.disable(gl.DEPTH_TEST);
+        gl.useProgram(program);
+        if (drawMode !== this._lastMode) {
+            gl.uniform1i(this._draw_modeLocation, drawModeMap[drawMode]);
+            this._lastMode = drawMode;
+        }
+        if (edgeCount !== this._lastEdgeCount) {
+            gl.uniform1f(this._edgeCountLocation, edgeCount);
+            this._lastEdgeCount = edgeCount;
+        }
+        if (alphaMultiplier !== this._lastAlphaMultiplier) {
+            gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
+            this._lastAlphaMultiplier = alphaMultiplier;
+        }
+        var 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);
+        this.gl.deleteProgram(this.program);
+        this.program = null;
+    };
+    Logic.prototype.getVaoBuffer = function () {
+        var gl = this.gl;
+        var vao = gl.createVertexArray();
+        var buffer = gl.createBuffer();
+        gl.bindVertexArray(vao);
+        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+        var stride = exports.ITEM_SIZE * 4;
+        var offset = 0;
+        gl.enableVertexAttribArray(0);
+        gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
+        offset += 2 * 4;
+        gl.enableVertexAttribArray(1);
+        gl.vertexAttribPointer(1, 1, gl.FLOAT, false, stride, offset);
+        offset += 1 * 4;
+        gl.enableVertexAttribArray(2);
+        gl.vertexAttribPointer(2, 1, gl.FLOAT, false, stride, offset);
+        offset += 1 * 4;
+        gl.enableVertexAttribArray(3);
+        gl.vertexAttribPointer(3, 4, gl.FLOAT, false, stride, offset);
+        offset += 4 * 4;
+        gl.enableVertexAttribArray(4);
+        gl.vertexAttribPointer(4, 1, gl.FLOAT, false, stride, offset);
+        offset += 1 * 4;
+        gl.enableVertexAttribArray(5);
+        gl.vertexAttribPointer(5, 1, gl.FLOAT, false, stride, offset);
+        gl.vertexAttribDivisor(0, 1);
+        gl.vertexAttribDivisor(1, 1);
+        gl.vertexAttribDivisor(2, 1);
+        gl.vertexAttribDivisor(3, 1);
+        gl.vertexAttribDivisor(4, 1);
+        gl.vertexAttribDivisor(5, 1);
+        gl.bindVertexArray(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return {
+            vao: vao,
+            buffer: buffer,
+        };
+    };
+    /**
+     * 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
+     */
+    Logic.prototype.createVAO = function (centerObj, startAngleObj, tailAngleObj, colorObj, radiusObj, colorModeObj) {
+        var gl = this.gl;
+        var vao = gl.createVertexArray();
+        gl.bindVertexArray(vao);
+        {
+            var buffer = centerObj.buffer, stride = centerObj.stride, offset = centerObj.offset;
+            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;
+            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;
+            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;
+            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;
+            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;
+            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+            gl.enableVertexAttribArray(5);
+            gl.vertexAttribPointer(5, 1, gl.FLOAT, false, stride, offset);
+            gl.vertexAttribDivisor(5, 1);
+        }
+        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;
+        return {
+            bufferManager: new buffer_manager_1.default(this.globe, this.gl, buffer, { capacity: capacity, bufferType: bufferType }),
+            vao: 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); }
+});

package/pin/pin-object-array.js

@@ -0,0 +1,308 @@
+"use strict";
+/**
+ * IconData;
+ *  iconMap, iconCoords for objectArray
+ *
+ * Pin data:
+ *  long, lat, payload
+ *
+ * methods insertPin pin and its data
+ * methods deletePin
+ *
+ * Behaviur injection:
+ * hover
+ * move
+ * pick drop
+ * mouseclicks
+ * 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"));
+/**
+ * @typedef {Object} IconPayload
+ * @property {string} app6DCode
+ * @property {string} accsCode
+ */
+/**
+ * @typedef {IconPayload & Object.<string, any>} PointPayload
+ */
+/**
+ * @typedef {Object} CanChangeOptions
+ * @property {boolean} [attribs=false]
+ * @property {boolean} [icon=false]
+ * @property {boolean} [label=false]
+ * @property {boolean} [heading=false]
+ */
+/**
+ * @typedef {Object} PointObjectArray
+ * @property {number[]} coords [longitude1, latitude1, longitude2, latitude2, ....]
+ * @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"; }
+    globe.api_AddIconMap('IconMapName', ICON_MAP_URL, ICON_MAP_JSON_URL);
+}
+var ObjectArray = /** @class */ (function () {
+    function ObjectArray(symbolSet, style) {
+        this.symbolSet = symbolSet;
+        this.style = style;
+    }
+    ObjectArray.prototype.setSymbolSet = function (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); }
+        this.id = id;
+        this.globe = globe;
+        this.symbolSet = symbolSet;
+        this.style = style;
+        this.iconMapName = iconMapName;
+        this.callBacks = callBacks;
+        // this item will be used
+        this.currentItem = null;
+    }
+    PinPointObjectArray.prototype.insertPins = function (pins) {
+    };
+    PinPointObjectArray.prototype.deletePins = function (pinsIDs) {
+        var 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;
+            if (owner === this.objectArray) {
+                return obj;
+            }
+        }
+    };
+    // mouseDown(x, y, event) {
+    //     return false
+    // }
+    // // mouse'a basılıp hareket ettirildiğinde, mouseDown'dan true dönmüşse çağrılır
+    // mouseMove(x, y, event) {
+    // }
+    // // mouse bırakıldığında çağrılır
+    // mouseUp(x, y, event) {
+    // }
+    // // harita üzerinde tıklandığında çağrılır
+    // mouseClick() {
+    //     return false
+    // }
+    // // harita üzerinde çift tıklandığında çağrılır
+    // mouseDblClick() {
+    //     return false
+    // }
+    PinPointObjectArray.prototype.free = function () {
+        this.globe.api_ClearMouseEvents(); // TODO
+    };
+    PinPointObjectArray.prototype._setMouseEvent = function () {
+        var globe = this.globe;
+        globe.api_SetMouseEvents();
+    };
+    PinPointObjectArray.prototype._getIdForGlobe = function () {
+        var _a = this, globe = _a.globe, objectArray = _a.objectArray;
+        var callback = function () {
+            var allObjects = globe.api_queryByScreen();
+        };
+        return "".concat(this.id, "_pinObjectArrayMouseEvent");
+    };
+    return PinPointObjectArray;
+}());
+var ObjectArrayLabels = /** @class */ (function () {
+    /**
+     * @param {number | string} id
+     * @param {CSGlobe} globe
+     */
+    function ObjectArrayLabels(id, globe, labelStyle) {
+        if (labelStyle === void 0) { labelStyle = null; }
+        this.id = id;
+        this.setGlobe(globe);
+        this.data = [
+            {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+        ];
+        this.primaryKey = "id";
+        this.objectType = webglobe_1.CSObjectTypes.POINT;
+        this.filter = null;
+        this.bbox = null;
+        this.startLod = 2;
+        this.endLod = 19;
+        this.query = true;
+        this.reportObj = function (values, mouseEvent) { };
+        this._idCollector = new Set();
+        this._setStyle(labelStyle);
+    }
+    ObjectArrayLabels.prototype._setStyle = function (labelStyle) {
+        this.style = this.globe.ObjectArray.GetDefaultStyle();
+        if (labelStyle) {
+            this.style.labels[0] = labelStyle;
+        }
+        else {
+            this.style.labels[0].vAlignment = 2; // dikey olarak tam noktanın ortası
+            this.style.labels[0].hAlignment = 2; // yatay olarak tam noktanın ortası
+            this.style.labels[0].size = 11;
+            this.style.labels[0].drawAlways = true;
+            this.style.labels[0].fontFamily.name = "arial";
+            this.style.labels[0].fontFamily.bold = false;
+            this.style.labels[0].fontFamily.hollow = true;
+            this.style.labels[0].fontFamily.hollowWidth = 1;
+            this.style.labels[0].fontFamily.hollowOpacity = 1;
+        }
+        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ı
+    };
+    /**
+     * @param {CSGlobe} [globe]
+     */
+    ObjectArrayLabels.prototype.setGlobe = function (globe) {
+        if (!globe)
+            return;
+        this.globe = globe;
+    };
+    ObjectArrayLabels.prototype.addToMap = function () {
+        this.globe.ObjectArray.Add(this);
+    };
+    ObjectArrayLabels.prototype.removeFromMap = function () {
+        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) {
+        this.globe.ObjectArray.SetData(this, [data]);
+    };
+    /**
+     * @param {PointObjectArray} data
+     * @param {CSObjectArrayUpdateTypes} operation
+     * @param {CanChangeOptions} [canChange]
+     */
+    ObjectArrayLabels.prototype.updateData = function (data, operation, canChange) {
+        this.globe.ObjectArray.UpdateData(this, operation, [data], canChange);
+    };
+    ObjectArrayLabels.prototype.flush = function () {
+        var 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 = {
+            add: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            update: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            delete: {
+                coords: [],
+                coordsZ: [],
+                attribs: [],
+            },
+            canChange: {
+                // Tüm değişimler gözardı edilecek
+                attribs: false,
+                icon: false,
+                label: false,
+                heading: false,
+            },
+        };
+        // İlk toplu ekleme adımı
+        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];
+                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;
+            dataIds.add(id);
+            if (this._idCollector.has(id)) {
+                bucket = paritalData.update;
+            }
+            else {
+                this._idCollector.add(id);
+            }
+            bucket.coords.push(data.coords[2 * i], data.coords[2 * i + 1]);
+            bucket.coordsZ.push(data.coordsZ[i]);
+            bucket.attribs.push(currentPayload);
+        }
+        // Artık varolmayan elemenları sil
+        var deleteBucket = paritalData.delete;
+        this._idCollector.forEach(function (id) {
+            var _a;
+            if (!dataIds.has(id)) {
+                _this._idCollector.delete(id);
+                deleteBucket.coords.push(0, 0);
+                deleteBucket.coordsZ.push(0);
+                deleteBucket.attribs.push((_a = {},
+                    _a[_this.primaryKey] = id,
+                    _a));
+            }
+        });
+        if (paritalData.add.coords.length > 0) {
+            this.updateData(paritalData.add, webglobe_1.CSObjectArrayUpdateTypes.ADD);
+        }
+        if (paritalData.update.coords.length > 0) {
+            this.updateData(paritalData.update, webglobe_1.CSObjectArrayUpdateTypes.UPDATE, paritalData.canChange);
+        }
+        if (paritalData.delete.coords.length > 0) {
+            this.updateData(paritalData.delete, webglobe_1.CSObjectArrayUpdateTypes.DELETE);
+        }
+    };
+    ObjectArrayLabels.prototype.setPrimarykey = function (key) {
+        this.primaryKey = key;
+    };
+    ObjectArrayLabels.prototype.setSymbolSet = function (symbolSet) {
+        this.symbolSet = symbolSet;
+    };
+    ObjectArrayLabels.prototype.getLabelStyle = function () {
+        return this.style.labels[0];
+    };
+    ObjectArrayLabels.prototype.setLabelStyle = function (style) {
+        this.style.labels[0] = style;
+    };
+    return ObjectArrayLabels;
+}());
+exports.default = ObjectArrayLabels;

package/pin/pin-point-totem.js

@@ -0,0 +1,61 @@
+"use strict";
+/**
+ * This class registered as globe plugin one for each globe. to the head of plugin call stack.
+ */
+var PinPointTotem = /** @class */ (function () {
+    function PinPointTotem(globe) {
+        this.objectArrayMap = new Map();
+    }
+    /**
+     * objectArray
+     * callbacks ={
+     *  mouseDown,
+     *  mouseMove,
+     *  mouseUp,
+     *  mouseClick,
+     *  mouseDbClick,
+     *  keyDown,
+     *  keyUp
+     * }
+     */
+    PinPointTotem.prototype.registerPinMap = function (objectArray, callbacks) {
+        this.objectArrayMap.set(objectArray, callbacks);
+    };
+    PinPointTotem.prototype.unregisterPinMap = function (objectArray) {
+        if (this.objectArrayMap.has(objectArray)) {
+            this.objectArrayMap.delete(objectArray);
+        }
+        else {
+            console.warn('PinPointTotem objectArrayMap does not contain the objectArray');
+        }
+    };
+    // GlobeMethods
+    // haritada sol butona basıldığında çağrılır
+    PinPointTotem.prototype.mouseDown = function (x, y, event) {
+        return false;
+    };
+    // mouse'a basılıp hareket ettirildiğinde, mouseDown'dan true dönmüşse çağrılır
+    PinPointTotem.prototype.mouseMove = function (x, y, event) {
+    };
+    // mouse up'ın left'i mouseDown'dan true dönmüşse çağrılır, edit mode içindir
+    // right'i ise sağ tıka basılıp bırakıldığında çağrılır
+    PinPointTotem.prototype.mouseUp = function (x, y, event) {
+    };
+    // harita üzerinde tıklandığında çağrılır
+    PinPointTotem.prototype.mouseClick = function (x, y, event) {
+        return false;
+    };
+    // harita üzerinde çift tıklandığında çağrılır
+    PinPointTotem.prototype.mouseDblClick = function (x, y, event) {
+        return false;
+    };
+    // klavyeden bir tuşa basıldığı anda ve tuşa basılı kalınmaya devam edildiği durumlarda çalışır
+    PinPointTotem.prototype.keyDown = function (event) {
+        return false;
+    };
+    // klavyedeki bir tuştan parmak çekildiği anda çalışır
+    PinPointTotem.prototype.keyUp = function (event) {
+        return false;
+    };
+    return PinPointTotem;
+}());

package/point-heat-map/adaptors/timetracksplugin-format-to-this.js

@@ -0,0 +1,66 @@
+"use strict";
+/**
+ * @typedef {Float32Array} TimeTrackMultiColorData  | A linestring is representation, let A{a1, a2, a3}, B{b1, b2} be the points of the line.
+     * TimeTrackMultiColorData is [
+     *  a1x, a1y, a1z, a1time, a1r, a1g, a1b, a1time, a3time,
+     *  a2x, a2y, a2z, a2time, a2r, a2g, a2b, a1time, a3time,
+     *  a3x, a3y, a3z, a3time, a3r, a3g, a3b, a1time, a3time,
+     *  0, 0, 0, 0, -1, -1, -1, 0, 0,
+     *  b1x, b1y, b1z, b1time, b1r, b1g, b1b, b1time, b2time,
+     *  b2x, b2y, b2z, b2time, b2r, b2g, b2b, BstartTime, BendTime
+     * ]
+     * there is a cutting point between A and B
+     *
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timeTrackPluginDataToPointHeatInterpolatorAdapter = void 0;
+/**
+ * ABOVE
+ *  TO
+ * BELOW
+
+/**
+ * @typedef {Array<number>} vec3 [x, y, z]
+ * @typedef {Array<number>} vec2 [x, y]
+ * @typedef {Array<number>} vec4 [x, y, z, w]
+ * @typedef {number} fraction a number between 0 and 1
+ * @typedef {Array<number>} wgs84 [long, lat]
+ */
+/**
+ * @typedef Timetrack
+ * @property {Array<vec4>}} coordinates [x,y,z, length]
+ * @property {Array<Number>} times
+ * @param {Array<Timetrack>} timeTracks
+ */
+var methods_1 = require("../../Math/methods");
+var processACut = function (array, offset) {
+    // first 3 values of array
+    var v3 = array.slice(offset, offset + 3);
+    var v4 = (0, methods_1.pixelXYLenghtToUnitVectorWithHeight)(v3);
+    var time = array[offset + 3];
+    return [v4, time];
+};
+var timeTrackPluginDataToPointHeatInterpolatorAdapter = function (timeTrackPluginData) {
+    var timeTracks = [];
+    var offset = 0;
+    var timeTrack = {
+        coordinates: [],
+        times: []
+    };
+    while (offset < timeTrackPluginData.length) {
+        if (!timeTrackPluginData[offset]) {
+            timeTracks.push(timeTrack);
+            timeTrack = {
+                coordinates: [],
+                times: []
+            };
+            offset += 9;
+        }
+        var point = processACut(timeTrackPluginData, offset);
+        offset += 9;
+        timeTrack.coordinates.push(point[0]);
+        timeTrack.times.push(point[1]);
+    }
+    return timeTracks;
+};
+exports.timeTrackPluginDataToPointHeatInterpolatorAdapter = timeTrackPluginDataToPointHeatInterpolatorAdapter;

package/point-heat-map/index.js

@@ -0,0 +1 @@
+"use strict";