@codexo/exojs 0.12.0 → 0.14.0

package/dist/esm/ui/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/ui/Panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,wDAAwD;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,qBAAa,KAAM,SAAQ,MAAM;IAC/B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAkB;IAC9C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;gBAEpB,OAAO,GAAE,YAAiB;IAY7C,mEAAmE;IACnE,IAAW,UAAU,IAAI,QAAQ,CAEhC;IAED,mBAAmB;IACnB,IAAW,KAAK,IAAI,KAAK,CAExB;IAED,6EAA6E;IAC7E,IAAW,WAAW,IAAI,KAAK,CAE9B;IAED,kCAAkC;IAClC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,+BAA+B;IAC/B,IAAW,YAAY,IAAI,MAAM,CAEhC;cAEkB,SAAS,IAAI,IAAI;CAiBrC"}

package/dist/esm/ui/Panel.js

@@ -0,0 +1,61 @@
+import { Color } from '../core/Color.js';
+import { Graphics } from '../rendering/primitives/Graphics.js';
+import { Widget } from './Widget.js';
+
+/**
+ * Rectangular background container with rounded corners and an optional border.
+ * The base building block for HUD boxes, dialogs, and menus — add content with
+ * `panel.addChild(...)`.
+ */
+class Panel extends Widget {
+    _background = new Graphics();
+    _color;
+    _borderColor;
+    _borderWidth;
+    _cornerRadius;
+    constructor(options = {}) {
+        super();
+        this._color = (options.color ?? new Color(30, 34, 45, 0.92)).clone();
+        this._borderColor = (options.borderColor ?? new Color(255, 255, 255, 0.12)).clone();
+        this._borderWidth = options.borderWidth ?? 0;
+        this._cornerRadius = options.cornerRadius ?? 8;
+        this.addChild(this._background);
+        this.setSize(options.width ?? 0, options.height ?? 0);
+    }
+    /** The background {@link Graphics}, for advanced customization. */
+    get background() {
+        return this._background;
+    }
+    /** Fill colour. */
+    get color() {
+        return this._color;
+    }
+    /** Border colour (drawn only when {@link borderWidth} is greater than 0). */
+    get borderColor() {
+        return this._borderColor;
+    }
+    /** Border thickness in pixels. */
+    get borderWidth() {
+        return this._borderWidth;
+    }
+    /** Corner radius in pixels. */
+    get cornerRadius() {
+        return this._cornerRadius;
+    }
+    _relayout() {
+        const g = this._background;
+        g.clear();
+        if (this._uiWidth <= 0 || this._uiHeight <= 0) {
+            return;
+        }
+        if (this._borderWidth > 0) {
+            g.lineWidth = this._borderWidth;
+            g.lineColor = this._borderColor;
+        }
+        g.fillColor = this._color;
+        g.drawRoundedRectangle(0, 0, this._uiWidth, this._uiHeight, this._cornerRadius);
+    }
+}
+
+export { Panel };
+//# sourceMappingURL=Panel.js.map

package/dist/esm/ui/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sources":["../../../../src/ui/Panel.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAgBA;;;;AAIG;AACG,MAAO,KAAM,SAAQ,MAAM,CAAA;AACd,IAAA,WAAW,GAAG,IAAI,QAAQ,EAAE;AAC5B,IAAA,MAAM;AACN,IAAA,YAAY;AACZ,IAAA,YAAY;AACZ,IAAA,aAAa;AAE9B,IAAA,WAAA,CAAmB,UAAwB,EAAE,EAAA;AAC3C,QAAA,KAAK,EAAE;QAEP,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE;QACpE,IAAI,CAAC,YAAY,GAAG,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE;QACnF,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC;QAC5C,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC;AAE9C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAC/B,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC;IACvD;;AAGA,IAAA,IAAW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW;IACzB;;AAGA,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM;IACpB;;AAGA,IAAA,IAAW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,YAAY;IAC1B;;AAGA,IAAA,IAAW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,YAAY;IAC1B;;AAGA,IAAA,IAAW,YAAY,GAAA;QACrB,OAAO,IAAI,CAAC,aAAa;IAC3B;IAEmB,SAAS,GAAA;AAC1B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW;QAE1B,CAAC,CAAC,KAAK,EAAE;AAET,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE;YAC7C;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE;AACzB,YAAA,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY;AAC/B,YAAA,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY;QACjC;AAEA,QAAA,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM;AACzB,QAAA,CAAC,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;IACjF;AACD;;;;"}

