@realsee/dnalogel 2.1.0-alpha.15 → 2.1.0-alpha.17

package/libs/src/shared-utils/Object3DHelper/utils/threex/domevents/index.d.ts

@@ -1,67 +0,0 @@
-export default DomEvents;
-declare function DomEvents(camera: any, domElement: any): void;
-declare class DomEvents {
-    constructor(camera: any, domElement: any);
-    _camera: any;
-    _domElement: any;
-    _raycaster: THREE.Raycaster;
-    _selected: THREE.Object3D;
-    _boundObjs: {};
-    _$onClick: (...args: any[]) => void;
-    _$onDblClick: (...args: any[]) => void;
-    _$onMouseMove: (...args: any[]) => void;
-    _$onMouseDown: (...args: any[]) => void;
-    _$onMouseUp: (...args: any[]) => void;
-    _$onTouchMove: (...args: any[]) => void;
-    _$onTouchStart: (...args: any[]) => void;
-    _$onTouchEnd: (...args: any[]) => void;
-    _$onContextmenu: (...args: any[]) => void;
-    destroy(): void;
-    _getRelativeMouseXY(domEvent: any): {
-        x: number;
-        y: number;
-    };
-    /********************************************************************************/
-    /********************************************************************************/
-    _objectCtxInit(object3d: any): void;
-    _objectCtxDeinit(object3d: any): void;
-    _objectCtxIsInit(object3d: any): boolean;
-    _objectCtxGet(object3d: any): any;
-    /********************************************************************************/
-    /********************************************************************************/
-    /**
-     * Getter/Setter for camera
-    */
-    camera(value: any): any;
-    bind(object3d: any, eventName: any, callback: any, useCapture: any): void;
-    addEventListener: any;
-    unbind(object3d: any, eventName: any, callback: any, useCapture: any): void;
-    removeEventListener: any;
-    _bound(eventName: any, object3d: any): boolean;
-    /********************************************************************************/
-    /********************************************************************************/
-    _onMove(eventName: any, mouseX: any, mouseY: any, origDomEvent: any): void;
-    /********************************************************************************/
-    /********************************************************************************/
-    _onEvent(eventName: any, mouseX: any, mouseY: any, origDomEvent: any): void;
-    _notify(eventName: any, object3d: any, origDomEvent: any, intersect: any, ...args: any[]): void;
-    /********************************************************************************/
-    /********************************************************************************/
-    _onMouseDown(event: any): void;
-    _onMouseUp(event: any): void;
-    _onMouseEvent(eventName: any, domEvent: any): void;
-    _onMouseMove(domEvent: any): void;
-    _onClick(event: any): void;
-    _onDblClick(event: any): void;
-    _onContextmenu(event: any): void;
-    /********************************************************************************/
-    /********************************************************************************/
-    _onTouchStart(event: any): any;
-    _onTouchEnd(event: any): any;
-    _onTouchMove(domEvent: any): any;
-    _onTouchEvent(eventName: any, domEvent: any): any;
-}
-declare namespace DomEvents {
-    const eventNames: string[];
-}
-import * as THREE from "three";

package/libs/src/shared-utils/Object3DHelper/utils/threex/domevents/index.js

