@openglobus/og 0.24.2 → 0.25.1

package/lib/js/ui/Slider.js

@@ -1,129 +0,0 @@
-import { clamp } from '../math';
-import { View } from './View';
-import { stringTemplate } from '../utils/shared';
-const SLIDER_EVENTS = ["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 {
-    constructor(options = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                label: options.label || ""
-            })
-        });
-        this._onResize = () => {
-            this._setOffset((this._value - this._min) * this.$panel.clientWidth / (this._max - this._min));
-        };
-        this._onMouseWheel = (e) => {
-            //@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;
-        };
-        this._onMouseWheelFF = (e) => {
-            this._onMouseWheel(e);
-        };
-        this._onInput = (e) => {
-            //@ts-ignore
-            e = e || window.event;
-            e.preventDefault();
-            e.stopPropagation();
-            //@ts-ignore
-            this.value = parseFloat(e.target.value);
-        };
-        this._onMouseDown = (e) => {
-            //@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);
-        };
-        this._onMouseMove = (e) => {
-            //@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._value - dx * (this._max - this._min) / this.$panel.clientWidth;
-        };
-        this._onMouseUp = () => {
-            document.removeEventListener("mouseup", this._onMouseUp);
-            document.removeEventListener("mousemove", this._onMouseMove);
-        };
-        //@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;
-    }
-    render(params) {
-        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("input");
-        this._resizeObserver.observe(this.el);
-        this._initEvents();
-        return this;
-    }
-    set value(val) {
-        if (val !== this._value) {
-            this._value = clamp(val, this._min, this._max);
-            this.$input.value = this._value.toString();
-            this._setOffset((this._value - this._min) * this.$panel.clientWidth / (this._max - this._min));
-            this.events.dispatch(this.events.change, this._value, this);
-        }
-    }
-    get value() {
-        return this._value;
-    }
-    _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);
-    }
-    _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);
-    }
-    _setOffset(x) {
-        if (x >= 0 && x <= this.$panel.clientWidth) {
-            this.$pointer.style.left = this.$progress.style.width = `${x * 100 / this.$panel.clientWidth}%`;
-        }
-    }
-    remove() {
-        this._clearEvents();
-        super.remove();
-    }
-}
-export { Slider };

package/lib/js/ui/ToggleButton.d.ts

@@ -1,21 +0,0 @@
-import { Button } from './Button';
-import type { IButtonParams, ButtonEventsList } from './Button';
-import type { EventsHandler } from "../Events";
-import type { ViewEventsList } from "./View";
-interface IToggleButtonParams extends IButtonParams {
-    isActive?: boolean;
-    preventClick?: boolean;
-}
-type ToggleButtonEventsList = ["change"];
-declare class ToggleButton extends Button {
-    events: EventsHandler<ToggleButtonEventsList> & EventsHandler<ButtonEventsList> & EventsHandler<ViewEventsList>;
-    protected _isActive: boolean;
-    preventClick: boolean;
-    constructor(options: IToggleButtonParams);
-    setActive(isActive: boolean, stopPropagation?: boolean): void;
-    protected _toggle(): void;
-    get isActive(): boolean;
-    render(params: any): this;
-    protected _onMouseClick: (e: MouseEvent) => void;
-}
-export { ToggleButton };

package/lib/js/ui/ToggleButton.js

@@ -1,42 +0,0 @@
-import { Button } from './Button';
-const TOGGLEBUTTON_EVENTS = ["change"];
-class ToggleButton extends Button {
-    constructor(options) {
-        super({
-            ...options
-        });
-        this._onMouseClick = (e) => {
-            if (!this.preventClick) {
-                this._mouseClickHandler(e);
-                this.setActive(!this.isActive);
-            }
-        };
-        //@ts-ignore
-        this.events = this.events.registerNames(TOGGLEBUTTON_EVENTS);
-        this._isActive = options.isActive || false;
-        this.preventClick = options.preventClick || false;
-    }
-    setActive(isActive, stopPropagation = false) {
-        if (isActive !== this._isActive) {
-            this._isActive = isActive;
-            this._toggle();
-            if (!stopPropagation) {
-                this.events.dispatch(this.events.change, isActive, this);
-            }
-        }
-    }
-    _toggle() {
-        this.el && this.el.classList.toggle("og-button__active");
-    }
-    get isActive() {
-        return this._isActive;
-    }
-    render(params) {
-        super.render(params);
-        if (this._isActive) {
-            this._toggle();
-        }
-        return this;
-    }
-}
-export { ToggleButton };

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