package/dist/esm/ui/ProgressBar.d.ts

@@ -0,0 +1,37 @@
+import { Color } from '#core/Color';
+import { Widget } from './Widget';
+export interface ProgressBarOptions {
+    width?: number;
+    height?: number;
+    /** Initial fill fraction in `[0, 1]`. */
+    value?: number;
+    trackColor?: Color;
+    fillColor?: Color;
+    cornerRadius?: number;
+}
+/**
+ * Horizontal progress / health bar. {@link ProgressBar.value} is the fill
+ * fraction in `[0, 1]`; setting it redraws only the fill.
+ */
+export declare class ProgressBar extends Widget {
+    private readonly _track;
+    private readonly _fill;
+    private readonly _trackColor;
+    private readonly _fillColor;
+    private readonly _cornerRadius;
+    private _value;
+    constructor(options?: ProgressBarOptions);
+    /** Fill fraction in `[0, 1]`. */
+    get value(): number;
+    set value(value: number);
+    /** Track (background) colour. */
+    get trackColor(): Color;
+    /** Fill (foreground) colour. */
+    get fillColor(): Color;
+    /** Corner radius in pixels. */
+    get cornerRadius(): number;
+    protected _relayout(): void;
+    private _drawTrack;
+    private _drawFill;
+}
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/esm/ui/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,qBAAa,WAAY,SAAQ,MAAM;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAkB;IACxC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IACvC,OAAO,CAAC,MAAM,CAAS;gBAEJ,OAAO,GAAE,kBAAuB;IAanD,iCAAiC;IACjC,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAO7B;IAED,iCAAiC;IACjC,IAAW,UAAU,IAAI,KAAK,CAE7B;IAED,gCAAgC;IAChC,IAAW,SAAS,IAAI,KAAK,CAE5B;IAED,+BAA+B;IAC/B,IAAW,YAAY,IAAI,MAAM,CAEhC;cAEkB,SAAS,IAAI,IAAI;IAKpC,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,SAAS;CAclB"}

package/dist/esm/ui/ProgressBar.js

@@ -0,0 +1,76 @@
+import { Color } from '../core/Color.js';
+import { clamp } from '../math/utils.js';
+import { Graphics } from '../rendering/primitives/Graphics.js';
+import { Widget } from './Widget.js';
+
+/**
+ * Horizontal progress / health bar. {@link ProgressBar.value} is the fill
+ * fraction in `[0, 1]`; setting it redraws only the fill.
+ */
+class ProgressBar extends Widget {
+    _track = new Graphics();
+    _fill = new Graphics();
+    _trackColor;
+    _fillColor;
+    _cornerRadius;
+    _value;
+    constructor(options = {}) {
+        super();
+        this._value = clamp(options.value ?? 0, 0, 1);
+        this._trackColor = (options.trackColor ?? new Color(255, 255, 255, 0.16)).clone();
+        this._fillColor = (options.fillColor ?? new Color(80, 220, 120, 1)).clone();
+        this._cornerRadius = options.cornerRadius ?? 4;
+        this.addChild(this._track);
+        this.addChild(this._fill);
+        this.setSize(options.width ?? 200, options.height ?? 12);
+    }
+    /** Fill fraction in `[0, 1]`. */
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        const next = clamp(value, 0, 1);
+        if (this._value !== next) {
+            this._value = next;
+            this._drawFill();
+        }
+    }
+    /** Track (background) colour. */
+    get trackColor() {
+        return this._trackColor;
+    }
+    /** Fill (foreground) colour. */
+    get fillColor() {
+        return this._fillColor;
+    }
+    /** Corner radius in pixels. */
+    get cornerRadius() {
+        return this._cornerRadius;
+    }
+    _relayout() {
+        this._drawTrack();
+        this._drawFill();
+    }
+    _drawTrack() {
+        const g = this._track;
+        g.clear();
+        if (this._uiWidth <= 0 || this._uiHeight <= 0) {
+            return;
+        }
+        g.fillColor = this._trackColor;
+        g.drawRoundedRectangle(0, 0, this._uiWidth, this._uiHeight, this._cornerRadius);
+    }
+    _drawFill() {
+        const g = this._fill;
+        g.clear();
+        const width = this._uiWidth * this._value;
+        if (width <= 0 || this._uiHeight <= 0) {
+            return;
+        }
+        g.fillColor = this._fillColor;
+        g.drawRoundedRectangle(0, 0, width, this._uiHeight, Math.min(this._cornerRadius, width / 2));
+    }
+}
+
+export { ProgressBar };
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/ui/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/ui/ProgressBar.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/ui/Stack.d.ts

