@datamoc/mw_games 0.1.1

package/dist/ui/VerticalLabel.d.ts

@@ -0,0 +1,46 @@
+import { Container } from 'pixi.js';
+export interface GlyphLayout {
+    char: string;
+    x: number;
+    y: number;
+    rotate: boolean;
+}
+export interface VerticalLayoutOptions {
+    lineHeight: number;
+    /** a column wraps to a new one, further left, once it reaches this height */
+    columnHeight: number;
+    /** characters matching this are rotated a quarter turn rather than kept upright */
+    rotate?: RegExp;
+}
+/**
+ * The pure layout math behind `VerticalLabel`, kept separate from Pixi's `Text` so it can
+ * be tested without a canvas - `Text` needs a real `document` to measure glyphs, which does
+ * not exist outside a browser.
+ *
+ * Columns run right to left, each one top to bottom, which is the traditional order for
+ * vertical Japanese and Chinese. `\n` in the source text forces a new column, the same way
+ * it forces a new line in horizontal text.
+ */
+export declare function layoutVertical(text: string, options: VerticalLayoutOptions): GlyphLayout[];
+export interface VerticalLabelOptions {
+    text: string;
+    color?: number;
+    size?: number;
+    columnHeight: number;
+    rotate?: RegExp;
+}
+/**
+ * Text laid out top to bottom, column by column, right to left - vertical writing, which
+ * canvas has no writing-mode for at all. Each character is its own `Text`, positioned by
+ * `layoutVertical`; this is real per-glyph work, not a flag, which is why the README
+ * schedules it separately from left-to-right/right-to-left (see `mwg/i18n`).
+ *
+ * What this does not do: tate-chu-yoko (shrinking a short latin/digit run to sit upright
+ * within one column instead of rotating whole characters), and it does not reposition
+ * punctuation to a cell's corner the way professionally typeset Japanese does. Both are
+ * real refinements a native reader would want on top of this, not included here.
+ */
+export declare class VerticalLabel extends Container {
+    constructor(options: VerticalLabelOptions);
+}
+//# sourceMappingURL=VerticalLabel.d.ts.map

package/dist/ui/VerticalLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalLabel.d.ts","sourceRoot":"","sources":["../../src/ui/VerticalLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAQ,MAAM,SAAS,CAAC;AAG1C,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,GAAG,WAAW,EAAE,CAiC1F;AAED,MAAM,WAAW,oBAAoB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAC3C,YAAY,OAAO,EAAE,oBAAoB,EA2BxC;CACD"}

package/dist/ui/VerticalLabel.js

