@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/util/interpolation/timetrack/web-worker-str.js

@@ -1,5 +1,180 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.webworkerStr = void 0;
-var webworkerStr = "\n\nconst WORLD_RADIUS_3D = 6378.137;\nconst WORLD_RADIUS_MERCATOR = 6378136.99911;\n\nconst dot3 = (a, b) => {\n    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];\n}\n\nconst sphericalLinearInterpolation_UnitVector = (normalizedA, normalizedB, ratio) => {\n    const theta = Math.acos(dot3(normalizedA, normalizedB));\n    if (theta < 0.000001) return normalizedA; // CALIBRATE?\n    const sinTheta = Math.sin(theta);\n    const result = [\n        (Math.sin((1.0 - ratio) * theta) * normalizedA[0] + Math.sin(ratio * theta) * normalizedB[0]) / sinTheta,\n        (Math.sin((1.0 - ratio) * theta) * normalizedA[1] + Math.sin(ratio * theta) * normalizedB[1]) / sinTheta,\n        (Math.sin((1.0 - ratio) * theta) * normalizedA[2] + Math.sin(ratio * theta) * normalizedB[2]) / sinTheta\n    ];\n    return result;\n}\n\nconst radianToMercator = (xy) => {\n    return [WORLD_RADIUS_MERCATOR * xy[0], WORLD_RADIUS_MERCATOR * Math.log(Math.tan(Math.PI / 4 + xy[1] / 2))];\n}\n\n\nconst cartesian3dToRadian = (cartesian) => {\n    const x = cartesian[0];\n    const y = cartesian[1];\n    const z = cartesian[2];\n    // const length = Math.sqrt(x * x + y * y + z * z);\n    const long = Math.atan2(y, x);\n    const lat = Math.asin(z)// length);\n    return [long, lat];\n}\n\n\nconst sphericalLinearInterpolation_Mercator = (normalizedA, normalizedB, ratio) => {\n    const unitVector = sphericalLinearInterpolation_UnitVector(normalizedA, normalizedB, ratio);\n    const angles = cartesian3dToRadian(unitVector);\n    return radianToMercator(angles);\n}\n\nconst sphericalLinearInterpolation_Cartesian3d = (a, b, ratio) => {\n    const unitVector = sphericalLinearInterpolation_UnitVector(a, b, ratio);\n    const height = a[3] + (b[3] - a[3]) * ratio;\n    return [unitVector[0] * height, unitVector[1] * height, unitVector[2] * height];\n}\n\nconst findFirstIndexInRange = (container, value) => {\n    let start = 0;\n    let end = container.length - 1;\n    let mid = 0;\n    while (start <= end) {\n        mid = Math.floor((start + end) / 2);\n        if (container[mid] <= value && value <= container[mid + 1]) return mid;\n        if (container[mid] < value) start = mid + 1;\n        else end = mid - 1;\n    }\n    return null;\n}\n\nconst GEOMETRY = Object.freeze({\n    CARTESIAN3D: 0,\n    MERCATOR: 1,\n});\n\nclass TimeTrackInterpolator {\n    /**\n     * @typedef Timetrack\n     * @property {Array<vec4>}} coordinates [x,y,z, length]\n     * @property {Array<Number>} times\n     * @param {Array<Timetrack>} timeTracks\n     */\n    constructor({ timeTracks, bbox = null, geometry = GEOMETRY.CARTESIAN3D } = {}) {\n        this.timeTracks = null;\n        this.timeTracksStartTimes = null;\n        this.geometry = geometry;\n        if (timeTracks) this.setTimetracks(timeTracks);\n        if (bbox) this.setBbox(bbox);\n    }\n\n\n    setGeometry(geometry) {\n        if (geometry !== GEOMETRY.CARTESIAN3D && geometry !== GEOMETRY.MERCATOR) {\n            throw new Error('Invalid geometry');\n        }\n        this.geometry = geometry;\n    }\n\n    setTimetracks(timeTracks) {\n        this.timeTracks = timeTracks;\n    }\n\n\n    interpolate(time) {\n        const { timeTracks, geometry } = this;\n        if (!timeTracks) { return null; }\n        const resultArray = [];\n        const info = {\n            outOfRange: 0,\n            processed: 0,\n        }\n        for (let i = 0; i < timeTracks.length; i++) {\n            const { times, coordinates } = timeTracks[i];\n\n            if (times[times.length - 1] < time) continue;\n            info.processed++;\n            const timeIndex = findFirstIndexInRange(times, time);\n            if (timeIndex === null) { info.outOfRange++; continue; }\n            const timeFraction = (time - times[timeIndex]) / (times[timeIndex + 1] - times[timeIndex]);\n            const interpolated = (geometry === GEOMETRY.CARTESIAN3D) ?\n                sphericalLinearInterpolation_Cartesian3d(coordinates[timeIndex], coordinates[timeIndex + 1], timeFraction) :\n                sphericalLinearInterpolation_Mercator(coordinates[timeIndex], coordinates[timeIndex + 1], timeFraction);\n            resultArray.push(...interpolated);\n        }\n        return new Float32Array(resultArray);\n    }\n\n\n    // implicit methods\n\n    _orderTimeTracks() {\n        this.timeTracks.sort((a, b) => a.times[0] - b.times[0]);\n    }\n\n    _setStartTimes() {\n        this.timeTracksStartTimes = this.timeTracks.map(tt => tt.times[0]);\n    }\n}\n\nconst interpolator = new TimeTrackInterpolator({ geometry: GEOMETRY.CARTESIAN3D });\n\n/* eslint-disable-next-line no-restricted-globals */\nself.onmessage = function (e) {\n\n    const { geometry = null, timeTracks = null, time = null } = e.data;\n\n    if (geometry !== null) {\n        try {\n            interpolator.setGeometry(geometry);\n        } catch (error) {\n            /* eslint-disable-next-line no-restricted-globals */\n            self.postMessage({ error: error.message });\n            return;\n        }\n    }\n\n    if (timeTracks !== null) {\n        try {\n            interpolator.setTimetracks(timeTracks);\n        } catch (error) {\n            /* eslint-disable-next-line no-restricted-globals */\n            self.postMessage({ error: error.message });\n            return;\n        }\n    }\n\n    if (time !== null) {\n        try {\n            const result = interpolator.interpolate(time);\n            if(result === null) {\n                /* eslint-disable-next-line no-restricted-globals */\n                self.postMessage({ error: 'No TimeTracks Data' });\n                return;\n            }\n            /* eslint-disable-next-line no-restricted-globals */\n            self.postMessage(result, [result.buffer]);\n            return;\n        } catch (error) {\n            /* eslint-disable-next-line no-restricted-globals */\n            self.postMessage({ error: error.message });\n            return;\n        }\n    }\n    /* eslint-disable-next-line no-restricted-globals */\n    self.postMessage(true);\n}\n    ";
-exports.webworkerStr = webworkerStr;
+const webworkerStr = `
+
+const WORLD_RADIUS_3D = 6378.137;
+const WORLD_RADIUS_MERCATOR = 6378136.99911;
+
+const dot3 = (a, b) => {
+    return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+}
+
+const sphericalLinearInterpolation_UnitVector = (normalizedA, normalizedB, ratio) => {
+    const theta = Math.acos(dot3(normalizedA, normalizedB));
+    if (theta < 0.000001) return normalizedA; // CALIBRATE?
+    const sinTheta = Math.sin(theta);
+    const result = [
+        (Math.sin((1.0 - ratio) * theta) * normalizedA[0] + Math.sin(ratio * theta) * normalizedB[0]) / sinTheta,
+        (Math.sin((1.0 - ratio) * theta) * normalizedA[1] + Math.sin(ratio * theta) * normalizedB[1]) / sinTheta,
+        (Math.sin((1.0 - ratio) * theta) * normalizedA[2] + Math.sin(ratio * theta) * normalizedB[2]) / sinTheta
+    ];
+    return result;
+}
+
+const radianToMercator = (xy) => {
+    return [WORLD_RADIUS_MERCATOR * xy[0], WORLD_RADIUS_MERCATOR * Math.log(Math.tan(Math.PI / 4 + xy[1] / 2))];
+}
+
+
+const cartesian3dToRadian = (cartesian) => {
+    const x = cartesian[0];
+    const y = cartesian[1];
+    const z = cartesian[2];
+    // const length = Math.sqrt(x * x + y * y + z * z);
+    const long = Math.atan2(y, x);
+    const lat = Math.asin(z)// length);
+    return [long, lat];
+}
+
+
+const sphericalLinearInterpolation_Mercator = (normalizedA, normalizedB, ratio) => {
+    const unitVector = sphericalLinearInterpolation_UnitVector(normalizedA, normalizedB, ratio);
+    const angles = cartesian3dToRadian(unitVector);
+    return radianToMercator(angles);
+}
+
+const sphericalLinearInterpolation_Cartesian3d = (a, b, ratio) => {
+    const unitVector = sphericalLinearInterpolation_UnitVector(a, b, ratio);
+    const height = a[3] + (b[3] - a[3]) * ratio;
+    return [unitVector[0] * height, unitVector[1] * height, unitVector[2] * height];
+}
+
+const findFirstIndexInRange = (container, value) => {
+    let start = 0;
+    let end = container.length - 1;
+    let mid = 0;
+    while (start <= end) {
+        mid = Math.floor((start + end) / 2);
+        if (container[mid] <= value && value <= container[mid + 1]) return mid;
+        if (container[mid] < value) start = mid + 1;
+        else end = mid - 1;
+    }
+    return null;
+}
+
+const GEOMETRY = Object.freeze({
+    CARTESIAN3D: 0,
+    MERCATOR: 1,
+});
+
+class TimeTrackInterpolator {
+    /**
+     * @typedef Timetrack
+     * @property {Array<vec4>}} coordinates [x,y,z, length]
+     * @property {Array<Number>} times
+     * @param {Array<Timetrack>} timeTracks
+     */
+    constructor({ timeTracks, bbox = null, geometry = GEOMETRY.CARTESIAN3D } = {}) {
+        this.timeTracks = null;
+        this.timeTracksStartTimes = null;
+        this.geometry = geometry;
+        if (timeTracks) this.setTimetracks(timeTracks);
+        if (bbox) this.setBbox(bbox);
+    }
+
+
+    setGeometry(geometry) {
+        if (geometry !== GEOMETRY.CARTESIAN3D && geometry !== GEOMETRY.MERCATOR) {
+            throw new Error('Invalid geometry');
+        }
+        this.geometry = geometry;
+    }
+
+    setTimetracks(timeTracks) {
+        this.timeTracks = timeTracks;
+    }
+
+
+    interpolate(time) {
+        const { timeTracks, geometry } = this;
+        if (!timeTracks) { return null; }
+        const resultArray = [];
+        const info = {
+            outOfRange: 0,
+            processed: 0,
+        }
+        for (let i = 0; i < timeTracks.length; i++) {
+            const { times, coordinates } = timeTracks[i];
+
+            if (times[times.length - 1] < time) continue;
+            info.processed++;
+            const timeIndex = findFirstIndexInRange(times, time);
+            if (timeIndex === null) { info.outOfRange++; continue; }
+            const timeFraction = (time - times[timeIndex]) / (times[timeIndex + 1] - times[timeIndex]);
+            const interpolated = (geometry === GEOMETRY.CARTESIAN3D) ?
+                sphericalLinearInterpolation_Cartesian3d(coordinates[timeIndex], coordinates[timeIndex + 1], timeFraction) :
+                sphericalLinearInterpolation_Mercator(coordinates[timeIndex], coordinates[timeIndex + 1], timeFraction);
+            resultArray.push(...interpolated);
+        }
+        return new Float32Array(resultArray);
+    }
+
+
+    // implicit methods
+
+    _orderTimeTracks() {
+        this.timeTracks.sort((a, b) => a.times[0] - b.times[0]);
+    }
+
+    _setStartTimes() {
+        this.timeTracksStartTimes = this.timeTracks.map(tt => tt.times[0]);
+    }
+}
+
+const interpolator = new TimeTrackInterpolator({ geometry: GEOMETRY.CARTESIAN3D });
+
+/* eslint-disable-next-line no-restricted-globals */
+self.onmessage = function (e) {
+
+    const { geometry = null, timeTracks = null, time = null } = e.data;
+
+    if (geometry !== null) {
+        try {
+            interpolator.setGeometry(geometry);
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+
+    if (timeTracks !== null) {
+        try {
+            interpolator.setTimetracks(timeTracks);
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+
+    if (time !== null) {
+        try {
+            const result = interpolator.interpolate(time);
+            if(result === null) {
+                /* eslint-disable-next-line no-restricted-globals */
+                self.postMessage({ error: 'No TimeTracks Data' });
+                return;
+            }
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage(result, [result.buffer]);
+            return;
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+    /* eslint-disable-next-line no-restricted-globals */
+    self.postMessage(true);
+}
+    `;
+export { webworkerStr };

