@openglobus/og 0.14.10 → 0.15.0

package/src/og/webgl/Handler.js

@@ -127,6 +127,8 @@ class Handler {
 
         this.transparentTexture = null;
 
+        this.defaultTexture = null;
+
         this.framebufferStack = new Stack();
 
         this.createTexture = {
@@ -285,9 +287,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_n_webgl1(image, internalFormat) {
-        var gl = this.gl;
-        var texture = gl.createTexture();
+    createTexture_n_webgl1(image, internalFormat, texture) {
+        let gl = this.gl;
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat || gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
@@ -305,13 +307,11 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_l_webgl1(image, internalFormat) {
+    createTexture_l_webgl1(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
-
         gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat || gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
-
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
@@ -326,9 +326,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_mm_webgl1(image, internalFormat) {
+    createTexture_mm_webgl1(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat || gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
@@ -346,9 +346,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_a_webgl1(image, internalFormat) {
+    createTexture_a_webgl1(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat || gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
@@ -367,9 +367,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_n_webgl2(image, internalFormat) {
-        var gl = this.gl;
-        var texture = gl.createTexture();
+    createTexture_n_webgl2(image, internalFormat, texture) {
+        let gl = this.gl;
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         //gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
@@ -389,9 +389,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_l_webgl2(image, internalFormat) {
+    createTexture_l_webgl2(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         //gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
@@ -411,11 +411,10 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_mm_webgl2(image, internalFormat) {
+    createTexture_mm_webgl2(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
-        //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         //gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
         gl.texStorage2D(gl.TEXTURE_2D, MAX_LEVELS, internalFormat || gl.RGBA8, image.width, image.height);
         gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, image.width, image.height, gl.RGBA, gl.UNSIGNED_BYTE, image);
@@ -433,9 +432,9 @@ class Handler {
      * @param {Object} image - Image or Canvas object.
      * @returns {Object} - WebGL texture object.
      */
-    createTexture_a_webgl2(image, internalFormat) {
+    createTexture_a_webgl2(image, internalFormat, texture) {
         let gl = this.gl;
-        let texture = gl.createTexture();
+        texture = texture || gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
         //gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
@@ -624,10 +623,12 @@ class Handler {
             this._params.extensions.push("OES_element_index_uint");
             this._params.extensions.push("WEBGL_depth_texture");
             this._params.extensions.push("ANGLE_instanced_arrays");
+            //this._params.extensions.push("WEBGL_draw_buffers");
             //this._params.extensions.push("EXT_frag_depth");
         } else {
             this._params.extensions.push("EXT_color_buffer_float");
             this._params.extensions.push("OES_texture_float_linear");
+            //this._params.extensions.push("WEBGL_draw_buffers");
         }
 
         let i = this._params.extensions.length;
@@ -662,18 +663,27 @@ class Handler {
         this._initPrograms();
         this._setDefaults();
 
+        this.observer = new IntersectionObserver((entries) => {
+            this._toggleVisibilityChange(entries[0].isIntersecting === true);
+        }, { threshold: 0 });
+        this.observer.observe(this.canvas);
+
         document.addEventListener("visibilitychange", () => {
-            if (document.visibilityState === 'visible') {
-                this.start();
-                this.ONCANVASRESIZE && this.ONCANVASRESIZE();
-                this.events.dispatch(this.events.visibilitychange, true);
-            } else {
-                this.events.dispatch(this.events.visibilitychange, false);
-                this.stop();
-            }
+            this._toggleVisibilityChange(document.visibilityState === 'visible');
         });
     }
 
+    _toggleVisibilityChange(visibility) {
+        if (visibility) {
+            this.start();
+            this.ONCANVASRESIZE && this.ONCANVASRESIZE();
+            this.events.dispatch(this.events.visibilitychange, true);
+        } else {
+            this.events.dispatch(this.events.visibilitychange, false);
+            this.stop();
+        }
+    }
+
     /**
      * Sets default gl render parameters. Used in init function.
      * @private
@@ -693,6 +703,9 @@ class Handler {
         this.createDefaultTexture({ color: "rgba(0,0,0,0.0)" }, (t) => {
             this.transparentTexture = t;
         });
+        this.createDefaultTexture({ color: "rgba(255, 255, 255, 1.0)" }, (t) => {
+            this.defaultTexture = t;
+        });
     }
 
     /**
@@ -919,6 +932,10 @@ class Handler {
         }
     }
 
+    isStopped() {
+        return !this._requestAnimationFrameId;
+    }
+
     /**
      * Check is gl context type equals webgl2
      * @public
@@ -934,7 +951,7 @@ class Handler {
     _animationFrameCallback() {
         this._requestAnimationFrameId = window.requestAnimationFrame(() => {
             this.drawFrame();
-            this._animationFrameCallback();
+            this._requestAnimationFrameId && this._animationFrameCallback();
         });
     }
 
@@ -973,6 +990,12 @@ class Handler {
         }
     }
 
+    deleteTexture(texture) {
+        if (texture && !texture.default) {
+            this.gl.deleteTexture(texture);
+        }
+    }
+
     /**
      * @public
      */
@@ -988,6 +1011,9 @@ class Handler {
         gl.deleteTexture(this.transparentTexture);
         this.transparentTexture = null;
 
+        gl.deleteTexture(this.defaultTexture);
+        this.defaultTexture = null;
+
         this.framebufferStack = null;
         this.framebufferStack = new Stack();
 
@@ -1064,6 +1090,40 @@ class Handler {
             }
         }
     }
+
+    // var loadTextureData = function(textureName, callback) {
+    //     const xhr = new XMLHttpRequest();
+    //     xhr.open('GET', textureName);
+    //     xhr.responseType = 'arraybuffer';
+    //     xhr.onload = (event) => {
+    //         const data = new DataView(xhr.response);
+    //         const array =
+    //             new Float32Array(data.byteLength / Float32Array.BYTES_PER_ELEMENT);
+    //         for (var i = 0; i < array.length; ++i) {
+    //             array[i] = data.getFloat32(i * Float32Array.BYTES_PER_ELEMENT, true);
+    //         }
+    //         callback(array);
+    //     };
+    //     xhr.send();
+    // }
+
+    // loadTextureData('transmittance.dat', (data) => {
+    //
+    //     let gl = this.renderer.handler.gl;
+    //
+    //     const texture = gl.createTexture();
+    //     gl.activeTexture(gl.TEXTURE0);
+    //     gl.bindTexture(gl.TEXTURE_2D, texture);
+    //     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    //     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    //     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    //     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    //     gl.texImage2D(gl.TEXTURE_2D, 0, gl.getExtension('OES_texture_float_linear') ? gl.RGBA32F : gl.RGBA16F,
+    //         TRANSMITTANCE_TEXTURE_WIDTH, TRANSMITTANCE_TEXTURE_HEIGHT, 0, gl.RGBA,
+    //         gl.FLOAT, data);
+    //
+    //     this.transmittanceTextureBrn = texture;
+    // });
 }
 
 export { Handler };

package/src/og/webgl/Multisample.js

@@ -81,6 +81,14 @@ export class Multisample {
         this.renderbuffers = new Array(this._size);
     }
 
+    get width() {
+        return this._width;
+    }
+
+    get height() {
+        return this._height;
+    }
+
     destroy() {
         var gl = this.handler.gl;
 

package/types/Clock.d.ts

@@ -51,7 +51,8 @@ export class Clock {
      * @public
      * @type {number}
      */
-    public multiplier: number;
+    public _multiplier: number;
+    _running: number;
     /**
      * Animation frame delta time.
      * @public
@@ -89,6 +90,10 @@ export class Clock {
      * @param {Clock} clock - Clock instance to compare.
      * @returns {boolean} - Returns true if a clock is the same instance.
      */
-    public equal(clock: Clock): boolean;
+    public isEqual(clock: Clock): boolean;
+    start(): void;
+    set multiplier(arg: number);
+    get multiplier(): number;
+    stop(): void;
 }
 import { Events } from "./Events.js";

package/types/Object3d.d.ts

@@ -1,4 +1,5 @@
 export class Object3d {
+    static centering(verts: any): void;
     static scale(vertices: any, s: any): void;
     static centroid(vertices: any): number[];
     static translate(vertices: any, v: any): void;
@@ -11,12 +12,22 @@ export class Object3d {
     constructor(data: any);
     _name: any;
     _vertices: any;
-    _texCoords: any[];
+    _numVertices: number;
+    _texCoords: any;
+    /**
+     * Image src.
+     * @protected
+     * @type {string}
+     */
+    protected _src: string;
     color: any[] | Float32Array;
-    _indexes: any;
+    _indices: any;
     _normals: any;
+    get src(): string;
     get name(): any;
     get vertices(): any;
     get normals(): any;
-    get indexes(): any;
+    get indices(): any;
+    get texCoords(): any;
+    get numVertices(): number;
 }

package/types/camera/Camera.d.ts

@@ -4,7 +4,7 @@
  * @param {Renderer} [renderer] - Renderer uses the camera instance.
  * @param {Object} [options] - Camera options:
  * @param {Object} [options.name] - Camera name.
- * @param {number} [options.viewAngle=38] - Camera angle of view. Default is 30.0
+ * @param {number} [options.viewAngle=47] - Camera angle of view. Default is 47.0
  * @param {number} [options.near=1] - Camera near plane distance. Default is 1.0
  * @param {number} [options.far=og.math.MAX] - Camera far plane distance. Deafult is og.math.MAX
  * @param {Vec3} [options.eye=[0,0,0]] - Camera eye position. Default (0,0,0)
@@ -61,18 +61,18 @@ export class Camera {
      * @type {Number}
      */
     protected _viewAngle: number;
-    /**
-     * Camera normal matrix.
-     * @protected
-     * @type {Mat3}
-     */
-    protected _normalMatrix: Mat3;
     /**
      * Camera view matrix.
      * @protected
      * @type {Mat4}
      */
     protected _viewMatrix: Mat4;
+    /**
+     * Camera normal matrix.
+     * @protected
+     * @type {Mat3}
+     */
+    protected _normalMatrix: Mat3;
     /**
      * Camera right vector.
      * @protected
@@ -95,21 +95,22 @@ export class Camera {
     _pv: Vec3;
     _pn: Vec3;
     _peye: Vec3;
-    isMoved: boolean;
+    isMoving: boolean;
     _tanViewAngle_hrad: number;
     _tanViewAngle_hradOneByHeight: number;
     frustums: Frustum[];
     nearFarArr: any[];
     frustumColors: any[];
     FARTHEST_FRUSTUM_INDEX: number;
-    _currentFrustum: number;
+    currentFrustumIndex: number;
+    isFirstPass: boolean;
     checkMoveEnd(): void;
     /**
      * Camera initialization.
      * @public
      * @param {Renderer} renderer - OpenGlobus renderer object.
      * @param {Object} [options] - Camera options:
-     * @param {number} [options.viewAngle] - Camera angle of view. Default is 30.0
+     * @param {number} [options.viewAngle] - Camera angle of view.
      * @param {number} [options.near] - Camera near plane distance. Default is 1.0
      * @param {number} [options.far] - Camera far plane distance. Deafult is og.math.MAX
      * @param {Vec3} [options.eye] - Camera eye position. Default (0,0,0)
@@ -264,18 +265,18 @@ export class Camera {
      * @returns {number} - Size factor.
      */
     public projectedSize(p: Vec3, r: Vec3): number;
-    /**
-     * Returns normal matrix.
-     * @public
-     * @returns {Mat3} - Normal matrix.
-     */
-    public getNormalMatrix(): Mat3;
     /**
      * Returns model matrix.
      * @public
      * @returns {Mat4} - View matrix.
      */
     public getViewMatrix(): Mat4;
+    /**
+     * Returns normal matrix.
+     * @public
+     * @returns {Mat3} - Normal matrix.
+     */
+    public getNormalMatrix(): Mat3;
     setCurrentFrustum(k: any): void;
     getCurrentFrustum(): number;
     get frustum(): Frustum;
@@ -306,7 +307,7 @@ export class Camera {
 }
 import { Events } from "../Events.js";
 import { Vec3 } from "../math/Vec3.js";
-import { Mat3 } from "../math/Mat3.js";
 import { Mat4 } from "../math/Mat4.js";
+import { Mat3 } from "../math/Mat3.js";
 import { Frustum } from "./Frustum.js";
 import { Vec2 } from "../math/Vec2.js";

package/types/camera/PlanetCamera.d.ts

@@ -5,7 +5,7 @@
  * @param {RenderNode} planet - Planet render node.
  * @param {Object} [options] - Planet camera options:
  * @param {Object} [options.name] - Camera name.
- * @param {number} [options.viewAngle=37] - Camera angle of view. Default is 35.0
+ * @param {number} [options.viewAngle] - Camera angle of view.
  * @param {number} [options.near] - Camera near plane distance. Default is 1.0
  * @param {number} [options.far] - Camera far plane distance. Deafult is og.math.MAX
  * @param {number} [options.minAltitude] - Minimal altitude for the camera. Deafult is 5
@@ -82,6 +82,8 @@ export class PlanetCamera extends Camera {
     _numFrames: number;
     _completeCallback: any;
     _flying: boolean;
+    _checkTerrainCollision: boolean;
+    setTerrainCollisionActivity(isActive: any): void;
     eyeNorm: Vec3;
     updateGeodeticPosition(): void;
     /**

package/types/control/Atmosphere.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Frame per second(FPS) display control.
+ * @class
+ * @extends {Control}
+ * @param {Object} [options] - Control options.
+ */
+export class Atmosphere extends Control {
+    _transmittanceBuffer: Framebuffer;
+    _scatteringBuffer: Framebuffer;
+    opacity: number;
+    _drawAtmosphereTextures(): void;
+    _drawBackground(): void;
+}
+import { Control } from "./Control.js";
+import { Framebuffer } from "../webgl/index.js";

package/types/control/CompassButton.d.ts

@@ -6,8 +6,7 @@ export function compassButton(options: any): CompassButton;
  * @params {Object} [options] - Control options.
  */
 export class CompassButton extends Control {
-    planet: any;
-    compassSvg: any;
+    constructor(options?: {});
     _heading: any;
     _svg: any;
     _onClick(): void;

package/types/control/GeoImageDragControl.d.ts

@@ -2,7 +2,13 @@ export class GeoImageDragControl extends Control {
     constructor(options?: {});
     _cornerIndex: number;
     _catchCorner: boolean;
-    createDraggerButton(): void;
+    _toggleBtn: ToggleButton;
     _bindLayer(layer: any): void;
+    _unbindLayer(layer: any): void;
+    _onLUp(ms: any): void;
+    _onLDown(ms: any): void;
+    _onMouseLeave(): void;
+    _onMouseMove(ms: any): void;
 }
 import { Control } from "./Control.js";
+import { ToggleButton } from "../ui/ToggleButton.js";

package/types/control/LayerSwitcher.d.ts

@@ -6,20 +6,19 @@
  * @param {Object} [options] - Control options.
  */
 export class LayerSwitcher extends Control {
-    static set numSwitches(arg: any);
-    static get numSwitches(): any;
     constructor(options?: {});
     switcherDependent: any;
     expandedSections: any;
-    switcherInMenu: any;
     docListener: any;
+    dialog: Dialog;
+    _menuBtn: ToggleButton;
     setupSwitcher(): void;
     planetDataBasic(): {
         collectTerrains: (planet: any) => any[];
         collectLayers: (planet: any) => any;
         pickBaseLayers: (layers: any) => any;
         pickOverlays: (layers: any) => any;
-        classifyObject: (object: any) => "Terrain Providers" | "Overlays" | "BaseLayers";
+        classifyObject: (object: any) => "Terrain Providers" | "Base Layers" | "Overlays";
         sortByZIndex: (layers: any) => any;
         serializeZIndices: (layers: any) => any;
         normalizeOverlay: (overlay: any) => any;
@@ -53,13 +52,13 @@ export class LayerSwitcher extends Control {
     getUserPrefs(): {
         switcherDependency: any;
         sectionsOpening: any;
-        btnInMenu: any;
     };
     buildBasicDOM(): {
         $mainContainer: any;
-        whereClickHandler: (e: any) => void;
     };
     buildRecords(myData: any, $mainContainer: any, depth: any, createLastDropZone: any): void;
     removeRecords(): void;
 }
 import { Control } from "./Control.js";
+import { Dialog } from "../ui/Dialog.js";
+import { ToggleButton } from "../ui/ToggleButton.js";

package/types/control/Lighting.d.ts

@@ -1,16 +1,41 @@
-export function lighting(options: any): Lighting;
-/**
- * Helps to setup lighting.
- * @class
- * @extends {Control}
- * @param {Object} [options] -
- */
 export class Lighting extends Control {
     constructor(options?: {});
     _selectedLayer: any;
+    _toggleBtn: ToggleButton;
+    _dialog: Dialog;
+    _panel: View;
+    _atmosphereMaxOpacity: Slider;
+    _atmosphereMinOpacity: Slider;
+    _gamma: Slider;
+    _exposure: Slider;
+    _night: Slider;
+    _opacity: Slider;
+    _diffuse_r: Slider;
+    _diffuse_g: Slider;
+    _diffuse_b: Slider;
+    _ambient_r: Slider;
+    _ambient_g: Slider;
+    _ambient_b: Slider;
+    _specular_r: Slider;
+    _specular_g: Slider;
+    _specular_b: Slider;
+    _shininess: Slider;
     bindLayer(layer: any): void;
+    $atmosphereOpacity: Element;
+    $gamma: Element;
+    $exposure: Element;
+    $opacity: Element;
+    $diffuse: Element;
+    $ambient: Element;
+    $specular: Element;
+    $night: Element;
+    _update(): void;
     _fetchLayers(): void;
     _onLayerAdd(e: any): void;
     _onLayerRemove(e: any): void;
 }
 import { Control } from "./Control.js";
+import { ToggleButton } from "../ui/ToggleButton.js";
+import { Dialog } from "../ui/Dialog.js";
+import { View } from "../ui/View.js";
+import { Slider } from "../ui/Slider.js";

package/types/control/ScaleControl.d.ts

@@ -11,10 +11,11 @@ export class ScaleControl extends Control {
     planet: any;
     _minWidth: number;
     _maxWidth: number;
+    _isCenter: any;
     _renderTemplate(): ChildNode;
     el: ChildNode;
     _scaleLabelEl: any;
-    _draw(e: any): void;
+    _drawScreen(px: any): void;
     _mPx: number;
     currWidth: number;
     _metersInMinSize: number;

package/types/control/SimpleSkyBackground.d.ts

@@ -0,0 +1,15 @@
+export function simpleSkyBackground(options: any): SimpleSkyBackground;
+/**
+ * Frame per second(FPS) display control.
+ * @class
+ * @extends {Control}
+ * @param {Object} [options] - Control options.
+ */
+export class SimpleSkyBackground extends Control {
+    _colorOne: Float32Array;
+    _colorTwo: Float32Array;
+    set colorOne(arg: any);
+    set colorTwo(arg: any);
+    _drawBackground(): void;
+}
+import { Control } from "./Control.js";

package/types/control/ZoomControl.d.ts

@@ -7,7 +7,6 @@ export function zoomControl(options: any): ZoomControl;
  */
 export class ZoomControl extends Control {
     _keyLock: Key;
-    planet: any;
     _move: number;
     /**
      * Planet zoom in.

package/types/control/index.d.ts

@@ -11,10 +11,13 @@ import { ToggleWireframe } from "./ToggleWireframe.js";
 import { TouchNavigation } from "./TouchNavigation.js";
 import { SimpleNavigation } from "./SimpleNavigation.js";
 import { ShowFps } from "./ShowFps.js";
+import { ScaleControl } from "./ScaleControl.js";
 import { Sun } from "./Sun.js";
 import { ZoomControl } from "./ZoomControl.js";
 import { MouseWheelZoomControl } from "./MouseWheelZoomControl.js";
 import { Lighting } from "./Lighting.js";
 import { Ruler } from "./ruler/Ruler.js";
+import { SimpleSkyBackground } from "./SimpleSkyBackground.js";
+import { Selection } from "./selection/Selection.js";
 import { LayerAnimation } from "./LayerAnimation.js";
-export { Control, CompassButton, DebugInfo, EarthNavigation, EarthCoordinates, GeoImageDragControl, KeyboardNavigation, LayerSwitcher, MouseNavigation, ToggleWireframe, TouchNavigation, SimpleNavigation, ShowFps, Sun, ZoomControl, MouseWheelZoomControl, Lighting, Ruler, LayerAnimation };
+export { Control, CompassButton, DebugInfo, EarthNavigation, EarthCoordinates, GeoImageDragControl, KeyboardNavigation, LayerSwitcher, MouseNavigation, ToggleWireframe, TouchNavigation, SimpleNavigation, ShowFps, ScaleControl, Sun, ZoomControl, MouseWheelZoomControl, Lighting, Ruler, SimpleSkyBackground, Selection, LayerAnimation };

package/types/control/ruler/RulerScene.d.ts

@@ -37,7 +37,6 @@ export class RulerScene extends RenderNode {
     _drawLine(startLonLat: any, endLonLat: any, startPos: any): void;
     _onMouseMove(e: any): void;
     clear(): void;
-    getScale(cart: any): number;
     frame(): void;
     get ellipsoid(): any;
 }

package/types/control/selection/Selection.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Activate Selection
+ * @class
+ * @extends {Control}
+ * @param {Object} [options] - Control options.
+ * @param {boolean} [options.ignoreTerrain=false].
+ * @param {function} options.onSelect - callback (extent) => {} where extent is selected extent array [minLon,minLat,maxLon,maxLat]
+ * @param {boolean} [options.autoSelectionHide=false] - clear selection rectangle  after passing extent to callback
+ * @example:
+ * to use bootstrap icons, include
+ *  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
+ *
+ * new Selection({
+ *       ignoreTerrain: false,
+ *       autoSelectionHide:true,
+ *       onSelect: (extent) => {
+ *
+ *           var vectorSource = new ol.source.Vector({
+ *               format: new GeoJSON(),
+ *               url: function (extent) {
+ *                   return 'https://snap.ogs.trieste.it/geoserver/snap/ows?service=WFS&' +
+ *                           'version=1.1.0&request=GetFeature&typename=snap:all_dataset_segy_view&' +
+ *                           'outputFormat=application/json&srsname=EPSG:4326&' +
+ *                           'bbox=' + extent.join(',') + ',EPSG:4326';
+ *               },
+ *               strategy: function (extent, resolution) {
+ *                   if (this.resolution && this.resolution != resolution) {
+ *                       this.loadedExtentsRtree_.clear();
+ *                   }
+ *                   return [extent];
+ *               }
+ *           });
+ *
+ *           vectorSource.loadFeatures(extent);
+ *
+ *           console.log(extent);
+ *
+ *       }
+ *   });
+ */
+export class Selection extends Control {
+    constructor(options?: {});
+    _selectorScene: SelectionScene;
+    _toggleBtn: ToggleButton;
+    set ignoreTerrain(arg: any);
+}
+import { Control } from "../Control.js";
+import { SelectionScene } from "./SelectionScene.js";
+import { ToggleButton } from "../../ui/ToggleButton.js";