@@ -1,390 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-// This THREEx helper makes it easy to handle the mouse events in your 3D scene
-//
-// * CHANGES NEEDED
-//   * handle drag/drop
-//   * notify events not object3D - like DOM
-//     * so single object with property
-//   * DONE bubling implement bubling/capturing
-//   * DONE implement event.stopPropagation()
-//   * DONE implement event.type = "click" and co
-//   * DONE implement event.target
-//
-// # Lets get started
-//
-// First you include it in your page
-//
-// ```<script src='threex.domevent.js'>< /script>```
-//
-// # use the object oriented api
-//
-// You bind an event like this
-// 
-// ```mesh.on('click', function(object3d){ ... })```
-//
-// To unbind an event, just do
-//
-// ```mesh.off('click', function(object3d){ ... })```
-//
-// As an alternative, there is another naming closer DOM events.
-// Pick the one you like, they are doing the same thing
-//
-// ```mesh.addEventListener('click', function(object3d){ ... })```
-// ```mesh.removeEventListener('click', function(object3d){ ... })```
-//
-// # Supported Events
-//
-// Always in a effort to stay close to usual pratices, the events name are the same as in DOM.
-// The semantic is the same too.
-// Currently, the available events are
-// [click, dblclick, mouseup, mousedown](http://www.quirksmode.org/dom/events/click.html),
-// [mouseover and mouse out](http://www.quirksmode.org/dom/events/mouseover.html).
-//
-// # use the standalone api
-//
-// The object-oriented api modifies THREE.Object3D class.
-// It is a global class, so it may be legitimatly considered unclean by some people.
-// If this bother you, simply do ```DomEvents.noConflict()``` and use the
-// standalone API. In fact, the object oriented API is just a thin wrapper
-// on top of the standalone API.
-//
-// First, you instanciate the object
-//
-// ```var domEvent = new THREEx.DomEvent();```
-// 
-// Then you bind an event like this
-//
-// ```domEvent.bind(mesh, 'click', function(object3d){ object3d.scale.x *= 2; });```
-//
-// To unbind an event, just do
-//
-// ```domEvent.unbind(mesh, 'click', callback);```
-//
-// 
-// # Code
-//
-// @ts-ignore
-import * as THREE from 'three';
-// /** @namespace */
-// var THREEx		= THREEx 		|| {};
-// # Constructor
-function DomEvents(camera, domElement) {
-    this._camera = camera || null;
-    this._domElement = domElement || document;
-    this._raycaster = new THREE.Raycaster();
-    this._selected = null;
-    this._boundObjs = {};
-    // Bind dom event for mouse and touch
-    var _this = this;
-    this._$onClick = function () { _this._onClick.apply(_this, arguments); };
-    this._$onDblClick = function () { _this._onDblClick.apply(_this, arguments); };
-    this._$onMouseMove = function () { _this._onMouseMove.apply(_this, arguments); };
-    this._$onMouseDown = function () { _this._onMouseDown.apply(_this, arguments); };
-    this._$onMouseUp = function () { _this._onMouseUp.apply(_this, arguments); };
-    this._$onTouchMove = function () { _this._onTouchMove.apply(_this, arguments); };
-    this._$onTouchStart = function () { _this._onTouchStart.apply(_this, arguments); };
-    this._$onTouchEnd = function () { _this._onTouchEnd.apply(_this, arguments); };
-    this._$onContextmenu = function () { _this._onContextmenu.apply(_this, arguments); };
-    this._domElement.addEventListener('click', this._$onClick, false);
-    this._domElement.addEventListener('dblclick', this._$onDblClick, false);
-    this._domElement.addEventListener('mousemove', this._$onMouseMove, false);
-    this._domElement.addEventListener('mousedown', this._$onMouseDown, false);
-    this._domElement.addEventListener('mouseup', this._$onMouseUp, false);
-    this._domElement.addEventListener('touchmove', this._$onTouchMove, false);
-    this._domElement.addEventListener('touchstart', this._$onTouchStart, false);
-    this._domElement.addEventListener('touchend', this._$onTouchEnd, false);
-    this._domElement.addEventListener('contextmenu', this._$onContextmenu, false);
-}
-// # Destructor
-DomEvents.prototype.destroy = function () {
-    // unBind dom event for mouse and touch
-    this._domElement.removeEventListener('click', this._$onClick, false);
-    this._domElement.removeEventListener('dblclick', this._$onDblClick, false);
-    this._domElement.removeEventListener('mousemove', this._$onMouseMove, false);
-    this._domElement.removeEventListener('mousedown', this._$onMouseDown, false);
-    this._domElement.removeEventListener('mouseup', this._$onMouseUp, false);
-    this._domElement.removeEventListener('touchmove', this._$onTouchMove, false);
-    this._domElement.removeEventListener('touchstart', this._$onTouchStart, false);
-    this._domElement.removeEventListener('touchend', this._$onTouchEnd, false);
-    this._domElement.removeEventListener('contextmenu', this._$onContextmenu, false);
-};
-DomEvents.eventNames = [
-    "click",
-    "dblclick",
-    "mouseover",
-    "mouseout",
-    "mousemove",
-    "mousedown",
-    "mouseup",
-    "contextmenu",
-    "touchstart",
-    "touchend"
-];
-DomEvents.prototype._getRelativeMouseXY = function (domEvent) {
-    var element = domEvent.target || domEvent.srcElement;
-    if (element.nodeType === 3) {
-        element = element.parentNode; // Safari fix -- see http://www.quirksmode.org/js/events_properties.html
-    }
-    // get the real position of an element relative to the page starting point (0, 0)
-    // credits go to brainjam on answering http://stackoverflow.com/questions/5755312/getting-mouse-position-relative-to-content-area-of-an-element
-    var elPosition = { x: 0, y: 0 };
-    var tmpElement = element;
-    // store padding
-    var style = getComputedStyle(tmpElement, null);
-    elPosition.y += parseInt(style.getPropertyValue("padding-top"), 10);
-    elPosition.x += parseInt(style.getPropertyValue("padding-left"), 10);
-    // add positions
-    do {
-        elPosition.x += tmpElement.offsetLeft;
-        elPosition.y += tmpElement.offsetTop;
-        style = getComputedStyle(tmpElement, null);
-        elPosition.x += parseInt(style.getPropertyValue("border-left-width"), 10);
-        elPosition.y += parseInt(style.getPropertyValue("border-top-width"), 10);
-    } while (tmpElement = tmpElement.offsetParent);
-    var elDimension = {
-        width: (element === window) ? window.innerWidth : element.offsetWidth,
-        height: (element === window) ? window.innerHeight : element.offsetHeight
-    };
-    return {
-        x: Number((domEvent.pageX - elPosition.x) / elDimension.width) * 2 - 1,
-        y: -((domEvent.pageY - elPosition.y) / elDimension.height) * 2 + 1
-    };
-};
-/********************************************************************************/
-/*		domevent context						*/
-/********************************************************************************/
-// handle domevent context in object3d instance
-DomEvents.prototype._objectCtxInit = function (object3d) {
-    object3d._3xDomEvent = {};
-};
-DomEvents.prototype._objectCtxDeinit = function (object3d) {
-    delete object3d._3xDomEvent;
-};
-DomEvents.prototype._objectCtxIsInit = function (object3d) {
-    return object3d._3xDomEvent ? true : false;
-};
-DomEvents.prototype._objectCtxGet = function (object3d) {
-    return object3d._3xDomEvent;
-};
-/********************************************************************************/
-/*										*/
-/********************************************************************************/
-/**
- * Getter/Setter for camera
-*/
-DomEvents.prototype.camera = function (value) {
-    if (value)
-        this._camera = value;
-    return this._camera;
-};
-DomEvents.prototype.bind = function (object3d, eventName, callback, useCapture) {
-    console.assert(DomEvents.eventNames.indexOf(eventName) !== -1, "not available events:" + eventName);
-    if (!this._objectCtxIsInit(object3d))
-        this._objectCtxInit(object3d);
-    var objectCtx = this._objectCtxGet(object3d);
-    if (!objectCtx[eventName + 'Handlers'])
-        objectCtx[eventName + 'Handlers'] = [];
-    objectCtx[eventName + 'Handlers'].push({
-        callback: callback,
-        useCapture: useCapture
-    });
-    // add this object in this._boundObjs
-    if (this._boundObjs[eventName] === undefined) {
-        this._boundObjs[eventName] = [];
-    }
-    this._boundObjs[eventName].push(object3d);
-};
-DomEvents.prototype.addEventListener = DomEvents.prototype.bind;
-DomEvents.prototype.unbind = function (object3d, eventName, callback, useCapture) {
-    console.assert(DomEvents.eventNames.indexOf(eventName) !== -1, "not available events:" + eventName);
-    if (!this._objectCtxIsInit(object3d))
-        this._objectCtxInit(object3d);
-    var objectCtx = this._objectCtxGet(object3d);
-    if (!objectCtx[eventName + 'Handlers'])
-        objectCtx[eventName + 'Handlers'] = [];
-    var handlers = objectCtx[eventName + 'Handlers'];
-    for (var i = 0; i < handlers.length; i++) {
-        var handler = handlers[i];
-        if (callback != handler.callback)
-            continue;
-        if (useCapture != handler.useCapture)
-            continue;
-        handlers.splice(i, 1);
-        break;
-    }
-    // from this object from this._boundObjs
-    var index = this._boundObjs[eventName].indexOf(object3d);
-    console.assert(index !== -1);
-    this._boundObjs[eventName].splice(index, 1);
-};
-DomEvents.prototype.removeEventListener = DomEvents.prototype.unbind;
-DomEvents.prototype._bound = function (eventName, object3d) {
-    var objectCtx = this._objectCtxGet(object3d);
-    if (!objectCtx)
-        return false;
-    return objectCtx[eventName + 'Handlers'] ? true : false;
-};
-/********************************************************************************/
-/*		onMove								*/
-/********************************************************************************/
-// # handle mousemove kind of events
-DomEvents.prototype._onMove = function (eventName, mouseX, mouseY, origDomEvent) {
-    // console.log('eventName', eventName, 'boundObjs', this._boundObjs[eventName])
-    // get objects bound to this event
-    var boundObjs = this._boundObjs[eventName];
-    if (boundObjs === undefined || boundObjs.length === 0)
-        return;
-    // compute the intersection
-    var vector = new THREE.Vector2();
-    // update the picking ray with the camera and mouse position
-    vector.set(mouseX, mouseY);
-    this._raycaster.setFromCamera(vector, this._camera);
-    var intersects = this._raycaster.intersectObjects(boundObjs);
-    var oldSelected = this._selected;
-    if (intersects.length > 0) {
-        var notifyOver;
-        var notifyOut;
-        var notifyMove;
-        var intersect = intersects[0];
-        var newSelected = intersect.object;
-        this._selected = newSelected;
-        // if newSelected bound mousemove, notify it
-        notifyMove = this._bound('mousemove', newSelected);
-        if (oldSelected != newSelected) {
-            // if newSelected bound mouseenter, notify it
-            notifyOver = this._bound('mouseover', newSelected);
-            // if there is a oldSelect and oldSelected bound mouseleave, notify it
-            notifyOut = oldSelected && this._bound('mouseout', oldSelected);
-        }
-    }
-    else {
-        // if there is a oldSelect and oldSelected bound mouseleave, notify it
-        notifyOut = oldSelected && this._bound('mouseout', oldSelected);
-        this._selected = null;
-    }
-    // notify mouseMove - done at the end with a copy of the list to allow callback to remove handlers
-    notifyMove && this._notify('mousemove', newSelected, origDomEvent, intersect);
-    // notify mouseEnter - done at the end with a copy of the list to allow callback to remove handlers
-    notifyOver && this._notify('mouseover', newSelected, origDomEvent, intersect);
-    // notify mouseLeave - done at the end with a copy of the list to allow callback to remove handlers
-    notifyOut && this._notify('mouseout', oldSelected, origDomEvent, intersect);
-};
-/********************************************************************************/
-/*		onEvent								*/
-/********************************************************************************/
-// # handle click kind of events
-DomEvents.prototype._onEvent = function (eventName, mouseX, mouseY, origDomEvent) {
-    // console.log('eventName', eventName, 'boundObjs', this._boundObjs[eventName])
-    // get objects bound to this event
-    var boundObjs = this._boundObjs[eventName];
-    if (boundObjs === undefined || boundObjs.length === 0)
-        return;
-    // compute the intersection
-    var vector = new THREE.Vector2();
-    // update the picking ray with the camera and mouse position
-    vector.set(mouseX, mouseY);
-    this._raycaster.setFromCamera(vector, this._camera);
-    var intersects = this._raycaster.intersectObjects(boundObjs, true);
-    // if there are no intersections, return now
-    if (intersects.length === 0)
-        return;
-    // init some variables
-    var intersect = intersects[0];
-    var object3d = intersect.object;
-    var objectCtx = this._objectCtxGet(object3d);
-    var objectParent = object3d.parent;
-    while (typeof (objectCtx) === 'undefined' && objectParent) {
-        objectCtx = this._objectCtxGet(objectParent);
-        objectParent = objectParent.parent;
-    }
-    if (!objectCtx)
-        return;
-    // notify handlers
-    this._notify(eventName, object3d, origDomEvent, intersect);
-};
-DomEvents.prototype._notify = function (eventName, object3d, origDomEvent, intersect) {
-    var objectCtx = this._objectCtxGet(object3d);
-    var handlers = objectCtx ? objectCtx[eventName + 'Handlers'] : null;
-    // parameter check
-    console.assert(arguments.length === 4);
-    // do bubbling
-    if (!objectCtx || !handlers || handlers.length === 0) {
-        object3d.parent && this._notify(eventName, object3d.parent, origDomEvent, intersect);
-        return;
-    }
-    // notify all handlers
-    var handlers = objectCtx[eventName + 'Handlers'];
-    for (var i = 0; i < handlers.length; i++) {
-        var handler = handlers[i];
-        var toPropagate = true;
-        handler.callback({
-            type: eventName,
-            target: object3d,
-            origDomEvent: origDomEvent,
-            intersect: intersect,
-            stopPropagation: function () {
-                toPropagate = false;
-            }
-        });
-        if (!toPropagate)
-            continue;
-        // do bubbling
-        if (handler.useCapture === false) {
-            object3d.parent && this._notify(eventName, object3d.parent, origDomEvent, intersect);
-        }
-    }
-};
-/********************************************************************************/
-/*		handle mouse events						*/
-/********************************************************************************/
-// # handle mouse events
-DomEvents.prototype._onMouseDown = function (event) { return this._onMouseEvent('mousedown', event); };
-DomEvents.prototype._onMouseUp = function (event) { return this._onMouseEvent('mouseup', event); };
-DomEvents.prototype._onMouseEvent = function (eventName, domEvent) {
-    var mouseCoords = this._getRelativeMouseXY(domEvent);
-    this._onEvent(eventName, mouseCoords.x, mouseCoords.y, domEvent);
-};
-DomEvents.prototype._onMouseMove = function (domEvent) {
-    var mouseCoords = this._getRelativeMouseXY(domEvent);
-    this._onMove('mousemove', mouseCoords.x, mouseCoords.y, domEvent);
-    this._onMove('mouseover', mouseCoords.x, mouseCoords.y, domEvent);
-    this._onMove('mouseout', mouseCoords.x, mouseCoords.y, domEvent);
-};
-DomEvents.prototype._onClick = function (event) {
-    // TODO handle touch ?
-    this._onMouseEvent('click', event);
-};
-DomEvents.prototype._onDblClick = function (event) {
-    // TODO handle touch ?
-    this._onMouseEvent('dblclick', event);
-};
-DomEvents.prototype._onContextmenu = function (event) {
-    // TODO don't have a clue about how this should work with touch..
-    this._onMouseEvent('contextmenu', event);
-};
-/********************************************************************************/
-/*		handle touch events						*/
-/********************************************************************************/
-// # handle touch events
-DomEvents.prototype._onTouchStart = function (event) { return this._onTouchEvent('touchstart', event); };
-DomEvents.prototype._onTouchEnd = function (event) { return this._onTouchEvent('touchend', event); };
-DomEvents.prototype._onTouchMove = function (domEvent) {
-    if (domEvent.touches.length != 1)
-        return undefined;
-    domEvent.preventDefault();
-    var mouseX = Number(domEvent.touches[0].pageX / window.innerWidth) * 2 - 1;
-    var mouseY = -(domEvent.touches[0].pageY / window.innerHeight) * 2 + 1;
-    this._onMove('mousemove', mouseX, mouseY, domEvent);
-    this._onMove('mouseover', mouseX, mouseY, domEvent);
-    this._onMove('mouseout', mouseX, mouseY, domEvent);
-};
-DomEvents.prototype._onTouchEvent = function (eventName, domEvent) {
-    if (domEvent.touches.length != 1)
-        return undefined;
-    domEvent.preventDefault();
-    var mouseX = Number(domEvent.touches[0].pageX / window.innerWidth) * 2 - 1;
-    var mouseY = -(domEvent.touches[0].pageY / window.innerHeight) * 2 + 1;
-    this._onEvent(eventName, mouseX, mouseY, domEvent);
-};
-export default DomEvents;