@@ -0,0 +1,34 @@
+import type { RenderNode } from '#rendering/RenderNode';
+import { Widget } from './Widget';
+export type StackDirection = 'row' | 'column';
+export interface StackOptions {
+    /** Flow direction. Default `'column'`. */
+    direction?: StackDirection;
+    /** Gap between items in pixels. Default `8`. */
+    spacing?: number;
+    /** Inner padding around all items in pixels. Default `0`. */
+    padding?: number;
+}
+/**
+ * Linear layout container that flows its children in a row or column with even
+ * spacing and optional padding, then sizes itself to fit. Call
+ * {@link Stack.layout} after mutating children added with `addChild`, or use
+ * {@link Stack.addItem} to add and re-flow in one step.
+ */
+export declare class Stack extends Widget {
+    private readonly _direction;
+    private readonly _spacing;
+    private readonly _padding;
+    constructor(options?: StackOptions);
+    /** Flow direction (`'row'` or `'column'`). */
+    get direction(): StackDirection;
+    /** Gap between items in pixels. */
+    get spacing(): number;
+    /** Inner padding around all items in pixels. */
+    get padding(): number;
+    /** Add a child and re-flow the stack. */
+    addItem(child: RenderNode): this;
+    /** Re-flow children along the stack direction and resize to fit them. */
+    layout(): this;
+}
+//# sourceMappingURL=Stack.d.ts.map

package/dist/esm/ui/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/ui/Stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,qBAAa,KAAM,SAAQ,MAAM;IAC/B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiB;IAC5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;gBAEf,OAAO,GAAE,YAAiB;IAQ7C,8CAA8C;IAC9C,IAAW,SAAS,IAAI,cAAc,CAErC;IAED,mCAAmC;IACnC,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,gDAAgD;IAChD,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,yCAAyC;IAClC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMvC,yEAAyE;IAClE,MAAM,IAAI,IAAI;CAmCtB"}

package/dist/esm/ui/Stack.js

