@openglobus/og 0.18.0 → 0.18.1

package/src/ui/Slider.ts

@@ -1,188 +0,0 @@
-import {clamp} from '../math';
-import {EventsHandler} from "../Events";
-import {IViewParams, View, ViewEventsList} from './View';
-import {stringTemplate} from '../utils/shared';
-
-interface ISliderParams extends IViewParams {
-    label?: string;
-    value?: number;
-    min?: number;
-    max?: number;
-}
-
-type SliderEventsList = ["change"];
-
-const SLIDER_EVENTS: SliderEventsList = ["change"];
-
-const TEMPLATE = `<div class="og-slider">
-      <div class="og-slider-label">{label}</div>
-      <div class="og-slider-panel">
-        <div class="og-slider-progress"></div>      
-        <div class="og-slider-pointer"></div>
-      </div>
-      <input type="number"/>
-    </div>`;
-
-class Slider extends View<null> {
-
-    public override events: EventsHandler<SliderEventsList> & EventsHandler<ViewEventsList>;
-
-    protected _value: number;
-    protected _min: number;
-    protected _max: number;
-
-    protected _startPosX: number;
-
-    protected _resizeObserver: ResizeObserver;
-
-    protected $label: HTMLElement | null;
-    protected $pointer: HTMLElement | null;
-    protected $progress: HTMLElement | null;
-    protected $input: HTMLInputElement | null;
-    protected $panel: HTMLElement | null;
-
-    constructor(options: ISliderParams = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                label: options.label || ""
-            })
-        });
-
-        //@ts-ignore
-        this.events = this.events.registerNames(SLIDER_EVENTS);
-
-        this._value = options.value || 0.0;
-        this._min = options.min || 0.0;
-        this._max = options.max || 1.0;
-        //this._step = options.step || ((this._max - this._min) / 10.0);
-
-        this._resizeObserver = new ResizeObserver(this._onResize);
-
-        this._startPosX = 0;
-
-        this.$label = null;
-        this.$pointer = null;
-        this.$progress = null;
-        this.$input = null;
-        this.$panel = null;
-    }
-
-    public override render(params: any): this {
-
-        super.render(params);
-
-        this.$label = this.select(".og-slider-label")!;
-        if (this.$label.innerHTML === "") {
-            this.$label.style.display = "none";
-        }
-        this.$pointer = this.select(".og-slider-pointer");
-        this.$progress = this.select(".og-slider-progress");
-        this.$panel = this.select(".og-slider-panel");
-        this.$input = this.select<HTMLInputElement>("input");
-
-        this._resizeObserver.observe(this.el!);
-
-        this._initEvents();
-
-        return this;
-    }
-
-    protected _onResize = () => {
-        this._setOffset(this._value * this.$panel!.clientWidth / (this._max - this._min));
-    }
-
-    public set value(val: number) {
-        if (val !== this._value) {
-            this._value = clamp(val, this._min, this._max);
-            this.$input!.value = this._value.toString();
-            this._setOffset(this._value * this.$panel!.clientWidth / (this._max - this._min));
-            this.events.dispatch(this.events.change, this._value, this);
-        }
-    }
-
-    public get value(): number {
-        return this._value;
-    }
-
-    protected _initEvents() {
-        this.$panel!.addEventListener("mousedown", this._onMouseDown);
-        //@ts-ignore
-        this.$panel!.addEventListener("mousewheel", this._onMouseWheel);
-        this.$panel!.addEventListener("wheel", this._onMouseWheelFF);
-        this.$input!.addEventListener("input", this._onInput);
-    }
-
-    protected _clearEvents() {
-        this.$panel!.removeEventListener("mousedown", this._onMouseDown);
-        //@ts-ignore
-        this.$panel!.removeEventListener("mousewheel", this._onMouseWheel);
-        this.$panel!.removeEventListener("wheel", this._onMouseWheelFF);
-        this.$input!.removeEventListener("input", this._onInput);
-    }
-
-    protected _onMouseWheel = (e: WheelEvent) => {
-        //@ts-ignore
-        e = e || window.event;
-        e.preventDefault();
-        e.stopPropagation();
-        //@ts-ignore
-        this.value = this._value + Math.sign(e.wheelDelta) * (this._max - this._min) / 100.0;
-    }
-
-    protected _onMouseWheelFF = (e: WheelEvent) => {
-        this._onMouseWheel(e);
-    }
-
-    protected _onInput = (e: Event) => {
-        //@ts-ignore
-        e = e || window.event;
-        e.preventDefault();
-        e.stopPropagation();
-        //@ts-ignore
-        this.value = parseFloat(e.target.value);
-    }
-
-    protected _onMouseDown = (e: MouseEvent) => {
-        //@ts-ignore
-        e = e || window.event;
-        e.preventDefault();
-
-        this._startPosX = e.clientX;
-
-        this.value = this._min + (this._max - this._min) * (e.offsetX / this.$panel!.clientWidth);
-
-        document.addEventListener("mousemove", this._onMouseMove);
-        document.addEventListener("mouseup", this._onMouseUp);
-    }
-
-    protected _setOffset(x: number) {
-        if (x >= 0 && x <= this.$panel!.clientWidth) {
-            this.$pointer!.style.left = this.$progress!.style.width = `${x * 100 / this.$panel!.clientWidth}%`;
-        }
-    }
-
-    protected _onMouseMove = (e: MouseEvent) => {
-        //@ts-ignore
-        e = e || window.event;
-        e.preventDefault();
-        e.stopPropagation();
-
-        let rect = this.$panel!.getBoundingClientRect();
-        let clientX = clamp(e.clientX, rect.left, rect.right);
-        let dx = this._startPosX - clientX;
-        this._startPosX = clientX;
-        this.value = (this.$pointer!.offsetLeft - dx) * (this._max - this._min) / this.$panel!.clientWidth;
-    }
-
-    protected _onMouseUp = () => {
-        document.removeEventListener("mouseup", this._onMouseUp);
-        document.removeEventListener("mousemove", this._onMouseMove);
-    }
-
-    public override remove() {
-        this._clearEvents();
-        super.remove();
-    }
-}
-
-export {Slider}