package/libs/src/shared-utils/Object3DHelper/utils/vectorIsEqual.d.ts

@@ -1,2 +0,0 @@
-import type * as THREE from 'three';
-export declare function vectorIsEqual(vector1: THREE.Vector3, vector2: THREE.Vector3): boolean;

package/libs/src/shared-utils/Object3DHelper/utils/vectorIsEqual.js

@@ -1,10 +0,0 @@
-export function vectorIsEqual(vector1, vector2) {
-    const accuracy = 0.00001;
-    if (Math.abs(vector1.x - vector2.x) > accuracy)
-        return false;
-    if (Math.abs(vector1.y - vector2.y) > accuracy)
-        return false;
-    if (Math.abs(vector1.z - vector2.z) > accuracy)
-        return false;
-    return true;
-}

package/libs/src/shared-utils/Preloader.d.ts

@@ -1,6 +0,0 @@
-/**
- * 预载器
- */
-export declare const Preloader: {
-    blob: (url: string) => Promise<string>;
-};

package/libs/src/shared-utils/Preloader.js

@@ -1,38 +0,0 @@
-/**
- * 预载器
- */
-export const Preloader = {
-    blob: (url) => {
-        const noop = () => null;
-        return new Promise((resolve, reject) => {
-            const xhr = new XMLHttpRequest();
-            const clear = () => {
-                xhr.ontimeout = noop;
-                xhr.onreadystatechange = noop;
-                xhr.onprogress = noop;
-                xhr.onabort = noop;
-            };
-            xhr.ontimeout = () => {
-                reject(new Error('timeout'));
-                clear();
-            };
-            xhr.onreadystatechange = () => {
-                if (xhr.readyState !== 4)
-                    return;
-                if (xhr.status === 0 && !xhr.response)
-                    return;
-                if (xhr.status === 200 || xhr.status === 0) {
-                    resolve(xhr.response);
-                    clear();
-                }
-                else {
-                    reject(new Error('status:' + xhr.status));
-                    clear();
-                }
-            };
-            xhr.open('GET', url, true);
-            xhr.responseType = 'blob';
-            xhr.send(null);
-        });
-    },
-};