@@ -0,0 +1,69 @@
+import { Widget } from './Widget.js';
+
+/**
+ * Linear layout container that flows its children in a row or column with even
+ * spacing and optional padding, then sizes itself to fit. Call
+ * {@link Stack.layout} after mutating children added with `addChild`, or use
+ * {@link Stack.addItem} to add and re-flow in one step.
+ */
+class Stack extends Widget {
+    _direction;
+    _spacing;
+    _padding;
+    constructor(options = {}) {
+        super();
+        this._direction = options.direction ?? 'column';
+        this._spacing = options.spacing ?? 8;
+        this._padding = options.padding ?? 0;
+    }
+    /** Flow direction (`'row'` or `'column'`). */
+    get direction() {
+        return this._direction;
+    }
+    /** Gap between items in pixels. */
+    get spacing() {
+        return this._spacing;
+    }
+    /** Inner padding around all items in pixels. */
+    get padding() {
+        return this._padding;
+    }
+    /** Add a child and re-flow the stack. */
+    addItem(child) {
+        this.addChild(child);
+        return this.layout();
+    }
+    /** Re-flow children along the stack direction and resize to fit them. */
+    layout() {
+        const isRow = this._direction === 'row';
+        let main = this._padding;
+        let crossMax = 0;
+        let first = true;
+        for (const child of this.children) {
+            // Prefer a widget's explicit layout size; fall back to drawn bounds.
+            const width = child instanceof Widget ? child.uiWidth : child.getLocalBounds().width;
+            const height = child instanceof Widget ? child.uiHeight : child.getLocalBounds().height;
+            if (!first) {
+                main += this._spacing;
+            }
+            first = false;
+            if (isRow) {
+                child.setPosition(main, this._padding);
+                main += width;
+                crossMax = Math.max(crossMax, height);
+            }
+            else {
+                child.setPosition(this._padding, main);
+                main += height;
+                crossMax = Math.max(crossMax, width);
+            }
+        }
+        const along = main + this._padding;
+        const cross = crossMax + this._padding * 2;
+        this.setSize(isRow ? along : cross, isRow ? cross : along);
+        return this;
+    }
+}
+
+export { Stack };
+//# sourceMappingURL=Stack.js.map

package/dist/esm/ui/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../../src/ui/Stack.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAeA;;;;;AAKG;AACG,MAAO,KAAM,SAAQ,MAAM,CAAA;AACd,IAAA,UAAU;AACV,IAAA,QAAQ;AACR,IAAA,QAAQ;AAEzB,IAAA,WAAA,CAAmB,UAAwB,EAAE,EAAA;AAC3C,QAAA,KAAK,EAAE;QAEP,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,QAAQ;QAC/C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC;IACtC;;AAGA,IAAA,IAAW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;IACxB;;AAGA,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ;IACtB;;AAGA,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ;IACtB;;AAGO,IAAA,OAAO,CAAC,KAAiB,EAAA;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEpB,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE;IACtB;;IAGO,MAAM,GAAA;AACX,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,KAAK;AACvC,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,QAAQ;QACxB,IAAI,QAAQ,GAAG,CAAC;QAChB,IAAI,KAAK,GAAG,IAAI;AAEhB,QAAA,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;;YAEjC,MAAM,KAAK,GAAG,KAAK,YAAY,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,KAAK;YACpF,MAAM,MAAM,GAAG,KAAK,YAAY,MAAM,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM;YAEvF,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,IAAI,IAAI,IAAI,CAAC,QAAQ;YACvB;YAEA,KAAK,GAAG,KAAK;YAEb,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC;gBACtC,IAAI,IAAI,KAAK;gBACb,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;YACvC;iBAAO;gBACL,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;gBACtC,IAAI,IAAI,MAAM;gBACd,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC;YACtC;QACF;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ;QAClC,MAAM,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC;QAE1C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE1D,QAAA,OAAO,IAAI;IACb;AACD;;;;"}

package/dist/esm/ui/UIRoot.d.ts

