@shapediver/viewer.features.drawing-tools 3.3.4 → 3.3.6

package/src/business/interfaces/ISnapRestriction.ts

@@ -1,70 +0,0 @@
-import { IRay } from '@shapediver/viewer.features.interaction';
-import { IRestrictionBase } from './IRestrictionBase';
-import { RestrictionMetaData } from './IRestriction';
-import { vec3 } from 'gl-matrix';
-
-// #region Type aliases (1)
-
-export type SnapRestrictionProperties = {
-    /**
-     * If the restriction should be enabled by default.
-     */
-    enabled?: boolean;
-    /**
-     * If the enabling or disabling of the restriction is allowed to the end user.
-     * If it is not editable, the default value for enabling or disabling the restriction is used.
-     */
-    enabledEditable?: boolean;
-    /**
-     * Priority of the restriction.
-     * The higher the priority, the sooner the restriction is applied.
-     * If the priority is the same, the result that is closer to the original point is chosen.
-     */
-    priority?: number;
-    /**
-     * The activation key of the restriction.
-     * If the key is not provided, no key is assigned.
-     * If the key is provided, the restriction is only active when the key is pressed.
-     */
-    activationKey?: string;
-};
-
-// #endregion Type aliases (1)
-
-// #region Interfaces (1)
-
-export interface ISnapRestriction extends IRestrictionBase {
-    // #region Properties (3)
-
-    /**
-     * If the restriction is actively being used at the moment.
-     */
-    active: boolean;
-    /**
-     * If the enabling or disabling of the restriction is allowed to the end user.
-     * If it is not editable, the default value for enabling or disabling the restriction is used.
-     */
-    enabledEditable: boolean;
-    /**
-     * The priority of the restriction.
-     */
-    priority: number;
-
-    // #endregion Properties (3)
-
-    // #region Public Methods (1)
-
-    /**
-     * Restrict the position of a point.
-     * 
-     * @param ray The ray that is used for the restriction.
-     * @param point The position of the point.
-     * @param metaData The meta data of the point.
-     * @returns The restricted position of the point.
-     */
-    snap(ray: IRay, point: vec3, metaData?: RestrictionMetaData): vec3 | undefined;
-
-    // #endregion Public Methods (1)
-}
-
-// #endregion Interfaces (1)

package/src/business/interfaces/events/EventResponseMapping.ts

@@ -1,19 +0,0 @@
-import { EVENTTYPE_DRAWING_TOOLS } from '@shapediver/viewer';
-import { IDrawingToolsEvent } from './IDrawingToolsEvent';
-
-export type DrawingToolsEventResponseMapping = {
-    [EVENTTYPE_DRAWING_TOOLS.CANCEL]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.FINISH]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.ADDED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.REMOVED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.MOVED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.GEOMETRY_CHANGED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.SELECTED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.DESELECTED]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.DRAG_START]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.DRAG_MOVE]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.DRAG_END]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.MINIMUM_POINTS]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.MAXIMUM_POINTS]: IDrawingToolsEvent,
-    [EVENTTYPE_DRAWING_TOOLS.UNCLOSED_LOOP]: IDrawingToolsEvent,
-}

package/src/business/interfaces/events/IDrawingToolsEvent.ts

@@ -1,16 +0,0 @@
-import { IViewportEvent } from '@shapediver/viewer';
-import { PointsData } from '../IDrawingToolsManager';
-
-export interface IDrawingToolsEvent extends IViewportEvent {
-    // #region Properties (7)
-
-    drawingToolId: string;
-    fromHistory?: boolean;
-    index?: number;
-    message?: string;
-    points?: PointsData;
-    recordHistory?: boolean;
-    temporary?: boolean;
-
-    // #endregion Properties (7)
-}

package/src/index.ts

