@datamoc/mw_games 0.7.4 → 0.7.7

package/dist/two-d/stage/StoryScreen.js

@@ -0,0 +1,178 @@
+import { Container, Sprite, Texture } from 'pixi.js';
+import { Signal } from '../../core/Signal.js';
+import { Label } from '../ui/Label.js';
+import { theme } from '../ui/theme.js';
+/**
+ * The beats of a story screen and where the reader is in them, with no renderer attached - the
+ * same split `TabbedList` keeps, so the advance/back/skip rules are testable without a DOM.
+ *
+ * Music is reported as a signal rather than played: the sequence says *what* track a beat wants,
+ * and the game decides whether to crossfade, loop or ignore it. A beat with no `music` reports
+ * `null`, so a reader who turns the page to a silent beat gets the previous track stopped.
+ *
+ * @example
+ * ```ts
+ * import { StorySequence } from '@datamoc/mw_games/two-d/stage';
+ *
+ * const story = new StorySequence([
+ *   { title: 'Prologue', text: 'The war begins.', music: 'intro.ogg' },
+ *   { text: 'And so it went.' },
+ * ]);
+ * story.onMusic.add((track) => console.log(track)); // 'intro.ogg', then null
+ * story.advance();
+ * console.log(story.done); // true, only one page was left
+ * ```
+ */
+export class StorySequence {
+    constructor(beats) {
+        this.onChange = new Signal();
+        this.onMusic = new Signal();
+        this.index = 0;
+        this.beats = beats;
+    }
+    get length() {
+        return this.beats.length;
+    }
+    /** the beat on screen, 0 when empty */
+    get position() {
+        return this.index;
+    }
+    /** the beat on screen; `null` for an empty story */
+    get current() {
+        return this.beats[this.index] ?? null;
+    }
+    /** whether the last beat is the one on screen */
+    get done() {
+        return this.beats.length === 0 || this.index >= this.beats.length - 1;
+    }
+    /** the music the current beat wants, or `null` for silence */
+    get music() {
+        return this.current?.music ?? null;
+    }
+    /** moves to a beat, clamped to the ends; reports the beat and its music either way */
+    goTo(index) {
+        const next = Math.max(0, Math.min(this.beats.length - 1, index));
+        this.index = next;
+        this.report();
+    }
+    /** turns one page; false when there was no next page */
+    advance() {
+        if (this.done)
+            return false;
+        this.goTo(this.index + 1);
+        return true;
+    }
+    /** turns back one page; false when already at the first */
+    back() {
+        if (this.index === 0)
+            return false;
+        this.goTo(this.index - 1);
+        return true;
+    }
+    /** jumps to the last beat, the "skip" a player who has read it before reaches for */
+    skip() {
+        this.goTo(this.beats.length - 1);
+    }
+    restart() {
+        this.goTo(0);
+    }
+    report() {
+        const beat = this.current;
+        if (beat)
+            this.onChange.dispatch(beat);
+        this.onMusic.dispatch(this.music);
+    }
+}
+/**
+ * A full-screen story beat: a backdrop image, a title and the text over it, advanced by a click -
+ * the campaign interlude a scenario shows between maps.
+ *
+ * `DialogueStage` is the visual-novel model: characters standing on a backdrop, a box under them
+ * doing the talking. This is the other shape an interlude needs and that one is not - one page of
+ * prose filling the screen, no cast, page forward on any input - so it reuses the same `Label`
+ * everything else lays words out with and leaves the sequencing to `StorySequence`, the part worth
+ * testing without a renderer. Feeding it `MwlWorld.story` from an `.mwl` scenario is the intended
+ * use: both carry the same `{ text, title, image, music }` shape.
+ *
+ * @example
+ * ```ts
+ * import { StoryScreen, StorySequence } from '@datamoc/mw_games/two-d/stage';
+ *
+ * const sequence = new StorySequence([{ title: 'Prologue', text: 'The war begins.' }]);
+ * const screen = new StoryScreen({ sequence, width: 960, height: 540 });
+ * console.log(screen.current?.title); // 'Prologue'
+ * ```
+ */
+export class StoryScreen extends Container {
+    constructor(options) {
+        super();
+        this.backdrop = new Sprite(Texture.EMPTY);
+        this.handleAdvance = () => {
+            this.advance();
+        };
+        this.handleBeat = (beat) => {
+            this.applyBeat(beat);
+        };
+        this.sequence = options.sequence;
+        this.textureFor = options.textureFor ?? (() => null);
+        this.playMusic = options.playMusic ?? (() => { });
+        this.width_ = options.width;
+        this.height_ = options.height;
+        this.titleLabel = new Label({ text: '', color: theme().color.textHighlight });
+        this.textLabel = new Label({ text: '', wrapWidth: this.width_ * 0.8 });
+        this.addChild(this.backdrop);
+        this.addChild(this.titleLabel);
+        this.addChild(this.textLabel);
+        this.eventMode = 'static';
+        this.on('pointertap', this.handleAdvance);
+        this.sequence.onChange.add(this.handleBeat);
+        this.sequence.onMusic.add(this.playMusic);
+        this.applyBeat(this.sequence.current);
+    }
+    /** the beat on screen */
+    get current() {
+        return this.sequence.current;
+    }
+    /** turns one page; false when the story is over, the caller's cue to change scene */
+    advance() {
+        return this.sequence.advance();
+    }
+    /** jumps to the end, for a player who has already read it */
+    skip() {
+        this.sequence.skip();
+    }
+    resize(width, height) {
+        this.width_ = width;
+        this.height_ = height;
+        this.applyBeat(this.current);
+    }
+    applyBeat(beat) {
+        if (!beat) {
+            this.backdrop.visible = false;
+            return;
+        }
+        const texture = beat.image ? this.textureFor(beat.image) : null;
+        this.backdrop.visible = texture !== null;
+        if (texture) {
+            this.backdrop.texture = texture;
+            //cover the screen without distorting the art, the way a backdrop changes aspect
+            const scale = Math.max(this.width_ / texture.width, this.height_ / texture.height);
+            this.backdrop.scale.set(scale);
+            this.backdrop.x = (this.width_ - texture.width * scale) / 2;
+            this.backdrop.y = (this.height_ - texture.height * scale) / 2;
+        }
+        this.titleLabel.setText(beat.title ?? '');
+        this.titleLabel.x = this.width_ * 0.1;
+        this.titleLabel.y = this.height_ * 0.12;
+        this.textLabel.setText(beat.text);
+        this.textLabel.x = this.width_ * 0.1;
+        this.textLabel.y = this.height_ * 0.24;
+        this.textLabel.style.wordWrapWidth = this.width_ * 0.8;
+    }
+    destroy(options) {
+        this.sequence.onChange.remove(this.handleBeat);
+        this.sequence.onMusic.remove(this.playMusic);
+        super.destroy(options);
+    }
+}
+//# sourceMappingURL=StoryScreen.js.map

