@openglobus/og 0.18.0 → 0.18.1

package/src/terrain/Geoid.ts

@@ -1,273 +0,0 @@
-/* This file is mostly a straight translation of
- * GeographicLib/src/Geoid.cpp from C++ to JavaScript
- * by Kim Vandry <vandry@TZoNE.ORG>
- *
- * @license
- *  **
- * * \file Geoid.cpp
- * * \brief Implementation for GeographicLib::Geoid class
- * *
- * * Copyright (c) Charles Karney (2009) <charles@karney.com>
- * * and licensed under the LGPL.  For more information, see
- * * http://geographiclib.sourceforge.net/
- * **********************************************************************
- *
- * Geoid height grade not supported
- * The files can be downloaded from here:
- * http://geographiclib.sourceforge.net/1.18/geoid.html
- */
-
-//window.myGeoid = new Geoid();
-
-//Geoid.loadModel("./res/egm84-30.pgm")
-//    .then(function (model) {
-//        myGeoid.setModel(model);
-
-//        globe.planet.renderer.events.on("lclick", (e) => {
-//            let c = globe.planet.getLonLatFromPixelTerrain(e);
-//            let h = myGeoid.getHeight(c.lon, c.lat);
-//            console.log(`${c.lat} ${c.lon} h=${h}`);
-//        });
-//    })
-//    .catch(function (err) {
-//        // If we get here, the model failed to load
-//        console.log(err);
-//    });
-
-import {LonLat} from "../LonLat";
-
-interface IGeoidParams {
-    model?: GeoidModel;
-    src?: string | null;
-}
-
-
-export type GeoidModel = {
-    scale: number;
-    offset: number,
-    width: number;
-    height: number;
-    rlonres: number;
-    rlatres: number;
-    i: number;
-    rawfile: Uint8Array
-};
-
-class Geoid {
-
-    public model: GeoidModel | null;
-    public src: string | null;
-
-    protected _cached_ix: number;
-    protected _cached_iy: number;
-    protected _v00: number;
-    protected _v01: number;
-    protected _v10: number;
-    protected _v11: number;
-    protected _t: number;
-
-    constructor(options: IGeoidParams = {}) {
-
-        this.model = options.model || null;
-        this.src = options.src || null;
-
-        this._cached_ix = 0;
-        this._cached_iy = 0;
-        this._v00 = 0;
-        this._v01 = 0;
-        this._v10 = 0;
-        this._v11 = 0;
-        this._t = 0;
-    }
-
-    static loadModel(url?: string | null): Promise<GeoidModel | null> {
-        if (!url) {
-            return new Promise((resolve: any) => {
-                resolve(null);
-            });
-        } else
-            return fetch(url, {})
-
-                .then((r: Response) => {
-                    if (!r.ok) {
-                        throw Error("Geoid model file: HTTP error " + r.status);
-                    }
-                    return r.arrayBuffer();
-                })
-
-                .then((r: ArrayBuffer) => {
-                    if (r) {
-                        return new Uint8Array(r);
-                    } else {
-                        throw Error("Geoid model file: no data from " + url);
-                    }
-                })
-
-                .then(function (rawfile: Uint8Array) {
-
-                    if (!((rawfile[0] === 80) && (rawfile[1] === 53) && (
-                        ((rawfile[2] === 13) && (rawfile[3] === 10)) ||
-                        (rawfile[2] === 10)
-                    ))) {
-                        throw new Error("Geoid model file: no PGM header");
-                    }
-
-                    var i: number = (rawfile[2] === 13) ? 4 : 3;
-                    var offset: number | null = null;
-                    var scale: number | null = null;
-
-                    function getline(): string {
-                        let start = i;
-                        for (var j = i; ; j++) {
-                            if (j >= rawfile.length) {
-                                throw new Error("Geoid model file: missing newline in header");
-                            }
-                            if (rawfile[j] === 10) {
-                                i = j + 1;
-                                break;
-                            }
-                        }
-                        if ((j > start) && (rawfile[j - 1] === 13)) j--;
-                        return String.fromCharCode.apply(null, rawfile.slice(start, j) as any);
-                    }
-
-                    var m, s;
-                    for (; ;) {
-                        s = getline();
-                        if (s[0] !== '#') break;
-                        m = s.match(/^# Offset (.*)$/);
-                        if (m) {
-                            offset = parseInt(m[1], 10);
-                            if (!isFinite(offset)) {
-                                throw new Error("Geoid model file: bad offset " + m[1]);
-                            }
-                        } else {
-                            m = s.match(/^# Scale (.*)$/);
-                            if (m) {
-                                scale = parseFloat(m[1]);
-                                if (!isFinite(scale)) {
-                                    throw new Error("Geoid model file: bad scale " + m[1]);
-                                }
-                            }
-                        }
-                    }
-
-                    m = s.match(/^\s*(\d+)\s+(\d+)\s*$/);
-
-                    let width: number = 0;
-                    let height: number = 0;
-
-                    if (m) {
-                        width = parseInt(m[1], 10);
-                        height = parseInt(m[2], 10);
-                    }
-
-                    if (!(m && (width >= 0) && (height >= 0))) {
-                        throw new Error("Geoid model file: bad PGM width&height line");
-                    }
-
-                    let levels = parseInt(getline());
-
-                    if (levels != 65535) {
-                        throw new Error("Geoid model file: PGM file must have 65535 gray levels");
-                    }
-                    if (offset === null) {
-                        throw new Error("Geoid model file: PGM file does not contain offset");
-                    }
-                    if (scale === null) {
-                        throw new Error("Geoid model file: PGM file does not contain scale");
-                    }
-                    if ((width < 2) || (height < 2)) {
-                        throw new Error("Geoid model file: Raster size too small");
-                    }
-
-                    let payload_len = rawfile.length - i;
-
-                    if (payload_len !== (width * height * 2)) {
-                        throw new Error("Geoid model file: File has the wrong length");
-                    }
-
-                    return {
-                        scale: scale,
-                        offset: offset,
-                        width: width,
-                        height: height,
-                        rlonres: width / 360,
-                        rlatres: (height - 1) / 180,
-                        i: i,
-                        rawfile: rawfile
-                    };
-                });
-    }
-
-    setModel(model: GeoidModel | null) {
-        this.model = model;
-    }
-
-    protected _rawval(ix: number, iy: number): number {
-        let model = this.model!;
-
-        if (iy < 0) {
-            iy = -iy;
-            ix += model.width / 2;
-        } else if (iy >= model.height) {
-            iy = 2 * (model.height - 1) - iy;
-            ix += model.width / 2;
-        }
-
-        if (ix < 0) {
-            ix += model.width;
-        } else if (ix >= model.width) {
-            ix -= model.width;
-        }
-
-        let k = (iy * model.width + ix) * 2 + model.i;
-
-        return (model.rawfile[k] << 8) | model.rawfile[k + 1];
-    }
-
-    public getHeightLonLat(lonlat: LonLat): number {
-        return this.getHeight(lonlat.lon, lonlat.lat);
-    }
-
-    public getHeight(lon: number, lat: number): number {
-
-        if (!this.model) return 0;
-
-        let model = this.model;
-
-        if (lon < 0) lon += 360.0;
-
-        let fy = (90 - lat) * model.rlatres;
-        let fx = lon * model.rlonres;
-        let iy = Math.floor(fy);
-        let ix = Math.floor(fx);
-
-        fx -= ix;
-        fy -= iy;
-
-        if (iy === (model.height - 1)) {
-            iy--;
-        }
-
-        if ((this._cached_ix !== ix) || (this._cached_iy !== iy)) {
-
-            this._cached_ix = ix;
-            this._cached_iy = iy;
-
-            this._v00 = this._rawval(ix, iy);
-            this._v01 = this._rawval(ix + 1, iy);
-            this._v10 = this._rawval(ix, iy + 1);
-            this._v11 = this._rawval(ix + 1, iy + 1);
-        }
-
-        let a = (1 - fx) * this._v00 + fx * this._v01;
-        let b = (1 - fx) * this._v10 + fx * this._v11;
-
-        let h = (1 - fy) * a + fy * b;
-
-        return model.offset + model.scale * h;
-    }
-}
-
-export {Geoid};

package/src/ui/Button.ts

@@ -1,121 +0,0 @@
-import {stringTemplate} from '../utils/shared';
-import {IViewParams, View, ViewEventsList} from './View';
-import {EventsHandler} from "../Events";
-
-const TEMPLATE =
-    `<div class="og-button" title="{title}">
-       <div class="og-button-icon">{icon}</div>
-       <div class="og-button-text">{text}</div>
-    </div>`;
-
-interface HTMLElementExt extends HTMLElement {
-    __og_button__: Button;
-}
-
-export type ButtonEventsList = ["click", "mousedown", "mouseup", "touchstart", "touchend", "touchcancel"];
-
-const BUTTON_EVENTS: ButtonEventsList = ["click", "mousedown", "mouseup", "touchstart", "touchend", "touchcancel"];
-
-export interface IButtonParams extends IViewParams {
-    icon?: string;
-    text?: string;
-    title?: string;
-    name?: string;
-}
-
-class Button extends View<null> {
-
-    public override events: EventsHandler<ButtonEventsList> & EventsHandler<ViewEventsList>;
-
-    public override el: HTMLElementExt | null;
-
-    public name: string;
-    public $icon: HTMLElement | null;
-    public $text: HTMLElement | null;
-
-    constructor(options: IButtonParams = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                icon: options.icon || "",
-                text: options.text || "",
-                title: options.title || ""
-            }),
-            ...options
-        });
-
-        //@ts-ignore
-        this.events = this.events.registerNames(BUTTON_EVENTS);
-
-        this.el = null;
-
-        this.name = options.name || "";
-
-        this.$icon = null;
-        this.$text = null;
-    }
-
-    public override render(params: any): this {
-        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;
-    }
-
-    protected _initEvents() {
-        if (this.el) {
-            this.el.addEventListener("click", this._onMouseClick);
-            this.el.addEventListener("mousedown", this._onMouseDown);
-            this.el.addEventListener("mouseup", this._onMouseUp);
-            this.el.addEventListener("touchstart", this._onTouchStart);
-            this.el.addEventListener("touchend", this._onTouchEnd);
-            this.el.addEventListener("touchcancel", this._onTouchCancel);
-        }
-    }
-
-    protected _onMouseDown = (e: MouseEvent) => {
-        e.preventDefault();
-        this.events.dispatch(this.events.mousedown, this, e);
-    }
-
-    protected _onMouseUp = (e: MouseEvent) => {
-        e.preventDefault();
-        this.events.dispatch(this.events.mouseup, this, e);
-    }
-
-    protected _onTouchStart = (e: TouchEvent) => {
-        e.preventDefault();
-        this.events.dispatch(this.events.touchstart, this, e);
-    }
-
-    protected _onTouchEnd = (e: TouchEvent) => {
-        e.preventDefault();
-        this.events.dispatch(this.events.touchend, this, e);
-    }
-
-    protected _onTouchCancel = (e: TouchEvent) => {
-        e.preventDefault();
-        this.events.dispatch(this.events.touchcancel, this, e);
-    }
-
-    protected _mouseClickHandler(e: MouseEvent) {
-        e.preventDefault();
-        this.events.dispatch(this.events.click, this, e);
-    }
-
-    protected _onMouseClick = (e: MouseEvent) => {
-        this._mouseClickHandler(e)
-    }
-
-    public override remove() {
-        this._clearEvents();
-        super.remove();
-    }
-
-    protected _clearEvents() {
-        this.el && this.el.removeEventListener("click", this._onMouseClick);
-    }
-}
-
-export {Button};