@@ -0,0 +1,81 @@
+import { Container, Text } from 'pixi.js';
+import { theme } from './theme.js';
+/** ASCII letters and digits read sideways in vertical Japanese/Chinese text by default */
+const DEFAULT_ROTATE = /[A-Za-z0-9]/;
+/**
+ * The pure layout math behind `VerticalLabel`, kept separate from Pixi's `Text` so it can
+ * be tested without a canvas - `Text` needs a real `document` to measure glyphs, which does
+ * not exist outside a browser.
+ *
+ * Columns run right to left, each one top to bottom, which is the traditional order for
+ * vertical Japanese and Chinese. `\n` in the source text forces a new column, the same way
+ * it forces a new line in horizontal text.
+ */
+export function layoutVertical(text, options) {
+    const { lineHeight, columnHeight } = options;
+    const rotate = options.rotate ?? DEFAULT_ROTATE;
+    const glyphs = [];
+    let column = 0;
+    let row = 0;
+    for (const char of text) {
+        if (char === '\n') {
+            column++;
+            row = 0;
+            continue;
+        }
+        if (row * lineHeight >= columnHeight) {
+            column++;
+            row = 0;
+        }
+        const doRotate = rotate.test(char);
+        //`column` is 0 at the start; -0 * lineHeight is still -0, which is never a value worth
+        //exposing over a plain 0
+        const columnX = column === 0 ? 0 : -column * lineHeight;
+        glyphs.push({
+            char,
+            x: doRotate ? columnX - lineHeight / 2 : columnX,
+            y: doRotate ? row * lineHeight + lineHeight / 2 : row * lineHeight,
+            rotate: doRotate,
+        });
+        row++;
+    }
+    return glyphs;
+}
+/**
+ * Text laid out top to bottom, column by column, right to left - vertical writing, which
+ * canvas has no writing-mode for at all. Each character is its own `Text`, positioned by
+ * `layoutVertical`; this is real per-glyph work, not a flag, which is why the README
+ * schedules it separately from left-to-right/right-to-left (see `mwg/i18n`).
+ *
+ * What this does not do: tate-chu-yoko (shrinking a short latin/digit run to sit upright
+ * within one column instead of rotating whole characters), and it does not reposition
+ * punctuation to a cell's corner the way professionally typeset Japanese does. Both are
+ * real refinements a native reader would want on top of this, not included here.
+ */
+export class VerticalLabel extends Container {
+    constructor(options) {
+        super();
+        const t = theme();
+        const size = options.size ?? t.font.size;
+        const lineHeight = Math.ceil(size * t.font.lineHeight);
+        const glyphs = layoutVertical(options.text, {
+            lineHeight,
+            columnHeight: options.columnHeight,
+            rotate: options.rotate,
+        });
+        for (const glyph of glyphs) {
+            const text = new Text({
+                text: glyph.char,
+                style: { fontFamily: t.font.family, fontSize: size, fill: options.color ?? t.color.text },
+            });
+            if (glyph.rotate) {
+                text.anchor.set(0.5);
+                text.rotation = Math.PI / 2;
+            }
+            text.x = glyph.x;
+            text.y = glyph.y;
+            this.addChild(text);
+        }
+    }
+}
+//# sourceMappingURL=VerticalLabel.js.map

package/dist/ui/VerticalLabel.js.map

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

package/dist/ui/Window.d.ts

@@ -0,0 +1,71 @@
+import { Container } from 'pixi.js';
+import { Signal } from '../core/Signal.ts';
+import type { Action } from '../core/Input.ts';
+export interface WindowOptions {
+    width: number;
+    height: number;
+    title?: string;
+    /** a modal window swallows input; anything below it stops responding */
+    modal?: boolean;
+    /** whether `cancel` closes it; false for a window that must be answered */
+    closable?: boolean;
+    /**
+     * Whether the world behind is dimmed. Defaults to true for a modal window.
+     *
+     * A dialogue box over a conversation scene is the case for false: it takes the input
+     * like any modal, but the scene behind it is what the player is meant to be looking at,
+     * so dimming it would be backwards.
+     */
+    dims?: boolean;
+    /** where the stack puts it; 'bottom' is the usual place for a dialogue box */
+    anchor?: 'center' | 'bottom' | 'top';
+}
+/**
+ * A panel with a frame, a title and a content area.
+ *
+ * Windows are the interface: inventory, dialogue, character sheets, confirmations. They
+ * live in a `WindowStack`, which decides which one has the keyboard.
+ *
+ * Contents go in `content`, whose origin is already inset past the frame and padding, so a
+ * child placed at 0,0 sits correctly whatever the theme's border is.
+ */
+export declare class Window extends Container {
+    readonly content: Container<import("pixi.js").ContainerChild>;
+    readonly onClose: Signal<void>;
+    readonly modal: boolean;
+    readonly closable: boolean;
+    readonly dims: boolean;
+    readonly anchor: 'center' | 'bottom' | 'top';
+    private background;
+    private titleLabel;
+    private innerWidth;
+    private innerHeight;
+    constructor(options: WindowOptions);
+    resize(width: number, height: number): void;
+    /** the space available inside the frame, which is what contents should lay out against */
+    get contentWidth(): number;
+    get contentHeight(): number;
+    setTitle(text: string): void;
+    /**
+     * A widget offered actions before the window itself sees them.
+     *
+     * Set it to the list or field the window exists to show. Without it, every window
+     * holding a widget has to override `handleAction` just to forward, which is noise at
+     * best and, done by assigning over the method, a trap.
+     */
+    delegate: {
+        handleAction(action: Action): boolean;
+    } | null;
+    /**
+     * Offered every action while this window is on top of the stack.
+     *
+     * @returns true if the window used it, which stops it going any further down
+     */
+    handleAction(action: Action): boolean;
+    /** called each frame while this window is the top of the stack */
+    update(_dt: number): void;
+    close(): void;
+    /** positions the window in a viewport of the given size, per its anchor */
+    place(viewportWidth: number, viewportHeight: number): void;
+}
+//# sourceMappingURL=Window.d.ts.map

