@openglobus/og 0.22.2 → 0.24.0

package/lib/@openglobus/js/renderer/Renderer.d.ts

@@ -1,6 +1,6 @@
 import { Camera } from "../camera/Camera";
 import { Control } from "../control/Control";
-import { RendererEventsHandler } from "./RendererEvents";
+import { IBaseInputState, RendererEventsHandler } from "./RendererEvents";
 import { EntityCollection } from "../entity/EntityCollection";
 import { Framebuffer, Multisample } from "../webgl/index";
 import { FontAtlas } from "../utils/FontAtlas";
@@ -18,6 +18,7 @@ interface IRendererParams {
     fontsSrc?: string;
     gamma?: number;
     exposure?: number;
+    dpi?: number;
 }
 interface IPickingObject {
     _pickingColor?: Vec3;
@@ -28,6 +29,39 @@ interface IFrameCallbackHandler {
     callback: Function;
     sender: any;
 }
+/**
+ * Represents high level WebGL context interface that starts WebGL handler working in real time.
+ * @class
+ * @param {Handler} handler - WebGL handler context.
+ * @param {Object} [params] - Renderer parameters:
+ * @fires EventsHandler<RendererEventsType>#draw
+ * @fires EventsHandler<RendererEventsType>#resize
+ * @fires EventsHandler<RendererEventsType>#mousemove
+ * @fires EventsHandler<RendererEventsType>#mousestop
+ * @fires EventsHandler<RendererEventsType>#lclick
+ * @fires EventsHandler<RendererEventsType>#rclick
+ * @fires EventsHandler<RendererEventsType>#mclick
+ * @fires EventsHandler<RendererEventsType>#ldblclick
+ * @fires EventsHandler<RendererEventsType>#rdblclick
+ * @fires EventsHandler<RendererEventsType>#mdblclick
+ * @fires EventsHandler<RendererEventsType>#lup
+ * @fires EventsHandler<RendererEventsType>#rup
+ * @fires EventsHandler<RendererEventsType>#mup
+ * @fires EventsHandler<RendererEventsType>#ldown
+ * @fires EventsHandler<RendererEventsType>#rdown
+ * @fires EventsHandler<RendererEventsType>#mdown
+ * @fires EventsHandler<RendererEventsType>#lhold
+ * @fires EventsHandler<RendererEventsType>#rhold
+ * @fires EventsHandler<RendererEventsType>#mhold
+ * @fires EventsHandler<RendererEventsType>#mousewheel
+ * @fires EventsHandler<RendererEventsType>#touchstart
+ * @fires EventsHandler<RendererEventsType>#touchend
+ * @fires EventsHandler<RendererEventsType>#touchcancel
+ * @fires EventsHandler<RendererEventsType>#touchmove
+ * @fires EventsHandler<RendererEventsType>#doubletouch
+ * @fires EventsHandler<RendererEventsType>#touchleave
+ * @fires EventsHandler<RendererEventsType>#touchenter
+ */
 export interface HTMLDivElementExt extends HTMLDivElement {
     attributions?: HTMLElement;
 }
@@ -65,7 +99,7 @@ declare class Renderer {
      * @public
      * @type {Camera}
      */
-    activeCamera: Camera | null;
+    activeCamera: Camera;
     /**
      * Renderer events. Represents interface for setting events like mousemove, draw, keypress etc.
      * @public
@@ -101,17 +135,6 @@ declare class Renderer {
      * @type {Framebuffer}
      */
     pickingFramebuffer: Framebuffer | null;
-    protected _tempPickingPix_: Uint8Array;
-    /**
-     * @public
-     * @type {Framebuffer}
-     */
-    distanceFramebuffer: Framebuffer | null;
-    /**
-     * @type {Function[]}
-     */
-    protected _distanceCallbacks: IFrameCallbackHandler[];
-    protected _tempDistancePix_: Uint8Array;
     /**
      * Depth objects rendering queue.
      * @type {Function[]}
@@ -144,24 +167,19 @@ declare class Renderer {
      * @type {FontAtlas}
      */
     fontAtlas: FontAtlas;
-    protected _entityCollections: EntityCollection[];
+    protected _entityCollections: EntityCollection[][];
     protected _currentOutput: string;
     protected _fnScreenFrame: Function | null;
     labelWorker: LabelWorker;
-    __useDistanceFramebuffer__: boolean;
     screenDepthFramebuffer: Framebuffer | null;
     screenFramePositionBuffer: WebGLBufferExt | null;
     screenTexture: Record<string, WebGLTexture>;
     outputTexture: WebGLTexture | null;
-    protected _skipDistanceFrame: boolean;
-    protected _distancePixelBuffer: WebGLBuffer | null;
-    protected _skipPickingFrame: boolean;
-    protected _pickingPixelBuffer: WebGLBuffer | null;
-    protected _readDistanceBuffer: () => void;
     protected _readPickingBuffer: () => void;
-    constructor(handler: Handler, params?: IRendererParams);
+    constructor(handler: Handler | string | HTMLCanvasElement, params?: IRendererParams);
     enableBlendOneSrcAlpha(): void;
     enableBlendDefault(): void;
+    setRelativeCenter(c?: Vec3): void;
     /**
      * Sets renderer events activity.
      * @param {Boolean} activity - Events activity.
@@ -169,8 +187,6 @@ declare class Renderer {
     setEventsActivity(activity: boolean): void;
     addDepthCallback(sender: any, callback: Function): number;
     removeDepthCallback(id: number): void;
-    addDistanceCallback(sender: any, callback: Function): number;
-    removeDistanceCallback(id: number): void;
     /**
      * Adds picking rendering callback function.
      * @param {object} sender - Callback context.
@@ -243,7 +259,6 @@ declare class Renderer {
      * @public
      */
     initialize(): void;
-    _initReadPixelsBuffers(): void;
     _initializeControls(): void;
     resize(): void;
     setCurrentScreen(screenName: string): void;
@@ -275,18 +290,14 @@ declare class Renderer {
     /**
      * TODO: replace with cache friendly linked list by BillboardHandler, LabelHandler etc.
      */
-    enqueueEntityCollectionsToDraw(ecArr: EntityCollection[]): void;
-    /**
-     * Draws opaque items entity collections.
-     * @protected
-     */
-    protected _drawOpaqueEntityCollections(): void;
+    enqueueEntityCollectionsToDraw(ecArr: EntityCollection[], depthOrder?: number): void;
     /**
-     * Draws transparent items entity collections.
      * @protected
      */
-    protected _drawTransparentEntityCollections(): void;
-    protected _clearEntityCollectionQueue(): void;
+    protected _drawEntityCollections(depthOrder: number): void;
+    protected _drawPickingEntityCollections(depthOrder: number): void;
+    protected _drawDepthEntityCollections(depthOrder: number): void;
+    protected _clearEntityCollectionQueue(depthOrder: number): void;
     /**
      * Draw nodes.
      * @public
@@ -299,19 +310,27 @@ declare class Renderer {
      * Draw picking objects framebuffer.
      * @private
      */
-    protected _drawPickingBuffer(): void;
+    protected _drawPickingBuffer(depthOrder: number): void;
+    protected _drawDepthBuffer(depthOrder: number): void;
+    protected _readDepthBuffer(): void;
+    protected _readPickingBuffer_webgl1(): void;
+    protected _readPickingBuffer_webgl2(): void;
+    readPickingColor(x: number, y: number, outColor: NumberArray3 | Uint8Array): void;
+    readDepth(x: number, y: number, outDepth: NumberArray3 | Float32Array): void;
     /**
-     * Draw picking objects framebuffer.
-     * @protected
+     * Returns the distance from the active (screen) camera to the 3d-surface using the defined screen coordinates
+     * @public
+     * @param {Vec2 | IBaseInputState} px - Screen coordinates.
+     * @returns {number | undefined} -
      */
-    protected _drawDistanceBuffer(): void;
-    protected _drawDepthBuffer(): void;
-    protected _readPickingBuffer_webgl1: () => void;
-    protected _readPickingBuffer_webgl2: () => void;
-    protected _readDistanceBuffer_webgl1: () => void;
-    protected _readDistanceBuffer_webgl2: () => void;
-    readPickingColor(x: number, y: number, outColor: NumberArray3 | Uint8Array): void;
-    readDistanceColor(x: number, y: number, outColor: NumberArray3 | Uint8Array): void;
+    getDistanceFromPixel(px: Vec2 | IBaseInputState, camera?: Camera | null): number | undefined;
+    /**
+     * Returns 3d coordinates from screen coordinates
+     * @public
+     * @param {Vec2 | IBaseInputState} px - Screen coordinates.
+     * @returns {Vec3 | undefined} -
+     */
+    getCartesianFromPixel(px: Vec2 | IBaseInputState): Vec3 | undefined;
     /**
      * Function starts renderer
      * @public

package/lib/@openglobus/js/renderer/RendererEvents.d.ts

@@ -8,6 +8,7 @@ import { Vec3 } from "../math/Vec3";
 export type RendererEventsHandler = RendererEvents & EventsHandler<RendererEventsType>;
 export declare function createRendererEvents(renderer: Renderer): RendererEvents;
 export type RendererEventsType = [
+    "changerelativecenter",
     "draw",
     "drawtransparent",
     "postdraw",
@@ -110,6 +111,7 @@ export interface IMouseState extends IBaseInputState {
     wheelDelta: number;
     /** JavaScript mouse system event message. */
     sys: MouseEvent | null;
+    isTouchPad: boolean;
 }
 export interface ITouchState extends IBaseInputState {
     /** Touch has ended right now.*/

package/lib/@openglobus/js/scene/Planet.d.ts

@@ -20,8 +20,10 @@ import { Quat } from "../math/Quat";
 import { QuadTreeStrategy } from "../quadTree/QuadTreeStrategy";
 import { Ray } from "../math/Ray";
 import { RenderNode } from "./RenderNode";
+import { Sun } from "../control/Sun";
 import { TerrainWorker } from "../utils/TerrainWorker";
 import { Vec2, Vec3, NumberArray2, NumberArray3, NumberArray4 } from "../math/index";
+import { Vector } from "../layer/Vector";
 import { VectorTileCreator } from "../utils/VectorTileCreator";
 import { WebGLBufferExt, WebGLTextureExt, IDefaultTextureParams } from "../webgl/Handler";
 import { Program } from "../webgl/Program";
@@ -122,14 +124,15 @@ export declare class Planet extends RenderNode {
      * @protected
      * @type {Array.<Layer>}
      */
-    protected visibleVectorLayers: Layer[];
+    protected visibleVectorLayers: Vector[];
+    protected _visibleVectorLayersByDepthOrder: Vector[][];
     protected _visibleTileLayerSlices: Layer[][];
     /**
      * Vector layers visible nodes with collections.
      * @protected
-     * @type {Array.<EntityCollection>}
+     * @type {EntityCollection[][]}
      */
-    protected _frustumEntityCollections: EntityCollection[];
+    protected _visibleEntityCollections: EntityCollection[][];
     /**
      * There is only one base layer on the globe when layer.isBaseLayer is true.
      * @public
@@ -184,6 +187,7 @@ export declare class Planet extends RenderNode {
     _renderedNodesInFrustum: Node[][];
     _fadingNodes: Map<number, Node>;
     _fadingNodesInFrustum: Node[][];
+    protected _fadingOpaqueSegments: Segment[];
     /**
      * Layers activity lock.
      * @public
@@ -308,6 +312,7 @@ export declare class Planet extends RenderNode {
     get terrainReady(): boolean;
     get maxGridSize(): number;
     getNorthFrameRotation(cartesian: Vec3): Quat;
+    getFrameRotation(cartesian: Vec3): Quat;
     set atmosphereMaxOpacity(opacity: number);
     get atmosphereMaxOpacity(): number;
     set atmosphereMinOpacity(opacity: number);
@@ -327,6 +332,7 @@ export declare class Planet extends RenderNode {
      * @public
      */
     getLayers(): Layer[];
+    get sun(): Sun | undefined;
     get sunPos(): Vec3;
     /**
      * Add the given control to the renderer of the planet scene.
@@ -466,18 +472,16 @@ export declare class Planet extends RenderNode {
     unlockQuadTree(): void;
     protected _setUniformsNoAtmos(cam: PlanetCamera): Program;
     protected _setUniformsAtmos(cam: PlanetCamera): Program;
-    protected _renderingFadingNodes: (nodes: Map<number, boolean>, sh: Program, currentNode: Node, sl: Layer[], sliceIndex: number, outTransparentSegments?: Segment[]) => void;
-    protected _renderingFadingNodesNoDepth: (nodes: Map<number, boolean>, sh: Program, currentNode: Node, sl: Layer[], sliceIndex: number) => void;
+    protected _renderingFadingNodes: (nodes: Map<number, boolean>, sh: Program, currentNode: Node, sl: Layer[], sliceIndex: number, outTransparentSegments?: Segment[], outOpaqueSegments?: Segment[]) => void;
+    protected _renderingFadingNodesNoDepth: (nodes: Map<number, boolean>, sh: Program, currentNode: Node, sl: Layer[], sliceIndex: number, outOpaqueSegments?: Segment[]) => void;
     /**
      * Drawing nodes
      */
     protected _renderingScreenNodes(sh: Program, cam: PlanetCamera, renderedNodes: Node[]): void;
     protected _renderingScreenNodesWithHeight(sh: Program, cam: PlanetCamera, renderedNodes: Node[]): void;
-    protected _renderDistanceFramebufferPASS(): void;
     protected _renderColorPickingFramebufferPASS(): void;
     protected _renderDepthFramebufferPASS(): void;
     protected _collectVectorLayerCollections(): void;
-    protected _frustumEntityCollectionPickingCallback(): void;
     /**
      * Starts clear memory thread.
      * @public
@@ -627,5 +631,9 @@ export declare class Planet extends RenderNode {
     getHeightDefault(lonLat: LonLat): Promise<number>;
     getHeightAboveELL(lonLat: LonLat): Promise<number>;
     onremove(): void;
+    /**
+     * @todo: refactor with events or something better
+     */
+    stopDragging(): void;
 }
 export {};

package/lib/@openglobus/js/scene/RenderNode.d.ts

@@ -2,6 +2,8 @@ import { BaseNode } from "./BaseNode";
 import { Renderer } from "../renderer/Renderer";
 import { LightSource } from "../light/LightSource";
 import { EntityCollection } from "../entity/EntityCollection";
+import { Quat } from "../math/Quat";
+import { Vec3 } from "../math/Vec3";
 /**
  * Render node is a logical part of a render mechanism. Represents scene rendering.
  * For example one scene node for rendering the Earth, another one for rendering the Moon, another node for rendering stars etc.
@@ -37,19 +39,19 @@ declare class RenderNode extends BaseNode {
      * @public
      * @type {Array.<LightSource>}
      */
-    _lights: LightSource[];
-    _lightsNames: string[];
-    _lightsPositions: number[];
-    _lightsParamsv: number[];
-    _lightsParamsf: number[];
+    _lightPosition: Float32Array;
+    _lightParams: Float32Array;
+    _lightShininess: number;
     /**
      * Entity collection array.
      * @public
      * @type {Array.<EntityCollection>}
      */
     entityCollections: EntityCollection[];
+    protected _entityCollectionsByDepthOrder: EntityCollection[][];
     protected _pickingId: number;
     constructor(name?: string);
+    getFrameRotation(cartesian: Vec3): Quat;
     /**
      * Adds node to the current hierarchy.
      * @public
@@ -73,13 +75,14 @@ declare class RenderNode extends BaseNode {
      * @param {boolean} [isHidden] - If it's true that this collection has specific rendering.
      * @returns {RenderNode} -
      */
-    addEntityCollection(entityCollection: EntityCollection, isHidden?: boolean): RenderNode;
+    addEntityCollection(entityCollection: EntityCollection, isHidden?: boolean): void;
     /**
      * Removes entity collection.
      * @public
      * @param {EntityCollection} entityCollection - Entity collection for remove.
      */
     removeEntityCollection(entityCollection: EntityCollection): void;
+    updateEntityCollectionsDepthOrder(): void;
     /**
      * Adds point light source.
      * @public
@@ -87,19 +90,6 @@ declare class RenderNode extends BaseNode {
      * @returns {RenderNode}
      */
     addLight(light: LightSource): RenderNode;
-    /**
-     * Gets light object by its name.
-     * @public
-     * @param {string} name - Point light name.
-     * @returns {LightSource}
-     */
-    getLightByName(name: string): LightSource | undefined;
-    /**
-     * Removes light source.
-     * @public
-     * @param {LightSource} light - Light source object.
-     */
-    removeLight(light: LightSource): void;
     /**
      * Calls render frame node's callback. Used in renderer.
      * @public
@@ -128,17 +118,12 @@ declare class RenderNode extends BaseNode {
      * @param {Number} mode - Draw mode, such as gl.TRIANGLES, gl.TRIANGLE_STRIP, gl.LINES etc.
      */
     setDrawMode(mode: number): void;
-    /**
-     * IMPORTANT: This function have to be called manually in each render node frame callback, before drawing scene geometry.
-     * @public
-     */
-    transformLights(): void;
     updateBillboardsTexCoords(): void;
     frame(): void;
     preFrame(): void;
     protected _preDrawNodes(): void;
     protected _drawNodes(): void;
-    drawEntityCollections(ec: EntityCollection[]): void;
+    drawEntityCollections(ec: EntityCollection[], depthOrder?: number): void;
     /**
      * Draw entity collections picking frame.
      * @public

package/lib/@openglobus/js/shaders/drawnode.d.ts

@@ -1,5 +1,6 @@
 import { AtmosphereParameters } from "./atmos";
 import { Program } from "../webgl/Program";
+export declare const ENCODE24 = "vec3 encode24(highp float f) {\n                float F = abs(f);\n                float s = step( 0.0, -f );\n                float e = floor( log2(F) );\n                float m = exp2(- e) * F;\n                e = floor( log2(F) + 127.0 ) + floor( log2(m) );\n                return vec3(\n                    ( 128.0 * s + floor( e * exp2(-1.0) ) ) / 255.0,\n                    ( 128.0 * mod( e, 2.0 ) + mod( floor( m * 128.0 ), 128.0 ) ) / 255.0,\n                    floor( mod( floor( m * exp2( 23.0 - 8.0) ), exp2(8.0) ) ) / 255.0);\n            }";
 export declare function drawnode_screen_nl(): Program;
 export declare function drawnode_screen_wl_webgl1NoAtmos(): Program;
 export declare function drawnode_screen_wl_webgl2NoAtmos(): Program;

package/lib/@openglobus/js/shaders/geoObject.d.ts

@@ -1,3 +1,4 @@
 import { Program } from "../webgl/Program";
 export declare const geo_object: () => Program;
 export declare const geo_object_picking: () => Program;
+export declare const geo_object_depth: () => Program;

package/lib/@openglobus/js/shaders/utils.d.ts

@@ -1 +1 @@
-export declare const UTILS = "\n    float getLerpValue(in float min, in float max, in float between)\n    {\n        return (clamp(between, min, max) - min) / (max - min);\n    }\n    \n    vec3 aces(vec3 color) \n    {\n        float a = 2.51;\n        float b = 0.03;\n        float c = 2.43;\n        float d = 0.59;\n        float e = 0.14;\n        return clamp((color * (a * color + b)) / (color * (c * color + d ) + e), 0.0, 1.0);\n    }\n     \n    bool intersectSphere(vec3 rayOrigin, vec3 rayDirection, float radius, inout float t1, inout float t2) \n    {\n        float b = dot(rayDirection, rayOrigin);\n        float c = dot(rayOrigin, rayOrigin) - radius * radius;\n        float d = b * b - c;\n        if (d < 0.0) {\n            return false;\n        }\n        t1 = -b - sqrt(d);\n        t2 = -b + sqrt(d);\n        return true;\n    }\n    \n    bool intersectSphere(vec3 rayOrigin, vec3 rayDirection, float radius, inout float t) \n    {\n        float b = dot(rayDirection, rayOrigin);\n        float c = dot(rayOrigin, rayOrigin) - radius * radius;\n        float d = b * b - c;\n        if (d < 0.0) {\n            return false;\n        }\n        t = -b - sqrt(d);\n        return true;\n    }\n    \n    bool intersectEllipsoid( in vec3 ro, in vec3 rd, in vec3 ra, inout float t )\n    {\n        vec3 ocn = ro/ra;\n        vec3 rdn = rd/ra;\n        float a = dot( rdn, rdn );\n        float b = dot( ocn, rdn );\n        float c = dot( ocn, ocn );\n        float h = b*b - a*(c-1.0);\n                       \n        if (h < 0.0) \n        { \n            return false; \n        }\n        \n        t = (-b-sqrt(h))/a;\n        \n        return true;\n    }\n    \n    bool intersectEllipsoid( in vec3 ro, in vec3 rd, in vec3 ra, inout float t1, inout float t2)\n    {\n        vec3 ocn = ro/ra;\n        vec3 rdn = rd/ra;\n        float a = dot( rdn, rdn );\n        float b = dot( ocn, rdn );\n        float c = dot( ocn, ocn );\n        float h = b*b - a*(c-1.0);\n                \n        if (h < 0.0) \n        { \n            return false; \n        }\n        \n        h = sqrt(h);\n        t1 = (-b-h)/a;\n        t2 = (-b+h)/a;\n        \n        return true;\n    }\n    \n    vec3 normalEllipsoid( in vec3 pos, in vec3 ra )\n    {\n        return normalize( pos/(ra*ra) );\n    }\n";
+export declare const UTILS = "\n    float getLerpValue(in float min, in float max, in float between)\n    {\n        return (clamp(between, min, max) - min) / (max - min);\n    }\n    \n    vec3 aces(vec3 color) \n    {\n        float a = 2.51;\n        float b = 0.03;\n        float c = 2.43;\n        float d = 0.59;\n        float e = 0.14;\n        return clamp((color * (a * color + b)) / (color * (c * color + d ) + e), 0.0, 1.0);\n    }\n     \n    bool intersectSphere(vec3 rayOrigin, vec3 rayDirection, float radius, inout float t1, inout float t2) \n    {\n        float b = dot(rayDirection, rayOrigin);\n        float c = dot(rayOrigin, rayOrigin) - radius * radius;\n        float d = b * b - c;\n        if (d < 0.0) {\n            return false;\n        }\n        t1 = -b - sqrt(d);\n        t2 = -b + sqrt(d);\n        return true;\n    }\n    \n    bool intersectSphere(vec3 rayOrigin, vec3 rayDirection, float radius, inout float t) \n    {\n        float b = dot(rayDirection, rayOrigin);\n        float c = dot(rayOrigin, rayOrigin) - radius * radius;\n        float d = b * b - c;\n        if (d < 0.0) {\n            return false;\n        }\n        t = -b - sqrt(d);\n        return true;\n    }\n    \n    float intersectSphere( vec3 ro, vec3 rd, vec4 sph )\n    {\n        vec3 oc = ro - sph.xyz;\n        float b = dot( oc, rd );\n        float c = dot( oc, oc ) - sph.w*sph.w;\n        float h = b*b - c;\n        if( h<0.0 ) return -1.0;\n        h = sqrt( h );\n        return -b - h;\n    }\n    \n    bool intersectEllipsoid( in vec3 ro, in vec3 rd, in vec3 ra, inout float t )\n    {\n        vec3 ocn = ro/ra;\n        vec3 rdn = rd/ra;\n        float a = dot( rdn, rdn );\n        float b = dot( ocn, rdn );\n        float c = dot( ocn, ocn );\n        float h = b*b - a*(c-1.0);\n                       \n        if (h < 0.0) \n        { \n            return false; \n        }\n        \n        t = (-b-sqrt(h))/a;\n        \n        return true;\n    }\n    \n    bool intersectEllipsoid( in vec3 ro, in vec3 rd, in vec3 ra, inout float t1, inout float t2)\n    {\n        vec3 ocn = ro/ra;\n        vec3 rdn = rd/ra;\n        float a = dot( rdn, rdn );\n        float b = dot( ocn, rdn );\n        float c = dot( ocn, ocn );\n        float h = b*b - a*(c-1.0);\n                \n        if (h < 0.0) \n        { \n            return false; \n        }\n        \n        h = sqrt(h);\n        t1 = (-b-h)/a;\n        t2 = (-b+h)/a;\n        \n        return true;\n    }\n    \n    vec3 normalEllipsoid( in vec3 pos, in vec3 ra )\n    {\n        return normalize( pos/(ra*ra) );\n    }\n";

package/lib/@openglobus/js/ui/Checkbox.d.ts

@@ -0,0 +1,31 @@
+import { EventsHandler } from "../Events";
+import { IViewParams, View, ViewEventsList } from './View';
+interface ICheckboxParams extends IViewParams {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+}
+type CheckboxEventsList = ["change"];
+declare class Checkbox extends View<null> {
+    events: EventsHandler<CheckboxEventsList> & EventsHandler<ViewEventsList>;
+    protected $label: HTMLElement | null;
+    protected $input: HTMLInputElement | null;
+    protected _checked: boolean;
+    protected _disabled: boolean;
+    constructor(options?: ICheckboxParams);
+    set disabled(disabled: boolean);
+    protected _updateDisabled(): void;
+    get disabled(): boolean;
+    render(params: any): this;
+    protected _onResize: () => void;
+    set checked(isChecked: boolean);
+    get checked(): boolean;
+    protected _initEvents(): void;
+    protected _clearEvents(): void;
+    protected _onMouseWheel: (e: WheelEvent) => void;
+    protected _onMouseWheelFF: (e: WheelEvent) => void;
+    protected _onClick: (e: Event) => void;
+    remove(): void;
+    set visibility(visibility: boolean);
+}
+export { Checkbox };

package/lib/@openglobus/js/ui/Dialog.d.ts

@@ -8,6 +8,7 @@ export interface IDialogParams extends IViewParams {
     width?: number;
     height?: number;
     left?: number;
+    right?: number;
     top?: number;
     minHeight?: number;
     maxHeight?: number;
@@ -28,6 +29,7 @@ declare class Dialog<M> extends View<M> {
     protected _startPosY: number;
     protected _closeBtn: Button;
     protected _visibility: boolean;
+    protected _right: number | null;
     constructor(options?: IDialogParams);
     setContainer(htmlStr: string): void;
     get container(): HTMLElement | null;
@@ -39,6 +41,7 @@ declare class Dialog<M> extends View<M> {
     hide(): void;
     close(): void;
     setVisibility(visibility: boolean): void;
+    getVisibility(): boolean;
     protected _initButtons(): void;
     protected _initEvents(): void;
     protected _onCloseBtnClick: () => void;

package/lib/@openglobus/js/ui/Input.d.ts

@@ -0,0 +1,32 @@
+import { EventsHandler } from "../Events";
+import { IViewParams, View, ViewEventsList } from './View';
+interface IInputParams extends IViewParams {
+    label?: string;
+    value?: string;
+    min?: number;
+    max?: number;
+    type?: string;
+    maxFixed?: number;
+}
+type InputEventsList = ["change"];
+declare class Input extends View<null> {
+    events: EventsHandler<InputEventsList> & EventsHandler<ViewEventsList>;
+    protected _value: string;
+    protected $label: HTMLElement | null;
+    protected $input: HTMLInputElement | null;
+    protected _maxFixed: number;
+    constructor(options?: IInputParams);
+    render(params: any): this;
+    protected _onResize: () => void;
+    set value(val: string | number);
+    protected _setValue(val: string | number): void;
+    get value(): string;
+    protected _initEvents(): void;
+    protected _clearEvents(): void;
+    protected _onMouseWheel: (e: WheelEvent) => void;
+    protected _onMouseWheelFF: (e: WheelEvent) => void;
+    protected _onInput: (e: Event) => void;
+    remove(): void;
+    set visibility(visibility: boolean);
+}
+export { Input };

package/lib/@openglobus/js/ui/View.d.ts

@@ -1,4 +1,4 @@
-import { EventsHandler } from '../Events';
+import { EventCallback, EventsHandler } from '../Events';
 export interface IViewParams {
     model?: any;
     template?: string;
@@ -16,6 +16,8 @@ declare class View<M> {
     el: HTMLElement | null;
     protected _classList: string[];
     constructor(options?: IViewParams);
+    on(name: string, callback: EventCallback, sender?: any, priority?: number): void;
+    off(name: string, callback: EventCallback): void;
     static getHTML(template: string, params: any): string;
     static parseHTML(htmlStr: string): HTMLElement[];
     static insertAfter(newNodes: HTMLElement | HTMLElement[], referenceNode: Node): HTMLElement[];

package/lib/@openglobus/js/utils/objParser.d.ts

@@ -1,24 +1,56 @@
-interface IObjGeometryData {
+import { NumberArray3 } from "../math/Vec3";
+export interface IObjGeometryData {
     vertices: number[];
-    textures: number[];
+    texCoords: number[];
     normals: number[];
 }
-interface IObjGeometry {
+export interface IObjGeometry {
     object: string;
     groups: string[];
     material: string;
     data: IObjGeometryData;
 }
-interface IObjData {
-    geometries: IObjGeometry[];
-    materialLibs: string[];
+export interface IObjMaterial {
+    ambient?: NumberArray3;
+    diffuse?: NumberArray3;
+    specular?: NumberArray3;
+    shininess?: number;
+    color?: NumberArray3;
+    opacity?: number;
+    illum?: number;
+    colorTexture?: string;
+    normalTexture?: string;
+    metallicRoughnessTexture?: string;
 }
-export declare function objParser(text: string): {
+type MaterialMap = Record<string, IObjMaterial>;
+export interface IObj {
     geometries: IObjGeometry[];
-    materialLibs: string[];
-};
-export declare function transformLeftToRightCoordinateSystem(objData: IObjData): {
+    materials: MaterialMap;
+}
+export declare class Obj {
+    objPositions: number[][];
+    objTexcoords: number[][];
+    objNormals: number[][];
+    objVertexData: [number[][], number[][], number[][]];
+    vertexData: [number[], number[], number[]];
+    _materialLibs: string[];
     geometries: IObjGeometry[];
-    materialLibs: string[];
-};
+    geometry: IObjGeometry | null;
+    materials: MaterialMap;
+    material: IObjMaterial;
+    object: string;
+    groups: string[];
+    keywords: Record<string, (parts: string[], unparsedArgs: string) => void>;
+    protected _path: string;
+    constructor();
+    newGeometry(): void;
+    setGeometry(): void;
+    addVertex(vert: string): void;
+    protected _innerParser(text: string, fileName: string): void;
+    get data(): IObj;
+    load(src: string): Promise<IObj>;
+    protected _readAndParse(file: File): Promise<void>;
+    readFile(objFile: File, mtlFile?: File): Promise<IObj>;
+    protected _cleanupGeometryArrays(): void;
+}
 export {};

package/lib/@openglobus/js/utils/shared.d.ts

@@ -7,6 +7,7 @@ import { Vec2 } from "../math/Vec2";
 import { NumberArray2 } from "../math/Vec2";
 import { NumberArray3, Vec3 } from "../math/Vec3";
 import { NumberArray4, Vec4 } from "../math/Vec4";
+import { Ellipsoid } from "../ellipsoid/Ellipsoid";
 export declare function getDefault(param?: any, def?: any): boolean;
 export declare function isEmpty(v: any): boolean;
 /**
@@ -261,3 +262,24 @@ export declare function isImageLoaded(image: HTMLImageElement): boolean;
 export declare function distanceFormat(v: number): string;
 export declare function distanceFormatExt(v: number): [string, string];
 export declare function getUrlParam(paramName: string): number | undefined;
+/**
+ *
+ * @param x
+ * @param y
+ * @param z
+ * @param imageSize
+ * @param ellipsoid
+ *
+ * console.log(1, getTileImageResolution(0, 0, 1));
+ * console.log(7, getTileImageResolution(66, 44, 7));
+ * console.log(10, getTileImageResolution(536, 358, 10));
+ * console.log(12, getTileImageResolution(2149, 1446, 12));
+ * console.log(13, getTileImageResolution(4301, 2892, 13));
+ * console.log(14, getTileImageResolution(8582, 5736, 14));
+ * console.log(15, getTileImageResolution(17205, 11569, 15));
+ * console.log(16, getTileImageResolution(34419, 23138, 16));
+ * console.log(17, getTileImageResolution(68661, 45892, 17));
+ * console.log(18, getTileImageResolution(137650, 92555, 18));
+ */
+export declare function getTileImageResolution(x: number, y: number, z: number, imageSize?: number, ellipsoid?: Ellipsoid): number[];
+export declare function toFixedMax(value: number, maxFixed?: number): string;

package/lib/@openglobus/js/webgl/BaseFramebuffer.d.ts

@@ -1,6 +1,5 @@
 import { Handler } from "./Handler";
 export interface IBaseFramebufferParams {
-    internalFormat?: string | string[];
     width?: number;
     height?: number;
     useDepth?: boolean;