@shopware-ag/dive 1.19.1-beta.9 → 2.0.1-beta.0

package/build/src/components/gizmo/Gizmo.d.ts

@@ -1,7 +1,7 @@
 import { Euler, Object3D, Vector3 } from 'three';
-import { DIVEOrbitController } from '../../modules/controller/orbit/OrbitController';
-import { DIVEGizmoPlane as DIVEGizmoPlane } from './plane/GizmoPlane';
-import { DIVESelectable } from '../../interfaces/Selectable';
+import { OrbitController } from '../../modules/controller/orbit/OrbitController.ts';
+import { DIVEGizmoPlane as DIVEGizmoPlane } from './plane/GizmoPlane.ts';
+import { DIVESelectable } from '../../interfaces/Selectable.ts';
 export type DIVEGizmoMode = 'translate' | 'rotate' | 'scale';
 export type DIVEGizmoAxis = 'x' | 'y' | 'z';
 export declare class DIVEGizmo extends Object3D {
@@ -18,7 +18,7 @@ export declare class DIVEGizmo extends Object3D {
     get gizmoPlane(): DIVEGizmoPlane;
     private _object;
     get object(): (Object3D & DIVESelectable) | null;
-    constructor(controller: DIVEOrbitController);
+    constructor(controller: OrbitController);
     attach(object: Object3D & DIVESelectable): this;
     detach(): this;
     onHover(mode: DIVEGizmoMode, axis: DIVEGizmoAxis, value: boolean): void;

package/build/src/components/gizmo/handles/AxisHandle.d.ts

@@ -1,8 +1,8 @@
 import { ColorRepresentation, Object3D, Vector3 } from 'three';
-import { DIVEHoverable } from '../../../interfaces/Hoverable';
-import { DIVETranslateGizmo } from '../translate/TranslateGizmo';
-import { DIVEDraggable } from '../../../interfaces/Draggable';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
+import { DIVEHoverable } from '../../../interfaces/Hoverable.ts';
+import { DIVETranslateGizmo } from '../translate/TranslateGizmo.ts';
+import { DIVEDraggable } from '../../../interfaces/Draggable.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
 export declare class DIVEAxisHandle extends Object3D implements DIVEHoverable, DIVEDraggable {
     readonly isHoverable: true;
     readonly isDraggable: true;

package/build/src/components/gizmo/handles/RadialHandle.d.ts

@@ -1,8 +1,8 @@
 import { ColorRepresentation, Object3D, Vector3 } from 'three';
-import { DIVEHoverable } from '../../../interfaces/Hoverable';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
-import { DIVERotateGizmo } from '../rotate/RotateGizmo';
-import { DIVEDraggable } from '../../../interfaces/Draggable';
+import { DIVEHoverable } from '../../../interfaces/Hoverable.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
+import { DIVERotateGizmo } from '../rotate/RotateGizmo.ts';
+import { DIVEDraggable } from '../../../interfaces/Draggable.ts';
 export declare class DIVERadialHandle extends Object3D implements DIVEHoverable, DIVEDraggable {
     readonly isHoverable: true;
     readonly isDraggable: true;

package/build/src/components/gizmo/handles/ScaleHandle.d.ts

@@ -1,8 +1,8 @@
 import { ColorRepresentation, Object3D, Vector3 } from 'three';
-import { DIVEHoverable } from '../../../interfaces/Hoverable';
-import { DIVEScaleGizmo } from '../scale/ScaleGizmo';
-import { DIVEDraggable } from '../../../interfaces/Draggable';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
+import { DIVEHoverable } from '../../../interfaces/Hoverable.ts';
+import { DIVEScaleGizmo } from '../scale/ScaleGizmo.ts';
+import { DIVEDraggable } from '../../../interfaces/Draggable.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
 export declare class DIVEScaleHandle extends Object3D implements DIVEHoverable, DIVEDraggable {
     readonly isHoverable: true;
     readonly isDraggable: true;

package/build/src/components/gizmo/plane/GizmoPlane.d.ts

@@ -1,5 +1,5 @@
 import { Mesh, Object3D } from 'three';
-import { DIVEGizmoAxis, DIVEGizmoMode } from '../Gizmo';
+import { DIVEGizmoAxis, DIVEGizmoMode } from '../Gizmo.ts';
 export declare class DIVEGizmoPlane extends Object3D {
     private _meshX;
     get XPlane(): Mesh;

package/build/src/components/gizmo/rotate/RotateGizmo.d.ts

@@ -1,13 +1,13 @@
 import { Object3D } from 'three';
-import { DIVEOrbitController } from '../../../modules/controller/orbit/OrbitController';
-import { DIVERadialHandle } from '../handles/RadialHandle';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
+import { OrbitController } from '../../../modules/controller/orbit/OrbitController.ts';
+import { DIVERadialHandle } from '../handles/RadialHandle.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
 export declare class DIVERotateGizmo extends Object3D {
     children: DIVERadialHandle[];
     private _controller;
     set debug(value: boolean);
     private _startRot;
-    constructor(controller: DIVEOrbitController);
+    constructor(controller: OrbitController);
     reset(): void;
     private handleHighlight;
     onHandleHover(handle: DIVERadialHandle, value: boolean): void;

package/build/src/components/gizmo/scale/ScaleGizmo.d.ts

@@ -1,15 +1,15 @@
 import { Object3D, Vector3 } from 'three';
-import { DIVEHoverable } from '../../../interfaces/Hoverable';
-import { DIVEOrbitController } from '../../../modules/controller/orbit/OrbitController';
-import { DIVEScaleHandle } from '../handles/ScaleHandle';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
+import { DIVEHoverable } from '../../../interfaces/Hoverable.ts';
+import { OrbitController } from '../../../modules/controller/orbit/OrbitController.ts';
+import { DIVEScaleHandle } from '../handles/ScaleHandle.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
 export declare class DIVEScaleGizmo extends Object3D implements DIVEHoverable {
     readonly isHoverable: true;
     children: DIVEScaleHandle[];
     private _controller;
     set debug(value: boolean);
     private _startScale;
-    constructor(controller: DIVEOrbitController);
+    constructor(controller: OrbitController);
     reset(): void;
     update(scale: Vector3): void;
     private handleHighlight;

package/build/src/components/gizmo/translate/TranslateGizmo.d.ts

@@ -1,13 +1,13 @@
 import { Object3D } from 'three';
-import { DIVEOrbitController } from '../../../modules/controller/orbit/OrbitController';
-import { DIVEAxisHandle } from '../handles/AxisHandle';
-import { DraggableEvent } from '../../../modules/toolbox/BaseTool';
+import { OrbitController } from '../../../modules/controller/orbit/OrbitController.ts';
+import { DIVEAxisHandle } from '../handles/AxisHandle.ts';
+import { DraggableEvent } from '../../../modules/toolbox/BaseTool.ts';
 export declare class DIVETranslateGizmo extends Object3D {
     private _controller;
     set debug(value: boolean);
     children: DIVEAxisHandle[];
     private _startPos;
-    constructor(controller: DIVEOrbitController);
+    constructor(controller: OrbitController);
     reset(): void;
     private handleHighlight;
     onHandleHover(handle: DIVEAxisHandle, value: boolean): void;

package/build/src/components/light/PointLight.d.ts

@@ -1,7 +1,7 @@
 import { Color, Object3D } from 'three';
-import { DIVEMovable } from '../../interfaces/Movable';
-import { DIVESelectable } from '../../interfaces/Selectable';
-import { TransformControls } from 'three/examples/jsm/controls/TransformControls';
+import { DIVEMovable } from '../../interfaces/Movable.ts';
+import { DIVESelectable } from '../../interfaces/Selectable.ts';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.ts';
 /**
  * A basic point light.
  *

package/build/src/components/model/Model.d.ts

@@ -1,6 +1,6 @@
 import { Object3D } from 'three';
-import { COMMaterial } from '../../modules/com/types/index.ts';
-import { DIVENode } from '../node/Node';
+import { COMMaterial } from '../../modules/state/types/index.ts';
+import { DIVENode } from '../node/Node.ts';
 /**
  * A basic model class.
  *

package/build/src/components/node/Node.d.ts

@@ -1,8 +1,8 @@
 import { Box3, Object3D, Vector3, Vector3Like } from 'three';
-import { DIVEMovable } from '../../interfaces/Movable';
-import { DIVESelectable } from '../../interfaces/Selectable';
-import { TransformControls } from 'three/examples/jsm/controls/TransformControls';
-declare const DIVENode_base: new () => Object3D<import('three').Object3DEventMap> & DIVEMovable & DIVESelectable;
+import { DIVEMovable } from '../../interfaces/Movable.ts';
+import { DIVESelectable } from '../../interfaces/Selectable.ts';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.ts';
+declare const DIVENode_base: new () => Object3D<import('three').Object3DEventMap> & DIVESelectable & DIVEMovable;
 export declare class DIVENode extends DIVENode_base {
     readonly isDIVENode: true;
     gizmo: TransformControls | null;

package/build/src/components/primitive/Primitive.d.ts

@@ -1,5 +1,5 @@
 import { DIVENode } from '../node/Node.ts';
-import { COMGeometry, COMMaterial } from '../../modules/com/types/index.ts';
+import { COMGeometry, COMMaterial } from '../../modules/state/types/index.ts';
 /**
  * A basic model class.
  *

package/build/src/components/root/Root.d.ts

@@ -1,5 +1,5 @@
 import { Box3, Object3D } from 'three';
-import { COMEntity } from '../../modules/com/types/index.ts';
+import { COMEntity } from '../../modules/state/types/index.ts';
 import { DIVESceneObject } from '../../types/index.ts';
 import { DIVEFloor } from '../floor/Floor.ts';
 /**
@@ -12,6 +12,7 @@ export declare class DIVERoot extends Object3D {
     get floor(): DIVEFloor;
     private _floor;
     private _assetLoader;
+    private _getAssetLoader;
     constructor();
     ComputeSceneBB(): Box3;
     GetSceneObject<T extends DIVESceneObject>(object: Partial<COMEntity> & {

package/build/src/core/Dive.d.ts

@@ -1,9 +1,22 @@
-import { DIVEOrbitControllerSettings } from '../modules/controller/orbit/OrbitController.ts';
-import { DIVECommunication } from '../modules/com/Communication.ts';
+import { OrbitControllerSettings } from '../modules/controller/orbit/OrbitController.ts';
 import { DIVEEngine, EngineSettings } from '../engine/Engine.ts';
+declare global {
+    interface Window {
+        DIVE: {
+            /**
+             * All instances of DIVE
+             */
+            instances: DIVE[];
+            /**
+             * Get the first instance of DIVE
+             */
+            get instance(): DIVE | undefined;
+        };
+    }
+}
 export type DIVESettings = EngineSettings & {
     /** Settings for the orbit controls */
-    orbitController: Partial<DIVEOrbitControllerSettings>;
+    orbitController: Partial<OrbitControllerSettings>;
 };
 export declare const DIVEDefaultSettings: Required<DIVESettings>;
 /**
@@ -24,22 +37,21 @@ export declare const DIVEDefaultSettings: Required<DIVESettings>;
  *  // do something
  * }));
  *
- * dive.Communication.PerformAction('GET_ALL_SCENE_DATA', {});
+ * dive.Communication.performAction('GET_ALL_SCENE_DATA', {});
  * ```
  * @module
  */
 export declare class DIVE {
-    static QuickView(uri: string, settings?: Partial<DIVESettings>): Promise<DIVE>;
+    static QuickView(uri: string, settings?: Partial<DIVESettings & {
+        lightIntensity?: number;
+    }>): Promise<DIVE>;
     private _settings;
     get engine(): DIVEEngine;
     private _engine;
-    private orbitControls;
-    private toolbox;
-    private _communication;
-    private animationSystem;
+    private orbitController;
     private axisCamera;
-    get communication(): DIVECommunication;
     get canvas(): HTMLCanvasElement;
+    setCanvas(canvas: HTMLCanvasElement): void;
     constructor(settings?: Partial<DIVESettings>);
-    Dispose(): void;
+    Dispose(): Promise<void>;
 }

package/build/src/engine/Engine.d.ts

@@ -1,7 +1,7 @@
 import { DIVEScene } from './scene/Scene.ts';
 import { DIVEPerspectiveCamera, DIVEPerspectiveCameraSettings } from './camera/PerspectiveCamera.ts';
-import { DIVERenderer } from './renderer/Renderer.ts';
-import { DIVERenderPipeline, DIVERenderPipelineSettings } from './pipeline/RenderPipeline.ts';
+import { DIVERenderPipeline, DIVERenderPipelineSettings } from './renderer/Renderer.ts';
+import { DIVEClock } from './clock/Clock.ts';
 export type EngineSettings = {
     /** Whether the engine should start automatically after initialization */
     autoStart: boolean;
@@ -10,22 +10,22 @@ export type EngineSettings = {
     /** Settings for the perspective camera */
     perspectiveCamera: Partial<DIVEPerspectiveCameraSettings>;
     /** Settings for the render pipeline */
-    renderPipeline: Partial<DIVERenderPipelineSettings>;
+    renderer: Partial<DIVERenderPipelineSettings>;
 };
 export declare const EngineDefaultSettings: Required<EngineSettings>;
 export declare class DIVEEngine {
     private _renderer;
     private _scene;
     private _camera;
-    private _pipeline;
     private _resizeManager;
     private _clock;
     private _settings;
     constructor(settings?: Partial<EngineSettings>);
     get scene(): DIVEScene;
     get camera(): DIVEPerspectiveCamera;
-    get renderer(): DIVERenderer;
-    get pipeline(): DIVERenderPipeline;
+    get renderer(): DIVERenderPipeline;
+    setCanvas(canvas: HTMLCanvasElement): void;
+    get clock(): DIVEClock;
     start(): void;
     stop(): void;
     dispose(): void;

package/build/src/engine/clock/Clock.d.ts

@@ -1,13 +1,17 @@
+import { DIVERenderPipeline } from '../renderer/Renderer.ts';
 export interface DIVETicker {
+    uuid: string;
     tick(deltaTime: number): void;
     dispose?(): void;
 }
 export declare class DIVEClock {
+    private _renderer;
     private _lastTime;
     private _isRunning;
     private _tickers;
     start(): void;
     stop(): void;
+    setRenderer(renderer: DIVERenderPipeline): void;
     addTicker(ticker: DIVETicker): void;
     removeTicker(ticker: DIVETicker): void;
     dispose(): void;

package/build/src/engine/renderer/Renderer.d.ts

@@ -1,6 +1,9 @@
-import { Camera, WebGLRenderer } from 'three';
+import { WebGLRenderer } from 'three';
 import { DIVEScene } from '../scene/Scene.ts';
-export type DIVERendererSettings = {
+import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
+export type DIVERenderPipelineSettings = {
+    /** The canvas to render to */
+    canvas: HTMLCanvasElement | undefined;
     /** Whether to enable antialiasing */
     antialias: boolean;
     /** Whether to enable alpha channel */
@@ -16,7 +19,7 @@ export type DIVERendererSettings = {
     /** Whether to use logarithmic depth buffer */
     logarithmicDepthBuffer: boolean;
 };
-export declare const DIVERendererDefaultSettings: Required<DIVERendererSettings>;
+export declare const DIVERenderPipelineDefaultSettings: Required<DIVERenderPipelineSettings>;
 /**
  * A changed version of the WebGLRenderer.
  *
@@ -24,14 +27,15 @@ export declare const DIVERendererDefaultSettings: Required<DIVERendererSettings>
  *
  * @module
  */
-export declare class DIVERenderer {
+export declare class DIVERenderPipeline {
+    private _scene;
+    private _camera;
     private _webglrenderer;
     private _settings;
-    constructor(settings?: Partial<DIVERendererSettings>);
+    constructor(_scene: DIVEScene, _camera: DIVEPerspectiveCamera, settings?: Partial<DIVERenderPipelineSettings>);
     get webglrenderer(): WebGLRenderer;
-    get domElement(): HTMLCanvasElement;
-    set domElement(element: HTMLCanvasElement);
-    render(scene: DIVEScene, camera: Camera): void;
+    setCanvas(canvas: HTMLCanvasElement): void;
+    render(): void;
     onResize(width: number, height: number): void;
     dispose(): void;
 }

package/build/src/engine/resize/ResizeManager.d.ts

@@ -1,9 +1,11 @@
 import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
-import { DIVERenderer } from '../renderer/Renderer.ts';
+import { DIVERenderPipeline } from '../renderer/Renderer.ts';
 export declare class DIVEResizeManager {
     private _resizeObserver;
     private _width;
     private _height;
-    constructor(renderer: DIVERenderer, camera: DIVEPerspectiveCamera);
+    constructor(renderer: DIVERenderPipeline, camera: DIVEPerspectiveCamera);
+    setCanvas(canvas: HTMLCanvasElement): void;
     dispose(): void;
+    private _observeCanvas;
 }

package/build/src/engine/scene/Scene.d.ts

@@ -1,8 +1,8 @@
 import { Scene, Box3, ColorRepresentation } from 'three';
-import { COMModel, COMEntity } from '../../modules/com/types/index.ts';
-import { DIVERoot } from '../../components/root/Root';
-import { DIVEGrid } from '../../components/grid/Grid';
-import { DIVESceneObject } from '../../types';
+import { COMModel, COMEntity } from '../../modules/state/types/index.ts';
+import { DIVERoot } from '../../components/root/Root.ts';
+import { DIVEGrid } from '../../components/grid/Grid.ts';
+import { DIVESceneObject } from '../../types/index.ts';
 /**
  * A basic scene class.
  *

package/build/src/engine/scene/xrroot/XRRoot.d.ts

@@ -1,8 +1,8 @@
 import { Object3D } from 'three';
-import { DIVERoot } from '../../../components/root/Root';
-import { DIVERenderer } from '../../renderer/Renderer';
-import { DIVEXRLightRoot } from './xrlightroot/XRLightRoot';
-import { DIVEScene } from '../Scene';
+import { DIVERoot } from '../../../components/root/Root.ts';
+import { DIVERenderPipeline } from '../../renderer/Renderer.ts';
+import { DIVEXRLightRoot } from './xrlightroot/XRLightRoot.ts';
+import { DIVEScene } from '../Scene.ts';
 export declare class DIVEXRRoot extends Object3D {
     private _xrLightRoot;
     private _xrModelRoot;
@@ -12,6 +12,6 @@ export declare class DIVEXRRoot extends Object3D {
     get XRHandNode(): Object3D;
     private _xrShadowPlane;
     constructor(scene: DIVEScene);
-    InitLightEstimation(renderer: DIVERenderer): void;
+    InitLightEstimation(renderer: DIVERenderPipeline): void;
     DisposeLightEstimation(): void;
 }

package/build/src/engine/scene/xrroot/xrlightroot/XRLightRoot.d.ts

@@ -1,12 +1,12 @@
-import { DIVERenderer } from '../../../renderer/Renderer';
+import { DIVERenderPipeline } from '../../../renderer/Renderer.ts';
 import { Object3D } from 'three';
-import { DIVEScene } from '../../Scene';
+import { DIVEScene } from '../../Scene.ts';
 export declare class DIVEXRLightRoot extends Object3D {
     private _scene;
     private _xrLight;
     private _lightRoot;
     constructor(scene: DIVEScene);
-    InitLightEstimation(renderer: DIVERenderer): void;
+    InitLightEstimation(renderer: DIVERenderPipeline): void;
     DisposeLightEstimation(): void;
     private onEstimationStart;
     private onEstimationEnd;

package/build/src/helpers/findSceneRecursive/findSceneRecursive.d.ts

@@ -1,5 +1,5 @@
 import { Object3D } from 'three';
-import { DIVEScene } from '../../engine/scene/Scene';
+import { DIVEScene } from '../../engine/scene/Scene.ts';
 /**
  * Find the scene object of an object.
  *

package/build/src/helpers/isFileTypeSupported/isFileTypeSupported.d.ts

@@ -1,4 +1,4 @@
-import { FileType } from '../../types/file/FileTypes';
+import { FileType } from '../../types/file/index.ts';
 /**
  * Checks if a file extension is supported
  * @param extension The file extension to check

package/build/src/index.d.ts

@@ -1,11 +1,8 @@
-export * from './core/Dive.ts';
+export * from './core/index.ts';
 export * from './helpers/index.ts';
-export * from './error/index.ts';
+export type { ARCompatibilityError } from './error/ar-compatibility/ar-compatibility-error.ts';
+export type { FileTypeError } from './error/file-type/file-type-error.ts';
+export type { NetworkError } from './error/network/network-error.ts';
+export type { ParseError } from './error/parse/parse-error.ts';
 export * from './types/index.ts';
-export * from './modules/com/types/index.ts';
-export { ARSystem } from './modules/ar/ARSystem';
-export { AssetConverter } from './modules/asset/converter/AssetConverter';
-export { AssetExporter } from './modules/asset/exporter/AssetExporter';
-export { AssetLoader } from './modules/asset/loader/AssetLoader';
-export { MediaCreator } from './modules/mediacreator/MediaCreator';
-export { SystemInfo } from './modules/systeminfo/SystemInfo';
+export * from './modules/ModuleRegistry.ts';

package/build/src/interfaces/Draggable.d.ts

@@ -1,4 +1,4 @@
-import { DraggableEvent } from '../modules/toolbox/BaseTool';
+import { DraggableEvent } from '../modules/toolbox/BaseTool.ts';
 export interface DIVEDraggable {
     isDraggable: true;
     onDragStart?: (e: DraggableEvent) => void;

package/build/src/modules/ModuleRegistry.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Central export point for the module system.
+ * This is the only place where ModuleRegistry should be imported from.
+ */
+declare const ModuleRegistry: {
+    readonly AnimationSystem: () => Promise<typeof import('./animation/AnimationSystem.ts').AnimationSystem>;
+    readonly ARSystem: () => Promise<typeof import('./ar/ARSystem.ts').ARSystem>;
+    readonly AssetConverter: () => Promise<typeof import('./asset/converter/AssetConverter.ts').AssetConverter>;
+    readonly AssetExporter: () => Promise<typeof import('./asset/exporter/AssetExporter.ts').AssetExporter>;
+    readonly AssetLoader: () => Promise<typeof import('./asset/loader/AssetLoader.ts').AssetLoader>;
+    readonly MediaCreator: () => Promise<typeof import('./mediacreator/MediaCreator.ts').MediaCreator>;
+    readonly State: () => Promise<typeof import('./state/State.ts').State>;
+    readonly Toolbox: () => Promise<typeof import('./toolbox/Toolbox.ts').Toolbox>;
+};
+type ModuleRegistry = typeof ModuleRegistry;
+type ModuleName = keyof ModuleRegistry;
+type ModuleType<T extends keyof ModuleRegistry> = ReturnType<ModuleRegistry[T]> extends Promise<infer U> ? U : never;
+export declare const getModule: <T extends ModuleName>(moduleName: T) => Promise<ModuleType<T>>;
+export {};

package/build/src/modules/animation/AnimationSystem.cjs

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty;var u=(n,e,t)=>e in n?h(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var i=(n,e,t)=>u(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@tweenjs/tween.js"),r=require("three");class d extends r.EventDispatcher{constructor(t,p,a,s){super();i(this,"_uuid",r.MathUtils.generateUUID());i(this,"_playing",!1);i(this,"_stopped",!1);i(this,"_completed",!1);this.object=t,this.to=p,this.duration=a,this.options=s}get uuid(){return this._uuid}get playing(){return this._playing}get stopped(){return this._stopped}get completed(){return this._completed}dispose(){this._playing=!1,this._stopped=!1,this._completed=!1}play(){return this._playing=!0,this._stopped=!1,this.dispatchEvent({type:"play",target:this}),console.log("play",this),this}stop(){return this._playing=!1,this._stopped=!0,this.dispatchEvent({type:"stop",target:this}),this}}class _{constructor(){i(this,"uuid",r.MathUtils.generateUUID());i(this,"_callbackMap",new Map);i(this,"_tweens",new Map)}createAnimator(e,t,p,a){var o,c;const s=new d(e,t,p,a);return this._callbackMap.set(s.uuid,{onUpdate:((o=s.options)==null?void 0:o.onUpdate)??(()=>{}),onComplete:((c=s.options)==null?void 0:c.onComplete)??(()=>{})}),this._setupTween(s),s}unregister(e){if(!this._callbackMap.has(e)){console.warn(`Animator with uuid ${e} not registered`);return}this._callbackMap.delete(e),this._tweens.delete(e)}Dispose(){this._callbackMap.clear(),this._tweens.clear()}tick(){l.update()}Animate(e){return new l.Tween(e)}_setupTween(e){var p;const t=new l.Tween(e.object).to(e.to,e.duration).easing(((p=e.options)==null?void 0:p.easing)??l.Easing.Quadratic.Out).onUpdate((a,s)=>{var o;(o=this._callbackMap.get(e.uuid))==null||o.onUpdate(a,s)}).onComplete(a=>{var s;(s=this._callbackMap.get(e.uuid))==null||s.onComplete(a)});e.addEventListener("play",()=>{t.start()}),e.addEventListener("stop",()=>{t.stop()}),this._tweens.set(e.uuid,t)}}exports.AnimationSystem=_;

package/build/src/modules/animation/AnimationSystem.d.ts

@@ -1,12 +1,36 @@
 import { Tween } from '@tweenjs/tween.js';
+import { Animator } from './animator/Animator.ts';
+import { UUID } from '../../types/index.ts';
+import { DIVETicker } from '../../engine/clock/Clock.ts';
+import { TAnimatorParameters } from './types/AnimatorParameters.ts';
+export type * from './animator/Animator.ts';
+declare global {
+    interface ModuleClasses {
+        AnimationSystem: typeof AnimationSystem;
+    }
+}
 /**
+ * @module AnimationSystem
+ *
  * Updates all animations.
  * DIVE uses Tween.js to handle animations.
- *
- * @module
  */
-export declare class DIVEAnimationSystem {
+export declare class AnimationSystem implements DIVETicker {
+    uuid: string;
+    private _callbackMap;
+    private _tweens;
+    /**
+     * Creates a new animator and registers it.
+     * @param object - The object to animate.
+     * @param to - The target object.
+     * @param duration - The duration of the animation.
+     * @param options - The options for the animation.
+     * @returns The animator.
+     */
+    createAnimator<T extends object>(object: T, to: T, duration: number, options?: TAnimatorParameters<T>): Animator<T>;
+    unregister(uuid: UUID): void;
     Dispose(): void;
-    Update(): void;
+    tick(): void;
     Animate<T extends object>(object: T): Tween<T>;
+    private _setupTween;
 }

package/build/src/modules/animation/AnimationSystem.mjs

@@ -0,0 +1,95 @@
+var c = Object.defineProperty;
+var d = (p, t, e) => t in p ? c(p, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[t] = e;
+var i = (p, t, e) => d(p, typeof t != "symbol" ? t + "" : t, e);
+import { update as u, Tween as r, Easing as _ } from "@tweenjs/tween.js";
+import { EventDispatcher as g, MathUtils as h } from "three";
+class w extends g {
+  constructor(e, n, a, s) {
+    super();
+    i(this, "_uuid", h.generateUUID());
+    i(this, "_playing", !1);
+    i(this, "_stopped", !1);
+    i(this, "_completed", !1);
+    this.object = e, this.to = n, this.duration = a, this.options = s;
+  }
+  get uuid() {
+    return this._uuid;
+  }
+  get playing() {
+    return this._playing;
+  }
+  get stopped() {
+    return this._stopped;
+  }
+  get completed() {
+    return this._completed;
+  }
+  dispose() {
+    this._playing = !1, this._stopped = !1, this._completed = !1;
+  }
+  play() {
+    return this._playing = !0, this._stopped = !1, this.dispatchEvent({ type: "play", target: this }), console.log("play", this), this;
+  }
+  stop() {
+    return this._playing = !1, this._stopped = !0, this.dispatchEvent({ type: "stop", target: this }), this;
+  }
+}
+class M {
+  constructor() {
+    i(this, "uuid", h.generateUUID());
+    i(this, "_callbackMap", /* @__PURE__ */ new Map());
+    i(this, "_tweens", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Creates a new animator and registers it.
+   * @param object - The object to animate.
+   * @param to - The target object.
+   * @param duration - The duration of the animation.
+   * @param options - The options for the animation.
+   * @returns The animator.
+   */
+  createAnimator(t, e, n, a) {
+    var o, l;
+    const s = new w(t, e, n, a);
+    return this._callbackMap.set(s.uuid, {
+      onUpdate: ((o = s.options) == null ? void 0 : o.onUpdate) ?? (() => {
+      }),
+      onComplete: ((l = s.options) == null ? void 0 : l.onComplete) ?? (() => {
+      })
+    }), this._setupTween(s), s;
+  }
+  unregister(t) {
+    if (!this._callbackMap.has(t)) {
+      console.warn(`Animator with uuid ${t} not registered`);
+      return;
+    }
+    this._callbackMap.delete(t), this._tweens.delete(t);
+  }
+  Dispose() {
+    this._callbackMap.clear(), this._tweens.clear();
+  }
+  tick() {
+    u();
+  }
+  Animate(t) {
+    return new r(t);
+  }
+  _setupTween(t) {
+    var n;
+    const e = new r(t.object).to(t.to, t.duration).easing(((n = t.options) == null ? void 0 : n.easing) ?? _.Quadratic.Out).onUpdate((a, s) => {
+      var o;
+      (o = this._callbackMap.get(t.uuid)) == null || o.onUpdate(a, s);
+    }).onComplete((a) => {
+      var s;
+      (s = this._callbackMap.get(t.uuid)) == null || s.onComplete(a);
+    });
+    t.addEventListener("play", () => {
+      e.start();
+    }), t.addEventListener("stop", () => {
+      e.stop();
+    }), this._tweens.set(t.uuid, e);
+  }
+}
+export {
+  M as AnimationSystem
+};