package/dist/ui/Window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../src/ui/Window.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK/C,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;CACrC;AAED;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACpC,QAAQ,CAAC,OAAO,8CAAmB;IACnC,QAAQ,CAAC,OAAO,eAAsB;IAEtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IAE7C,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAsB;IAExC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAK;IAExB,YAAY,OAAO,EAAE,aAAa,EAyBjC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CA2B1C;IAED,0FAA0F;IAC1F,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAE3B;IAED;;;;;;OAMG;IACH,QAAQ,EAAE;QAAE,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GAAG,IAAI,CAAQ;IAElE;;;;OAIG;IACH,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAQpC;IAED,kEAAkE;IAClE,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAExB;IAED,KAAK,IAAI,IAAI,CAIZ;IAED,2EAA2E;IAC3E,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAazD;CACD"}

package/dist/ui/Window.js

@@ -0,0 +1,126 @@
+import { Container, Graphics } from 'pixi.js';
+import { Signal } from '../core/Signal.js';
+import { NinePatch } from './NinePatch.js';
+import { Label } from './Label.js';
+import { theme } from './theme.js';
+/**
+ * A panel with a frame, a title and a content area.
+ *
+ * Windows are the interface: inventory, dialogue, character sheets, confirmations. They
+ * live in a `WindowStack`, which decides which one has the keyboard.
+ *
+ * Contents go in `content`, whose origin is already inset past the frame and padding, so a
+ * child placed at 0,0 sits correctly whatever the theme's border is.
+ */
+export class Window extends Container {
+    constructor(options) {
+        super();
+        this.content = new Container();
+        this.onClose = new Signal();
+        this.titleLabel = null;
+        this.innerWidth = 0;
+        this.innerHeight = 0;
+        /**
+         * A widget offered actions before the window itself sees them.
+         *
+         * Set it to the list or field the window exists to show. Without it, every window
+         * holding a widget has to override `handleAction` just to forward, which is noise at
+         * best and, done by assigning over the method, a trap.
+         */
+        this.delegate = null;
+        const t = theme();
+        this.modal = options.modal ?? true;
+        this.closable = options.closable ?? true;
+        this.dims = options.dims ?? this.modal;
+        this.anchor = options.anchor ?? 'center';
+        if (t.panel) {
+            this.background = new NinePatch(t.panel, { border: t.panelBorder });
+        }
+        else {
+            //no panel texture: a flat rounded rectangle, so a game is usable before it has
+            //any interface art at all
+            this.background = new Graphics();
+        }
+        this.addChild(this.background);
+        if (options.title !== undefined) {
+            this.titleLabel = new Label({ text: options.title, color: t.color.textHighlight, bold: true });
+            this.addChild(this.titleLabel);
+        }
+        this.addChild(this.content);
+        this.resize(options.width, options.height);
+    }
+    resize(width, height) {
+        const t = theme();
+        const border = this.background instanceof NinePatch ? this.background.border.left : 2;
+        const inset = border + t.padding;
+        if (this.background instanceof NinePatch) {
+            this.background.resize(width, height);
+        }
+        else {
+            this.background
+                .clear()
+                .roundRect(0, 0, width, height, 4)
+                .fill({ color: t.color.panelFill })
+                .stroke({ color: t.color.panelBorder, width: 1 });
+        }
+        let contentTop = inset;
+        if (this.titleLabel) {
+            this.titleLabel.x = t.direction === 'rtl' ? width - inset - this.titleLabel.width : inset;
+            this.titleLabel.y = inset;
+            contentTop = inset + this.titleLabel.height + t.padding;
+        }
+        this.content.x = inset;
+        this.content.y = contentTop;
+        this.innerWidth = Math.max(0, width - inset * 2);
+        this.innerHeight = Math.max(0, height - contentTop - inset);
+    }
+    /** the space available inside the frame, which is what contents should lay out against */
+    get contentWidth() {
+        return this.innerWidth;
+    }
+    get contentHeight() {
+        return this.innerHeight;
+    }
+    setTitle(text) {
+        this.titleLabel?.setText(text);
+    }
+    /**
+     * Offered every action while this window is on top of the stack.
+     *
+     * @returns true if the window used it, which stops it going any further down
+     */
+    handleAction(action) {
+        if (this.delegate?.handleAction(action))
+            return true;
+        if (action === 'cancel' && this.closable) {
+            this.close();
+            return true;
+        }
+        return false;
+    }
+    /** called each frame while this window is the top of the stack */
+    update(_dt) {
+        //most windows are static and need nothing here
+    }
+    close() {
+        this.onClose.dispatch();
+        this.parent?.removeChild(this);
+        this.destroy({ children: true });
+    }
+    /** positions the window in a viewport of the given size, per its anchor */
+    place(viewportWidth, viewportHeight) {
+        const bounds = this.getLocalBounds();
+        const margin = theme().padding * 2;
+        this.x = Math.round((viewportWidth - bounds.width) / 2);
+        if (this.anchor === 'bottom') {
+            this.y = Math.round(viewportHeight - bounds.height - margin);
+        }
+        else if (this.anchor === 'top') {
+            this.y = margin;
+        }
+        else {
+            this.y = Math.round((viewportHeight - bounds.height) / 2);
+        }
+    }
+}
+//# sourceMappingURL=Window.js.map

