@openglobus/og 0.17.1 → 0.18.0

package/src/og/scene/index.js

@@ -1,5 +0,0 @@
-import { Axes } from "./Axes.js";
-import { Planet } from "./Planet.js";
-import { SkyBox } from "./SkyBox.js";
-
-export { Planet, Axes, SkyBox };

package/src/og/terrain/EmptyTerrain.js

@@ -1,174 +0,0 @@
-"use strict";
-
-import { binarySearchFast } from "../utils/shared.js";
-import { Geoid } from "./Geoid.js";
-
-/**
- * Class represents terrain provider without elevation data.
- * @param {Object} [options] - Provider options:
- * @param {string} [options.name="empty"] - Provider name.
- * @param {number} [options.minZoom=2] - Minimal visible zoom index when terrain handler works.
- * @param {number} [options.minZoom=50] - Maximal visible zoom index when terrain handler works.
- * @param {number} [options.minNativeZoom=50] - Maximal available terrain zoom level.
- * @param {Array.<number>} [options.gridSizeByZoom] - Array of segment triangulation grid sizes where array index agreed to the segment zoom index.
- * @param {Array.<number>} [gridSizeByZoom] - Array of values, where each value corresponds to the size of a tile(or segment) on the globe. Each value must be power of two.
- */
-class EmptyTerrain {
-    constructor(options = {}) {
-
-        this.equalizeVertices = options.equalizeVertices || false;
-
-        this.equalizeNormals = false;
-
-        this.isEmpty = true;
-
-        /**
-         * Provider name is "empty"
-         * @public
-         * @type {string}
-         */
-        this.name = options.name || "empty";
-
-        /**
-         * Minimal z-index value for segment elevation data handling.
-         * @public
-         * @type {number}
-         */
-        this.minZoom = options.minZoom || 2;
-
-        /**
-         * Maximal z-index value for segment elevation data handling.
-         * @public
-         * @type {number}
-         */
-        this.maxZoom = options.maxZoom || 50;
-
-        /**
-         * Maximal existent available zoom
-         * @type {number}
-         */
-        this.maxNativeZoom = options.maxNativeZoom || this.maxZoom;
-
-        /**
-         * @public
-         * @type {Array.<number>}
-         */
-        this.gridSizeByZoom = options.gridSizeByZoom || [
-            64, 32, 16, 8, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2
-        ];
-
-        this._maxNodeZoom = this.gridSizeByZoom.length - 1;
-
-        /**
-         * Elevation grid size. Currend is 2x2 is the smallest grid size.
-         * @public
-         * @type {number}
-         */
-        this.plainGridSize = 2;
-
-        /**
-         * Planet node.
-         * @protected
-         * @type {Planet}
-         */
-        this._planet = null;
-
-        this._geoid =
-            options.geoid ||
-            new Geoid({
-                src: options.geoidSrc || null
-            });
-
-        this._isReady = false;
-
-        // const _ellToAltFn = [
-        //     (lon, lat, alt, callback) => callback(alt),
-        //     (lon, lat, alt, callback) => callback(alt - this._geoid.getHeight(lon, lat)),
-        //     (lon, lat, alt, callback) => {
-
-        //         let x = mercator.getTileX(lon, zoom),
-        //             y = mercator.getTileY(lat, zoom);
-
-        //         let mslAlt = alt - this._geoid.getHeight(lon, lat);
-
-        //         if (true) {
-
-        //         } else {
-
-        //         }
-
-        //         return callback(mslAlt);
-        //     },
-        // ];
-    }
-
-    static checkNoDataValue(noDataValues, value) {
-        return binarySearchFast(noDataValues, value) !== -1;
-    }
-
-    isBlur() {
-        return false;
-    }
-
-    set maxNodeZoom(val) {
-        if (val > this.gridSizeByZoom.length - 1) {
-            val = this.gridSizeByZoom.length - 1;
-        }
-        this._maxNodeZoom = val;
-    }
-
-    get maxNodeZoom() {
-        return this._maxNodeZoom;
-    }
-
-    set geoid(geoid) {
-        this._geoid = geoid;
-    }
-
-    get geoid() {
-        return this._geoid;
-    }
-
-    getGeoid() {
-        return this._geoid;
-    }
-
-    /**
-     * Loads or creates segment elevation data.
-     * @public
-     * @virtual
-     * @param {Segment} segment - Segment to create elevation data.
-     */
-    handleSegmentTerrain(segment) {
-        segment.terrainIsLoading = false;
-        segment.terrainReady = true;
-        segment.terrainExists = true;
-    }
-
-    isReady() {
-        return this._isReady;
-    }
-
-    /**
-     * Abstract function
-     * @public
-     * @abstract
-     */
-    abortLoading() {
-    }
-
-    /**
-     * Abstract function
-     * @public
-     * @abstract
-     */
-    clearCache() {
-    }
-
-    getHeightAsync(lonLat, callback) {
-        callback(0);
-        return true;
-    }
-}
-
-export { EmptyTerrain };