@@ -1,39 +0,0 @@
-import type { EventCallback, EventsHandler } from '../Events';
-export interface IViewParams {
-    model?: any;
-    template?: string;
-    parent?: View<any> | null;
-    classList?: string[];
-}
-export type ViewEventsList = ["render"];
-declare class View<M> {
-    static __counter__: number;
-    protected __id: number;
-    events: EventsHandler<ViewEventsList>;
-    model: M;
-    template: string;
-    parent: View<any> | null;
-    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[];
-    static insertBefore(newNodes: HTMLElement | HTMLElement[], referenceNode: Node): HTMLElement[];
-    insertBefore(view: View<any> | HTMLElement): void;
-    insertAfter(view: View<any> | HTMLElement): void;
-    isEqual(view: View<any>): boolean;
-    appendTo(node: HTMLElement, clean?: boolean, firstPosition?: boolean): this;
-    afterRender(parentNode: HTMLElement): void;
-    beforeRender(parentNode: HTMLElement): void;
-    stopPropagation(): void;
-    renderTemplate(params: any): HTMLElement;
-    render(params?: any): this;
-    select<T extends HTMLElement>(queryStr: string): T | null;
-    selectRemove(queryStr: string): HTMLElement | undefined;
-    selectAll(queryStr: string, callback?: Function): NodeListOf<Element> | undefined;
-    remove(): void;
-}
-export { View };

package/lib/js/ui/View.js