@@ -0,0 +1,31 @@
+import { Signal } from '#core/Signal';
+import { Container } from '#rendering/Container';
+import type { RenderingContext } from '#rendering/RenderingContext';
+/**
+ * Root of a scene's screen-fixed UI layer. Reached through {@link Scene.ui};
+ * you do not construct it directly.
+ *
+ * Unlike {@link Scene.root}, the UI layer is **auto-rendered** by the
+ * {@link SceneManager} after `Scene.draw()`, through the
+ * {@link RenderingContext.screenView} — so its children live in screen space
+ * (origin top-left, `0..width` × `0..height`) and never scroll with the
+ * camera. Pointer hit-testing and keyboard focus are routed to UI nodes in that
+ * same screen space, ahead of the world layer.
+ *
+ * Add widgets with `scene.ui.addChild(...)`. The {@link UIRoot.onResize} signal
+ * fires whenever the screen size changes, so anchored widgets can re-layout.
+ */
+export declare class UIRoot extends Container {
+    /** Fires with `(width, height)` whenever the screen size changes. */
+    readonly onResize: Signal<[width: number, height: number]>;
+    private _screenWidth;
+    private _screenHeight;
+    /** Screen width the UI is laid out against, in logical pixels. */
+    get screenWidth(): number;
+    /** Screen height the UI is laid out against, in logical pixels. */
+    get screenHeight(): number;
+    /** @internal — render this UI layer screen-fixed, above the scene content. */
+    _render(context: RenderingContext): void;
+    destroy(): void;
+}
+//# sourceMappingURL=UIRoot.d.ts.map

package/dist/esm/ui/UIRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIRoot.d.ts","sourceRoot":"","sources":["../../../src/ui/UIRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AAEH,qBAAa,MAAO,SAAQ,SAAS;IACnC,qEAAqE;IACrE,SAAgB,QAAQ,0CAAiD;IAEzE,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,aAAa,CAAK;IAE1B,kEAAkE;IAClE,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,mEAAmE;IACnE,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,8EAA8E;IACvE,OAAO,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAY/B,OAAO,IAAI,IAAI;CAIhC"}

package/dist/esm/ui/UIRoot.js

@@ -0,0 +1,49 @@
+import { Signal } from '../core/Signal.js';
+import { Container } from '../rendering/Container.js';
+
+/**
+ * Root of a scene's screen-fixed UI layer. Reached through {@link Scene.ui};
+ * you do not construct it directly.
+ *
+ * Unlike {@link Scene.root}, the UI layer is **auto-rendered** by the
+ * {@link SceneManager} after `Scene.draw()`, through the
+ * {@link RenderingContext.screenView} — so its children live in screen space
+ * (origin top-left, `0..width` × `0..height`) and never scroll with the
+ * camera. Pointer hit-testing and keyboard focus are routed to UI nodes in that
+ * same screen space, ahead of the world layer.
+ *
+ * Add widgets with `scene.ui.addChild(...)`. The {@link UIRoot.onResize} signal
+ * fires whenever the screen size changes, so anchored widgets can re-layout.
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention -- UI is an acronym (cf. HTMLText)
+class UIRoot extends Container {
+    /** Fires with `(width, height)` whenever the screen size changes. */
+    onResize = new Signal();
+    _screenWidth = 0;
+    _screenHeight = 0;
+    /** Screen width the UI is laid out against, in logical pixels. */
+    get screenWidth() {
+        return this._screenWidth;
+    }
+    /** Screen height the UI is laid out against, in logical pixels. */
+    get screenHeight() {
+        return this._screenHeight;
+    }
+    /** @internal — render this UI layer screen-fixed, above the scene content. */
+    _render(context) {
+        const view = context.screenView;
+        if (this._screenWidth !== view.width || this._screenHeight !== view.height) {
+            this._screenWidth = view.width;
+            this._screenHeight = view.height;
+            this.onResize.dispatch(view.width, view.height);
+        }
+        context.render(this, { view });
+    }
+    destroy() {
+        this.onResize.destroy();
+        super.destroy();
+    }
+}
+
+export { UIRoot };
+//# sourceMappingURL=UIRoot.js.map

