@webspatial/core-sdk 1.7.0 → 2.0.0

package/dist/SpatialSession.js

@@ -0,0 +1,173 @@
+import { initScene } from "./scene-polyfill";
+import { SpatialScene } from "./SpatialScene";
+import {
+  createSpatialized2DElement,
+  createSpatializedDynamic3DElement
+} from "./SpatializedElementCreator";
+import { createSpatializedStatic3DElement } from "./SpatializedElementCreator";
+import { createAttachmentEntity } from "./reality/Attachment";
+import {
+  createModelAsset,
+  createModelComponent,
+  createSpatialEntity,
+  createSpatialGeometry,
+  createSpatialModelEntity,
+  createSpatialTexture,
+  createSpatialUnlitMaterial
+} from "./reality/realityCreator";
+import {
+  SpatialBoxGeometry,
+  SpatialPlaneGeometry,
+  SpatialSphereGeometry,
+  SpatialConeGeometry,
+  SpatialCylinderGeometry
+} from "./reality";
+class SpatialSession {
+  /**
+   * Gets the singleton instance of the spatial scene.
+   * The spatial scene is the root container for all spatial elements.
+   * @returns The SpatialScene singleton instance
+   */
+  getSpatialScene() {
+    return SpatialScene.getInstance();
+  }
+  /**
+   * Creates a new 2D element that can be spatialized in the 3D environment.
+   * 2D elements represent HTML content that can be positioned in 3D space.
+   * @returns Promise resolving to a new Spatialized2DElement instance
+   */
+  createSpatialized2DElement() {
+    return createSpatialized2DElement();
+  }
+  /**
+   * Creates a new static 3D element with an optional model URL.
+   * Static 3D elements represent pre-built 3D models that can be loaded from a URL.
+   * @param modelURL Optional URL to the 3D model to load
+   * @param sources Optional list of fallback model sources
+   * @param loading Whether the asset should fetch eagerly or be deferred (`'lazy'`)
+   * @returns Promise resolving to a new SpatializedStatic3DElement instance
+   */
+  createSpatializedStatic3DElement(modelURL, sources, loading = "eager") {
+    return createSpatializedStatic3DElement(modelURL, sources, loading);
+  }
+  /**
+   * Initializes the spatial scene with custom configuration.
+   * This is a reference to the initScene function from scene-polyfill.
+   */
+  initScene = initScene;
+  /**
+   * Creates a new dynamic 3D element that can be manipulated at runtime.
+   * Dynamic 3D elements allow for programmatic creation and modification of 3D content.
+   * @returns Promise resolving to a new SpatializedDynamic3DElement instance
+   */
+  createSpatializedDynamic3DElement() {
+    return createSpatializedDynamic3DElement();
+  }
+  /**
+   * Creates a new spatial entity with an optional name.
+   * Entities are the basic building blocks for creating custom 3D content.
+   * @param name Optional name for the entity
+   * @returns Promise resolving to a new SpatialEntity instance
+   */
+  createEntity(userData) {
+    return createSpatialEntity(userData);
+  }
+  /**
+   * Creates a box geometry with optional configuration.
+   * @param options Configuration options for the box geometry
+   * @returns Promise resolving to a new SpatialBoxGeometry instance
+   */
+  createBoxGeometry(options = {}) {
+    return createSpatialGeometry(SpatialBoxGeometry, options);
+  }
+  /**
+   * Creates a plane geometry with optional configuration.
+   * @param options Configuration options for the plane geometry
+   * @returns Promise resolving to a new SpatialPlaneGeometry instance
+   */
+  createPlaneGeometry(options = {}) {
+    return createSpatialGeometry(SpatialPlaneGeometry, options);
+  }
+  /**
+   * Creates a sphere geometry with optional configuration.
+   * @param options Configuration options for the sphere geometry
+   * @returns Promise resolving to a new SpatialSphereGeometry instance
+   */
+  createSphereGeometry(options = {}) {
+    return createSpatialGeometry(SpatialSphereGeometry, options);
+  }
+  /**
+   * Creates a cone geometry with the specified configuration.
+   * @param options Configuration options for the cone geometry
+   * @returns Promise resolving to a new SpatialConeGeometry instance
+   */
+  createConeGeometry(options) {
+    return createSpatialGeometry(SpatialConeGeometry, options);
+  }
+  /**
+   * Creates a cylinder geometry with the specified configuration.
+   * @param options Configuration options for the cylinder geometry
+   * @returns Promise resolving to a new SpatialCylinderGeometry instance
+   */
+  createCylinderGeometry(options) {
+    return createSpatialGeometry(SpatialCylinderGeometry, options);
+  }
+  /**
+   * Creates a model component with the specified configuration.
+   * Model components are used to add 3D model rendering capabilities to entities.
+   * @param options Configuration options for the model component
+   * @returns Promise resolving to a new ModelComponent instance
+   */
+  createModelComponent(options) {
+    return createModelComponent(options);
+  }
+  /**
+   * Creates an unlit material with the specified configuration.
+   * Unlit materials don't respond to lighting in the scene.
+   * @param options Configuration options for the unlit material
+   * @returns Promise resolving to a new SpatialUnlitMaterial instance
+   */
+  createUnlitMaterial(options) {
+    return createSpatialUnlitMaterial(options);
+  }
+  /**
+   * Creates a texture resource from the specified image URL.
+   * Texture resources can be referenced by materials and other spatial content.
+   * @param options Configuration options for the texture resource
+   * @returns Promise resolving to a new SpatialTextureResource instance
+   */
+  createTexture(options) {
+    return createSpatialTexture(options);
+  }
+  /**
+   * Creates a model asset with the specified configuration.
+   * Model assets represent 3D model resources that can be used by entities.
+   * @param options Configuration options for the model asset
+   * @returns Promise resolving to a new SpatialModelAsset instance
+   */
+  createModelAsset(options) {
+    return createModelAsset(options);
+  }
+  /**
+   * Creates a spatial model entity with the specified configuration.
+   * This is a convenience method for creating an entity with a model component.
+   * @param options Configuration options for the spatial model entity
+   * @returns Promise resolving to a new SpatialModelEntity instance
+   */
+  createSpatialModelEntity(options, userData) {
+    return createSpatialModelEntity(options, userData);
+  }
+  /**
+   * Creates an attachment entity that renders 2D HTML content as a child
+   * of a 3D entity in the scene graph.
+   * @param options Configuration options including parent entity ID, position, and size
+   * @returns Promise resolving to a new Attachment instance
+   */
+  createAttachmentEntity(options) {
+    return createAttachmentEntity(options);
+  }
+}
+export {
+  SpatialSession
+};
+//# sourceMappingURL=SpatialSession.js.map