@@ -1,157 +0,0 @@
-import { createEvents } from '../Events';
-import { parseHTML, stringTemplate } from '../utils/shared';
-const VIEW_EVENTS = ["render"];
-class View {
-    constructor(options = {}) {
-        this.__id = View.__counter__++;
-        this.events = createEvents(VIEW_EVENTS);
-        this.model = options.model || null;
-        this.template = options.template || "";
-        this.parent = options.parent || null;
-        this._classList = options.classList || [];
-        this.el = null;
-    }
-    on(name, callback, sender, priority) {
-        this.events.on(name, callback, sender, priority);
-    }
-    off(name, callback) {
-        this.events.off(name, callback);
-    }
-    static getHTML(template, params) {
-        return stringTemplate(template, params);
-    }
-    static parseHTML(htmlStr) {
-        return parseHTML(htmlStr);
-    }
-    static insertAfter(newNodes, referenceNode) {
-        if (!Array.isArray(newNodes)) {
-            newNodes = [newNodes];
-        }
-        for (let i = 0; i < newNodes.length; i++) {
-            if (referenceNode.parentNode) {
-                referenceNode.parentNode.insertBefore(newNodes[i], referenceNode.nextSibling);
-            }
-        }
-        return newNodes;
-    }
-    static insertBefore(newNodes, referenceNode) {
-        if (!Array.isArray(newNodes)) {
-            newNodes = [newNodes];
-        }
-        for (let i = 0; i < newNodes.length; i++) {
-            if (referenceNode.parentNode) {
-                referenceNode.parentNode.insertBefore(newNodes[i], referenceNode);
-            }
-        }
-        return newNodes;
-    }
-    insertBefore(view) {
-        if (!this.el) {
-            this.render();
-        }
-        if (this.el) {
-            if (view instanceof HTMLElement && view.parentNode) {
-                View.insertBefore(this.el, view);
-            }
-            if (view instanceof View && view.el && view.el.parentNode) {
-                View.insertBefore(this.el, view.el);
-            }
-        }
-    }
-    insertAfter(view) {
-        if (!this.el) {
-            this.render();
-        }
-        if (this.el) {
-            if (view instanceof HTMLElement && view.parentNode) {
-                View.insertAfter(this.el, view);
-            }
-            if (view instanceof View && view.el && view.el.parentNode) {
-                View.insertAfter(this.el, view.el);
-            }
-        }
-    }
-    isEqual(view) {
-        return view.__id === this.__id;
-    }
-    appendTo(node, clean = false, firstPosition = false) {
-        if (node) {
-            if (!this.el) {
-                this.beforeRender(node);
-                this.render();
-            }
-            if (this.el && this.el.parentNode) {
-                this.el.parentNode.removeChild(this.el);
-            }
-            if (clean) {
-                node.innerHTML = "";
-            }
-            if (this.el) {
-                if (firstPosition) {
-                    if (node.childNodes[0]) {
-                        View.insertBefore(this.el, node.childNodes[0]);
-                    }
-                    else {
-                        node.appendChild(this.el);
-                    }
-                }
-                else {
-                    node.appendChild(this.el);
-                }
-            }
-            this.afterRender(node);
-        }
-        return this;
-    }
-    afterRender(parentNode) {
-    }
-    beforeRender(parentNode) {
-    }
-    stopPropagation() {
-        this.events.stopPropagation();
-    }
-    renderTemplate(params) {
-        return View.parseHTML(View.getHTML(this.template, params || {}))[0];
-    }
-    render(params) {
-        this.el = this.renderTemplate(params);
-        for (let i = 0, len = this._classList.length; i < len; i++) {
-            this.el.classList.add(this._classList[i]);
-        }
-        this.events.dispatch(this.events.render, this);
-        return this;
-    }
-    select(queryStr) {
-        if (this.el) {
-            return this.el.querySelector(queryStr);
-        }
-        return null;
-    }
-    selectRemove(queryStr) {
-        if (this.el) {
-            let r = this.select(queryStr);
-            if (r && r.parentNode) {
-                r.parentNode.removeChild(r);
-                return r;
-            }
-        }
-    }
-    selectAll(queryStr, callback) {
-        if (this.el) {
-            const res = this.el.querySelectorAll(queryStr);
-            if (callback) {
-                for (let i = 0, len = res.length; i < len; i++) {
-                    callback(res[i], i);
-                }
-            }
-            return res;
-        }
-    }
-    remove() {
-        if (this.el && this.el.parentNode) {
-            this.el.parentNode.removeChild(this.el);
-        }
-    }
-}
-View.__counter__ = 0;
-export { View };

package/lib/js/ui/icons.d.ts

@@ -1 +0,0 @@
-export declare const CLOSE_ICON = "<svg className=\"svg-icon\" style=\"width: 1em; height: 1em;vertical-align: middle;fill: currentColor; overflow: hidden;\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M777.856 280.192l-33.92-33.952-231.872 231.872-231.84-231.872-33.984 33.888 231.872 231.904-231.84 231.84 33.888 33.984 231.904-231.904 231.84 231.872 33.952-33.888-231.872-231.904z\"/>\n</svg>";

package/lib/js/ui/icons.js

@@ -1,3 +0,0 @@
-export const CLOSE_ICON = `<svg className="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor; overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <path d="M777.856 280.192l-33.92-33.952-231.872 231.872-231.84-231.872-33.984 33.888 231.872 231.904-231.84 231.84 33.888 33.984 231.904-231.904 231.84 231.872 33.952-33.888-231.872-231.904z"/>
-</svg>`;

package/lib/js/utils/BaseWorker.d.ts

@@ -1,14 +0,0 @@
-export declare class BaseWorker<T> {
-    protected _sourceId: number;
-    protected _source: Map<number, T>;
-    protected _pendingQueue: T[];
-    protected _numWorkers: number;
-    protected _workerQueue: Worker[];
-    constructor(numWorkers?: number, program?: string);
-    check(): void;
-    setProgram(program: string): void;
-    make(data: T): void;
-    protected _onMessage(e: MessageEvent): void;
-    destroy(): void;
-    get pendingQueue(): T[];
-}

package/lib/js/utils/BaseWorker.js