package/src/og/terrain/index.js

@@ -1,6 +0,0 @@
-import { BilTerrain } from './BilTerrain.js';
-import { EmptyTerrain } from './EmptyTerrain.js';
-import { GlobusTerrain } from './GlobusTerrain.js';
-import { MapboxTerrain } from './MapboxTerrain.js';
-
-export { EmptyTerrain, GlobusTerrain, MapboxTerrain, BilTerrain };

package/src/og/ui/Button.js

@@ -1,107 +0,0 @@
-'use strict'
-
-import { stringTemplate } from '../utils/shared.js';
-import { View } from './View.js';
-
-const TEMPLATE =
-    `<div class="og-button" title="{title}">
-       <div class="og-button-icon">{icon}</div>
-       <div class="og-button-text">{text}</div>
-    </div>`;
-
-class Button extends View {
-    constructor(options = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                icon: options.icon || "",
-                text: options.text || "",
-                title: options.title || ""
-            }),
-            ...options,
-            eventList: ["click", "mousedown", "mouseup", "touchstart", "touchend", "touchcancel", ...(options.eventList || [])]
-        });
-
-        this.name = options.name || "";
-
-        this.$icon;
-        this.$text;
-    }
-
-    render(params) {
-        super.render(params);
-        this.$icon = this.select(".og-button-icon");
-        this.$text = this.select(".og-button-text");
-        this.el.__og_button__ = this;
-        this._initEvents();
-        return this;
-    }
-
-    _initEvents() {
-        this._onMouseClick_ = this._onMouseClick.bind(this);
-        this.el.addEventListener("click", this._onMouseClick_);
-
-        this._onMouseDown_ = this._onMouseDown.bind(this);
-        this.el.addEventListener("mousedown", this._onMouseDown_);
-
-        this._onMouseUp_ = this._onMouseUp.bind(this);
-        this.el.addEventListener("mouseup", this._onMouseUp_);
-
-        this._onTouchStart_ = this._onTouchStart.bind(this);
-        this.el.addEventListener("touchstart", this._onTouchStart_);
-
-        this._onTouchEnd_ = this._onTouchEnd.bind(this);
-        this.el.addEventListener("touchend", this._onTouchEnd_);
-
-        this._onTouchCancel_ = this._onTouchCancel.bind(this);
-        this.el.addEventListener("touchcancel", this._onTouchCancel_);
-
-    }
-
-    _onMouseDown(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.mousedown, this, e);
-    }
-
-    _onMouseUp(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.mouseup, this, e);
-    }
-
-    _onTouchStart(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.touchstart, this, e);
-    }
-
-    _onTouchEnd(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.touchend, this, e);
-    }
-
-    _onTouchCancel(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.touchcancel, this, e);
-    }
-
-    _onMouseClick(e) {
-        e = e || window.event;
-        e.preventDefault();
-        this._events.dispatch(this._events.click, this, e);
-    }
-
-    remove() {
-        this._clearEvents();
-        super.remove();
-    }
-
-    _clearEvents() {
-        this.el.removeEventListener("click", this._onMouseClick_);
-        this._onMouseClick_ = undefined;
-    }
-}
-
-export { Button };

package/src/og/ui/ButtonGroup.js