package/src/ui/ToggleButton.ts

@@ -1,68 +0,0 @@
-import {Button, IButtonParams, ButtonEventsList} from './Button';
-import {EventsHandler} from "../Events";
-import {ViewEventsList} from "./View";
-
-interface IToggleButtonParams extends IButtonParams {
-    isActive?: boolean;
-    preventClick?: boolean;
-}
-
-type ToggleButtonEventsList = ["change"];
-
-const TOGGLEBUTTON_EVENTS: ToggleButtonEventsList = ["change"];
-
-class ToggleButton extends Button {
-
-    public override events: EventsHandler<ToggleButtonEventsList> & EventsHandler<ButtonEventsList> & EventsHandler<ViewEventsList>;
-
-    protected _isActive: boolean;
-    public preventClick: boolean;
-
-    constructor(options: IToggleButtonParams) {
-        super({
-            ...options
-        });
-
-        //@ts-ignore
-        this.events = this.events.registerNames(TOGGLEBUTTON_EVENTS);
-
-        this._isActive = options.isActive || false;
-
-        this.preventClick = options.preventClick || false;
-    }
-
-    public setActive(isActive: boolean, stopPropagation: boolean = false) {
-        if (isActive !== this._isActive) {
-            this._isActive = isActive;
-            this._toggle();
-            if (!stopPropagation) {
-                this.events.dispatch(this.events.change, isActive, this);
-            }
-        }
-    }
-
-    protected _toggle() {
-        this.el && this.el.classList.toggle("og-button__active");
-    }
-
-    public get isActive(): boolean {
-        return this._isActive;
-    }
-
-    public override render(params: any): this {
-        super.render(params);
-        if (this._isActive) {
-            this._toggle();
-        }
-        return this;
-    }
-
-    protected override _onMouseClick = (e: MouseEvent) => {
-        if (!this.preventClick) {
-            this._mouseClickHandler(e);
-            this.setActive(!this.isActive);
-        }
-    }
-}
-
-export {ToggleButton}

package/src/utils/Loader.ts

