@pirireis/webglobeplugins 0.9.9 → 0.9.10

package/circle-line-chain/plugin.js

@@ -0,0 +1,424 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircleLineChainPlugin = void 0;
+const naive_accurate_flexible_1 = require("../programs/line-on-globe/naive-accurate-flexible");
+const circle_accurate_flat_1 = require("../programs/line-on-globe/circle-accurate-flat");
+const circle_accurate_3d_1 = require("../programs/line-on-globe/circle-accurate-3d");
+const account_1 = require("../util/account");
+const chain_list_map_1 = require("./chain-list-map");
+const get_1 = require("../util/check/get");
+const util_1 = require("./util");
+const data_filler_1 = require("../util/jshelpers/data-filler");
+const context_text3_1 = require("../write-text/context-text3");
+const typecheck_1 = require("../util/check/typecheck");
+const attribute_loader_1 = require("../util/gl-util/buffer/attribute-loader");
+const index_1 = require("../util/geometry/index");
+/**
+ * Insert info to chain list map (nodes and properties)
+ *
+ * ask chain list map for text data
+ * ask chain list map for buffer data
+ *
+ *
+ * addNode
+ * insertBulk
+ * deleteChain
+ * deleteNodes
+ * updateCoordinates()
+ * updateChainProperties
+ */
+/**
+ *
+ *
+ * @typedef chain
+ * @property {string} chainKey
+ * @property {StyleProperties} chainProperties
+ *
+ * @typedef {Object} Node
+ * @property {string} key
+ * @property {number} long
+ * @property {number} lat
+ * @property {number} altitude
+ * @property {StyleProperties} circleProperties
+ *
+ * @typedef {Object} Node
+ * @property {string} key
+ * @property {number} long
+ * @property {number} lat
+ *
+ * @typedef StyleProperties
+ * @property {Array<number>} rgba 0-1
+ * @property { number} dashOpacity 0-1
+ * @property { number} dashRatio 0-1
+ * @property { number } circleDashAngle 0-360
+ * @property { number} altitude
+ *
+ * //property {Array<Node>} nodes
+ */
+const textWriterGetOrThrow = (0, get_1.mapGetOrThrow)("textWriterIDs is invalid");
+class CircleLineChainPlugin {
+    /**
+     *
+     * @param {*} id
+     * @param {Map<[key, ContextTextWriter3]} textWritersMap //import { ContextTextWriter3 } from "@pirireis/webglobeplugins/write-text/context-text3";
+     */
+    constructor(id, { drawCircleOn = true, textWritersMap = new Map(), textDataPreAdaptor = null, circleFlatEdgeCount = circle_accurate_flat_1.EDGE_COUNT - 2 } = {}) {
+        this.id = id;
+        this._checktextWritersMap(textWritersMap);
+        this._textWritersMap = textWritersMap;
+        this._textWritersMap.forEach((writer) => writer.setKeyAdaptor((v, i, c, properties) => v.__identity__));
+        this._opacity = 1;
+        this._chainListMap = new chain_list_map_1.ChainListMap(util_1.keyMethod);
+        this.bufferOrchestrator = new account_1.BufferOrchestrator({ capacity: 10 });
+        this._drawCircleOn = drawCircleOn;
+        this._textDataPreAdaptor = textDataPreAdaptor;
+        this._circleFlatEdgeCount = circleFlatEdgeCount + 2;
+    }
+    // init
+    // API
+    setDrawCircleOn(bool) {
+        if (typeof bool !== 'boolean')
+            throw new Error("setDrawCircleOn parameter must be a boolean");
+        this._drawCircleOn = bool;
+        this.globe.DrawRender();
+    }
+    // ---- updateBulk
+    /**
+     * @param {Array<chain>} data
+     * @typedef chain
+     * @property {string} chainKey
+     * @property {Array<Node>} nodes
+
+     */
+    updateCoordinatesBulk(data, { textWriterIDs = [] } = {}) {
+        // update implicit data structure
+        // find keys to update.. (inserted data and the radius of "from")
+        // updateBuffers
+        // update text
+        const chainKeys = [];
+        for (const chain of data) {
+            chainKeys.push(chain.chainKey);
+            chain.nodes.forEach((node) => {
+                this._chainListMap.updateCoordsinatesOfNode(node, chain.chainKey);
+            });
+        }
+        this._reconstructChains(chainKeys);
+        this._updateTexts(chainKeys, textWriterIDs);
+    }
+    /**
+     * @param {*} chainKey
+     * @param {Array<{nodeKey, circleProperties:Map[propertyName ,value],  lineProperties:Map[propertyName ,value] }} propertyMap
+     */
+    updateNodesProperties(chainKey, nodesAndPropertyMap, { textWriterIDs = [] } = {}) {
+        this._chainListMap.updateNodesProperties(chainKey, nodesAndPropertyMap);
+        this._reconstructChains([chainKey]);
+        this._updateTexts([chainKey], textWriterIDs);
+        this.globe.DrawRender();
+    }
+    /**
+     * @param {*} chainKey
+     * @param {Map<propertyName ,value} propertyMap
+     */
+    updateChainProperties(chainKey, propertyMap, { textWriterIDs = [] } = {}) {
+        this._chainListMap.updateChainProperties(chainKey, propertyMap);
+        this._reconstructChains([chainKey]);
+        if (textWriterIDs)
+            this._updateTexts([chainKey], textWriterIDs);
+    }
+    updateNodeCoordinates(node, chainKey, { textWriterIDs = [] } = {}) {
+        this._chainListMap.updateCoordsinatesOfNode(node, chainKey);
+        if (textWriterIDs)
+            this._updateTexts([chainKey], textWriterIDs);
+        this._reconstructChains([chainKey]);
+        this.globe.DrawRender();
+    }
+    /**
+     *
+
+    /**
+     * @param {Array<string>} textWriterIDs | textWritersMap keys to be used for writing text.
+     * @param {Array<string>} chainKeys | if empty, all texts will be updated
+     */
+    updateText(textWriterIDs = [], chainKeys = null) {
+        if (chainKeys === null)
+            chainKeys = this._chainListMap.getAllChainKeysIterator();
+        this._updateTexts(chainKeys, textWriterIDs);
+        this.globe.DrawRender();
+    }
+    // ---- insertBulk
+    /**
+     *
+     * @param {Array<chain>} data
+     */
+    insertBulk(data, { textWriterIDs = [] } = {}) {
+        // first insert everything to implicit structure,
+        // then iterate over data again to update text
+        // let _reconstractChainBufferData method interact with data and bufferOrchestrator.
+        const chainKeysToConstruct = [];
+        for (const { chainKey, chainProperties, nodes } of data) {
+            this._chainListMap.setChain(chainKey, nodes);
+            this._chainListMap.setChainProperties(chainKey, chainProperties);
+            chainKeysToConstruct.push(chainKey);
+        }
+        this._reconstructChains(chainKeysToConstruct);
+        if (textWriterIDs)
+            this._updateTexts(chainKeysToConstruct, textWriterIDs);
+        this.globe.DrawRender();
+    }
+    /**
+     * @param {Node} node
+     * @param {*} chainKey
+     * @param {*} theNodeKeyFront | node key of the next node, null places to the last
+     */
+    addNode(node, chainKey, { theNodeKeyFront = null, textWriterIDs = [] } = {}) {
+        this._chainListMap.addNode(node, chainKey, theNodeKeyFront);
+        if (textWriterIDs)
+            this._updateTexts([chainKey], textWriterIDs);
+        this._reconstructChains([chainKey]);
+        this.globe.DrawRender();
+    }
+    setOpacity(opacity) {
+        (0, typecheck_1.opacityCheck)(opacity);
+        this._textWritersMap.forEach((writer) => writer.setOpacity(opacity));
+        this._opacity = opacity;
+        this.globe.DrawRender();
+    }
+    getChain(chainKey) {
+        this._chainListMap.getChain(chainKey);
+    }
+    /**
+     *
+     * @param {*} chainKeys
+     */
+    deleteChains(chainKeys) {
+        const bufferKeys = [];
+        for (const chainKey of chainKeys) {
+            bufferKeys.push(...this._chainListMap.deleteChainAndReturnChainKeys(chainKey));
+        }
+        this._textWritersMap.forEach((writer) => writer.deleteTextBulk(bufferKeys));
+        this._updateTexts(chainKeys, this._textWritersMap.keys());
+        this.bufferOrchestrator.deleteBulk(bufferKeys, this.bufferManagersCompMap);
+        this.globe.DrawRender();
+    }
+    /**
+     *
+     * @param {Array<{chainKey, nodeKeys:[]} keysAndNodes
+     */
+    deleteNodes(keysAndNodes, { textWriterIDs = [] } = {}) {
+        const bufferKeys = [];
+        const chainKeysToReconstuct = [];
+        keysAndNodes.forEach(({ chainKey, nodeKeys }) => {
+            bufferKeys.push(...this._chainListMap.deleteNodesBelongToAChain(chainKey, nodeKeys));
+            chainKeysToReconstuct.push(chainKey);
+        });
+        this._textWritersMap.forEach((writer) => writer.deleteTextBulk(bufferKeys));
+        this.bufferOrchestrator.deleteBulk(bufferKeys, this.bufferManagersCompMap);
+        this._reconstructChains(chainKeysToReconstuct);
+        this._updateTexts(chainKeysToReconstuct, textWriterIDs);
+        this.globe.DrawRender();
+    }
+    init(globe, gl) {
+        this.gl = gl;
+        this.globe = globe;
+        this._initOrchestrations();
+    }
+    // implicit
+    _checktextWritersMap(textWritersMap) {
+        if (!(textWritersMap instanceof Map))
+            throw new Error("textWritersMap is not an instance of Map");
+        textWritersMap.forEach((v) => {
+            if (!(v instanceof context_text3_1.ContextTextWriter3))
+                throw new Error("textWritersMap element is not an instance of ContextTextWriter3");
+        });
+    }
+    _initOrchestrations() {
+        const { gl, globe } = this;
+        this.lineProgram = naive_accurate_flexible_1.LineOnGlobeCache.get(globe);
+        this.circleProgram2d = circle_accurate_flat_1.CircleCache.get(globe);
+        this.circle3DProgram = circle_accurate_3d_1.CircleCache.get(globe);
+        const _circleFlatEdgeCount = this._circleFlatEdgeCount;
+        {
+            // createBuffers
+            const bufferType = "DYNAMIC_DRAW";
+            const initialCapacity = this.bufferOrchestrator.capacity;
+            this.bufferManagersCompMap = new Map([
+                ["centerCoords2d", {
+                        'bufferManager': new account_1.BufferManager(gl, 2, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array(globe.api_GetMercator2DPoint(item.long, item.lat)),
+                    }],
+                ["centerCoords3d", {
+                        'bufferManager': new account_1.BufferManager(gl, 3, { bufferType, initialCapacity }),
+                        'adaptor': (item) => (0, index_1.sphereCoord)(item.long, item.lat, globe, item.altitude),
+                    }],
+                ["targetCoords2d", {
+                        'bufferManager': new account_1.BufferManager(gl, 2, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array(globe.api_GetMercator2DPoint(item.targetLong, item.targetLat)),
+                    }],
+                ["targetCoords3d", {
+                        'bufferManager': new account_1.BufferManager(gl, 3, { bufferType, initialCapacity }),
+                        'adaptor': (item) => (0, index_1.sphereCoord)(item.targetLong, item.targetLat, globe, item.altitude),
+                    }],
+                ["rgba", {
+                        'bufferManager': new account_1.BufferManager(gl, 4, { bufferType, initialCapacity }),
+                        'adaptor': (item) => {
+                            var _a;
+                            if ((_a = item.lineProperties) === null || _a === void 0 ? void 0 : _a.rgba)
+                                return new Float32Array(item.lineProperties.rgba);
+                            return new Float32Array(item.chainProperties.rgba);
+                        }
+                    }],
+                // ["bigRadius", {
+                //     'bufferManager': new BufferManager(gl, 1, { bufferType, initialCapacity }),
+                //     'adaptor': (item) => new Float32Array([item.bigRadius])
+                // }],
+                ["dashRatio", {
+                        'bufferManager': new account_1.BufferManager(gl, 1, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array([item.chainProperties.dashRatio])
+                    }],
+                ["dashOpacity", {
+                        'bufferManager': new account_1.BufferManager(gl, 1, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array([item.chainProperties.dashOpacity])
+                    }],
+                ["circleDashAngle", {
+                        'bufferManager': new account_1.BufferManager(gl, 1, { bufferType, initialCapacity }),
+                        'adaptor': (item) => {
+                            var _a;
+                            if ((_a = item.circleProperties) === null || _a === void 0 ? void 0 : _a.circleDashAngle)
+                                return new Float32Array([item.circleProperties.circleDashAngle / 360]);
+                            return new Float32Array([item.chainProperties.circleDashAngle / 360]);
+                        }
+                    }],
+                ["rgbaCircle", {
+                        "bufferManager": new account_1.BufferManager(gl, 4, { bufferType, initialCapacity }),
+                        "adaptor": (item) => {
+                            var _a;
+                            if ((_a = item.circleProperties) === null || _a === void 0 ? void 0 : _a.rgba)
+                                return new Float32Array(item.circleProperties.rgba);
+                            return new Float32Array(item.chainProperties.rgba);
+                        }
+                    }],
+                // Mercator buffers
+                ["circleDashAngleMercator", {
+                        'bufferManager': new account_1.BufferManager(gl, 1 * _circleFlatEdgeCount, { bufferType, initialCapacity }),
+                        'adaptor': (item) => {
+                            var _a;
+                            if ((_a = item.circleProperties) === null || _a === void 0 ? void 0 : _a.circleDashAngle)
+                                return new Float32Array([item.circleProperties.circleDashAngle / 360]);
+                            return data_filler_1.populateFloat32Array.fillFloat32Array(_circleFlatEdgeCount, item.chainProperties.circleDashAngle / 360);
+                        }
+                    }],
+                ["rgbaCircleMercator", {
+                        "bufferManager": new account_1.BufferManager(gl, 4 * _circleFlatEdgeCount, { bufferType, initialCapacity }),
+                        "adaptor": (item) => {
+                            var _a;
+                            if ((_a = item.circleProperties) === null || _a === void 0 ? void 0 : _a.rgba)
+                                return data_filler_1.populateFloat32Array.fillWithListData(_circleFlatEdgeCount, item.circleProperties.rgba);
+                            return data_filler_1.populateFloat32Array.fillWithListData(_circleFlatEdgeCount, item.chainProperties.rgba);
+                        }
+                    }],
+                ["dashOpacityMercator", {
+                        'bufferManager': new account_1.BufferManager(gl, 1 * _circleFlatEdgeCount, { bufferType, initialCapacity }),
+                        'adaptor': (item) => data_filler_1.populateFloat32Array.fillFloat32Array(_circleFlatEdgeCount, item.chainProperties.dashOpacity)
+                    }],
+                ["centerCoords2dMercator", {
+                        'bufferManager': new account_1.BufferManager(gl, 2 * _circleFlatEdgeCount, { bufferType, initialCapacity }),
+                        'adaptor': (item) => item.centerCoords2dflat,
+                    }],
+            ]);
+            const obj = (key) => (0, attribute_loader_1.createBufferAndReadInfo)(this.bufferManagersCompMap.get(key).bufferManager.buffer);
+            this.lineVao = this.lineProgram.createVAO(...['centerCoords2d', 'centerCoords3d', 'targetCoords2d', 'targetCoords3d', 'dashRatio', 'dashOpacity', 'rgba'
+            ].map(key => obj(key)));
+            this.circleVao2d = this.circleProgram2d.createVAO(...["centerCoords2dMercator", "rgbaCircleMercator", "circleDashAngleMercator", "dashOpacityMercator"
+            ].map(key => obj(key)));
+            this.circle3DVao = this.circle3DProgram.createVAO(...["centerCoords3d", "targetCoords3d", "rgbaCircle", "circleDashAngle", "dashOpacity"
+            ].map(key => obj(key)));
+        }
+    }
+    _updateTexts(chainKeys, textWriterIDs) {
+        if (textWriterIDs.length === 0)
+            return;
+        const textWriters = textWriterGetOrThrow(this._textWritersMap, textWriterIDs);
+        chainKeys.forEach((chainKey) => {
+            this._chainListMap.textUpdate(chainKey, textWriters, this._textDataPreAdaptor);
+        });
+    }
+    _reconstructChains(chainKeys) {
+        const { globe } = this;
+        // const radiusM = radiusMethod(globe);
+        const callback = (v, i, array, chainProperties) => {
+            var _a, _b;
+            if (i === array.length - 1)
+                return null;
+            const centerCoords2dflat = (0, circle_accurate_flat_1.centerCoords2dflatDataCreator)(globe, v.long, v.lat, array[i + 1].long, array[i + 1].lat, { edgeCount: this._circleFlatEdgeCount });
+            const altitude = ((_b = (_a = v.altitude) !== null && _a !== void 0 ? _a : chainProperties.altitude) !== null && _b !== void 0 ? _b : 0) / 1000;
+            return {
+                chainProperties: chainProperties,
+                // bigRadius: radiusM(v, i, array),
+                targetLong: array[i + 1].long,
+                targetLat: array[i + 1].lat,
+                altitude: altitude,
+                long: v.long,
+                lat: v.lat,
+                lineProperties: v.lineProperties,
+                circleProperties: v.circleProperties,
+                centerCoords2dflat,
+                key: v.__identity__
+            };
+        };
+        const bulkData = [];
+        chainKeys.forEach((k) => {
+            this._chainListMap.calculateBufferPropertiesChain(k, callback, bulkData);
+        });
+        this._insertBulk(bulkData);
+    }
+    _insertBulk(bulkData) {
+        this.bufferOrchestrator.insertBulk(bulkData, this.bufferManagersCompMap);
+        this.globe.DrawRender();
+    }
+    // GLOBE API
+    free() {
+        if (this.isFreed)
+            return;
+        this.bufferManagersCompMap.forEach(({ bufferManager }) => {
+            bufferManager.free();
+        });
+        naive_accurate_flexible_1.LineOnGlobeCache.release(this.globe);
+        circle_accurate_flat_1.CircleCache.release(this.globe);
+        circle_accurate_3d_1.CircleCache.release(this.globe);
+        // LineToTheOriginCache.release(this.globe);
+        this._textWritersMap.forEach((writer) => writer.free());
+        const { gl } = this;
+        gl.deleteVertexArray(this.lineVao);
+        gl.deleteVertexArray(this.circleVao2d);
+        gl.deleteVertexArray(this.circle3DVao);
+        this.lineProgram = null;
+        this.circleProgram2d = null;
+        this.isFreed = true;
+    }
+    draw3D() {
+        const { gl, globe } = this;
+        gl.disable(gl.DEPTH_TEST);
+        const drawOptions = {
+            drawRange: {
+                first: 0,
+                count: this.bufferOrchestrator.length
+            }
+        };
+        this.lineProgram.draw(this.lineVao, drawOptions, this._opacity);
+        this._textWritersMap.forEach((writer) => writer.draw());
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        if (this._drawCircleOn) {
+            if (is3D) {
+                this.circle3DProgram.draw(this.circle3DVao, this.bufferOrchestrator.length, this._opacity);
+            }
+            else {
+                this.circleProgram2d.draw(this.circleVao2d, this.bufferOrchestrator.length, this._circleFlatEdgeCount, this._opacity);
+            }
+        }
+        gl.enable(gl.DEPTH_TEST);
+    }
+}
+exports.CircleLineChainPlugin = CircleLineChainPlugin;
+// const radiusMethod = (globe) => (v, i, array) => {
+//     return globe.Math.GetDist3D(v.long, v.lat, array[i + 1].long, array[i + 1].lat)
+// }

package/circle-line-chain/util.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyMethod = void 0;
+const keyMethod = (chainKey, nodeKey) => `${chainKey}_${nodeKey}`;
+exports.keyMethod = keyMethod;

package/compass-rose/compass-rose-padding-flat.js

@@ -0,0 +1,225 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PixelPaddingCompassPlugin = void 0;
+const pixel_padding_for_compass_1 = require("../programs/two-d/pixel-padding-for-compass");
+const account_1 = require("../util/account");
+const compass_text_writer_1 = require("./compass-text-writer");
+const PaddingAngle = 30;
+const textGapFit = 10;
+class PixelPaddingCompassPlugin {
+    constructor(id, { opacity = 1, textAngleOn = true, defaultProperties = {
+        rgba: [1, 1, 1, 1],
+        pixelRadiusRatioBig: 0.8,
+        pixelRadiusRatioSmall: 0.6,
+    }, font = {
+        name: 'Arial',
+        textColor: '#FFFFFF',
+        hollowColor: '#000000',
+        size: 12, // piksel
+        hollow: true,
+        bold: true,
+        italic: false,
+    }, northFont = {
+        name: 'Arial',
+        textColor: '#BBAA00',
+        hollowColor: '#000000',
+        size: 14, // piksel
+        hollow: true,
+        bold: true,
+        italic: false,
+    } } = {}) {
+        this.id = id;
+        this.textAngleOn = textAngleOn;
+        this.defaultProperties = defaultProperties;
+        this.bufferOrchestrator = new account_1.BufferOrchestrator({ capacity: 10 });
+        this._font_hold = { font, northFont };
+        this.compassMap = new CompassMap(this);
+        this._opacity = opacity;
+    }
+    init(globe, gl) {
+        this.globe = globe;
+        this.resize();
+        this.gl = gl;
+        if (this.textAngleOn) {
+            this._createTextWriter();
+        }
+        this._initOrchestrations();
+    }
+    /**
+     * @param {string} key
+     * @param {number} long
+     * @param {number} lat
+     * @typedef properties
+     * @property {number} pixelRadiusRatioBig
+     * @property {number} pixelRadiusRatioSmall
+     * @property {[4 numbers between 0-1]} rgba
+     */
+    insert(key, long, lat, properties = null) {
+        this.__insertText(key, null, null, { properties, update: true });
+        this.compassMap.insert(key, long, lat, properties);
+        this.globe.DrawRender();
+    }
+    /**
+     *
+     * @param {string} key
+     */
+    delete(key) {
+        this.compassMap.delete(key);
+        this.globe.DrawRender();
+    }
+    setFont({ textFont = null, northFont = null } = {}) {
+        if (textFont)
+            this.writer.setFont(textFont);
+        if (northFont)
+            this.writer.setNorthFont(northFont);
+        this.globe.DrawRender();
+    }
+    setOpacity(opacity) {
+        var _a;
+        this._opacity = opacity;
+        (_a = this.writer) === null || _a === void 0 ? void 0 : _a.setOpacity(opacity);
+        this.globe.DrawRender();
+    }
+    getTextWriter() {
+        return this.writer;
+    }
+    _initOrchestrations() {
+        const { gl, globe } = this;
+        this.paddingProgram = pixel_padding_for_compass_1.PixelPaddingForFlatCompassCache.get(globe);
+        {
+            // createBuffers
+            const bufferType = "DYNAMIC_DRAW";
+            const initialCapacity = this.bufferOrchestrator.capacity;
+            this.bufferManagersCompMap = new Map([
+                ["screenCoordinates", {
+                        'bufferManager': new account_1.BufferManager(gl, 2, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array([item.x, item.y])
+                    }],
+                ["pixelRadiusRatioSmall", {
+                        'bufferManager': new account_1.BufferManager(gl, 1, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array([item.properties.pixelRadiusRatioSmall])
+                    }],
+                ["pixelRadiusRatioBig", {
+                        'bufferManager': new account_1.BufferManager(gl, 1, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array([item.properties.pixelRadiusRatioBig])
+                    }],
+                ["rgba", {
+                        'bufferManager': new account_1.BufferManager(gl, 4, { bufferType, initialCapacity }),
+                        'adaptor': (item) => new Float32Array(item.properties.rgba)
+                    }],
+            ]);
+            const obj = function (bufferManagerComp) {
+                return { 'buffer': bufferManagerComp.bufferManager.buffer, 'stride': 0, 'offset': 0 };
+            };
+            this.paddingVao = this.paddingProgram.createVAO(...['screenCoordinates', 'pixelRadiusRatioSmall', 'pixelRadiusRatioBig', 'rgba'].map(key => obj(this.bufferManagersCompMap.get(key))));
+        }
+    }
+    _createTextWriter() {
+        this.writer = new compass_text_writer_1.PixelPaddingCompassTextWriter(this.globe, { angle: PaddingAngle, ...this._font_hold });
+    }
+    resize() {
+        var _a;
+        (_a = this.writer) === null || _a === void 0 ? void 0 : _a.resize();
+    }
+    __insertText(key, x, y, { properties, update = false } = {}) {
+        if (!this.writer)
+            return;
+        if (update) {
+            let radius;
+            if (properties != null && properties.pixelRadiusRatioBig) {
+                radius = properties.pixelRadiusRatioBig * this.radiusMultiplier;
+            }
+            else {
+                radius = this.defaultProperties.pixelRadiusRatioBig * this.radiusMultiplier;
+            }
+            this.writer.insertTextItem(key, x, y, radius + textGapFit);
+        }
+        else {
+            this.writer.insertTextItem(key, x, y);
+        }
+    }
+    // Globe API interface methods
+    draw2D() {
+        var _a;
+        const { gl, globe, paddingProgram, paddingVao, bufferOrchestrator, bufferManagersCompMap } = this;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        if (is3D)
+            return;
+        const items = this.compassMap.query(globe, this.writer);
+        if (items.length === 0)
+            return;
+        bufferOrchestrator.flush();
+        bufferOrchestrator.insertBulk(items, bufferManagersCompMap);
+        items.forEach((v) => {
+            this.__insertText(v.key, v.x, v.y);
+        });
+        gl.disable(gl.DEPTH_TEST);
+        paddingProgram.draw(paddingVao, bufferOrchestrator.length, this._opacity);
+        gl.enable(gl.DEPTH_TEST);
+        (_a = this.writer) === null || _a === void 0 ? void 0 : _a.draw();
+    }
+    free() {
+        this.compassMap.free();
+        const { globe, gl, paddingVao } = this;
+        gl.deleteVertexArray(paddingVao);
+        pixel_padding_for_compass_1.PixelPaddingForFlatCompassCache.release(globe);
+        this.bufferManagersCompMap.forEach(v => {
+            v.bufferManager.free();
+        });
+    }
+    resize() {
+        this.radiusMultiplier = this._shorterDimension() * 0.5;
+        this._reinsertAllText();
+    }
+    _reinsertAllText() {
+        this.compassMap.query(this.globe, this.writer).forEach((v) => {
+            this.__insertText(v.key, v.x, v.y, { properties: v.properties, update: true });
+        });
+    }
+    _shorterDimension() {
+        const globe = this.globe;
+        return Math.min(globe.api_ScrW(), globe.api_ScrH());
+    }
+}
+exports.PixelPaddingCompassPlugin = PixelPaddingCompassPlugin;
+class CompassMap {
+    constructor(parent) {
+        this.coordsMemory = new Map();
+        this.propertyMemory = new Map();
+        this.parent = parent;
+    }
+    insert(key, long, lat, properties = null) {
+        this.coordsMemory.set(key, [long, lat]);
+        if (properties)
+            this.propertyMemory.set(key, properties);
+    }
+    delete(key) {
+        this.coordsMemory.delete(key);
+        this.propertyMemory.delete(key);
+    }
+    free() {
+        this.coordsMemory.clear();
+        this.propertyMemory.clear();
+        this.coordsMemory = null;
+        this.propertyMemory = null;
+    }
+    query(globe, writer) {
+        const { coordsMemory, propertyMemory } = this;
+        const defaultProperties = this.parent.defaultProperties;
+        const result = [];
+        coordsMemory.forEach((v, k, c) => {
+            const { x, y } = globe.api_GetScreenPointFromGeo({
+                long: v[0],
+                lat: v[1],
+                z: 0,
+            });
+            writer === null || writer === void 0 ? void 0 : writer.insertTextItem(k, x, y);
+            if (x !== null) {
+                const properties = { ...defaultProperties, ...propertyMemory.get(k) };
+                result.push({ key: k, x, y, properties });
+            }
+        });
+        return result;
+    }
+}
+function isOnTheScreen(globe, points) { }