@@ -1,72 +0,0 @@
-import { AngularRestrictionApi } from './api/implementation/restrictions/plane/snap/AngularRestrictionApi';
-import { AngularRestrictionProperties } from './business/implementation/managers/interaction/restrictions/plane/snap/AngularRestriction';
-import { AxisRestrictionApi } from './api/implementation/restrictions/plane/snap/AxisRestrictionApi';
-import { AxisRestrictionProperties } from './business/implementation/managers/interaction/restrictions/plane/snap/AxisRestriction';
-import { Callbacks, PointsData, SettingsOptional } from './business/interfaces/IDrawingToolsManager';
-import { DrawingToolsApi } from './api/implementation/DrawingToolsApi';
-import { DrawingToolsEventResponseMapping } from './business/interfaces/events/EventResponseMapping';
-import { GeometryRestrictionApi } from './api/implementation/restrictions/geometry/GeometryRestrictionApi';
-import { GeometryRestrictionProperties } from './business/implementation/managers/interaction/restrictions/geometry/GeometryRestriction';
-import { GridRestrictionApi } from './api/implementation/restrictions/plane/snap/GridRestrictionApi';
-import { GridRestrictionProperties } from './business/implementation/managers/interaction/restrictions/plane/snap/GridRestriction';
-import { IDrawingToolsApi } from './api/interfaces/IDrawingToolsApi';
-import { IDrawingToolsEvent } from './business/interfaces/events/IDrawingToolsEvent';
-import {
-    IMapData,
-    IViewportApi,
-    MaterialEngine,
-    ShapeDiverViewerDrawingToolsError
-} from '@shapediver/viewer';
-import {
-    IRestriction,
-    RESTRICTION_TYPE,
-    RestrictionMetaData,
-    RestrictionProperties
-} from './business/interfaces/IRestriction';
-import { IRestrictionApi } from './api/interfaces/IRestrictionApi';
-import { IRestrictionBase } from './business/interfaces/IRestrictionBase';
-import { ISnapRestriction, SnapRestrictionProperties } from './business/interfaces/ISnapRestriction';
-import { PlaneRestrictionApi } from './api/implementation/restrictions/plane/PlaneRestrictionApi';
-import { PlaneRestrictionProperties } from './business/implementation/managers/interaction/restrictions/plane/PlaneRestriction';
-import { SystemInfo } from '@shapediver/viewer.shared.services';
-
-export {
-    SettingsOptional as Settings, Callbacks,
-    DrawingToolsEventResponseMapping, IDrawingToolsEvent,
-    IDrawingToolsApi, DrawingToolsApi, PointsData,
-    PlaneRestrictionProperties, GridRestrictionProperties, AngularRestrictionProperties,
-    GeometryRestrictionProperties,
-    AxisRestrictionProperties,
-    IRestrictionApi, PlaneRestrictionApi, GridRestrictionApi, AngularRestrictionApi, GeometryRestrictionApi, AxisRestrictionApi,
-    IRestrictionBase, RestrictionProperties, IRestriction, RestrictionMetaData, RESTRICTION_TYPE, SnapRestrictionProperties, ISnapRestriction,
-};
-
-const defaultTextures: { [key: string]: Promise<IMapData> | IMapData } = {};
-
-defaultTextures['variation_0'] = MaterialEngine.instance.loadMap('https://viewer.shapediver.com/v3/graphics/point_soft.png')
-    .then((mapData: IMapData | undefined) => {
-        defaultTextures['variation_0'] = mapData!;
-        return mapData!;
-    });
-
-let drawingTools: IDrawingToolsApi | undefined;
-
-/**
- * Create a new instance of DrawingTools.
- * 
- * @param viewport The viewport to which the DrawingTools should be attached.
- * @param callback The callback function that is called when the drawing is finished.
- * @param properties The customization properties for the DrawingTools.
- * @returns The DrawingTools instance.
- * @throws An error if there is already an active instance of DrawingTools.
- */
-export const createDrawingTools = (viewport: IViewportApi, callbacks: Callbacks, settings: SettingsOptional): IDrawingToolsApi => {
-    if (SystemInfo.instance.isMobile)
-        throw new ShapeDiverViewerDrawingToolsError('The DrawingTools are not supported on mobile devices.');
-
-    if (drawingTools && drawingTools.closed === false)
-        throw new ShapeDiverViewerDrawingToolsError('There can only be one instance of DrawingTools active at a time. Please close the current instance before creating a new one.');
-
-    drawingTools = new DrawingToolsApi(viewport, callbacks, settings, defaultTextures);
-    return drawingTools;
-};

package/src/three/CSS2DRenderer.ts