@@ -1,247 +0,0 @@
-import {EventsHandler, createEvents} from '../Events';
-import {Planet} from "../scene/Planet";
-import {Segment} from "../segment/Segment";
-
-type LoaderEventsList = ["loadend", "layerloadend"];
-
-const LOADER_EVENTS: LoaderEventsList = ["loadend", "layerloadend"];
-
-export interface IResponse {
-    status: string;
-    data?: any;
-    msg?: string;
-}
-
-type IResponseCallback = (response: IResponse) => void;
-
-// interface IResponseHandler {
-//     json: (r: Response) => Promise<any>;
-//     blob: (r: Response) => Promise<Blob>;
-//     arrayBuffer: (r: Response) => Promise<ArrayBuffer>;
-//     imageBitmap: (r: Response) => Promise<ImageBitmap>;
-//     text: (r: Response) => Promise<string>;
-// }
-
-interface Obj<T> {
-    __id: number;
-    isIdle: boolean;
-    isEqual: (obj: T) => boolean;
-    events: EventsHandler<any>
-    _planet: Planet | null;
-
-}
-
-type QueryParams<T> = {
-    sender?: T,
-    src: string,
-    type: string,
-    filter?: (val: QueryParams<T>) => boolean,
-    options?: any,
-    segment?: Segment
-};
-
-type QueueData<T> = {
-    params: QueryParams<T>,
-    callback: IResponseCallback
-};
-
-type RequestCounter<T> = {
-    sender: T,
-    counter: number,
-    __requestCounterFrame__: number
-};
-
-
-export class Loader<T extends Obj<T>> {
-    public MAX_REQUESTS: number;
-
-    public events: EventsHandler<LoaderEventsList>;
-
-    protected _loading: number;
-
-    protected _queue: QueueData<T>[];//new QueueArray();
-
-    protected _senderRequestCounter: RequestCounter<T>[];
-
-    protected _promises: { [key: string]: (r: Response) => Promise<any> };//IResponseHandler;
-
-    constructor(maxRequests: number = 24) {
-
-        this.MAX_REQUESTS = maxRequests;
-
-        this.events = createEvents(LOADER_EVENTS);
-
-        this._loading = 0;
-
-        this._queue = [];//new QueueArray();
-
-        this._senderRequestCounter = [];
-
-        this._promises = {
-            'json': r => r.json(),
-            'blob': r => r.blob(),
-            'arrayBuffer': r => r.arrayBuffer(),
-            'imageBitmap': r => r.blob().then(
-                (r: Blob) => createImageBitmap(r, {
-                    premultiplyAlpha: "premultiply"
-                })),
-            'text': r => r.text()
-        };
-    }
-
-    public load(params: QueryParams<T>, callback: IResponseCallback) {
-        if (params.sender) {
-            if (!this._senderRequestCounter[params.sender.__id]) {
-                this._senderRequestCounter[params.sender.__id] = {
-                    sender: params.sender, counter: 0, __requestCounterFrame__: 0
-                };
-            }
-            this._senderRequestCounter[params.sender.__id].counter++;
-        }
-        this._queue.push({params, callback});
-        this._exec();
-    }
-
-    public fetch(params: QueryParams<T>) {
-        return fetch(params.src, params.options || {})
-            .then((response: Response) => {
-                if (!response.ok) {
-                    throw Error(`Unable to load '${params.src}'`);
-                }
-                return this._promises[params.type || "blob"](response);
-            })
-
-            .then((data: any) => {
-                return {status: "ready", data: data};
-
-            })
-
-            .catch((err: Error) => {
-                return {status: "error", msg: err.toString()};
-            });
-    }
-
-    public getRequestCounter(sender: T): number {
-        if (sender) {
-            let r = this._senderRequestCounter[sender.__id];
-            if (r) {
-                return r.counter;
-            }
-        }
-        return 0;
-    }
-
-    public isIdle(sender: T): boolean {
-        return sender.isIdle;
-    }
-
-    protected _checkLoadend(request: RequestCounter<T>, sender: T) {
-        if (request.counter === 0 && (!sender._planet || sender._planet._terrainCompletedActivated)) {
-            sender.events.dispatch(sender.events.loadend, sender);
-            this.events.dispatch(this.events.layerloadend, sender);
-            request.__requestCounterFrame__ = 0;
-        } else {
-            request.__requestCounterFrame__ = requestAnimationFrame(() => {
-                this._checkLoadend(request, sender);
-            });
-        }
-    }
-
-    protected _handleResponse(q: QueueData<T>, response: IResponse) {
-        q.callback(response);
-        let sender = q.params.sender;
-        if (sender && (sender.events.loadend!.handlers.length || this.events.layerloadend!.handlers.length)) {
-            let request = this._senderRequestCounter[sender.__id];
-            if (request && request.counter > 0) {
-                request.counter--;
-                cancelAnimationFrame(request.__requestCounterFrame__!);
-                request.__requestCounterFrame__ = requestAnimationFrame(() => {
-                    this._checkLoadend(request, sender!);
-                });
-            }
-        }
-        this._exec();
-    }
-
-    protected _exec() {
-
-        if (this._queue.length > 0 && this._loading < this.MAX_REQUESTS) {
-
-            let q = this._queue.pop()!;
-
-            if (!q) return;
-
-            let p = q.params;
-
-            if (!p.filter || p.filter(p)) {
-
-                this._loading++;
-
-                return fetch(p.src!, p.options || {})
-                    .then((response: Response) => {
-                        if (!response.ok) {
-                            throw Error(`Unable to load '${p.src}'`);
-                        }
-                        return this._promises[p.type || "blob"](response);
-                    })
-                    .then((data: any) => {
-                        this._loading--;
-                        this._handleResponse(q, {status: "ready", data: data});
-                    })
-                    .catch((err: Error) => {
-                        this._loading--;
-                        this._handleResponse(q, {status: "error", msg: err.toString()});
-                    });
-
-            } else {
-                this._handleResponse(q, {status: "abort"});
-            }
-        } else if (this._loading === 0) {
-            this.events.dispatch(this.events.loadend);
-        }
-    }
-
-    public abort(sender: T) {
-
-        if (this._senderRequestCounter[sender.__id]) {
-            this._senderRequestCounter[sender.__id].counter = 0;
-            cancelAnimationFrame(this._senderRequestCounter[sender.__id].__requestCounterFrame__);
-            this._senderRequestCounter[sender.__id].__requestCounterFrame__ = 0;
-        }
-
-        for (let i = 0, len = this._queue.length; i < len; i++) {
-            let qi = this._queue[i];
-            if (qi && qi.params.sender && sender.isEqual(qi.params.sender)) {
-                qi.callback({'status': "abort"});
-                //@ts-ignore
-                this._queue[i] = null;
-            }
-        }
-    }
-
-    public abortAll() {
-        for (let i = 0, len = this._queue.length; i < len; i++) {
-            let qi = this._queue[i];
-            if (qi) {
-                let sender = qi.params.sender;
-                if (sender && this._senderRequestCounter[sender.__id]) {
-                    this._senderRequestCounter[sender.__id].counter = 0;
-                    cancelAnimationFrame(this._senderRequestCounter[sender.__id].__requestCounterFrame__);
-                    this._senderRequestCounter[sender.__id].__requestCounterFrame__ = 0;
-                }
-                qi.callback({'status': "abort"});
-                //@ts-ignore
-                this._queue[i] = null;
-            }
-        }
-        this._queue = [];
-    }
-
-    public get loading(): number {
-        return this._loading;
-    }
-
-    public get queue(): QueueData<T>[] {
-        return this._queue;
-    }
-}