package/dist/SpatialSession.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SpatialSession.ts"],"sourcesContent":["import { initScene } from './scene-polyfill'\nimport { SpatialScene } from './SpatialScene'\nimport { Spatialized2DElement } from './Spatialized2DElement'\nimport {\n  createSpatialized2DElement,\n  createSpatializedDynamic3DElement,\n} from './SpatializedElementCreator'\nimport { createSpatializedStatic3DElement } from './SpatializedElementCreator'\nimport { Attachment, createAttachmentEntity } from './reality/Attachment'\nimport { SpatializedStatic3DElement } from './SpatializedStatic3DElement'\nimport {\n  ModelComponentOptions,\n  ModelAssetOptions,\n  SpatialBoxGeometryOptions,\n  SpatialConeGeometryOptions,\n  SpatialCylinderGeometryOptions,\n  SpatialModelEntityCreationOptions,\n  SpatialPlaneGeometryOptions,\n  SpatialSphereGeometryOptions,\n  SpatialUnlitMaterialOptions,\n  SpatialTextureResourceOptions,\n  SpatialEntityUserData,\n  AttachmentEntityOptions,\n  ModelLoadingMode,\n  ModelSource,\n} from './types/types'\nimport { SpatializedDynamic3DElement } from './SpatializedDynamic3DElement'\nimport { SpatialEntity } from './reality/entity/SpatialEntity'\nimport {\n  createModelAsset,\n  createModelComponent,\n  createSpatialEntity,\n  createSpatialGeometry,\n  createSpatialModelEntity,\n  createSpatialTexture,\n  createSpatialUnlitMaterial,\n} from './reality/realityCreator'\nimport {\n  SpatialBoxGeometry,\n  SpatialPlaneGeometry,\n  SpatialSphereGeometry,\n  SpatialConeGeometry,\n  SpatialCylinderGeometry,\n} from './reality'\n\n/**\n * Session used to establish a connection to the spatial renderer of the system.\n * All spatial resources must be created through this session object.\n * This class serves as the main factory for creating spatial elements and geometries.\n */\nexport class SpatialSession {\n  /**\n   * Gets the singleton instance of the spatial scene.\n   * The spatial scene is the root container for all spatial elements.\n   * @returns The SpatialScene singleton instance\n   */\n  getSpatialScene(): SpatialScene {\n    return SpatialScene.getInstance()\n  }\n\n  /**\n   * Creates a new 2D element that can be spatialized in the 3D environment.\n   * 2D elements represent HTML content that can be positioned in 3D space.\n   * @returns Promise resolving to a new Spatialized2DElement instance\n   */\n  createSpatialized2DElement(): Promise<Spatialized2DElement> {\n    return createSpatialized2DElement()\n  }\n\n  /**\n   * Creates a new static 3D element with an optional model URL.\n   * Static 3D elements represent pre-built 3D models that can be loaded from a URL.\n   * @param modelURL Optional URL to the 3D model to load\n   * @param sources Optional list of fallback model sources\n   * @param loading Whether the asset should fetch eagerly or be deferred (`'lazy'`)\n   * @returns Promise resolving to a new SpatializedStatic3DElement instance\n   */\n  createSpatializedStatic3DElement(\n    modelURL?: string,\n    sources?: ModelSource[],\n    loading: ModelLoadingMode = 'eager',\n  ): Promise<SpatializedStatic3DElement> {\n    return createSpatializedStatic3DElement(modelURL, sources, loading)\n  }\n\n  /**\n   * Initializes the spatial scene with custom configuration.\n   * This is a reference to the initScene function from scene-polyfill.\n   */\n  initScene = initScene\n\n  /**\n   * Creates a new dynamic 3D element that can be manipulated at runtime.\n   * Dynamic 3D elements allow for programmatic creation and modification of 3D content.\n   * @returns Promise resolving to a new SpatializedDynamic3DElement instance\n   */\n  createSpatializedDynamic3DElement(): Promise<SpatializedDynamic3DElement> {\n    return createSpatializedDynamic3DElement()\n  }\n\n  /**\n   * Creates a new spatial entity with an optional name.\n   * Entities are the basic building blocks for creating custom 3D content.\n   * @param name Optional name for the entity\n   * @returns Promise resolving to a new SpatialEntity instance\n   */\n  createEntity(userData?: SpatialEntityUserData): Promise<SpatialEntity> {\n    return createSpatialEntity(userData)\n  }\n\n  /**\n   * Creates a box geometry with optional configuration.\n   * @param options Configuration options for the box geometry\n   * @returns Promise resolving to a new SpatialBoxGeometry instance\n   */\n  createBoxGeometry(options: SpatialBoxGeometryOptions = {}) {\n    return createSpatialGeometry(SpatialBoxGeometry, options)\n  }\n\n  /**\n   * Creates a plane geometry with optional configuration.\n   * @param options Configuration options for the plane geometry\n   * @returns Promise resolving to a new SpatialPlaneGeometry instance\n   */\n  createPlaneGeometry(options: SpatialPlaneGeometryOptions = {}) {\n    return createSpatialGeometry(SpatialPlaneGeometry, options)\n  }\n\n  /**\n   * Creates a sphere geometry with optional configuration.\n   * @param options Configuration options for the sphere geometry\n   * @returns Promise resolving to a new SpatialSphereGeometry instance\n   */\n  createSphereGeometry(options: SpatialSphereGeometryOptions = {}) {\n    return createSpatialGeometry(SpatialSphereGeometry, options)\n  }\n\n  /**\n   * Creates a cone geometry with the specified configuration.\n   * @param options Configuration options for the cone geometry\n   * @returns Promise resolving to a new SpatialConeGeometry instance\n   */\n  createConeGeometry(options: SpatialConeGeometryOptions) {\n    return createSpatialGeometry(SpatialConeGeometry, options)\n  }\n\n  /**\n   * Creates a cylinder geometry with the specified configuration.\n   * @param options Configuration options for the cylinder geometry\n   * @returns Promise resolving to a new SpatialCylinderGeometry instance\n   */\n  createCylinderGeometry(options: SpatialCylinderGeometryOptions) {\n    return createSpatialGeometry(SpatialCylinderGeometry, options)\n  }\n\n  /**\n   * Creates a model component with the specified configuration.\n   * Model components are used to add 3D model rendering capabilities to entities.\n   * @param options Configuration options for the model component\n   * @returns Promise resolving to a new ModelComponent instance\n   */\n  createModelComponent(options: ModelComponentOptions) {\n    return createModelComponent(options)\n  }\n\n  /**\n   * Creates an unlit material with the specified configuration.\n   * Unlit materials don't respond to lighting in the scene.\n   * @param options Configuration options for the unlit material\n   * @returns Promise resolving to a new SpatialUnlitMaterial instance\n   */\n  createUnlitMaterial(options: SpatialUnlitMaterialOptions) {\n    return createSpatialUnlitMaterial(options)\n  }\n\n  /**\n   * Creates a texture resource from the specified image URL.\n   * Texture resources can be referenced by materials and other spatial content.\n   * @param options Configuration options for the texture resource\n   * @returns Promise resolving to a new SpatialTextureResource instance\n   */\n  createTexture(options: SpatialTextureResourceOptions) {\n    return createSpatialTexture(options)\n  }\n\n  /**\n   * Creates a model asset with the specified configuration.\n   * Model assets represent 3D model resources that can be used by entities.\n   * @param options Configuration options for the model asset\n   * @returns Promise resolving to a new SpatialModelAsset instance\n   */\n  createModelAsset(options: ModelAssetOptions) {\n    return createModelAsset(options)\n  }\n\n  /**\n   * Creates a spatial model entity with the specified configuration.\n   * This is a convenience method for creating an entity with a model component.\n   * @param options Configuration options for the spatial model entity\n   * @returns Promise resolving to a new SpatialModelEntity instance\n   */\n  createSpatialModelEntity(\n    options: SpatialModelEntityCreationOptions,\n    userData?: SpatialEntityUserData,\n  ) {\n    return createSpatialModelEntity(options, userData)\n  }\n\n  /**\n   * Creates an attachment entity that renders 2D HTML content as a child\n   * of a 3D entity in the scene graph.\n   * @param options Configuration options including parent entity ID, position, and size\n   * @returns Promise resolving to a new Attachment instance\n   */\n  createAttachmentEntity(\n    options: AttachmentEntityOptions,\n  ): Promise<Attachment> {\n    return createAttachmentEntity(options)\n  }\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wCAAwC;AACjD,SAAqB,8BAA8B;AAoBnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,kBAAgC;AAC9B,WAAO,aAAa,YAAY;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,6BAA4D;AAC1D,WAAO,2BAA2B;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,iCACE,UACA,SACA,UAA4B,SACS;AACrC,WAAO,iCAAiC,UAAU,SAAS,OAAO;AAAA,EACpE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,oCAA0E;AACxE,WAAO,kCAAkC;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,aAAa,UAA0D;AACrE,WAAO,oBAAoB,QAAQ;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,UAAqC,CAAC,GAAG;AACzD,WAAO,sBAAsB,oBAAoB,OAAO;AAAA,EAC1D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,oBAAoB,UAAuC,CAAC,GAAG;AAC7D,WAAO,sBAAsB,sBAAsB,OAAO;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,qBAAqB,UAAwC,CAAC,GAAG;AAC/D,WAAO,sBAAsB,uBAAuB,OAAO;AAAA,EAC7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,mBAAmB,SAAqC;AACtD,WAAO,sBAAsB,qBAAqB,OAAO;AAAA,EAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,uBAAuB,SAAyC;AAC9D,WAAO,sBAAsB,yBAAyB,OAAO;AAAA,EAC/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,qBAAqB,SAAgC;AACnD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,oBAAoB,SAAsC;AACxD,WAAO,2BAA2B,OAAO;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,cAAc,SAAwC;AACpD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,iBAAiB,SAA4B;AAC3C,WAAO,iBAAiB,OAAO;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,yBACE,SACA,UACA;AACA,WAAO,yBAAyB,SAAS,QAAQ;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,uBACE,SACqB;AACrB,WAAO,uBAAuB,OAAO;AAAA,EACvC;AACF;","names":[]}

package/dist/SpatialWebEvent.d.ts

@@ -0,0 +1,8 @@
+declare class SpatialWebEvent {
+    static eventReceiver: Record<string, (data: any) => void>;
+    static init(): void;
+    static addEventReceiver(id: string, callback: (data: any) => void): void;
+    static removeEventReceiver(id: string): void;
+}
+
+export { SpatialWebEvent };

package/dist/SpatialWebEvent.js

@@ -0,0 +1,18 @@
+class SpatialWebEvent {
+  static eventReceiver = {};
+  static init() {
+    window.__SpatialWebEvent = ({ id, data }) => {
+      SpatialWebEvent.eventReceiver[id]?.(data);
+    };
+  }
+  static addEventReceiver(id, callback) {
+    SpatialWebEvent.eventReceiver[id] = callback;
+  }
+  static removeEventReceiver(id) {
+    delete SpatialWebEvent.eventReceiver[id];
+  }
+}
+export {
+  SpatialWebEvent
+};
+//# sourceMappingURL=SpatialWebEvent.js.map

package/dist/SpatialWebEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SpatialWebEvent.ts"],"sourcesContent":["interface SpatialWebEventData {\n  id: string\n  data: any\n}\n\nexport class SpatialWebEvent {\n  static eventReceiver: Record<string, (data: any) => void> = {}\n  static init() {\n    // inject __SpatialWebEvent\n    window.__SpatialWebEvent = ({ id, data }: SpatialWebEventData) => {\n      // console.log('__SpatialWebEvent', id, data)\n      SpatialWebEvent.eventReceiver[id]?.(data)\n    }\n  }\n\n  static addEventReceiver(id: string, callback: (data: any) => void) {\n    SpatialWebEvent.eventReceiver[id] = callback\n  }\n\n  static removeEventReceiver(id: string) {\n    delete SpatialWebEvent.eventReceiver[id]\n  }\n}\n"],"mappings":"AAKO,MAAM,gBAAgB;AAAA,EAC3B,OAAO,gBAAqD,CAAC;AAAA,EAC7D,OAAO,OAAO;AAEZ,WAAO,oBAAoB,CAAC,EAAE,IAAI,KAAK,MAA2B;AAEhE,sBAAgB,cAAc,EAAE,IAAI,IAAI;AAAA,IAC1C;AAAA,EACF;AAAA,EAEA,OAAO,iBAAiB,IAAY,UAA+B;AACjE,oBAAgB,cAAc,EAAE,IAAI;AAAA,EACtC;AAAA,EAEA,OAAO,oBAAoB,IAAY;AACrC,WAAO,gBAAgB,cAAc,EAAE;AAAA,EACzC;AACF;","names":[]}

package/dist/SpatialWebEventCreator.d.ts

@@ -0,0 +1,11 @@
+import { aP as SpatialWebMsgType } from './spatializedElementMotion-_0XWPQCE.js';
+import './types/motion/spatializedVisual.js';
+import './types/motion/spatializedPlayback.js';
+import './types/global.js';
+import './physicalMetrics-W5uZ5xKb.js';
+import './SpatialObject.js';
+import './reality/component/SpatialComponent.js';
+
+declare function createSpatialEvent<T>(type: SpatialWebMsgType, detail: T): CustomEvent<T>;
+
+export { createSpatialEvent };

package/dist/SpatialWebEventCreator.js

@@ -0,0 +1,11 @@
+function createSpatialEvent(type, detail) {
+  return new CustomEvent(type, {
+    bubbles: true,
+    cancelable: false,
+    detail
+  });
+}
+export {
+  createSpatialEvent
+};
+//# sourceMappingURL=SpatialWebEventCreator.js.map

package/dist/SpatialWebEventCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SpatialWebEventCreator.ts"],"sourcesContent":["import { SpatialWebMsgType } from './WebMsgCommand'\n\nexport function createSpatialEvent<T>(\n  type: SpatialWebMsgType,\n  detail: T,\n): CustomEvent<T> {\n  return new CustomEvent<T>(type, {\n    bubbles: true,\n    cancelable: false,\n    detail,\n  })\n}\n"],"mappings":"AAEO,SAAS,mBACd,MACA,QACgB;AAChB,SAAO,IAAI,YAAe,MAAM;AAAA,IAC9B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/Spatialized2DElement.d.ts

@@ -0,0 +1,42 @@
+import { ag as SpatializedElement, ae as Spatialized2DElementProperties, aK as CommandResult } from './spatializedElementMotion-_0XWPQCE.js';
+import './types/motion/spatializedVisual.js';
+import './types/motion/spatializedPlayback.js';
+import './types/global.js';
+import './physicalMetrics-W5uZ5xKb.js';
+import './SpatialObject.js';
+import './reality/component/SpatialComponent.js';
+
+/**
+ * Represents a 2D HTML element that has been spatialized in 3D space.
+ * This class handles the integration between 2D web content and the 3D spatial environment,
+ * allowing HTML elements to be positioned and interacted with in spatial applications.
+ */
+declare class Spatialized2DElement extends SpatializedElement {
+    readonly windowProxy: WindowProxy;
+    /**
+     * Identifies the motion target kind supported by this element.
+     */
+    readonly kind: "spatialized2d";
+    /**
+     * Creates a new spatialized 2D element.
+     * @param id Unique identifier for this element
+     * @param windowProxy Reference to the window object containing the 2D content
+     */
+    constructor(id: string, windowProxy: WindowProxy);
+    /**
+     * Updates the properties of this 2D element.
+     * This can include size, position, background, and other visual properties.
+     * @param properties Partial set of properties to update
+     * @returns Promise resolving when the update is complete
+     */
+    updateProperties(properties: Partial<Spatialized2DElementProperties>): Promise<CommandResult<any>>;
+    /**
+     * Adds a child spatialized element to this 2D element.
+     * This allows for creating hierarchical structures of spatial elements.
+     * @param element The child element to add
+     * @returns Promise resolving when the element is added
+     */
+    addSpatializedElement(element: SpatializedElement): Promise<CommandResult<any>>;
+}
+
+export { Spatialized2DElement };

package/dist/Spatialized2DElement.js

@@ -0,0 +1,47 @@
+import {
+  AddSpatializedElementToSpatialized2DElement,
+  UpdateSpatialized2DElementProperties
+} from "./JSBCommand";
+import { hijackWindowATag } from "./scene-polyfill";
+import { SpatializedElement } from "./SpatializedElement";
+class Spatialized2DElement extends SpatializedElement {
+  /**
+   * Creates a new spatialized 2D element.
+   * @param id Unique identifier for this element
+   * @param windowProxy Reference to the window object containing the 2D content
+   */
+  constructor(id, windowProxy) {
+    super(id);
+    this.windowProxy = windowProxy;
+    hijackWindowATag(windowProxy);
+  }
+  /**
+   * Identifies the motion target kind supported by this element.
+   */
+  kind = "spatialized2d";
+  /**
+   * Updates the properties of this 2D element.
+   * This can include size, position, background, and other visual properties.
+   * @param properties Partial set of properties to update
+   * @returns Promise resolving when the update is complete
+   */
+  async updateProperties(properties) {
+    return new UpdateSpatialized2DElementProperties(this, properties).execute();
+  }
+  /**
+   * Adds a child spatialized element to this 2D element.
+   * This allows for creating hierarchical structures of spatial elements.
+   * @param element The child element to add
+   * @returns Promise resolving when the element is added
+   */
+  async addSpatializedElement(element) {
+    return new AddSpatializedElementToSpatialized2DElement(
+      this,
+      element
+    ).execute();
+  }
+}
+export {
+  Spatialized2DElement
+};
+//# sourceMappingURL=Spatialized2DElement.js.map

package/dist/Spatialized2DElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Spatialized2DElement.ts"],"sourcesContent":["import {\n  AddSpatializedElementToSpatialized2DElement,\n  UpdateSpatialized2DElementProperties,\n} from './JSBCommand'\nimport { hijackWindowATag } from './scene-polyfill'\nimport { SpatializedElement } from './SpatializedElement'\nimport { Spatialized2DElementProperties } from './types/types'\n\n/**\n * Represents a 2D HTML element that has been spatialized in 3D space.\n * This class handles the integration between 2D web content and the 3D spatial environment,\n * allowing HTML elements to be positioned and interacted with in spatial applications.\n */\nexport class Spatialized2DElement extends SpatializedElement {\n  /**\n   * Identifies the motion target kind supported by this element.\n   */\n  override readonly kind = 'spatialized2d' as const\n\n  /**\n   * Creates a new spatialized 2D element.\n   * @param id Unique identifier for this element\n   * @param windowProxy Reference to the window object containing the 2D content\n   */\n  constructor(\n    id: string,\n    readonly windowProxy: WindowProxy,\n  ) {\n    super(id)\n    // Hijack anchor tag events to handle navigation within the spatial context\n    hijackWindowATag(windowProxy)\n  }\n\n  /**\n   * Updates the properties of this 2D element.\n   * This can include size, position, background, and other visual properties.\n   * @param properties Partial set of properties to update\n   * @returns Promise resolving when the update is complete\n   */\n  async updateProperties(properties: Partial<Spatialized2DElementProperties>) {\n    return new UpdateSpatialized2DElementProperties(this, properties).execute()\n  }\n\n  /**\n   * Adds a child spatialized element to this 2D element.\n   * This allows for creating hierarchical structures of spatial elements.\n   * @param element The child element to add\n   * @returns Promise resolving when the element is added\n   */\n  async addSpatializedElement(element: SpatializedElement) {\n    return new AddSpatializedElementToSpatialized2DElement(\n      this,\n      element,\n    ).execute()\n  }\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAQ5B,MAAM,6BAA6B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW3D,YACE,IACS,aACT;AACA,UAAM,EAAE;AAFC;AAIT,qBAAiB,WAAW;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAdkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBzB,MAAM,iBAAiB,YAAqD;AAC1E,WAAO,IAAI,qCAAqC,MAAM,UAAU,EAAE,QAAQ;AAAA,EAC5E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,sBAAsB,SAA6B;AACvD,WAAO,IAAI;AAAA,MACT;AAAA,MACA;AAAA,IACF,EAAE,QAAQ;AAAA,EACZ;AACF;","names":[]}

package/dist/SpatializedDynamic3DElement.d.ts

@@ -0,0 +1,7 @@
+export { af as SpatializedDynamic3DElement } from './spatializedElementMotion-_0XWPQCE.js';
+import './types/motion/spatializedVisual.js';
+import './types/motion/spatializedPlayback.js';
+import './types/global.js';
+import './physicalMetrics-W5uZ5xKb.js';
+import './SpatialObject.js';
+import './reality/component/SpatialComponent.js';

package/dist/SpatializedDynamic3DElement.js

@@ -0,0 +1,43 @@
+import {
+  SetParentForEntityCommand,
+  UpdateSpatializedDynamic3DElementProperties
+} from "./JSBCommand";
+import { SpatializedElement } from "./SpatializedElement";
+class SpatializedDynamic3DElement extends SpatializedElement {
+  /**
+   * Identifies the motion target kind supported by this element.
+   */
+  kind = "dynamic3d";
+  children = [];
+  events = {};
+  constructor(id) {
+    super(id);
+  }
+  async addEntity(entity) {
+    const ans = new SetParentForEntityCommand(entity.id, this.id).execute();
+    this.children.push(entity);
+    entity.parent = this;
+    return ans;
+  }
+  addEvent(type, callback) {
+    this.events[type] = callback;
+  }
+  removeEvent(eventName) {
+    if (this.events[eventName]) {
+      delete this.events[eventName];
+    }
+  }
+  dispatchEvent(evt) {
+    this.events[evt.type]?.(evt);
+  }
+  async updateProperties(properties) {
+    return new UpdateSpatializedDynamic3DElementProperties(
+      this,
+      properties
+    ).execute();
+  }
+}
+export {
+  SpatializedDynamic3DElement
+};
+//# sourceMappingURL=SpatializedDynamic3DElement.js.map

package/dist/SpatializedDynamic3DElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SpatializedDynamic3DElement.ts"],"sourcesContent":["import {\n  SetParentForEntityCommand,\n  UpdateSpatializedDynamic3DElementProperties,\n} from './JSBCommand'\nimport { SpatialEntity } from './reality'\nimport { SpatializedElement } from './SpatializedElement'\nimport {\n  SpatialEntityEventType,\n  SpatialEntityOrReality,\n  SpatializedElementProperties,\n} from './types/types'\n\nexport class SpatializedDynamic3DElement extends SpatializedElement {\n  /**\n   * Identifies the motion target kind supported by this element.\n   */\n  override readonly kind = 'dynamic3d' as const\n\n  children: SpatialEntityOrReality[] = []\n  events: Record<string, (data: any) => void> = {}\n\n  constructor(id: string) {\n    super(id)\n  }\n\n  async addEntity(entity: SpatialEntity) {\n    const ans = new SetParentForEntityCommand(entity.id, this.id).execute()\n    this.children.push(entity)\n    entity.parent = this\n    return ans\n  }\n\n  addEvent(type: SpatialEntityEventType, callback: (data: any) => void) {\n    this.events[type] = callback\n  }\n\n  removeEvent(eventName: SpatialEntityEventType) {\n    if (this.events[eventName]) {\n      delete this.events[eventName]\n    }\n  }\n\n  dispatchEvent(evt: CustomEvent) {\n    this.events[evt.type]?.(evt)\n  }\n\n  async updateProperties(properties: Partial<SpatializedElementProperties>) {\n    return new UpdateSpatializedDynamic3DElementProperties(\n      this,\n      properties,\n    ).execute()\n  }\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AAO5B,MAAM,oCAAoC,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIhD,OAAO;AAAA,EAEzB,WAAqC,CAAC;AAAA,EACtC,SAA8C,CAAC;AAAA,EAE/C,YAAY,IAAY;AACtB,UAAM,EAAE;AAAA,EACV;AAAA,EAEA,MAAM,UAAU,QAAuB;AACrC,UAAM,MAAM,IAAI,0BAA0B,OAAO,IAAI,KAAK,EAAE,EAAE,QAAQ;AACtE,SAAK,SAAS,KAAK,MAAM;AACzB,WAAO,SAAS;AAChB,WAAO;AAAA,EACT;AAAA,EAEA,SAAS,MAA8B,UAA+B;AACpE,SAAK,OAAO,IAAI,IAAI;AAAA,EACtB;AAAA,EAEA,YAAY,WAAmC;AAC7C,QAAI,KAAK,OAAO,SAAS,GAAG;AAC1B,aAAO,KAAK,OAAO,SAAS;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,KAAkB;AAC9B,SAAK,OAAO,IAAI,IAAI,IAAI,GAAG;AAAA,EAC7B;AAAA,EAEA,MAAM,iBAAiB,YAAmD;AACxE,WAAO,IAAI;AAAA,MACT;AAAA,MACA;AAAA,IACF,EAAE,QAAQ;AAAA,EACZ;AACF;","names":[]}

package/dist/SpatializedElement.d.ts

@@ -0,0 +1,7 @@
+export { aV as ReceiveEventData, ag as SpatializedElement } from './spatializedElementMotion-_0XWPQCE.js';
+import './SpatialObject.js';
+import './types/motion/spatializedVisual.js';
+import './types/motion/spatializedPlayback.js';
+import './types/global.js';
+import './physicalMetrics-W5uZ5xKb.js';
+import './reality/component/SpatialComponent.js';

package/dist/SpatializedElement.js

@@ -0,0 +1,206 @@
+import { UpdateSpatializedElementTransform } from "./JSBCommand";
+import { AnimationObject } from "./motion/AnimationObject";
+import { SpatialObject } from "./SpatialObject";
+import { SpatialWebEvent } from "./SpatialWebEvent";
+import { createSpatialEvent } from "./SpatialWebEventCreator";
+import {
+  normalizeMotionConfig,
+  validateNormalizedMotionConfig
+} from "./motion/compute";
+import { motionConfigToNativeTimeline } from "./motion/native/serializeMotionTimeline";
+import {
+  SpatialWebMsgType
+} from "./WebMsgCommand";
+class SpatializedElement extends SpatialObject {
+  /**
+   * Creates a new spatialized element with the specified ID.
+   * Registers the element to receive spatial events.
+   * @param id Unique identifier for this element
+   */
+  constructor(id) {
+    super(id);
+    this.id = id;
+    SpatialWebEvent.addEventReceiver(id, this.onReceiveEvent.bind(this));
+  }
+  /**
+   * Creates a native-first AnimationObject bound to this spatialized element.
+   */
+  async createAnimation(config) {
+    const normalized = normalizeMotionConfig(config);
+    validateNormalizedMotionConfig(normalized);
+    return AnimationObject.create({
+      elementId: this.id,
+      timeline: motionConfigToNativeTimeline(normalized)
+    });
+  }
+  /**
+   * Updates the transformation matrix of this element in 3D space.
+   * This affects the position, rotation, and scale of the element.
+   * @param matrix The new transformation matrix
+   * @returns Promise resolving when the transform is updated
+   */
+  async updateTransform(matrix) {
+    return new UpdateSpatializedElementTransform(this, matrix).execute();
+  }
+  /**
+   * Information about the element's bounding cube.
+   * Used for spatial calculations and hit testing.
+   */
+  _cubeInfo;
+  /**
+   * Gets the current cube information for this element.
+   * @returns The current CubeInfo or undefined if not set
+   */
+  get cubeInfo() {
+    return this._cubeInfo;
+  }
+  /**
+   * The current transformation matrix of this element.
+   */
+  _transform;
+  /**
+   * The inverse of the current transformation matrix.
+   * Used for converting world coordinates to local coordinates.
+   */
+  _transformInv;
+  /**
+   * Gets the current transformation matrix.
+   * @returns The current transformation matrix or undefined if not set
+   */
+  get transform() {
+    return this._transform;
+  }
+  /**
+   * Gets the inverse of the current transformation matrix.
+   * @returns The inverse transformation matrix or undefined if not set
+   */
+  get transformInv() {
+    return this._transformInv;
+  }
+  /**
+   * Processes events received from the WebSpatial environment.
+   * Handles various spatial events like transforms, gestures, and interactions.
+   * @param data The event data received from the WebSpatial system
+   */
+  onReceiveEvent(data) {
+    const { type } = data;
+    if (type === SpatialWebMsgType.objectdestroy) {
+      this.isDestroyed = true;
+    } else if (type === SpatialWebMsgType.spatialtap) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialtap,
+        data.detail
+      );
+      this._onSpatialTap?.(event);
+    } else if (type === SpatialWebMsgType.spatialdragstart) {
+      const dragStartEvent = createSpatialEvent(
+        SpatialWebMsgType.spatialdragstart,
+        data.detail
+      );
+      this._onSpatialDragStart?.(dragStartEvent);
+    } else if (type === SpatialWebMsgType.spatialdrag) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialdrag,
+        data.detail
+      );
+      this._onSpatialDrag?.(event);
+    } else if (type === SpatialWebMsgType.spatialdragend) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialdragend,
+        data.detail
+      );
+      this._onSpatialDragEnd?.(event);
+    } else if (type === SpatialWebMsgType.spatialrotate) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialrotate,
+        data.detail
+      );
+      this._onSpatialRotate?.(event);
+    } else if (type === SpatialWebMsgType.spatialrotateend) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialrotateend,
+        data.detail
+      );
+      this._onSpatialRotateEnd?.(event);
+    } else if (type === SpatialWebMsgType.spatialmagnify) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialmagnify,
+        data.detail
+      );
+      this._onSpatialMagnify?.(event);
+    } else if (type === SpatialWebMsgType.spatialmagnifyend) {
+      const event = createSpatialEvent(
+        SpatialWebMsgType.spatialmagnifyend,
+        data.detail
+      );
+      this._onSpatialMagnifyEnd?.(event);
+    }
+  }
+  _onSpatialTap;
+  set onSpatialTap(value) {
+    this._onSpatialTap = value;
+    this.updateProperties({
+      enableTapGesture: value !== void 0
+    });
+  }
+  _onSpatialDragStart;
+  set onSpatialDragStart(value) {
+    this._onSpatialDragStart = value;
+    this.updateProperties({
+      enableDragStartGesture: this._onSpatialDragStart !== void 0
+    });
+  }
+  _onSpatialDrag;
+  set onSpatialDrag(value) {
+    this._onSpatialDrag = value;
+    this.updateProperties({
+      enableDragGesture: this._onSpatialDrag !== void 0
+    });
+  }
+  _onSpatialDragEnd;
+  set onSpatialDragEnd(value) {
+    this._onSpatialDragEnd = value;
+    this.updateProperties({
+      enableDragEndGesture: value !== void 0
+    });
+  }
+  _onSpatialRotate;
+  set onSpatialRotate(value) {
+    this._onSpatialRotate = value;
+    this.updateProperties({
+      enableRotateGesture: this._onSpatialRotate !== void 0
+    });
+  }
+  _onSpatialRotateEnd;
+  set onSpatialRotateEnd(value) {
+    this._onSpatialRotateEnd = value;
+    this.updateProperties({
+      enableRotateEndGesture: value !== void 0
+    });
+  }
+  _onSpatialMagnify;
+  set onSpatialMagnify(value) {
+    this._onSpatialMagnify = value;
+    this.updateProperties({
+      enableMagnifyGesture: value !== void 0
+    });
+  }
+  _onSpatialMagnifyEnd;
+  set onSpatialMagnifyEnd(value) {
+    this._onSpatialMagnifyEnd = value;
+    this.updateProperties({
+      enableMagnifyEndGesture: value !== void 0
+    });
+  }
+  /**
+   * Cleans up resources when this element is destroyed.
+   * Removes event receivers to prevent memory leaks.
+   */
+  onDestroy() {
+    SpatialWebEvent.removeEventReceiver(this.id);
+  }
+}
+export {
+  SpatializedElement
+};
+//# sourceMappingURL=SpatializedElement.js.map