package/dist/ui/Window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Window.js","sourceRoot":"","sources":["../../src/ui/Window.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AA0BnC;;;;;;;;GAQG;AACH,MAAM,OAAO,MAAO,SAAQ,SAAS;IAepC,YAAY,OAAsB;QACjC,KAAK,EAAE,CAAC;QAfA,YAAO,GAAG,IAAI,SAAS,EAAE,CAAC;QAC1B,YAAO,GAAG,IAAI,MAAM,EAAQ,CAAC;QAQ9B,eAAU,GAAiB,IAAI,CAAC;QAEhC,eAAU,GAAG,CAAC,CAAC;QACf,gBAAW,GAAG,CAAC,CAAC;QAuExB;;;;;;WAMG;QACH,aAAQ,GAAqD,IAAI,CAAC;QAzEjE,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;QACzC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;QACvC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,QAAQ,CAAC;QAEzC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACP,+EAA+E;YAC/E,0BAA0B;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,QAAQ,EAAE,CAAC;QAClC,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE/B,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/F,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,MAAc;QACnC,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,YAAY,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtF,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;QAEjC,IAAI,IAAI,CAAC,UAAU,YAAY,SAAS,EAAE,CAAC;YAC1C,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,UAAU;iBACb,KAAK,EAAE;iBACP,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;iBACjC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;iBAClC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YAC1F,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,KAAK,CAAC;YAC1B,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC;IAC7D,CAAC;IAED,0FAA0F;IAC1F,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,IAAY;QACpB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAWD;;;;OAIG;IACH,YAAY,CAAC,MAAc;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;YAAE,OAAO,IAAI,CAAC;QAErD,IAAI,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1C,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,kEAAkE;IAClE,MAAM,CAAC,GAAW;QACjB,+CAA+C;IAChD,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,2EAA2E;IAC3E,KAAK,CAAC,aAAqB,EAAE,cAAsB;QAClD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC;QAEnC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAExD,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAC9D,CAAC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YAClC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;QACjB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3D,CAAC;IACF,CAAC;CACD"}