package/src/ui/ButtonGroup.ts

@@ -1,63 +0,0 @@
-import {ToggleButton} from "./ToggleButton";
-import {createEvents, EventsHandler} from '../Events';
-
-interface IButtonGroupParams {
-    buttons?: ToggleButton[];
-}
-
-type ButtonGroupEventsList = ["change"];
-
-const BUTTONGROUP_EVENTS: ButtonGroupEventsList = ["change"];
-
-class ButtonGroup {
-
-    public events: EventsHandler<ButtonGroupEventsList>;
-
-    protected _buttons: ToggleButton[];
-
-    constructor(options: IButtonGroupParams = {}) {
-
-        this.events = createEvents<ButtonGroupEventsList>(BUTTONGROUP_EVENTS);
-
-        this._buttons = options.buttons || [];
-
-        for (let i = 0; i < this._buttons.length; i++) {
-            this._bindButton(this._buttons[i]);
-        }
-    }
-
-    protected _bindButton(button: ToggleButton) {
-        button.events.on("change", this._onChange);
-    }
-
-    public add(button: ToggleButton) {
-        this._buttons.push(button);
-        this._bindButton(button);
-    }
-
-    protected _onChange = (isActive: boolean, btn: ToggleButton) => {
-        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);
-        }
-    }
-
-    public remove(button: ToggleButton) {
-        for (let i = 0; i < this._buttons.length; i++) {
-            if (this._buttons[i].isEqual(button)) {
-                this._buttons.splice(i);
-                button.events.off("change", this._onChange);
-                return;
-            }
-        }
-    }
-}
-
-export {ButtonGroup}