package/dist/SpatializedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SpatializedElement.ts"],"sourcesContent":["import { UpdateSpatializedElementTransform } from './JSBCommand'\nimport { AnimationObject } from './motion/AnimationObject'\nimport { WebSpatialProtocolResult } from './platform-adapter/interface'\nimport { SpatialObject } from './SpatialObject'\nimport { SpatialWebEvent } from './SpatialWebEvent'\nimport { createSpatialEvent } from './SpatialWebEventCreator'\nimport {\n  normalizeMotionConfig,\n  validateNormalizedMotionConfig,\n} from './motion/compute'\nimport { motionConfigToNativeTimeline } from './motion/native/serializeMotionTimeline'\nimport {\n  CubeInfo,\n  SpatialDragEndEvent,\n  SpatialDragEvent,\n  SpatialDragStartEvent,\n  SpatializedElementProperties,\n  SpatialMagnifyEndEvent,\n  SpatialMagnifyEvent,\n  SpatialRotateEndEvent,\n  SpatialRotateEvent,\n  SpatialTapEvent,\n} from './types/types'\nimport {\n  ObjectDestroyMsg,\n  SpatialDragEndMsg,\n  SpatialDragMsg,\n  SpatialDragStartMsg,\n  SpatialMagnifyEndMsg,\n  SpatialMagnifyMsg,\n  SpatialRotateEndMsg,\n  SpatialRotateMsg,\n  SpatialTapMsg,\n  SpatialWebMsgType,\n} from './WebMsgCommand'\nimport type {\n  SpatializedMotionConfig,\n  SpatializedMotionKind,\n} from './types/motion/spatializedMotion'\n\n/**\n * Abstract base class for all spatialized elements in the WebSpatial environment.\n * Provides common functionality for elements that can exist in 3D space,\n * including transformation handling and gesture event processing.\n */\nexport abstract class SpatializedElement extends SpatialObject {\n  /**\n   * Identifies the motion target kind supported by this spatialized element.\n   */\n  abstract readonly kind: SpatializedMotionKind\n\n  /**\n   * Creates a new spatialized element with the specified ID.\n   * Registers the element to receive spatial events.\n   * @param id Unique identifier for this element\n   */\n  constructor(public readonly id: string) {\n    super(id)\n\n    SpatialWebEvent.addEventReceiver(id, this.onReceiveEvent.bind(this))\n  }\n\n  /**\n   * Updates the properties of this spatialized element.\n   * Must be implemented by derived classes to handle specific property updates.\n   * @param properties Partial set of properties to update\n   * @returns Promise resolving to the result of the update operation\n   */\n  abstract updateProperties(\n    properties: Partial<SpatializedElementProperties>,\n  ): Promise<WebSpatialProtocolResult>\n\n  /**\n   * Creates a native-first AnimationObject bound to this spatialized element.\n   */\n  async createAnimation(\n    config: SpatializedMotionConfig,\n  ): Promise<AnimationObject> {\n    const normalized = normalizeMotionConfig(config)\n    validateNormalizedMotionConfig(normalized)\n    return AnimationObject.create({\n      elementId: this.id,\n      timeline: motionConfigToNativeTimeline(normalized),\n    })\n  }\n\n  /**\n   * Updates the transformation matrix of this element in 3D space.\n   * This affects the position, rotation, and scale of the element.\n   * @param matrix The new transformation matrix\n   * @returns Promise resolving when the transform is updated\n   */\n  async updateTransform(matrix: DOMMatrix) {\n    return new UpdateSpatializedElementTransform(this, matrix).execute()\n  }\n\n  /**\n   * Information about the element's bounding cube.\n   * Used for spatial calculations and hit testing.\n   */\n  private _cubeInfo?: CubeInfo\n\n  /**\n   * Gets the current cube information for this element.\n   * @returns The current CubeInfo or undefined if not set\n   */\n  get cubeInfo() {\n    return this._cubeInfo\n  }\n\n  /**\n   * The current transformation matrix of this element.\n   */\n  private _transform?: DOMMatrix\n\n  /**\n   * The inverse of the current transformation matrix.\n   * Used for converting world coordinates to local coordinates.\n   */\n  private _transformInv?: DOMMatrix\n\n  /**\n   * Gets the current transformation matrix.\n   * @returns The current transformation matrix or undefined if not set\n   */\n  get transform() {\n    return this._transform\n  }\n\n  /**\n   * Gets the inverse of the current transformation matrix.\n   * @returns The inverse transformation matrix or undefined if not set\n   */\n  get transformInv() {\n    return this._transformInv\n  }\n\n  /**\n   * Processes events received from the WebSpatial environment.\n   * Handles various spatial events like transforms, gestures, and interactions.\n   * @param data The event data received from the WebSpatial system\n   */\n  protected onReceiveEvent(data: ReceiveEventData) {\n    const { type } = data\n    if (type === SpatialWebMsgType.objectdestroy) {\n      this.isDestroyed = true\n    } else if (type === SpatialWebMsgType.spatialtap) {\n      // Handle tap gestures\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialtap,\n        (data as SpatialTapMsg).detail,\n      )\n      this._onSpatialTap?.(event)\n    } else if (type === SpatialWebMsgType.spatialdragstart) {\n      const dragStartEvent = createSpatialEvent(\n        SpatialWebMsgType.spatialdragstart,\n        (data as SpatialDragStartMsg).detail,\n      )\n      this._onSpatialDragStart?.(dragStartEvent)\n    } else if (type === SpatialWebMsgType.spatialdrag) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialdrag,\n        (data as SpatialDragMsg).detail,\n      )\n      this._onSpatialDrag?.(event)\n    } else if (type === SpatialWebMsgType.spatialdragend) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialdragend,\n        (data as SpatialDragEndMsg).detail,\n      )\n      this._onSpatialDragEnd?.(event)\n    } else if (type === SpatialWebMsgType.spatialrotate) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialrotate,\n        (data as SpatialRotateMsg).detail,\n      )\n      this._onSpatialRotate?.(event)\n    } else if (type === SpatialWebMsgType.spatialrotateend) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialrotateend,\n        (data as SpatialRotateEndMsg).detail,\n      )\n      this._onSpatialRotateEnd?.(event)\n    } else if (type === SpatialWebMsgType.spatialmagnify) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialmagnify,\n        (data as SpatialMagnifyMsg).detail,\n      )\n      this._onSpatialMagnify?.(event)\n    } else if (type === SpatialWebMsgType.spatialmagnifyend) {\n      const event = createSpatialEvent(\n        SpatialWebMsgType.spatialmagnifyend,\n        (data as SpatialMagnifyEndMsg).detail,\n      )\n      this._onSpatialMagnifyEnd?.(event)\n    }\n  }\n\n  private _onSpatialTap?: (event: SpatialTapEvent) => void\n  set onSpatialTap(value: (event: SpatialTapEvent) => void | undefined) {\n    this._onSpatialTap = value\n    this.updateProperties({\n      enableTapGesture: value !== undefined,\n    })\n  }\n\n  private _onSpatialDragStart?: (event: SpatialDragStartEvent) => void\n  set onSpatialDragStart(\n    value: (event: SpatialDragStartEvent) => void | undefined,\n  ) {\n    this._onSpatialDragStart = value\n    this.updateProperties({\n      enableDragStartGesture: this._onSpatialDragStart !== undefined,\n    })\n  }\n\n  private _onSpatialDrag?: (event: SpatialDragEvent) => void\n  set onSpatialDrag(value: (event: SpatialDragEvent) => void | undefined) {\n    this._onSpatialDrag = value\n    this.updateProperties({\n      enableDragGesture: this._onSpatialDrag !== undefined,\n    })\n  }\n\n  private _onSpatialDragEnd?: (event: SpatialDragEndEvent) => void\n  set onSpatialDragEnd(\n    value: ((event: SpatialDragEndEvent) => void) | undefined,\n  ) {\n    this._onSpatialDragEnd = value\n    this.updateProperties({\n      enableDragEndGesture: value !== undefined,\n    })\n  }\n\n  private _onSpatialRotate?: (event: SpatialRotateEvent) => void\n  set onSpatialRotate(\n    value: ((event: SpatialRotateEvent) => void) | undefined,\n  ) {\n    this._onSpatialRotate = value\n    this.updateProperties({\n      enableRotateGesture: this._onSpatialRotate !== undefined,\n    })\n  }\n\n  private _onSpatialRotateEnd?: (event: SpatialRotateEndEvent) => void\n  set onSpatialRotateEnd(\n    value: ((event: SpatialRotateEndEvent) => void) | undefined,\n  ) {\n    this._onSpatialRotateEnd = value\n    this.updateProperties({\n      enableRotateEndGesture: value !== undefined,\n    })\n  }\n\n  private _onSpatialMagnify?: (event: SpatialMagnifyEvent) => void\n  set onSpatialMagnify(\n    value: ((event: SpatialMagnifyEvent) => void) | undefined,\n  ) {\n    this._onSpatialMagnify = value\n    this.updateProperties({\n      enableMagnifyGesture: value !== undefined,\n    })\n  }\n\n  private _onSpatialMagnifyEnd?: (event: SpatialMagnifyEndEvent) => void\n  set onSpatialMagnifyEnd(\n    value: ((event: SpatialMagnifyEndEvent) => void) | undefined,\n  ) {\n    this._onSpatialMagnifyEnd = value\n    this.updateProperties({\n      enableMagnifyEndGesture: value !== undefined,\n    })\n  }\n\n  /**\n   * Cleans up resources when this element is destroyed.\n   * Removes event receivers to prevent memory leaks.\n   */\n  override onDestroy() {\n    SpatialWebEvent.removeEventReceiver(this.id)\n  }\n}\n\nexport type ReceiveEventData =\n  | SpatialTapMsg\n  | SpatialDragStartMsg\n  | SpatialDragMsg\n  | SpatialDragEndMsg\n  | SpatialRotateMsg\n  | SpatialRotateEndMsg\n  | ObjectDestroyMsg\n"],"mappings":"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","names":[]}