@@ -1,47 +0,0 @@
-export class BaseWorker {
-    constructor(numWorkers = 2, program) {
-        this._sourceId = 0;
-        this._source = new Map();
-        this._pendingQueue = [];
-        this._numWorkers = numWorkers;
-        this._workerQueue = [];
-        if (program) {
-            this.setProgram(program);
-        }
-    }
-    check() {
-        if (this._pendingQueue.length) {
-            this.make(this._pendingQueue.pop());
-        }
-    }
-    setProgram(program) {
-        let p = new Blob([program], { type: "application/javascript" });
-        for (let i = 0; i < this._numWorkers; i++) {
-            let w = new Worker(URL.createObjectURL(p));
-            w.onmessage = (e) => {
-                this._onMessage(e);
-                this._workerQueue && this._workerQueue.unshift(e.target);
-                this.check();
-            };
-            this._workerQueue.push(w);
-        }
-    }
-    make(data) {
-    }
-    _onMessage(e) {
-    }
-    destroy() {
-        for (let i = 0; i < this._workerQueue.length; i++) {
-            const w = this._workerQueue[i];
-            w.onmessage = null;
-            w.terminate();
-        }
-        //@ts-ignore
-        this._pendingQueue = null;
-        //@ts-ignore
-        this._workerQueue = null;
-    }
-    get pendingQueue() {
-        return this._pendingQueue;
-    }
-}

package/lib/js/utils/FontAtlas.d.ts

@@ -1,82 +0,0 @@
-import { Deferred } from '../Deferred';
-import { Rectangle } from '../Rectangle';
-import { TextureAtlas, TextureAtlasNode } from './TextureAtlas';
-import { Handler } from "../webgl/Handler";
-import type { HTMLImageElementExt } from "./ImagesCacheManager";
-interface IChar {
-    id: number;
-    char: string;
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-    chnl: number;
-    index: number;
-    page: number;
-    xadvance: number;
-    xoffset: number;
-    yoffset: number;
-}
-interface IKerning {
-    first: number;
-    second: number;
-    amount: number;
-}
-export interface IFontParams {
-    common: {
-        scaleH: number;
-        scaleW: number;
-    };
-    info: {
-        size: number;
-    };
-    distanceField: {
-        distanceRange: number;
-    };
-    chars: IChar[];
-    kernings: IKerning[];
-    pages: string[];
-}
-declare class FontTextureAtlas extends TextureAtlas {
-    width: number;
-    height: number;
-    gliphSize: number;
-    distanceRange: number;
-    nodes: Map<number, FontTextureAtlasNode>;
-    kernings: Record<number, Record<number, number>>;
-    constructor(width?: number, height?: number);
-    get(key: number): FontTextureAtlasNode | undefined;
-}
-interface IMetrics extends IChar {
-    nChar: string;
-    nCode: number;
-    nWidth: number;
-    nHeight: number;
-    nAdvance: number;
-    nXOffset: number;
-    nYOffset: number;
-}
-declare class FontTextureAtlasNode extends TextureAtlasNode {
-    metrics: IMetrics;
-    emptySize: number;
-    constructor(rect: Rectangle, texCoords: number[]);
-}
-declare class FontAtlas {
-    atlasesArr: FontTextureAtlas[];
-    samplerArr: Uint32Array;
-    sdfParamsArr: Float32Array;
-    catalogSrc: string;
-    protected atlasIndexes: Record<string, number>;
-    protected atlasIndexesDeferred: Record<string, Deferred<number>>;
-    protected tokenImageSize: number;
-    protected _handler: Handler | null;
-    constructor(catalogSrc?: string);
-    assignHandler(handler: Handler): void;
-    getFontIndex(face: string): Promise<number>;
-    getFullIndex(face: string): string;
-    protected _applyFontDataToAtlas(atlas: FontTextureAtlas, data: IFontParams, index?: number): void;
-    initFont(faceName: string, dataJson: IFontParams, imageBase64: string): void;
-    protected _createTexture(atlas: FontTextureAtlas, img: HTMLImageElementExt): void;
-    loadFont(faceName: string, srcDir: string, atlasUrl: string): void;
-}
-export { FontAtlas };