package/src/ui/Dialog.ts

@@ -1,244 +0,0 @@
-import {getDefault, stringTemplate} from '../utils/shared';
-import {Button} from './Button';
-import {CLOSE_ICON} from './icons';
-import {IViewParams, View, ViewEventsList} from './View';
-import {EventsHandler} from "../Events";
-
-export interface IDialogParams extends IViewParams {
-    title?: string;
-    visible?: boolean;
-    resizable?: boolean;
-    width?: number;
-    height?: number;
-    left?: number;
-    top?: number;
-    minHeight?: number;
-    maxHeight?: number;
-    minWidth?: number;
-    maxWidth?: number;
-    useHide?: boolean;
-}
-
-type DialogEventsList = ["resize", "focus", "visibility", "dragstart", "dragend"];
-
-const DIALOG_EVENTS: DialogEventsList = ["resize", "focus", "visibility", "dragstart", "dragend"];
-
-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<M> extends View<M> {
-
-    static __zIndex__: number = 0;
-
-    public override events: EventsHandler<DialogEventsList> & EventsHandler<ViewEventsList>;
-
-    public $header: HTMLElement | null;
-    public $title: HTMLElement | null;
-    public $container: HTMLElement | null;
-    public $buttons: HTMLElement | null;
-
-    public useHide: boolean;
-
-    protected _startPosX: number;
-    protected _startPosY: number;
-
-    protected _closeBtn: Button;
-
-    protected _visibility: boolean;
-
-    constructor(options: IDialogParams = {}) {
-        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
-        });
-
-        //@ts-ignore
-        this.events = this.events.registerNames(DIALOG_EVENTS);
-
-        this._startPosX = 0;
-        this._startPosY = 0;
-
-        this.$header = null;
-        this.$title = null;
-        this.$container = null;
-        this.$buttons = null;
-
-        this._closeBtn = new Button({
-            icon: CLOSE_ICON,
-            classList: ["og-button-size__20"]
-        });
-
-        this.useHide = options.useHide || false;
-
-        this._visibility = getDefault(options.visible, true);
-    }
-
-    public setContainer(htmlStr: string) {
-        this.$container!.innerHTML = htmlStr;
-    }
-
-    public get container(): HTMLElement | null {
-        return this.$container;
-    }
-
-    public get width(): number {
-        return this.el ? parseFloat(this.el.style.width) : 0;
-    }
-
-    public get height(): number {
-        return this.el ? parseFloat(this.el.style.height) : 0;
-    }
-
-    public bringToFront() {
-        this.el!.style.zIndex = String(Dialog.__zIndex__++);
-    }
-
-    public override render(params: any): this {
-        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;
-    }
-
-    public show() {
-        if (!this._visibility) {
-            this._visibility = true;
-            this.el!.style.display = "flex";
-            this.bringToFront();
-            this.events.dispatch(this.events.visibility, true, this);
-        }
-    }
-
-    public hide() {
-        if (this._visibility) {
-            this._visibility = false;
-            this.el!.style.display = "none";
-            this.events.dispatch(this.events.visibility, false, this);
-        }
-    }
-
-    public close() {
-        if (this.useHide) {
-            this.hide();
-        } else {
-            this.remove();
-        }
-    }
-
-    public setVisibility(visibility: boolean) {
-        if (visibility) {
-            this.show();
-        } else {
-            this.hide();
-        }
-    }
-
-    protected _initButtons() {
-        this._closeBtn.events.on("click", this._onCloseBtnClick);
-        this._closeBtn.appendTo(this.$buttons!);
-    }
-
-    protected _initEvents() {
-        this.$header!.addEventListener("mousedown", this._onMouseDown);
-        this.el!.addEventListener("mousedown", this._onMouseDownAll);
-    }
-
-    protected _onCloseBtnClick = () => {
-        this.close();
-    }
-
-    protected _onMouseDownAll = () => {
-        this.bringToFront();
-    }
-
-    protected _onMouseDown = (e: MouseEvent) => {
-        e.preventDefault();
-
-        this._startDragging();
-
-        this._startPosX = e.clientX;
-        this._startPosY = e.clientY;
-
-        document.addEventListener("mousemove", this._onMouseMove);
-        document.addEventListener("mouseup", this._onMouseUp);
-    }
-
-    public setPosition(x?: number, y?: number) {
-        if (x != undefined) {
-            this.el!.style.left = `${x}px`;
-        }
-        if (y != undefined) {
-            this.el!.style.top = `${y}px`;
-        }
-    }
-
-    protected _onMouseMove = (e: MouseEvent) => {
-        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);
-    }
-
-    protected _startDragging() {
-        if (!this.el!.classList.contains("dragging")) {
-            this.el!.classList.add("dragging");
-            this.events.dispatch(this.events.dragstart, this);
-        }
-    }
-
-    protected _clearDragging() {
-        if (this.el!.classList.contains("dragging")) {
-            this.events.dispatch(this.events.dragend, this);
-            this.el!.classList.remove("dragging");
-        }
-    }
-
-    protected _onMouseUp = () => {
-        this._clearDragging();
-        document.removeEventListener("mouseup", this._onMouseUp);
-        document.removeEventListener("mousemove", this._onMouseMove);
-    }
-
-    public override remove() {
-        this._clearDragging();
-        this._clearEvents();
-        super.remove();
-    }
-
-    protected _clearEvents() {
-        this._closeBtn.events.off("click", this._onCloseBtnClick);
-
-        document.removeEventListener("mouseup", this._onMouseUp);
-        document.removeEventListener("mousemove", this._onMouseMove);
-
-        this.$header!.removeEventListener("mousedown", this._onMouseDown);
-        this.el!.removeEventListener("mousedown", this._onMouseDownAll);
-    }
-}
-
-export {Dialog};