package/dist/esm/ui/UIRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIRoot.js","sources":["../../../../src/ui/UIRoot.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;AAaG;AACH;AACM,MAAO,MAAO,SAAQ,SAAS,CAAA;;AAEnB,IAAA,QAAQ,GAAG,IAAI,MAAM,EAAmC;IAEhE,YAAY,GAAG,CAAC;IAChB,aAAa,GAAG,CAAC;;AAGzB,IAAA,IAAW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,YAAY;IAC1B;;AAGA,IAAA,IAAW,YAAY,GAAA;QACrB,OAAO,IAAI,CAAC,aAAa;IAC3B;;AAGO,IAAA,OAAO,CAAC,OAAyB,EAAA;AACtC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU;AAE/B,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,MAAM,EAAE;AAC1E,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK;AAC9B,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM;AAChC,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;QACjD;QAEA,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;IAChC;IAEgB,OAAO,GAAA;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;QACvB,KAAK,CAAC,OAAO,EAAE;IACjB;AACD;;;;"}

package/dist/esm/ui/Widget.d.ts

@@ -0,0 +1,45 @@
+import { Container } from '#rendering/Container';
+import type { UIRoot } from './UIRoot';
+/** Anchor position of a widget within its container's box. */
+export type WidgetAnchor = 'top-left' | 'top' | 'top-right' | 'left' | 'center' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
+/**
+ * Base class for UI widgets — a {@link Container} with an explicit layout size
+ * (independent of child bounds / scale), an `enabled` flag, and optional
+ * screen-edge anchoring that re-applies on resize.
+ *
+ * Subclasses redraw size-dependent content in {@link Widget._relayout} and
+ * react to enable/disable in {@link Widget._onEnabledChanged}.
+ */
+export declare abstract class Widget extends Container {
+    protected _uiWidth: number;
+    protected _uiHeight: number;
+    private _enabled;
+    private _uiAnchor;
+    private _uiAnchorOffsetX;
+    private _uiAnchorOffsetY;
+    private _uiAnchorRoot;
+    private readonly _onAnchorResize;
+    /** Explicit layout width in pixels (not derived from children or scale). */
+    get uiWidth(): number;
+    /** Explicit layout height in pixels (not derived from children or scale). */
+    get uiHeight(): number;
+    /** Set the widget's layout size; triggers a redraw and re-anchors if anchored. */
+    setSize(width: number, height: number): this;
+    /** Whether the widget responds to input. Disabled widgets typically dim and ignore clicks. */
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    /**
+     * Anchor this widget within `root`'s screen box at `anchor`, offset by
+     * `(offsetX, offsetY)`. The position is recomputed whenever the screen
+     * resizes. E.g. `widget.anchorIn(scene.ui, 'bottom-right', -20, -20)` pins it
+     * to the bottom-right corner with a 20px margin.
+     */
+    anchorIn(root: UIRoot, anchor: WidgetAnchor, offsetX?: number, offsetY?: number): this;
+    protected _applyAnchor(containerWidth: number, containerHeight: number): void;
+    /** Redraw size-dependent content (background, child positions). Override in subclasses. */
+    protected _relayout(): void;
+    /** React to an enabled/disabled change. Override in subclasses. */
+    protected _onEnabledChanged(_enabled: boolean): void;
+    destroy(): void;
+}
+//# sourceMappingURL=Widget.d.ts.map

package/dist/esm/ui/Widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../src/ui/Widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,8DAA8D;AAC9D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAC;AAsBtI;;;;;;;GAOG;AACH,8BAAsB,MAAO,SAAQ,SAAS;IAC5C,SAAS,CAAC,QAAQ,SAAK;IACvB,SAAS,CAAC,SAAS,SAAK;IACxB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAE9B;IAEF,4EAA4E;IAC5E,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,6EAA6E;IAC7E,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,kFAAkF;IAC3E,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAiBnD,8FAA8F;IAC9F,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACI,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,SAAI,EAAE,OAAO,SAAI,GAAG,IAAI;IAgBnF,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI;IAU7E,2FAA2F;IAC3F,SAAS,CAAC,SAAS,IAAI,IAAI;IAI3B,mEAAmE;IACnE,SAAS,CAAC,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAIpC,OAAO,IAAI,IAAI;CAKhC"}

package/dist/esm/ui/Widget.js