package/dist/ui/WindowStack.d.ts

@@ -0,0 +1,40 @@
+import { Container } from 'pixi.js';
+import type { Window } from './Window.ts';
+/**
+ * The stack of open windows, and the arbiter of who has the keyboard.
+ *
+ * Only the topmost window is offered input. That single rule is what makes nested
+ * interfaces behave: opening a confirmation over an inventory means the inventory stops
+ * responding until the confirmation is answered, without either window knowing about the
+ * other.
+ *
+ * Below a modal window sits a dimming layer, which is both a visual cue and a hint that
+ * the world underneath is not listening.
+ */
+export declare class WindowStack extends Container {
+    private windows;
+    private overlay;
+    private viewportWidth;
+    private viewportHeight;
+    private listener;
+    constructor();
+    setViewport(width: number, height: number): void;
+    get top(): Window | null;
+    get isEmpty(): boolean;
+    get depth(): number;
+    /** opens a window on top; it takes the keyboard until it closes */
+    push(window: Window): Window;
+    /** closes the top window, as `cancel` would */
+    pop(): void;
+    closeAll(): void;
+    private forget;
+    private updateOverlay;
+    private drawOverlay;
+    /** @returns true when a window consumed the action */
+    private handleAction;
+    /** true while any window is open, so the world knows to hold still */
+    get blocksWorld(): boolean;
+    update(dt: number): void;
+    destroy(options?: Parameters<Container['destroy']>[0]): void;
+}
+//# sourceMappingURL=WindowStack.d.ts.map

package/dist/ui/WindowStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowStack.d.ts","sourceRoot":"","sources":["../../src/ui/WindowStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAG9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1C;;;;;;;;;;GAUG;AACH,qBAAa,WAAY,SAAQ,SAAS;IACzC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,OAAO,CAAkB;IAEjC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,QAAQ,CAA0D;IAE1E,cAQC;IAED,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAM/C;IAED,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,mEAAmE;IACnE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAY3B;IAED,+CAA+C;IAC/C,GAAG,IAAI,IAAI,CAEV;IAED,QAAQ,IAAI,IAAI,CAGf;IAED,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAQnB,sDAAsD;IACtD,OAAO,CAAC,YAAY;IAIpB,sEAAsE;IACtE,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAEvB;IAEQ,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

package/dist/ui/WindowStack.js