@@ -1,57 +0,0 @@
-'use strict';
-
-import { Events } from '../Events.js';
-
-class ButtonGroup {
-    constructor(options) {
-        this._events = new Events(["change", ...(options.eventList || [])]);
-
-        this._buttons = options.buttons
-        for (let i = 0; i < this._buttons.length; i++) {
-            this._bindButton(this._buttons[i]);
-        }
-    }
-
-    on(eventName, callback, sender) {
-        this._events.on(eventName, callback, sender);
-    }
-
-    off(eventName, callback) {
-        this._events.off(eventName, callback);
-    }
-
-    _bindButton(button) {
-        button.on("change", this._onChange, this);
-    }
-
-    add(button) {
-        this._buttons.push(button);
-        this._bindButton(button);
-    }
-
-    _onChange(isActive, btn) {
-        if (isActive) {
-            btn.preventClick = true;
-            for (let i = 0; i < this._buttons.length; i++) {
-                let bi = this._buttons[i];
-                if (!bi.isEqual(btn)) {
-                    bi.setActive(false);
-                    bi.preventClick = false;
-                }
-            }
-            this._events.dispatch(this._events.change, btn);
-        }
-    }
-
-    remove(button) {
-        for (let i = 0; i < this._buttons.length; i++) {
-            if (this._buttons[i].isEqual(button)) {
-                this._buttons.splice(i);
-                button.off("change", this._onChange);
-                return;
-            }
-        }
-    }
-}
-
-export { ButtonGroup }

package/src/og/ui/Dialog.js