@@ -0,0 +1,113 @@
+import { Container } from '../rendering/Container.js';
+
+/** Normalized (0..1) horizontal/vertical factors for an anchor. */
+const anchorFactors = (anchor) => {
+    let x = 0.5;
+    let y = 0.5;
+    if (anchor.endsWith('left')) {
+        x = 0;
+    }
+    else if (anchor.endsWith('right')) {
+        x = 1;
+    }
+    if (anchor.startsWith('top')) {
+        y = 0;
+    }
+    else if (anchor.startsWith('bottom')) {
+        y = 1;
+    }
+    return [x, y];
+};
+/**
+ * Base class for UI widgets — a {@link Container} with an explicit layout size
+ * (independent of child bounds / scale), an `enabled` flag, and optional
+ * screen-edge anchoring that re-applies on resize.
+ *
+ * Subclasses redraw size-dependent content in {@link Widget._relayout} and
+ * react to enable/disable in {@link Widget._onEnabledChanged}.
+ */
+class Widget extends Container {
+    _uiWidth = 0;
+    _uiHeight = 0;
+    _enabled = true;
+    _uiAnchor = null;
+    _uiAnchorOffsetX = 0;
+    _uiAnchorOffsetY = 0;
+    _uiAnchorRoot = null;
+    _onAnchorResize = (width, height) => {
+        this._applyAnchor(width, height);
+    };
+    /** Explicit layout width in pixels (not derived from children or scale). */
+    get uiWidth() {
+        return this._uiWidth;
+    }
+    /** Explicit layout height in pixels (not derived from children or scale). */
+    get uiHeight() {
+        return this._uiHeight;
+    }
+    /** Set the widget's layout size; triggers a redraw and re-anchors if anchored. */
+    setSize(width, height) {
+        const w = Math.max(0, width);
+        const h = Math.max(0, height);
+        if (this._uiWidth !== w || this._uiHeight !== h) {
+            this._uiWidth = w;
+            this._uiHeight = h;
+            this._relayout();
+            if (this._uiAnchorRoot !== null) {
+                this._applyAnchor(this._uiAnchorRoot.screenWidth, this._uiAnchorRoot.screenHeight);
+            }
+        }
+        return this;
+    }
+    /** Whether the widget responds to input. Disabled widgets typically dim and ignore clicks. */
+    get enabled() {
+        return this._enabled;
+    }
+    set enabled(value) {
+        if (this._enabled !== value) {
+            this._enabled = value;
+            this._onEnabledChanged(value);
+        }
+    }
+    /**
+     * Anchor this widget within `root`'s screen box at `anchor`, offset by
+     * `(offsetX, offsetY)`. The position is recomputed whenever the screen
+     * resizes. E.g. `widget.anchorIn(scene.ui, 'bottom-right', -20, -20)` pins it
+     * to the bottom-right corner with a 20px margin.
+     */
+    anchorIn(root, anchor, offsetX = 0, offsetY = 0) {
+        this._uiAnchor = anchor;
+        this._uiAnchorOffsetX = offsetX;
+        this._uiAnchorOffsetY = offsetY;
+        if (this._uiAnchorRoot !== root) {
+            this._uiAnchorRoot?.onResize.remove(this._onAnchorResize);
+            this._uiAnchorRoot = root;
+            root.onResize.add(this._onAnchorResize);
+        }
+        this._applyAnchor(root.screenWidth, root.screenHeight);
+        return this;
+    }
+    _applyAnchor(containerWidth, containerHeight) {
+        if (this._uiAnchor === null) {
+            return;
+        }
+        const [ax, ay] = anchorFactors(this._uiAnchor);
+        this.setPosition(ax * (containerWidth - this._uiWidth) + this._uiAnchorOffsetX, ay * (containerHeight - this._uiHeight) + this._uiAnchorOffsetY);
+    }
+    /** Redraw size-dependent content (background, child positions). Override in subclasses. */
+    _relayout() {
+        // Overridden by subclasses that draw a sized background.
+    }
+    /** React to an enabled/disabled change. Override in subclasses. */
+    _onEnabledChanged(_enabled) {
+        // Overridden by interactive subclasses (e.g. Button dimming).
+    }
+    destroy() {
+        this._uiAnchorRoot?.onResize.remove(this._onAnchorResize);
+        this._uiAnchorRoot = null;
+        super.destroy();
+    }
+}
+
+export { Widget };
+//# sourceMappingURL=Widget.js.map