@@ -0,0 +1,106 @@
+import { Container, Graphics } from 'pixi.js';
+import * as Input from '../core/Input.js';
+import { theme } from './theme.js';
+/**
+ * The stack of open windows, and the arbiter of who has the keyboard.
+ *
+ * Only the topmost window is offered input. That single rule is what makes nested
+ * interfaces behave: opening a confirmation over an inventory means the inventory stops
+ * responding until the confirmation is answered, without either window knowing about the
+ * other.
+ *
+ * Below a modal window sits a dimming layer, which is both a visual cue and a hint that
+ * the world underneath is not listening.
+ */
+export class WindowStack extends Container {
+    constructor() {
+        super();
+        this.windows = [];
+        this.overlay = new Graphics();
+        this.viewportWidth = 0;
+        this.viewportHeight = 0;
+        this.listener = (action) => this.handleAction(action);
+        this.overlay.visible = false;
+        this.addChild(this.overlay);
+        //stack mode, so this is offered actions before anything registered earlier: a window
+        //that is open should always win over the map underneath
+        Input.onAction.add(this.listener);
+    }
+    setViewport(width, height) {
+        this.viewportWidth = width;
+        this.viewportHeight = height;
+        this.drawOverlay();
+        for (const window of this.windows)
+            window.place(width, height);
+    }
+    get top() {
+        return this.windows[this.windows.length - 1] ?? null;
+    }
+    get isEmpty() {
+        return this.windows.length === 0;
+    }
+    get depth() {
+        return this.windows.length;
+    }
+    /** opens a window on top; it takes the keyboard until it closes */
+    push(window) {
+        this.windows.push(window);
+        this.addChild(window);
+        window.onClose.add(() => {
+            this.forget(window);
+            return false;
+        });
+        window.place(this.viewportWidth, this.viewportHeight);
+        this.updateOverlay();
+        return window;
+    }
+    /** closes the top window, as `cancel` would */
+    pop() {
+        this.top?.close();
+    }
+    closeAll() {
+        //iterate a copy: closing a window mutates the list through its onClose handler
+        for (const window of [...this.windows].reverse())
+            window.close();
+    }
+    forget(window) {
+        const index = this.windows.indexOf(window);
+        if (index !== -1)
+            this.windows.splice(index, 1);
+        this.updateOverlay();
+    }
+    updateOverlay() {
+        //the overlay sits directly beneath the lowest window that asks to dim, so windows
+        //above it stay lit and the world below is dimmed exactly once however many are open
+        const firstModal = this.windows.findIndex((window) => window.dims);
+        if (firstModal === -1) {
+            this.overlay.visible = false;
+            return;
+        }
+        this.overlay.visible = true;
+        this.setChildIndex(this.overlay, Math.max(0, this.getChildIndex(this.windows[firstModal]) - 1));
+    }
+    drawOverlay() {
+        const t = theme();
+        this.overlay
+            .clear()
+            .rect(0, 0, this.viewportWidth, this.viewportHeight)
+            .fill({ color: t.color.overlay, alpha: t.overlayAlpha });
+    }
+    /** @returns true when a window consumed the action */
+    handleAction(action) {
+        return this.top?.handleAction(action) ?? false;
+    }
+    /** true while any window is open, so the world knows to hold still */
+    get blocksWorld() {
+        return this.windows.some((window) => window.modal);
+    }
+    update(dt) {
+        this.top?.update(dt);
+    }
+    destroy(options) {
+        Input.onAction.remove(this.listener);
+        super.destroy(options);
+    }
+}
+//# sourceMappingURL=WindowStack.js.map

package/dist/ui/WindowStack.js.map

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

package/dist/ui/index.d.ts

@@ -0,0 +1,18 @@
+export { theme, setTheme, defaultTheme } from './theme.ts';
+export type { Theme } from './theme.ts';
+export { Label } from './Label.ts';
+export type { LabelOptions } from './Label.ts';
+export { NinePatch } from './NinePatch.ts';
+export type { NinePatchOptions } from './NinePatch.ts';
+export { Window } from './Window.ts';
+export type { WindowOptions } from './Window.ts';
+export { WindowStack } from './WindowStack.ts';
+export { ListView } from './ListView.ts';
+export type { ListItem, ListViewOptions } from './ListView.ts';
+export { IconGrid } from './IconGrid.ts';
+export type { IconGridItem, IconGridOptions } from './IconGrid.ts';
+export { MessageBox } from './MessageBox.ts';
+export type { MessageBoxOptions, MessagePage, Choice } from './MessageBox.ts';
+export { VerticalLabel, layoutVertical } from './VerticalLabel.ts';
+export type { VerticalLabelOptions, VerticalLayoutOptions, GlyphLayout } from './VerticalLabel.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,10 @@
+export { theme, setTheme, defaultTheme } from './theme.js';
+export { Label } from './Label.js';
+export { NinePatch } from './NinePatch.js';
+export { Window } from './Window.js';
+export { WindowStack } from './WindowStack.js';
+export { ListView } from './ListView.js';
+export { IconGrid } from './IconGrid.js';
+export { MessageBox } from './MessageBox.js';
+export { VerticalLabel, layoutVertical } from './VerticalLabel.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/ui/theme.d.ts