@@ -1,212 +0,0 @@
-import {
-    Matrix4,
-    Object3D,
-    Vector2,
-    Vector3,
-    Scene,
-    Camera
-} from 'three';
-
-class CSS2DObject extends Object3D {
-    // #region Properties (3)
-
-    public center: Vector2;
-    public element: HTMLElement;
-    public isCSS2DObject: boolean;
-
-    // #endregion Properties (3)
-
-    // #region Constructors (1)
-
-    constructor(element = document.createElement('div')) {
-        super();
-
-        this.isCSS2DObject = true;
-
-        this.element = element;
-
-        this.element.style.position = 'absolute';
-        this.element.style.userSelect = 'none';
-
-        this.element.setAttribute('draggable', 'false');
-
-        this.center = new Vector2(0.5, 0.5); // ( 0, 0 ) is the lower left; ( 1, 1 ) is the top right
-
-        this.addEventListener('removed', () => {
-            this.traverse((o: Object3D) => {
-                const object = o as CSS2DObject;
-
-                if (object.element instanceof Element && object.element.parentNode !== null) {
-                    object.element.parentNode.removeChild(object.element);
-                }
-
-            });
-
-        });
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Methods (1)
-
-    public copy(source: this, recursive?: boolean): this {
-        super.copy(source, recursive);
-
-        this.element = source.element.cloneNode(true) as HTMLDivElement;
-
-        this.center = source.center;
-
-        return this;
-    }
-
-    // #endregion Public Methods (1)
-}
-
-//
-
-const _vector = new Vector3();
-const _viewMatrix = new Matrix4();
-const _viewProjectionMatrix = new Matrix4();
-const _a = new Vector3();
-const _b = new Vector3();
-
-type CSS2DParameters = {
-    element?: HTMLElement;
-};
-
-class CSS2DRenderer {
-    // #region Properties (6)
-
-    private readonly _cache = {
-        objects: new WeakMap()
-    };
-
-    private _height: number = 0;
-    private _heightHalf: number = 0;
-    private _width: number = 0;
-    private _widthHalf: number = 0;
-
-    public domElement: HTMLElement;
-
-    // #endregion Properties (6)
-
-    // #region Constructors (1)
-
-    constructor(parameters?: CSS2DParameters) {
-        const domElement = parameters?.element !== undefined ? parameters.element : document.createElement('div');
-
-        domElement.style.overflow = 'hidden';
-
-        this.domElement = domElement;
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Methods (7)
-
-    public filterAndFlatten(scene: Scene) {
-        const result: CSS2DObject[] = [];
-
-        scene.traverse((object) => {
-            if ((object as CSS2DObject).isCSS2DObject) result.push(object as CSS2DObject);
-
-        });
-
-        return result;
-    }
-
-    public getDistanceToSquared(object1: Object3D, object2: Object3D) {
-        _a.setFromMatrixPosition(object1.matrixWorld);
-        _b.setFromMatrixPosition(object2.matrixWorld);
-
-        return _a.distanceToSquared(_b);
-    }
-
-    public getSize(): { width: number; height: number } {
-        return {
-            width: this._width,
-            height: this._height
-        };
-    }
-
-    public render(scene: Scene, camera: Camera) {
-        if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld();
-        if (camera.parent === null && camera.matrixWorldAutoUpdate === true) camera.updateMatrixWorld();
-
-        _viewMatrix.copy(camera.matrixWorldInverse);
-        _viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
-
-        this.renderObject(scene, scene, camera);
-        this.zOrder(scene);
-    }
-
-    public renderObject(o: Object3D, scene: Scene, camera: Camera) {
-        if ((o as CSS2DObject).isCSS2DObject) {
-            const object = o as CSS2DObject;
-            _vector.setFromMatrixPosition(object.matrixWorld);
-            _vector.applyMatrix4(_viewProjectionMatrix);
-
-            const visible = (object.visible === true) && (_vector.z >= - 1 && _vector.z <= 1) && (object.layers.test(camera.layers) === true);
-            object.element.style.display = (visible === true) ? '' : 'none';
-
-            if (visible === true) {
-                (object as unknown as { onBeforeRender: (renderer: unknown, scene: Scene, camera: Camera) => void }).onBeforeRender(this, scene, camera);
-
-                const element = object.element;
-
-                element.style.transform = 'translate(' + (- 100 * object.center.x) + '%,' + (- 100 * object.center.y) + '%)' + 'translate(' + (_vector.x * this._widthHalf + this._widthHalf) + 'px,' + (- _vector.y * this._heightHalf + this._heightHalf) + 'px)';
-
-                if (element.parentNode !== this.domElement) {
-                    this.domElement.appendChild(element);
-                }
-
-                (object as unknown as { onAfterRender: (renderer: unknown, scene: Scene, camera: Camera) => void }).onAfterRender(this, scene, camera);
-            }
-
-            const objectData = {
-                distanceToCameraSquared: this.getDistanceToSquared(camera, object)
-            };
-
-            this._cache.objects.set(object, objectData);
-        }
-
-        for (let i = 0, l = o.children.length; i < l; i++) {
-            this.renderObject(o.children[i], scene, camera);
-        }
-    }
-
-    public setSize(width: number, height: number) {
-        this._width = width;
-        this._height = height;
-
-        this._widthHalf = this._width / 2;
-        this._heightHalf = this._height / 2;
-
-        this.domElement.style.width = width + 'px';
-        this.domElement.style.height = height + 'px';
-    }
-
-    public zOrder(scene: Scene) {
-        const sorted = this.filterAndFlatten(scene).sort((a, b) => {
-            if (a.renderOrder !== b.renderOrder) {
-                return b.renderOrder - a.renderOrder;
-            }
-
-            const distanceA = this._cache.objects.get(a).distanceToCameraSquared;
-            const distanceB = this._cache.objects.get(b).distanceToCameraSquared;
-
-            return distanceA - distanceB;
-
-        });
-
-        const zMax = sorted.length;
-
-        for (let i = 0, l = sorted.length; i < l; i++) {
-            sorted[i].element.style.zIndex = (zMax - i) + '';
-        }
-    }
-
-    // #endregion Public Methods (7)
-}
-
-export { CSS2DObject, CSS2DRenderer };

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "include": [
-        "./**/*.ts"
-    ],
-    "compilerOptions": {
-        "rootDir": "src",
-        "outDir": "dist"
-    },
-    "exclude": [
-        "__tests__",
-        "node_modules",
-        "dist",
-        "dist-dev",
-        "dist-prod"
-    ]
-}