package/dist/two-d/stage/StoryScreen.js.map

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

package/dist/two-d/stage/index.d.ts

@@ -4,4 +4,6 @@ export { StageScript } from './script.ts';
 export type { StageCommand, StageChoice, StoryScript, ScriptOptions, ScriptState, HistoryEntry } from './script.ts';
 export { importTwee } from './twee.ts';
 export type { TwineStory } from './twee.ts';
+export { StoryScreen, StorySequence } from './StoryScreen.ts';
+export type { StoryBeat, StoryScreenOptions } from './StoryScreen.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/two-d/stage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/two-d/stage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACpH,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/two-d/stage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACpH,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/two-d/stage/index.js

@@ -1,4 +1,5 @@
 export { DialogueStage } from './DialogueStage.js';
 export { StageScript } from './script.js';
 export { importTwee } from './twee.js';
+export { StoryScreen, StorySequence } from './StoryScreen.js';
 //# sourceMappingURL=index.js.map

package/dist/two-d/stage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/two-d/stage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/two-d/stage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/two-d/ui/Checkbox.d.ts

@@ -0,0 +1,44 @@
+import { Container } from 'pixi.js';
+import { Signal } from '../../core/Signal.ts';
+export interface CheckboxOptions {
+    /** the box's side length; the check is drawn inside it */
+    size?: number;
+    checked?: boolean;
+    disabled?: boolean;
+    /** the tick's colour; the theme's highlight when omitted */
+    color?: number;
+}
+/**
+ * A square box that is ticked or not, the toggle a settings row or an option list puts beside its
+ * label. It draws only the box and its tick - a caption is a `Label` the game places next to it,
+ * so the two can be laid out and translated independently.
+ *
+ * @example
+ * ```ts
+ * import { Checkbox } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const fullscreen = new Checkbox({ checked: true });
+ * fullscreen.onChange.add((on) => console.log('fullscreen', on));
+ * fullscreen.toggle();
+ * ```
+ */
+export declare class Checkbox extends Container {
+    readonly onChange: Signal<boolean>;
+    private box;
+    private size_;
+    private checked_;
+    private disabled_;
+    private readonly themeListener;
+    constructor(options?: CheckboxOptions);
+    get checked(): boolean;
+    get disabled(): boolean;
+    setDisabled(disabled: boolean): void;
+    /** sets the box, firing `onChange` only when the value actually moves */
+    setChecked(checked: boolean): void;
+    toggle(): void;
+    resize(size: number): void;
+    private readonly handleTap;
+    private draw;
+    destroy(options?: Parameters<Container['destroy']>[0]): void;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/two-d/ui/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,MAAM,WAAW,eAAe;IAC/B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,QAAS,SAAQ,SAAS;IACtC,QAAQ,CAAC,QAAQ,kBAAyB;IAE1C,OAAO,CAAC,GAAG,CAAkB;IAE7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IAEnD,YAAY,OAAO,GAAE,eAAoB,EAexC;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAInC;IAED,yEAAyE;IACzE,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAQjC;IAED,MAAM,IAAI,IAAI,CAEb;IAED,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAGzB;IAED,OAAO,CAAC,QAAQ,CAAC,SAAS,CAGxB;IAEF,OAAO,CAAC,IAAI;IAoBH,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

package/dist/two-d/ui/Checkbox.js

@@ -0,0 +1,89 @@
+import { Container, Graphics } from 'pixi.js';
+import { Signal } from '../../core/Signal.js';
+import { theme, themeChanged } from './theme.js';
+/**
+ * A square box that is ticked or not, the toggle a settings row or an option list puts beside its
+ * label. It draws only the box and its tick - a caption is a `Label` the game places next to it,
+ * so the two can be laid out and translated independently.
+ *
+ * @example
+ * ```ts
+ * import { Checkbox } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const fullscreen = new Checkbox({ checked: true });
+ * fullscreen.onChange.add((on) => console.log('fullscreen', on));
+ * fullscreen.toggle();
+ * ```
+ */
+export class Checkbox extends Container {
+    constructor(options = {}) {
+        super();
+        this.onChange = new Signal();
+        this.box = new Graphics();
+        this.themeListener = () => this.draw();
+        this.handleTap = () => {
+            if (this.disabled_)
+                return;
+            this.toggle();
+        };
+        this.size_ = options.size ?? 20;
+        this.checked_ = options.checked ?? false;
+        this.disabled_ = options.disabled ?? false;
+        this.addChild(this.box);
+        this.draw();
+        this.eventMode = 'static';
+        this.cursor = 'pointer';
+        this.on('pointertap', this.handleTap);
+        themeChanged.add(this.themeListener);
+    }
+    get checked() {
+        return this.checked_;
+    }
+    get disabled() {
+        return this.disabled_;
+    }
+    setDisabled(disabled) {
+        this.disabled_ = disabled;
+        this.cursor = disabled ? 'default' : 'pointer';
+        this.draw();
+    }
+    /** sets the box, firing `onChange` only when the value actually moves */
+    setChecked(checked) {
+        if (checked === this.checked_) {
+            this.draw();
+            return;
+        }
+        this.checked_ = checked;
+        this.draw();
+        this.onChange.dispatch(checked);
+    }
+    toggle() {
+        this.setChecked(!this.checked_);
+    }
+    resize(size) {
+        this.size_ = size;
+        this.draw();
+    }
+    draw() {
+        const t = theme();
+        const color = this.disabled_ ? t.color.textDim : t.color.textHighlight;
+        this.box
+            .clear()
+            .roundRect(0, 0, this.size_, this.size_, 4)
+            .fill({ color: t.color.panelFill })
+            .stroke({ color: this.disabled_ ? t.color.textDim : t.color.panelBorder, width: 2 });
+        if (this.checked_) {
+            const inset = this.size_ * 0.25;
+            this.box
+                .moveTo(inset, this.size_ * 0.55)
+                .lineTo(this.size_ * 0.45, this.size_ - inset)
+                .lineTo(this.size_ - inset, inset)
+                .stroke({ color, width: Math.max(2, this.size_ * 0.12), cap: 'round', join: 'round' });
+        }
+    }
+    destroy(options) {
+        themeChanged.remove(this.themeListener);
+        super.destroy(options);
+    }
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/two-d/ui/Checkbox.js.map

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

package/dist/two-d/ui/DataTable.d.ts

@@ -0,0 +1,79 @@
+import { Signal } from '../../core/Signal.ts';
+export interface TableColumn<T> {
+    /** the key a sort reads when the column has no `compare` */
+    key: string;
+    /** the header caption; a game may still draw its own */
+    label?: string;
+    width?: number;
+    align?: 'left' | 'right' | 'center';
+    /** how to sort this column; `row[key]` compared generically when omitted */
+    compare?: (a: T, b: T) => number;
+}
+export interface DataTableOptions<T> {
+    columns: readonly TableColumn<T>[];
+    rows?: readonly T[];
+    /** rows per page; 0 or omitted means one page, no paging */
+    pageSize?: number;
+    /** rows the highlight skips, the way `ListView` skips a disabled item */
+    disabled?: (row: T) => boolean;
+}
+/**
+ * A columned table with a highlighted row, a sort order and paging - the roster or inventory grid
+ * that wants headers and a stable sort, where `ListView` is a flat one-column list.
+ *
+ * Renderer-free, like `TabbedList`: it holds the columns, the rows, the sort, the highlight and
+ * the current page, and a game draws the cells. The page is *derived* from the highlighted row
+ * rather than tracked beside it, so the two can never disagree; `setPage` is the only thing that
+ * moves the highlight on its own, and it lands on the first selectable row of that page.
+ *
+ * @example
+ * ```ts
+ * import { DataTable } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const roster = new DataTable({
+ *   columns: [{ key: 'name' }, { key: 'level' }],
+ *   rows: [{ name: 'Ash', level: 3 }, { name: 'Bo', level: 1 }],
+ * });
+ * roster.sortBy('level');
+ * console.log(roster.rows[0].name); // 'Bo'
+ * ```
+ */
+export declare class DataTable<T> {
+    readonly onChange: Signal<void>;
+    private columns_;
+    private rows_;
+    private pageSize_;
+    private current;
+    private sortKey_;
+    private ascending;
+    private readonly disabledOf;
+    constructor(options: DataTableOptions<T>);
+    get columns(): readonly TableColumn<T>[];
+    get rows(): readonly T[];
+    get pageSize(): number;
+    get sortKey(): string | null;
+    get sortAscending(): boolean;
+    get selectedIndex(): number;
+    get selected(): T | null;
+    /** the page the highlighted row is on, 0 when there is no paging */
+    get page(): number;
+    /** how many pages there are; at least one, so an empty table still has a page 0 */
+    get pageCount(): number;
+    get pageRows(): readonly T[];
+    setRows(rows: readonly T[]): void;
+    setColumns(columns: readonly TableColumn<T>[]): void;
+    setPageSize(size: number): void;
+    /**
+     * Sorts by a column, ascending the first time and toggling on a repeat of the same key.
+     * The highlight returns to the first selectable row, since the row it pointed at moved.
+     */
+    sortBy(key: string): void;
+    select(index: number): void;
+    /** moves the highlight a row at a time, skipping disabled rows and stopping at the ends */
+    move(delta: number): void;
+    /** moves to a page and highlights its first selectable row */
+    setPage(page: number): void;
+    nextPage(delta?: number): void;
+    private firstEnabled;
+}
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/two-d/ui/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/DataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,SAAS,CAAC,CAAC;IACvB,QAAQ,CAAC,QAAQ,eAAsB;IAEvC,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,YAAY,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAMvC;IAED,IAAI,OAAO,IAAI,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAEvC;IAED,IAAI,IAAI,IAAI,SAAS,CAAC,EAAE,CAEvB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,QAAQ,IAAI,CAAC,GAAG,IAAI,CAEvB;IAED,oEAAoE;IACpE,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,mFAAmF;IACnF,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,QAAQ,IAAI,SAAS,CAAC,EAAE,CAI3B;IAED,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,CAIhC;IAED,UAAU,CAAC,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAInD;IAED,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAG9B;IAED;;;OAGG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAYxB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAI1B;IAED,2FAA2F;IAC3F,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAaxB;IAED,8DAA8D;IAC9D,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAY1B;IAED,QAAQ,CAAC,KAAK,SAAI,GAAG,IAAI,CAExB;IAED,OAAO,CAAC,YAAY;CAIpB"}

package/dist/two-d/ui/DataTable.js

@@ -0,0 +1,164 @@
+import { Signal } from '../../core/Signal.js';
+/**
+ * A columned table with a highlighted row, a sort order and paging - the roster or inventory grid
+ * that wants headers and a stable sort, where `ListView` is a flat one-column list.
+ *
+ * Renderer-free, like `TabbedList`: it holds the columns, the rows, the sort, the highlight and
+ * the current page, and a game draws the cells. The page is *derived* from the highlighted row
+ * rather than tracked beside it, so the two can never disagree; `setPage` is the only thing that
+ * moves the highlight on its own, and it lands on the first selectable row of that page.
+ *
+ * @example
+ * ```ts
+ * import { DataTable } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const roster = new DataTable({
+ *   columns: [{ key: 'name' }, { key: 'level' }],
+ *   rows: [{ name: 'Ash', level: 3 }, { name: 'Bo', level: 1 }],
+ * });
+ * roster.sortBy('level');
+ * console.log(roster.rows[0].name); // 'Bo'
+ * ```
+ */
+export class DataTable {
+    constructor(options) {
+        this.onChange = new Signal();
+        this.current = 0;
+        this.sortKey_ = null;
+        this.ascending = true;
+        this.columns_ = [...options.columns];
+        this.rows_ = [...(options.rows ?? [])];
+        this.pageSize_ = options.pageSize ?? 0;
+        this.disabledOf = options.disabled ?? (() => false);
+        this.current = this.firstEnabled();
+    }
+    get columns() {
+        return this.columns_;
+    }
+    get rows() {
+        return this.rows_;
+    }
+    get pageSize() {
+        return this.pageSize_;
+    }
+    get sortKey() {
+        return this.sortKey_;
+    }
+    get sortAscending() {
+        return this.ascending;
+    }
+    get selectedIndex() {
+        return this.current;
+    }
+    get selected() {
+        return this.rows_[this.current] ?? null;
+    }
+    /** the page the highlighted row is on, 0 when there is no paging */
+    get page() {
+        return this.pageSize_ > 0 ? Math.floor(this.current / this.pageSize_) : 0;
+    }
+    /** how many pages there are; at least one, so an empty table still has a page 0 */
+    get pageCount() {
+        return this.pageSize_ > 0 ? Math.max(1, Math.ceil(this.rows_.length / this.pageSize_)) : 1;
+    }
+    get pageRows() {
+        if (this.pageSize_ <= 0)
+            return this.rows_;
+        const start = this.page * this.pageSize_;
+        return this.rows_.slice(start, start + this.pageSize_);
+    }
+    setRows(rows) {
+        this.rows_ = [...rows];
+        this.current = this.firstEnabled();
+        this.onChange.dispatch();
+    }
+    setColumns(columns) {
+        this.columns_ = [...columns];
+        if (this.sortKey_ && !this.columns_.some((column) => column.key === this.sortKey_))
+            this.sortKey_ = null;
+        this.onChange.dispatch();
+    }
+    setPageSize(size) {
+        this.pageSize_ = Math.max(0, size);
+        this.onChange.dispatch();
+    }
+    /**
+     * Sorts by a column, ascending the first time and toggling on a repeat of the same key.
+     * The highlight returns to the first selectable row, since the row it pointed at moved.
+     */
+    sortBy(key) {
+        const column = this.columns_.find((candidate) => candidate.key === key);
+        if (!column)
+            return;
+        if (this.sortKey_ === key)
+            this.ascending = !this.ascending;
+        else {
+            this.sortKey_ = key;
+            this.ascending = true;
+        }
+        const compare = column.compare ?? ((a, b) => genericCompare(valueAt(a, key), valueAt(b, key)));
+        this.rows_.sort((a, b) => (this.ascending ? 1 : -1) * compare(a, b));
+        this.current = this.firstEnabled();
+        this.onChange.dispatch();
+    }
+    select(index) {
+        if (index < 0 || index >= this.rows_.length || this.disabledOf(this.rows_[index]))
+            return;
+        this.current = index;
+        this.onChange.dispatch();
+    }
+    /** moves the highlight a row at a time, skipping disabled rows and stopping at the ends */
+    move(delta) {
+        const count = this.rows_.length;
+        if (count === 0)
+            return;
+        let index = this.current;
+        for (let tried = 0; tried < count; tried++) {
+            index += delta;
+            if (index < 0 || index >= count)
+                return;
+            if (!this.disabledOf(this.rows_[index])) {
+                this.current = index;
+                this.onChange.dispatch();
+                return;
+            }
+        }
+    }
+    /** moves to a page and highlights its first selectable row */
+    setPage(page) {
+        if (this.pageSize_ <= 0)
+            return;
+        const target = Math.max(0, Math.min(this.pageCount - 1, page));
+        const start = target * this.pageSize_;
+        const end = Math.min(start + this.pageSize_, this.rows_.length);
+        for (let index = start; index < end; index++) {
+            if (!this.disabledOf(this.rows_[index])) {
+                this.current = index;
+                this.onChange.dispatch();
+                return;
+            }
+        }
+    }
+    nextPage(delta = 1) {
+        this.setPage(this.page + delta);
+    }
+    firstEnabled() {
+        const index = this.rows_.findIndex((row) => !this.disabledOf(row));
+        return index === -1 ? 0 : index;
+    }
+}
+function valueAt(row, key) {
+    return row && typeof row === 'object' ? row[key] : undefined;
+}
+function genericCompare(a, b) {
+    if (a === b)
+        return 0;
+    if (a === undefined)
+        return -1;
+    if (b === undefined)
+        return 1;
+    if (typeof a === 'number' && typeof b === 'number')
+        return a - b;
+    return String(a).localeCompare(String(b));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/two-d/ui/DataTable.js.map

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