@@ -0,0 +1,50 @@
+import type { Texture } from 'pixi.js';
+import type { Direction } from '../i18n/index.ts';
+/**
+ * How the interface looks.
+ *
+ * Widgets read from here rather than carrying their own colours, so a game restyles its
+ * whole interface by assigning one object. Everything has a default that works, so a game
+ * that does not care never has to think about it.
+ */
+export interface Theme {
+    /** the panel texture behind windows; without one, windows draw a flat rectangle */
+    panel?: Texture;
+    /** how many pixels of `panel` are its fixed border */
+    panelBorder: number;
+    /** space between a window's frame and its contents */
+    padding: number;
+    /** space between stacked items in a list */
+    spacing: number;
+    font: {
+        family: string;
+        size: number;
+        /** distance between baselines, as a multiple of size */
+        lineHeight: number;
+    };
+    color: {
+        text: number;
+        textDim: number;
+        textHighlight: number;
+        /** used for the flat panel when no texture is set */
+        panelFill: number;
+        panelBorder: number;
+        selection: number;
+        /** the dim layer behind a modal window */
+        overlay: number;
+    };
+    /** opacity of the layer behind a modal window, 0 to 1 */
+    overlayAlpha: number;
+    /**
+     * What widgets lay themselves out against, instead of a hardcoded "left".
+     *
+     * A game with `mwg/i18n` sets this from `I18n.direction()` whenever the active language
+     * changes; a game without it never has to think about the field at all.
+     */
+    direction: Direction;
+}
+export declare const defaultTheme: Theme;
+export declare function theme(): Theme;
+/** replaces the theme; partial objects are merged over the default */
+export declare function setTheme(next: Partial<Theme>): void;
+//# sourceMappingURL=theme.d.ts.map

package/dist/ui/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,WAAW,KAAK;IACrB,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IAEpB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,wDAAwD;QACxD,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF,KAAK,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,qDAAqD;QACrD,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,0CAA0C;QAC1C,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,SAAS,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC;AAIF,wBAAgB,KAAK,IAAI,KAAK,CAE7B;AAED,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAOnD"}

package/dist/ui/theme.js

@@ -0,0 +1,36 @@
+export const defaultTheme = {
+    panelBorder: 4,
+    padding: 8,
+    spacing: 2,
+    direction: 'ltr',
+    font: {
+        //a stack rather than one name, so a missing font degrades instead of disappearing
+        family: 'ui-monospace, Consolas, "DejaVu Sans Mono", monospace',
+        size: 12,
+        lineHeight: 1.4,
+    },
+    color: {
+        text: 0xe8e8f0,
+        textDim: 0x8a8a96,
+        textHighlight: 0xffe680,
+        panelFill: 0x1c1c26,
+        panelBorder: 0x4a4a5e,
+        selection: 0x3a4a7a,
+        overlay: 0x000000,
+    },
+    overlayAlpha: 0.5,
+};
+let current = defaultTheme;
+export function theme() {
+    return current;
+}
+/** replaces the theme; partial objects are merged over the default */
+export function setTheme(next) {
+    current = {
+        ...defaultTheme,
+        ...next,
+        font: { ...defaultTheme.font, ...next.font },
+        color: { ...defaultTheme.color, ...next.color },
+    };
+}
+//# sourceMappingURL=theme.js.map

package/dist/ui/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/ui/theme.ts"],"names":[],"mappings":"AAsDA,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE;QACL,kFAAkF;QAClF,MAAM,EAAE,uDAAuD;QAC/D,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,GAAG;KACf;IACD,KAAK,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,QAAQ;QACjB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE,GAAG;CACjB,CAAC;AAEF,IAAI,OAAO,GAAU,YAAY,CAAC;AAElC,MAAM,UAAU,KAAK;IACpB,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,QAAQ,CAAC,IAAoB;IAC5C,OAAO,GAAG;QACT,GAAG,YAAY;QACf,GAAG,IAAI;QACP,IAAI,EAAE,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;QAC5C,KAAK,EAAE,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;KAC/C,CAAC;AACH,CAAC"}