package/src/utils/units.ts

@@ -1,78 +0,0 @@
-export const ELL = 0;
-export const MSL = 1;
-export const GND = 2;
-
-export const heightMode: Record<string, number> = {
-    "ell": ELL,
-    "msl": MSL,
-    "gnd": GND
-};
-
-const KM_to_M = 1000.0;
-const M_to_KM = 1.0 / KM_to_M;
-const FT_to_M = 0.3048;
-const M_to_FT = 1.0 / FT_to_M;
-const MS_to_KMH = 3.6;
-const KMH_to_MS = 1.0 / MS_to_KMH;
-const MS_to_FTS = 3.28084;
-const FT_to_KM = FT_to_M * M_to_KM;
-const KM_to_FT = 1.0 / FT_to_KM;
-
-export const m = 0;
-export const km = 1;
-export const ft = 2;
-export const s = 3;
-export const h = 4;
-export const ms = 5;
-export const kmh = 6;
-export const fts = 7;
-
-const DEFAULT_NAN = "--";
-
-const _abbr: string[] = ["m", "km", "ft", "s", "h", "m/s", "km/h", "ft/s"];
-
-export const _tenth = [0, 2, 0, 0, 0, 0, 0, 0];
-
-
-let _convFn: ((v: number) => number)[][] = [];
-
-_convFn[m] = [];
-_convFn[m][m] = (v: number): number => v;
-_convFn[m][km] = (v: number): number => v * M_to_KM;
-_convFn[m][ft] = (v: number): number => v * M_to_FT;
-
-_convFn[ft] = [];
-_convFn[ft][m] = (v: number): number => v * FT_to_M;
-_convFn[ft][km] = (v: number): number => v * FT_to_KM;
-_convFn[ft][ft] = (v: number): number => v;
-
-_convFn[km] = [];
-_convFn[km][m] = (v: number): number => v * KM_to_M;
-_convFn[km][km] = (v: number): number => v;
-_convFn[km][ft] = (v: number): number => v * KM_to_FT;
-
-_convFn[ms] = [];
-_convFn[ms][ms] = (v: number): number => v;
-_convFn[ms][kmh] = (v: number): number => v * MS_to_KMH;
-_convFn[ms][fts] = (v: number): number => v * MS_to_FTS;
-
-_convFn[kmh] = [];
-_convFn[kmh][ms] = (v: number): number => v * KMH_to_MS;
-_convFn[kmh][kmh] = (v: number): number => v;
-
-//_convFn[kmh][fts] = (v) => v * KMH_to_FTS;
-
-export function convert(from: number, to: number, val: number): number {
-    return _convFn[from][to](val);
-}
-
-export function convertExt(isNotNaN: boolean, unitFrom: number, unitTo: number, val: number, fixed?: number): string {
-    if (isNotNaN) {
-        return convert(unitFrom, unitTo, val).toFixed(fixed || _tenth[unitTo]);
-    }
-    return DEFAULT_NAN;
-}
-
-export function toString(u: number) {
-    return _abbr[u];
-}