package/util/interpolation/timetrack/web-worker.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var timetrack_interpolator_1 = require("./timetrack-interpolator");
-var interpolator = new timetrack_interpolator_1.TimeTrackInterpolator({ geometry: timetrack_interpolator_1.GEOMETRY.CARTESIAN3D });
+import { TimeTrackInterpolator, GEOMETRY } from './timetrack-interpolator';
+const interpolator = new TimeTrackInterpolator({ geometry: GEOMETRY.CARTESIAN3D });
 /* eslint-disable-next-line no-restricted-globals */
 self.onmessage = function (e) {
-    var _a = e.data, _b = _a.geometry, geometry = _b === void 0 ? null : _b, _c = _a.timeTracks, timeTracks = _c === void 0 ? null : _c, _d = _a.time, time = _d === void 0 ? null : _d;
+    const { geometry = null, timeTracks = null, time = null } = e.data;
     if (geometry !== null) {
         try {
             interpolator.setGeometry(geometry);
@@ -27,7 +25,7 @@ self.onmessage = function (e) {
     }
     if (time !== null) {
         try {
-            var result = interpolator.interpolate(time);
+            const result = interpolator.interpolate(time);
             if (result === null) {
                 /* eslint-disable-next-line no-restricted-globals */
                 self.postMessage({ error: 'No TimeTracks Data' });

package/util/jshelpers/data-filler.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.populateFloat32Array = void 0;
-var populateFloat32Array = Object.freeze({
-    fillFloat32Array: function (length, data) {
-        var result = new Float32Array(length);
+const populateFloat32Array = Object.freeze({
+    fillFloat32Array: (length, data) => {
+        const result = new Float32Array(length);
         result.fill(data);
         return result;
     },
-    fillWithListData: function (length, listdata) {
-        var result = new Float32Array(length * listdata.length);
-        var offset = 0;
-        for (var i = 0; i < length; i++) {
+    fillWithListData: (length, listdata) => {
+        const result = new Float32Array(length * listdata.length);
+        let offset = 0;
+        for (let i = 0; i < length; i++) {
             result.set(listdata, offset);
             offset += listdata.length;
         }
         return result;
     }
 });
-exports.populateFloat32Array = populateFloat32Array;
+export { populateFloat32Array };

package/util/jshelpers/equality.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.arraysEqual = arraysEqual;
 function arraysEqual(a, b) {
     if (a === b)
         return true;
@@ -18,3 +15,4 @@ function arraysEqual(a, b) {
     }
     return true;
 }
+export { arraysEqual };

package/util/jshelpers/index.js

@@ -1,37 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.timefilters = void 0;
-exports.timefilters = __importStar(require("./timefilters"));
+import * as timefilters_1 from './timefilters';
+export { timefilters_1 as timefilters };

package/util/jshelpers/timefilters.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.instantDebounce = instantDebounce;
 // TODO: fix logic error in instantDebounce
 function instantDebounce(func, delay) {
-    var timeout = null;
-    var lastArgs = null;
-    var runAtEnd = false;
-    var timeoutMethod = function () {
-        setTimeout(function () {
+    let timeout = null;
+    let lastArgs = null;
+    let runAtEnd = false;
+    const timeoutMethod = () => {
+        setTimeout(() => {
             if (runAtEnd) {
-                func.apply(void 0, lastArgs);
+                func(...lastArgs);
                 lastArgs = null;
                 // console.log("processed with delay")
                 runAtEnd = false;
@@ -24,9 +21,10 @@ function instantDebounce(func, delay) {
             return;
         }
         else {
-            func.apply(void 0, args);
+            func(...args);
             // console.log("processed instantly")
             timeout = timeoutMethod();
         }
     };
 }
+export { instantDebounce };

package/util/picking/fence.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fence = void 0;
-var fence = function (gl) { return new Promise(function (resolve, reject) {
+const fence = (gl) => new Promise((resolve, reject) => {
     // This will create a fence. If this follows a `readPixels()` call, then it
     // will signal to WebGL that the read instruction should be asynchronous. 
     // This means JS can continue to work on other tasks while the read instruction
     // completes.
-    var sync = gl.fenceSync(gl.SYNC_GPU_COMMANDS_COMPLETE, 0);
+    const sync = gl.fenceSync(gl.SYNC_GPU_COMMANDS_COMPLETE, 0);
     gl.flush();
     // There are TWO possible ways to check on the status of a WebGLSync object.
     // 1. This will check it using clientWaitSync()
-    var checkStatus_v1 = function () {
-        var status = gl.clientWaitSync(sync, 0, 0);
+    const checkStatus_v1 = () => {
+        const status = gl.clientWaitSync(sync, 0, 0);
         // There are four possible values for status:
         // a. ALREADY_SIGNALED and CONDITION_SATISFIED (done)
         // b. TIMEOUT_EXPIRED (check again later)
@@ -29,8 +26,8 @@ var fence = function (gl) { return new Promise(function (resolve, reject) {
         }
     };
     // 2. This will check with getSyncParameter(s, gl.SYNC_STATUS)
-    var checkStatus_v2 = function () {
-        var status = gl.getSyncParameter(sync, gl.SYNC_STATUS);
+    const checkStatus_v2 = () => {
+        const status = gl.getSyncParameter(sync, gl.SYNC_STATUS);
         // There are only two possible values for status: SIGNALED and UNSIGNALED
         // Note that there is no `error` signal, so there is no reason to use `reject()` here
         if (status === gl.SIGNALED) {
@@ -42,5 +39,5 @@ var fence = function (gl) { return new Promise(function (resolve, reject) {
         }
     };
     setTimeout(checkStatus_v2, 1);
-}); };
-exports.fence = fence;
+});
+export { fence };

package/util/picking/picker-displayer.js

@@ -1,59 +1,54 @@
-"use strict";
 /**
  * add implicit texture display program for color
  * add fence on query return and return id.
 */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickerDisplayer = void 0;
-var draw_texture_on_canvas_1 = require("../programs/draw-texture-on-canvas");
-var fence_1 = require("./fence");
-var ESCAPE_VALUE = -1;
-var PickerDisplayer = /** @class */ (function () {
-    function PickerDisplayer(globe) {
+import { textureOnCanvasProgramCache } from "../programs/draw-texture-on-canvas";
+import { fence } from "./fence";
+const ESCAPE_VALUE = -1;
+class PickerDisplayer {
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
-        var gl = this.gl;
+        const gl = this.gl;
         this.colorTexture = gl.createTexture(); // bind to color attachment 0
         this.indexTexture = gl.createTexture(); // bind to color attachment 1
         this.fbo = gl.createFramebuffer();
         this._pbo = undefined;
         this._pboSize = 0;
         this.resize();
-        this.displayer = draw_texture_on_canvas_1.textureOnCanvasProgramCache.get(this.gl);
+        this.displayer = textureOnCanvasProgramCache.get(this.gl);
     }
-    PickerDisplayer.prototype.resize = function (width, height) {
-        if (width === void 0) { width = null; }
-        if (height === void 0) { height = null; }
+    resize(width = null, height = null) {
         if (width === null || height === null) {
             width = this.globe.api_ScrW();
             height = this.globe.api_ScrH();
         }
-        var _a = this, gl = _a.gl, colorTexture = _a.colorTexture, indexTexture = _a.indexTexture;
+        const { gl, colorTexture, indexTexture } = this;
         gl.deleteTexture(colorTexture);
         gl.deleteTexture(indexTexture);
-        var colorTextureNew = gl.createTexture();
+        const colorTextureNew = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, colorTextureNew);
         gl.texStorage2D(gl.TEXTURE_2D, 1, gl.RGBA8, width, height);
-        var indexTextureNew = gl.createTexture();
+        const indexTextureNew = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, indexTextureNew);
         // gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R16I, width, height);
         gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R32I, width, height);
         gl.bindTexture(gl.TEXTURE_2D, null);
         this.colorTexture = colorTextureNew;
         this.indexTexture = indexTextureNew;
-    };
-    PickerDisplayer.prototype.clearTextures = function () {
-        var _a = this, gl = _a.gl, colorTexture = _a.colorTexture, indexTexture = _a.indexTexture;
+    }
+    clearTextures() {
+        const { gl, colorTexture, indexTexture } = this;
         gl.activeTexture(gl.TEXTURE1);
         gl.bindTexture(gl.TEXTURE_2D, indexTexture);
         gl.clearBufferiv(gl.COLOR, 1, new Int32Array([-1, -1, -1, -1]));
         gl.activeTexture(gl.TEXTURE0);
         gl.bindTexture(gl.TEXTURE_2D, colorTexture);
         gl.clearBufferfv(gl.COLOR, 0, new Float32Array([0, 0, 0, 0]));
-    };
+    }
     // call before drawing the scene with gl picker shader
-    PickerDisplayer.prototype.bindFBO = function () {
-        var _a = this, gl = _a.gl, colorTexture = _a.colorTexture, indexTexture = _a.indexTexture, fbo = _a.fbo;
+    bindFBO() {
+        const { gl, colorTexture, indexTexture, fbo } = this;
         gl.activeTexture(gl.TEXTURE1);
         gl.bindTexture(gl.TEXTURE_2D, indexTexture);
         gl.activeTexture(gl.TEXTURE0);
@@ -64,30 +59,27 @@ var PickerDisplayer = /** @class */ (function () {
             gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, this.indexTexture, 0);
             gl.drawBuffers([gl.COLOR_ATTACHMENT0, gl.COLOR_ATTACHMENT1]);
         }
-    };
+    }
     // call after drawing the scene with gl picker shader
-    PickerDisplayer.prototype.drawColorTexture = function () {
-        var colorTexture = this.colorTexture;
+    drawColorTexture() {
+        const { colorTexture } = this;
         this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);
         this.displayer.draw(colorTexture);
-    };
-    PickerDisplayer.prototype.pickXY = function (x, y, selectionPointFilling, callback) {
-        if (selectionPointFilling === void 0) { selectionPointFilling = 1; }
-        if (callback === void 0) { callback = function () { }; }
-        var size = Math.pow(1 + 2 * selectionPointFilling, 2);
+    }
+    pickXY(x, y, selectionPointFilling = 1, callback = () => { }) {
+        const size = Math.pow(1 + 2 * selectionPointFilling, 2);
         this._pick(size, x - selectionPointFilling, y - selectionPointFilling, 1 + 2 * selectionPointFilling, 1 + 2 * selectionPointFilling, callback);
-    };
-    PickerDisplayer.prototype.pickBbox = function (left, top, right, bottom, callback) {
-        var size = (right - left) * (bottom - top) * 4;
+    }
+    pickBbox(left, top, right, bottom, callback) {
+        const size = (right - left) * (bottom - top) * 4;
         this._pick(size, left, top, right - left, bottom - top, callback);
-    };
-    PickerDisplayer.prototype._pick = function (size, startX, startY, lengthX, lengthY, callback) {
-        var _this = this;
+    }
+    _pick(size, startX, startY, lengthX, lengthY, callback) {
         if (this._inProgress)
             return false;
         this._inProgress = true;
         this._initHoldBuffer(size * 4);
-        var _a = this, gl = _a.gl, _pbo = _a._pbo;
+        const { gl, _pbo } = this;
         gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
         this.bindFBO();
         gl.readBuffer(gl.COLOR_ATTACHMENT1); // This is the attachment we want to read
@@ -95,35 +87,35 @@ var PickerDisplayer = /** @class */ (function () {
         startX, startY, lengthX, lengthY, gl.RED_INTEGER, gl.INT, 0);
         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
         gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-        (0, fence_1.fence)(this.gl).then(function () {
+        fence(this.gl).then(() => {
             gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
             // const data = new Int16Array(size);
-            var data = new Int32Array(size);
+            const data = new Int32Array(size);
             gl.getBufferSubData(gl.PIXEL_PACK_BUFFER, 0, data);
             gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-            var result = _this._pickFromBuffer(data, size);
+            const result = this._pickFromBuffer(data, size);
             callback(result);
             // gl.deleteBuffer(pbo);
-            _this._inProgress = false;
+            this._inProgress = false;
         });
         return true;
-    };
-    PickerDisplayer.prototype._pickFromBuffer = function (array, size) {
-        var selectedObjects = new Set();
-        for (var i = 0; i < size; i += 1) {
-            var id = array[i];
+    }
+    _pickFromBuffer(array, size) {
+        const selectedObjects = new Set();
+        for (let i = 0; i < size; i += 1) {
+            const id = array[i];
             if (id !== ESCAPE_VALUE) {
                 selectedObjects.add(id);
             }
         }
         return selectedObjects;
-    };
-    PickerDisplayer.prototype._initHoldBuffer = function (size) {
+    }
+    _initHoldBuffer(size) {
         if (this._pbo && this._pboSize >= size) {
             return;
         }
-        var gl = this.gl;
-        var pbo = gl.createBuffer();
+        const { gl } = this;
+        const pbo = gl.createBuffer();
         gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pbo);
         gl.bufferData(gl.PIXEL_PACK_BUFFER, size, gl.STREAM_READ);
         gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
@@ -132,14 +124,13 @@ var PickerDisplayer = /** @class */ (function () {
             gl.deleteBuffer(this._pbo);
         }
         this._pbo = pbo;
-    };
-    PickerDisplayer.prototype.free = function () {
-        var _a = this, gl = _a.gl, colorTexture = _a.colorTexture, indexTexture = _a.indexTexture, fbo = _a.fbo;
+    }
+    free() {
+        const { gl, colorTexture, indexTexture, fbo } = this;
         gl.deleteTexture(colorTexture);
         gl.deleteTexture(indexTexture);
         gl.deleteFramebuffer(fbo);
-        draw_texture_on_canvas_1.textureOnCanvasProgramCache.release(this.gl);
-    };
-    return PickerDisplayer;
-}());
-exports.PickerDisplayer = PickerDisplayer;
+        textureOnCanvasProgramCache.release(this.gl);
+    }
+}
+export { PickerDisplayer };