@needle-tools/engine 4.14.0-beta → 4.14.0-next.52fdb13

package/src/engine-components/ui/Button.ts

@@ -180,6 +180,8 @@ export class Button extends Behaviour implements IPointerEventHandler {
             this.onClick.invoke();
             args.use();
 
+            this.context.accessibility.focus(this);
+
             // debug clicks for WebXR
             if (debug) {
                 const pos = this.gameObject.worldPosition;
@@ -238,9 +240,19 @@ export class Button extends Behaviour implements IPointerEventHandler {
 
     onEnable() {
         super.onEnable();
+        this.context.accessibility.updateElement(this, {
+            role: "button",
+            label: this.gameObject.name + " button",
+            hidden: false
+        });
+    }
+    onDisable() {
+        super.onDisable();
+        this.context.accessibility.updateElement(this, { hidden: true })
     }
 
     onDestroy(): void {
+        this.context.accessibility.removeElement(this);
         if (this._isHovered) this.context.input.unsetCursor("pointer");
     }
 

package/src/engine-components/ui/Text.ts

@@ -102,6 +102,7 @@ export class Text extends Graphic implements IHasAlphaFactor, ICanvasEventReceiv
             this._text = val;
             this.feedText(this.text, this.supportRichText);
             this.markDirty();
+            this.context.accessibility.updateElement(this, { label: this.text });
         }
     }
 
@@ -238,6 +239,13 @@ export class Text extends Graphic implements IHasAlphaFactor, ICanvasEventReceiv
 
     onEnable(): void {
         super.onEnable();
+
+        this.context.accessibility.updateElement(this, {
+            role: "text",
+            label: this.text,
+            hidden: false
+        });
+
         this._didHandleTextRenderOnTop = false;
         if (this.uiObject) {
             // @ts-ignore
@@ -261,6 +269,11 @@ export class Text extends Graphic implements IHasAlphaFactor, ICanvasEventReceiv
     onDisable(): void {
         super.onDisable();
         this.canvas?.unregisterEventReceiver(this);
+        this.context.accessibility.updateElement(this, { hidden: true });
+    }
+    onDestroy(): void {
+        super.onDestroy();
+        this.context.accessibility.removeElement(this);
     }
 
     private getAlignment(opts: ThreeMeshUIEveryOptions): ThreeMeshUIEveryOptions {

package/src/engine-components/web/ViewBox.ts

@@ -1,16 +1,16 @@
 import { Camera, Matrix4, PerspectiveCamera, Vector3 } from "three";
 
 import { isDevEnvironment } from "../../engine/debug/debug.js";
+// Type-only imports for TSDoc @see links
+import type { Context } from "../../engine/engine_context.js";
 import { Gizmos } from "../../engine/engine_gizmos.js";
 import { serializable } from "../../engine/engine_serialization_decorator.js";
 import { getTempVector } from "../../engine/engine_three_utils.js";
 import { registerType } from "../../engine/engine_typestore.js";
 import { getParam } from "../../engine/engine_utils.js";
 import { RGBAColor } from "../../engine/js-extensions/RGBAColor.js";
-import { Behaviour } from "../Component.js";
-// Type-only imports for TSDoc @see links
-import type { Context } from "../../engine/engine_context.js";
 import type { Camera as CameraComponent } from "../Camera.js";
+import { Behaviour } from "../Component.js";
 import type { DragControls } from "../DragControls.js";
 import type { LookAtConstraint } from "../LookAtConstraint.js";
 import type { OrbitControls } from "../OrbitControls.js";