package/dist/esm/ui/Widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.js","sources":["../../../../src/ui/Widget.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAOA;AACA,MAAM,aAAa,GAAG,CAAC,MAAoB,KAA+B;IACxE,IAAI,CAAC,GAAG,GAAG;IACX,IAAI,CAAC,GAAG,GAAG;AAEX,IAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC3B,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACnC,CAAC,GAAG,CAAC;IACP;AAEA,IAAA,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QAC5B,CAAC,GAAG,CAAC;IACP;AAAO,SAAA,IAAI,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACtC,CAAC,GAAG,CAAC;IACP;AAEA,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,CAAC;AAED;;;;;;;AAOG;AACG,MAAgB,MAAO,SAAQ,SAAS,CAAA;IAClC,QAAQ,GAAG,CAAC;IACZ,SAAS,GAAG,CAAC;IACf,QAAQ,GAAG,IAAI;IACf,SAAS,GAAwB,IAAI;IACrC,gBAAgB,GAAG,CAAC;IACpB,gBAAgB,GAAG,CAAC;IACpB,aAAa,GAAkB,IAAI;AAC1B,IAAA,eAAe,GAAG,CAAC,KAAa,EAAE,MAAc,KAAU;AACzE,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC;AAClC,IAAA,CAAC;;AAGD,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ;IACtB;;AAGA,IAAA,IAAW,QAAQ,GAAA;QACjB,OAAO,IAAI,CAAC,SAAS;IACvB;;IAGO,OAAO,CAAC,KAAa,EAAE,MAAc,EAAA;QAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;QAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC;AAE7B,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE;AAC/C,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;YAClB,IAAI,CAAC,SAAS,EAAE;AAEhB,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;AAC/B,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;YACpF;QACF;AAEA,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ;IACtB;IAEA,IAAW,OAAO,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;AAC3B,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC/B;IACF;AAEA;;;;;AAKG;IACI,QAAQ,CAAC,IAAY,EAAE,MAAoB,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAA;AAC1E,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM;AACvB,QAAA,IAAI,CAAC,gBAAgB,GAAG,OAAO;AAC/B,QAAA,IAAI,CAAC,gBAAgB,GAAG,OAAO;AAE/B,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;AACzD,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;QACzC;QAEA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC;AAEtD,QAAA,OAAO,IAAI;IACb;IAEU,YAAY,CAAC,cAAsB,EAAE,eAAuB,EAAA;AACpE,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE;YAC3B;QACF;AAEA,QAAA,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAE9C,QAAA,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;IAClJ;;IAGU,SAAS,GAAA;;IAEnB;;AAGU,IAAA,iBAAiB,CAAC,QAAiB,EAAA;;IAE7C;IAEgB,OAAO,GAAA;QACrB,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;AACzD,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QACzB,KAAK,CAAC,OAAO,EAAE;IACjB;AACD;;;;"}

package/dist/esm/ui/index.d.ts

@@ -0,0 +1,13 @@
+export type { ButtonOptions } from './Button';
+export { Button } from './Button';
+export { Label } from './Label';
+export type { PanelOptions } from './Panel';
+export { Panel } from './Panel';
+export type { ProgressBarOptions } from './ProgressBar';
+export { ProgressBar } from './ProgressBar';
+export type { StackDirection, StackOptions } from './Stack';
+export { Stack } from './Stack';
+export { UIRoot } from './UIRoot';
+export type { WidgetAnchor } from './Widget';
+export { Widget } from './Widget';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}