package/libs/src/shared-utils/Subscribe.d.ts

@@ -1,61 +0,0 @@
-interface EventMap {
-    [name: string]: (...args: any[]) => void | boolean;
-}
-/**
- * 监听者模式
- * @template T - 预设的监听回调类型
- * @example
- * ```
- * new Subscribe<{
- * "foo": [arg1: number, arg2: string],
- * "bar": [arg: boolean],
- * }>()
- * ```
- */
-declare class Subscribe<T extends EventMap> {
-    /**
-     * 判断是否注册了事件
-     * @param name - 事件类型
-     */
-    hasListener(name: keyof T): boolean;
-    /**
-     * 注册事件
-     * @param name - 事件类型
-     * @param callback - 事件回调函数
-     * @param once - 是否只执行一次
-     * @returns 解除事件
-     * @template K - 预设的监听事件名称
-     * @template C - 回调函数函数上下文
-     */
-    on<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
-    /**
-     * 注册事件(是否只执行一次)
-     * @param name - 事件类型
-     * @param callback - 事件回调函数
-     * @returns 解除事件
-     * @template K - 预设的监听事件名称
-     * @template C - 回调函数函数上下文
-     */
-    once<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
-    /**
-     * 解除事件
-     *
-     * 如果 name 不传的话解除对应所有事件
-     * 如果 name, callback 不传的话解除所有name的所有事件
-     * @param name - 事件类型
-     * @param callback - 事件回调函数
-     * @template K - 预设的监听事件名称
-     */
-    off<K extends keyof T>(name?: K, callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>): void;
-    /**
-     * 触发事件
-     * @param name - 事件类型
-     * @param data - 触发事件的数据
-     * @returns canceled 是否被触发取消
-     * @template K - 预设的监听事件名称
-     */
-    emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
-}
-export default Subscribe;
-export { Subscribe };
-export type { EventMap as SubscribeEventMap };