@@ -1,239 +0,0 @@
-'use strict'
-
-import { getDefault, stringTemplate } from '../utils/shared.js';
-import { Button } from './Button.js';
-import { CLOSE_ICON } from './icons.js';
-import { View } from './View.js';
-
-const TEMPLATE = `<div class="og-ddialog" 
-        style="display:{display}; resize:{resize}; width: {width}px; {height}; top: {top}px; left: {left}px; min-height: {minHeight}; max-height: {maxHeight}; min-width: {minWidth}; max-width: {maxWidth};">
-       <div class="og-ddialog-header">
-         <div class="og-ddialog-header__title">{title}</div>      
-         <div class="og-ddialog-header__buttons"></div>      
-        </div>
-       <div class="og-ddialog-container"></div>
-    </div>>`;
-
-class Dialog extends View {
-    constructor(options = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                title: options.title || "",
-                display: getDefault(options.visible, true) ? "flex" : "none",
-                resize: getDefault(options.resizable, true) ? "both" : "none",
-                width: options.width || 300,
-                height: options.height ? `height:${options.height || 200}` : "",
-                left: options.left || 0,
-                top: options.top || 0,
-                minHeight: options.minHeight ? `${options.minHeight}px` : 'unset',
-                maxHeight: options.maxHeight ? `${options.maxHeight}px` : 'unset',
-                minWidth: options.minWidth ? `${options.minWidth}px` : 'unset',
-                maxWidth: options.maxWidth ? `${options.maxWidth}px` : 'unset',
-            }),
-            ...options,
-            eventList: ["resize", "focus", "visibility", "dragstart", "dragend", ...(options.eventList || [])],
-        });
-
-        this._startPosX = 0;
-        this._startPosY = 0;
-
-        this.$header;
-        this.$title;
-        this.$constainer;
-        this.$buttons;
-
-        this._closeBtn;
-
-        this.useHide = options.useHide || false;
-
-        this._visibility = getDefault(options.visible, true);
-    }
-
-    static set __zIndex(n) {
-        this.__zIndex__ = n;
-    }
-
-    static get __zIndex() {
-        if (!this.__zIndex__ && this.__zIndex__ !== 0) {
-            this.__zIndex__ = 0;
-        }
-        return this.__zIndex__;
-    }
-
-    setContainer(htmlStr) {
-        this.$constainer.innerHTML = htmlStr;
-    }
-
-    get container() {
-        return this.$container;
-    }
-
-    get width() {
-        return this.el ? parseFloat(this.el.style.width) : 0;
-    }
-
-    get height() {
-        return this.el ? parseFloat(this.el.style.height) : 0;
-    }
-
-    bringToFront() {
-        this.el.style.zIndex = Dialog.__zIndex++;
-    }
-
-    render(params) {
-        super.render(params);
-        this.bringToFront();
-        this.$header = this.select(".og-ddialog-header");
-        this.$title = this.select(".og-ddialog-header__title");
-        this.$container = this.select(".og-ddialog-container");
-        this.$buttons = this.select(".og-ddialog-header__buttons");
-        this._initEvents();
-        this._initButtons();
-        return this;
-    }
-
-    show() {
-        if (!this._visibility) {
-            this._visibility = true;
-            this.el.style.display = "flex";
-            this.bringToFront();
-            this._events.dispatch(this._events.visibility, true, this);
-        }
-    }
-
-    hide() {
-        if (this._visibility) {
-            this._visibility = false;
-            this.el.style.display = "none";
-            this._events.dispatch(this._events.visibility, false, this);
-        }
-    }
-
-    close() {
-        if (this.useHide) {
-            this.hide();
-        } else {
-            this.remove();
-        }
-    }
-
-    setVisibility(visibility) {
-        if (visibility) {
-            this.show();
-        } else {
-            this.hide();
-        }
-    }
-
-    _initButtons() {
-        this._closeBtn = new Button({
-            icon: CLOSE_ICON,
-            classList: ["og-button-size__20"]
-        });
-
-        this._onCloseBtnClick_ = this._onCloseBtnClick.bind(this);
-        this._closeBtn.on("click", this._onCloseBtnClick_);
-
-        this._closeBtn.appendTo(this.$buttons);
-    }
-
-    _initEvents() {
-        this._onMouseDown_ = this._onMouseDown.bind(this);
-        this.$header.addEventListener("mousedown", this._onMouseDown_);
-
-        this._onMouseDownAll_ = this._onMouseDownAll.bind(this);
-        this.el.addEventListener("mousedown", this._onMouseDownAll_);
-    }
-
-    _onCloseBtnClick(e) {
-        this.close();
-    }
-
-    _onMouseDownAll() {
-        this.bringToFront();
-    }
-
-    _onMouseDown(e) {
-        e = e || window.event;
-        e.preventDefault();
-
-        this._startDragging();
-
-        this._startPosX = e.clientX;
-        this._startPosY = e.clientY;
-
-        this._onMouseMove_ = this._onMouseMove.bind(this)
-        document.addEventListener("mousemove", this._onMouseMove_);
-
-        this._onMouseUp_ = this._onMouseUp.bind(this);
-        document.addEventListener("mouseup", this._onMouseUp_);
-    }
-
-    setPosition(x, y) {
-        if (x != undefined) {
-            this.el.style.left = `${x}px`;
-        }
-        if (y != undefined) {
-            this.el.style.top = `${y}px`;
-        }
-    }
-
-    _onMouseMove(e) {
-        e = e || window.event;
-        e.preventDefault();
-        let dx = this._startPosX - e.clientX;
-        let dy = this._startPosY - e.clientY;
-        this._startPosX = e.clientX;
-        this._startPosY = e.clientY;
-        this.setPosition(this.el.offsetLeft - dx, this.el.offsetTop - dy);
-    }
-
-    _startDragging() {
-        if (!this.el.classList.contains("dragging")) {
-            this.el.classList.add("dragging");
-            this._events.dispatch(this._events.dragstart, this);
-        }
-    }
-
-    _clearDragging() {
-        if (this.el.classList.contains("dragging")) {
-            this._events.dispatch(this._events.dragend, this);
-            this.el.classList.remove("dragging");
-        }
-    }
-
-    _onMouseUp() {
-        this._clearDragging();
-
-        document.removeEventListener("mouseup", this._onMouseUp_);
-        this._onMouseUp_ = undefined;
-
-        document.removeEventListener("mousemove", this._onMouseMove_);
-        this._onMouseMove_ = undefined;
-    }
-
-    remove() {
-        this._clearDragging();
-        this._clearEvents();
-        super.remove();
-    }
-
-    _clearEvents() {
-        this._closeBtn.off("click", this._onCloseBtnClick_);
-        this._onCloseBtnClick_ = undefined;
-
-        document.removeEventListener("mouseup", this._onMouseUp_);
-        this._onMouseUp_ = undefined;
-
-        document.removeEventListener("mousemove", this._onMouseMove_);
-        this._onMouseMove_ = undefined;
-
-        this.$header.removeEventListener("mousedown", this._onMouseDown_);
-        this._onMouseDown_ = undefined;
-
-        this.el.removeEventListener("mousedown", this._onMouseDownAll_);
-        this._onMouseDownAll_ = undefined;
-    }
-}
-
-export { Dialog };