@datamoc/mw_games 0.44.2 → 0.46.0

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

@@ -1,170 +0,0 @@
-import { Container, Graphics } from 'pixi.js';
-import { clamp } from '../../core/Math.js';
-import { Signal } from '../../core/Signal.js';
-import { theme, themeChanged } from './theme.js';
-/**
- * Where `value` sits in `[min, max]`, 0 to 1, clamped. A degenerate range reads 0 rather than
- * dividing by zero.
- *
- * @example
- * ```ts
- * import { sliderFraction } from '@datamoc/mw_games/two-d/ui';
- *
- * console.log(sliderFraction(30, 0, 60)); // 0.5
- * ```
- */
-export function sliderFraction(value, min = 0, max = 1) {
-    if (!(max > min))
-        return 0;
-    return clamp((value - min) / (max - min), 0, 1);
-}
-/**
- * The value at a 0-to-1 position on the track, snapped to `step` and clamped to `[min, max]`.
- * The snap is rounded to the step's own number of decimals, so a 0.1 step reads `0.3` rather
- * than `0.30000000000000004`.
- *
- * @example
- * ```ts
- * import { sliderValueAt } from '@datamoc/mw_games/two-d/ui';
- *
- * console.log(sliderValueAt(0.5, 0, 10, 1)); // 5
- * ```
- */
-export function sliderValueAt(fraction, min = 0, max = 1, step = 0) {
-    const raw = min + clamp(fraction, 0, 1) * (max - min);
-    if (!(step > 0))
-        return raw;
-    const decimals = (String(step).split('.')[1] ?? '').length;
-    const snapped = min + Math.round((raw - min) / step) * step;
-    return Number(Math.max(min, Math.min(max, snapped)).toFixed(decimals));
-}
-/**
- * A draggable knob on a track, for a volume, difficulty or zoom setting.
- *
- * The track is drawn from the theme and a partial fill shows where the knob is; the value is
- * always a number in `[min, max]`, and `sliderValueAt` is the arithmetic that turns a click or
- * drag into one, exported so a game routing input itself gets the same snapping.
- *
- * @example
- * ```ts
- * import { Slider } from '@datamoc/mw_games/two-d/ui';
- *
- * const volume = new Slider({ width: 200, min: 0, max: 100, step: 5, value: 40 });
- * volume.onChange.add((value) => console.log('volume', value));
- * volume.setValue(75);
- * ```
- */
-export class Slider extends Container {
-    constructor(options) {
-        super();
-        this.onChange = new Signal();
-        this.track = new Graphics();
-        this.fill = new Graphics();
-        this.knob = new Graphics();
-        this.dragging = false;
-        this.themeListener = () => this.draw();
-        this.handleDown = (event) => {
-            if (this.disabled_)
-                return;
-            this.dragging = true;
-            this.setFraction(this.fractionAt(this.toLocal(event.global).x));
-        };
-        this.handleMove = (event) => {
-            if (!this.dragging || this.disabled_)
-                return;
-            this.setFraction(this.fractionAt(this.toLocal(event.global).x));
-        };
-        this.handleUp = () => {
-            this.dragging = false;
-        };
-        this.width_ = options.width;
-        this.height_ = options.height ?? 6;
-        this.knobSize = options.knobSize ?? Math.max(12, this.height_ * 2);
-        this.min = options.min ?? 0;
-        this.max = options.max ?? 1;
-        this.step = options.step ?? 0;
-        this.value_ = this.snap(options.value ?? this.min);
-        this.disabled_ = options.disabled ?? false;
-        this.addChild(this.track);
-        this.addChild(this.fill);
-        this.addChild(this.knob);
-        this.draw();
-        this.eventMode = 'static';
-        this.cursor = 'pointer';
-        this.on('pointerdown', this.handleDown);
-        this.on('pointermove', this.handleMove);
-        this.on('pointerup', this.handleUp);
-        this.on('pointerupoutside', this.handleUp);
-        themeChanged.add(this.themeListener);
-    }
-    /** the current value, in `[min, max]` */
-    get value() {
-        return this.value_;
-    }
-    /** where the knob sits, 0 to 1 */
-    get fraction() {
-        return sliderFraction(this.value_, this.min, this.max);
-    }
-    get disabled() {
-        return this.disabled_;
-    }
-    setDisabled(disabled) {
-        this.disabled_ = disabled;
-        this.cursor = disabled ? 'default' : 'pointer';
-        this.draw();
-    }
-    setValue(value) {
-        const snapped = this.snap(value);
-        if (snapped === this.value_) {
-            this.draw();
-            return;
-        }
-        this.value_ = snapped;
-        this.draw();
-        this.onChange.dispatch(snapped);
-    }
-    /** moves the knob to a 0-to-1 position, the arithmetic a track click uses */
-    setFraction(fraction) {
-        this.setValue(sliderValueAt(fraction, this.min, this.max, this.step));
-    }
-    resize(width, height) {
-        this.width_ = width;
-        this.height_ = height;
-        this.draw();
-    }
-    get trackLength() {
-        return Math.max(0, this.width_ - this.knobSize);
-    }
-    snap(value) {
-        return sliderValueAt(sliderFraction(value, this.min, this.max), this.min, this.max, this.step);
-    }
-    fractionAt(localX) {
-        return this.trackLength > 0 ? clamp((localX - this.knobSize / 2) / this.trackLength, 0, 1) : 0;
-    }
-    draw() {
-        const t = theme();
-        const color = this.disabled_ ? t.color.textDim : t.color.textHighlight;
-        const trackColor = t.color.panelFill;
-        const top = (this.knobSize - this.height_) / 2;
-        this.track
-            .clear()
-            .roundRect(0, top, this.width_, this.height_, this.height_ / 2)
-            .fill({ color: trackColor });
-        const knobX = this.knobSize / 2 + this.fraction * this.trackLength;
-        this.fill.clear();
-        if (knobX > this.knobSize / 2) {
-            this.fill
-                .roundRect(this.knobSize / 2, top, knobX - this.knobSize / 2, this.height_, this.height_ / 2)
-                .fill({ color });
-        }
-        this.knob
-            .clear()
-            .circle(knobX, this.knobSize / 2, this.knobSize / 2)
-            .fill({ color });
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-//# sourceMappingURL=Slider.js.map

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

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

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

@@ -1,67 +0,0 @@
-import { Container } from 'pixi.js';
-import { Signal } from '../../core/Signal.ts';
-/**
- * Steps a number by `delta`, snapped to `step` and kept in `[min, max]`. With `wrap`, passing
- * the top starts again at the bottom and dropping below the bottom lands on the top; without it,
- * the value clamps - a level cap or a bag size, where wrapping would be a surprise.
- *
- * @example
- * ```ts
- * import { spinValue } from '@datamoc/mw_games/two-d/ui';
- *
- * console.log(spinValue(10, 1, 0, 10, 1)); // 10, clamped
- * console.log(spinValue(10, 1, 0, 10, 1, true)); // 0, wrapped
- * ```
- */
-export declare function spinValue(value: number, delta: number, min: number, max: number, step?: number, wrap?: boolean): number;
-export interface SpinnerOptions {
-    width?: number;
-    height?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: number;
-    /** wrap past the ends instead of clamping */
-    wrap?: boolean;
-    disabled?: boolean;
-}
-/**
- * A small up/down stepper: tap the top half to add one step, the bottom half to take one away.
- * It draws only the arrows; the current value is a `Label` the game puts beside it, the same
- * split `Checkbox` and `Slider` keep from their captions.
- *
- * @example
- * ```ts
- * import { Spinner } from '@datamoc/mw_games/two-d/ui';
- *
- * const level = new Spinner({ min: 1, max: 99, value: 1 });
- * level.increment();
- * console.log(level.value); // 2
- * ```
- */
-export declare class Spinner extends Container {
-    readonly onChange: Signal<number>;
-    private face;
-    private width_;
-    private height_;
-    private min;
-    private max;
-    private step;
-    private value_;
-    private wrap;
-    private disabled_;
-    private readonly themeListener;
-    constructor(options?: SpinnerOptions);
-    get value(): number;
-    get disabled(): boolean;
-    setDisabled(disabled: boolean): void;
-    setValue(value: number): void;
-    increment(): void;
-    decrement(): void;
-    resize(width: number, height: number): void;
-    private commit;
-    private readonly handleTap;
-    private draw;
-    destroy(options?: Parameters<Container['destroy']>[0]): void;
-}
-//# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,SAAI,EAAE,IAAI,UAAQ,GAAG,MAAM,CAUhH;AAED,MAAM,WAAW,cAAc;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,OAAQ,SAAQ,SAAS;IACrC,QAAQ,CAAC,QAAQ,iBAAwB;IAEzC,OAAO,CAAC,IAAI,CAAkB;IAE9B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IAEnD,YAAY,OAAO,GAAE,cAAmB,EAoBvC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAInC;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,SAAS,IAAI,IAAI,CAEhB;IAED,SAAS,IAAI,IAAI,CAEhB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAI1C;IAED,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,QAAQ,CAAC,SAAS,CAKxB;IAEF,OAAO,CAAC,IAAI;IA0BH,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

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

@@ -1,137 +0,0 @@
-import { Container, Graphics } from 'pixi.js';
-import { Signal } from '../../core/Signal.js';
-import { theme, themeChanged } from './theme.js';
-/**
- * Steps a number by `delta`, snapped to `step` and kept in `[min, max]`. With `wrap`, passing
- * the top starts again at the bottom and dropping below the bottom lands on the top; without it,
- * the value clamps - a level cap or a bag size, where wrapping would be a surprise.
- *
- * @example
- * ```ts
- * import { spinValue } from '@datamoc/mw_games/two-d/ui';
- *
- * console.log(spinValue(10, 1, 0, 10, 1)); // 10, clamped
- * console.log(spinValue(10, 1, 0, 10, 1, true)); // 0, wrapped
- * ```
- */
-export function spinValue(value, delta, min, max, step = 1, wrap = false) {
-    if (!(max > min))
-        return min;
-    const grid = step > 0 ? step : 1;
-    const decimals = (String(grid).split('.')[1] ?? '').length;
-    const steps = Math.round((value - min) / grid) + Math.round(delta);
-    const count = Math.round((max - min) / grid) + 1;
-    let index = steps;
-    if (wrap)
-        index = ((index % count) + count) % count;
-    else
-        index = Math.max(0, Math.min(count - 1, index));
-    return Number((min + index * grid).toFixed(decimals));
-}
-/**
- * A small up/down stepper: tap the top half to add one step, the bottom half to take one away.
- * It draws only the arrows; the current value is a `Label` the game puts beside it, the same
- * split `Checkbox` and `Slider` keep from their captions.
- *
- * @example
- * ```ts
- * import { Spinner } from '@datamoc/mw_games/two-d/ui';
- *
- * const level = new Spinner({ min: 1, max: 99, value: 1 });
- * level.increment();
- * console.log(level.value); // 2
- * ```
- */
-export class Spinner extends Container {
-    constructor(options = {}) {
-        super();
-        this.onChange = new Signal();
-        this.face = new Graphics();
-        this.themeListener = () => this.draw();
-        this.handleTap = (event) => {
-            if (this.disabled_)
-                return;
-            const local = this.toLocal(event.global);
-            if (local.y < this.height_ / 2)
-                this.increment();
-            else
-                this.decrement();
-        };
-        this.width_ = options.width ?? 24;
-        this.height_ = options.height ?? 32;
-        this.min = options.min ?? 0;
-        this.max = options.max ?? 9;
-        this.step = options.step ?? 1;
-        this.wrap = options.wrap ?? false;
-        this.disabled_ = options.disabled ?? false;
-        this.value_ = spinValue(options.value ?? this.min, 0, this.min, this.max, this.step, false);
-        this.addChild(this.face);
-        this.draw();
-        this.eventMode = 'static';
-        this.cursor = 'pointer';
-        this.on('pointertap', this.handleTap);
-        themeChanged.add(this.themeListener);
-    }
-    get value() {
-        return this.value_;
-    }
-    get disabled() {
-        return this.disabled_;
-    }
-    setDisabled(disabled) {
-        this.disabled_ = disabled;
-        this.cursor = disabled ? 'default' : 'pointer';
-        this.draw();
-    }
-    setValue(value) {
-        this.commit(spinValue(value, 0, this.min, this.max, this.step, this.wrap));
-    }
-    increment() {
-        this.commit(spinValue(this.value_, 1, this.min, this.max, this.step, this.wrap));
-    }
-    decrement() {
-        this.commit(spinValue(this.value_, -1, this.min, this.max, this.step, this.wrap));
-    }
-    resize(width, height) {
-        this.width_ = width;
-        this.height_ = height;
-        this.draw();
-    }
-    commit(next) {
-        if (next === this.value_) {
-            this.draw();
-            return;
-        }
-        this.value_ = next;
-        this.draw();
-        this.onChange.dispatch(next);
-    }
-    draw() {
-        const t = theme();
-        const color = this.disabled_ ? t.color.textDim : t.color.textHighlight;
-        this.face
-            .clear()
-            .roundRect(0, 0, this.width_, this.height_, 4)
-            .fill({ color: t.color.panelFill })
-            .stroke({ color: t.color.panelBorder, width: 1 });
-        const cx = this.width_ / 2;
-        const arrow = Math.min(this.width_ / 4, this.height_ / 5);
-        this.face
-            .moveTo(cx - arrow, arrow * 1.6)
-            .lineTo(cx, arrow * 0.6)
-            .lineTo(cx + arrow, arrow * 1.6)
-            .closePath()
-            .fill({ color });
-        this.face
-            .moveTo(cx - arrow, this.height_ - arrow * 1.6)
-            .lineTo(cx, this.height_ - arrow * 0.6)
-            .lineTo(cx + arrow, this.height_ - arrow * 1.6)
-            .closePath()
-            .fill({ color });
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-//# sourceMappingURL=Spinner.js.map

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

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

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

@@ -1,40 +0,0 @@
-import { Container } from 'pixi.js';
-export interface StatRow {
-    label: string;
-    value: string;
-}
-export interface StatsScreenOptions {
-    width: number;
-    stats: readonly StatRow[];
-}
-/**
- * A read-only "your stats" display: one `label: value` line per `StatRow`, over the same
- * `Label` every other screen already builds from - a recipe, not a new primitive, the way
- * `HelpScreen` composes `ListView`/`Label` rather than inventing its own row widget. No
- * navigation or selection here: a stats readout has nothing to pick, unlike `HelpScreen`'s
- * topic list, so this is just a `Label` wrapping a game's own aggregate (`core.PlayerStats`,
- * typically) formatted into rows.
- *
- * @example
- * ```ts
- * import { StatsScreen } from '@datamoc/mw_games/two-d/ui';
- *
- * const screen = new StatsScreen({
- * 	width: 200,
- * 	stats: [
- * 		{ label: 'Runs completed', value: '12' },
- * 		{ label: 'Best depth', value: '7' },
- * 	],
- * });
- *
- * screen.setStats([{ label: 'Runs completed', value: '13' }]); // a new run just ended
- * ```
- */
-export declare class StatsScreen extends Container {
-    private text;
-    constructor(options: StatsScreenOptions);
-    /** replaces every row, for a screen kept alive while its stats keep changing */
-    setStats(stats: readonly StatRow[], width?: number): void;
-    private static format;
-}
-//# sourceMappingURL=StatsScreen.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatsScreen.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/StatsScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,WAAY,SAAQ,SAAS;IACzC,OAAO,CAAC,IAAI,CAAQ;IAEpB,YAAY,OAAO,EAAE,kBAAkB,EAItC;IAED,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAGxD;IAED,OAAO,CAAC,MAAM,CAAC,MAAM;CAGrB"}

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

@@ -1,42 +0,0 @@
-import { Container } from 'pixi.js';
-import { Label } from './Label.js';
-/**
- * A read-only "your stats" display: one `label: value` line per `StatRow`, over the same
- * `Label` every other screen already builds from - a recipe, not a new primitive, the way
- * `HelpScreen` composes `ListView`/`Label` rather than inventing its own row widget. No
- * navigation or selection here: a stats readout has nothing to pick, unlike `HelpScreen`'s
- * topic list, so this is just a `Label` wrapping a game's own aggregate (`core.PlayerStats`,
- * typically) formatted into rows.
- *
- * @example
- * ```ts
- * import { StatsScreen } from '@datamoc/mw_games/two-d/ui';
- *
- * const screen = new StatsScreen({
- * 	width: 200,
- * 	stats: [
- * 		{ label: 'Runs completed', value: '12' },
- * 		{ label: 'Best depth', value: '7' },
- * 	],
- * });
- *
- * screen.setStats([{ label: 'Runs completed', value: '13' }]); // a new run just ended
- * ```
- */
-export class StatsScreen extends Container {
-    constructor(options) {
-        super();
-        this.text = new Label({ text: StatsScreen.format(options.stats), wrapWidth: options.width });
-        this.addChild(this.text);
-    }
-    /** replaces every row, for a screen kept alive while its stats keep changing */
-    setStats(stats, width) {
-        this.text.setText(StatsScreen.format(stats));
-        if (width !== undefined)
-            this.text.style.wordWrapWidth = width;
-    }
-    static format(stats) {
-        return stats.map((row) => `${row.label}: ${row.value}`).join('\n');
-    }
-}
-//# sourceMappingURL=StatsScreen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatsScreen.js","sourceRoot":"","sources":["../../../src/two-d/ui/StatsScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAYnC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,WAAY,SAAQ,SAAS;IAGzC,YAAY,OAA2B;QACtC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC7F,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,gFAAgF;IAChF,QAAQ,CAAC,KAAyB,EAAE,KAAc;QACjD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7C,IAAI,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;IAChE,CAAC;IAEO,MAAM,CAAC,MAAM,CAAC,KAAyB;QAC9C,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpE,CAAC;CACD"}

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

@@ -1,118 +0,0 @@
-import { Signal } from '../../core/Signal.ts';
-/** One tab: an id the caller's `rowsFor` understands, and the label a tab strip draws. */
-export interface ListTab {
-    id: string;
-    label: string;
-    /** a tab a player can see but not open */
-    disabled?: boolean;
-}
-export interface TabbedListOptions<T> {
-    /** the tabs, in display order; the first is selected at construction */
-    tabs: readonly ListTab[];
-    /** the rows of one tab before the query filter; the caller owns what a row is */
-    rowsFor: (tabId: string) => readonly T[];
-    /** how many rows make a page; 0 or omitted means every row is one page */
-    pageSize?: number;
-    /** the row's display text; defaults to `String(row)` */
-    label?: (row: T) => string;
-    /**
-     * Whether a row survives the current query. Defaults to the row's label containing the
-     * query, case-insensitively; an empty query keeps every row.
-     */
-    filter?: (row: T, query: string) => boolean;
-    /** a row a player can see but not choose; `move` skips it */
-    disabled?: (row: T) => boolean;
-}
-/**
- * The model behind a tabbed, searchable, paged list - an inventory, journal, shop or codex -
- * kept apart from how it is drawn, the same split `SelectionModel` already draws for plain
- * lists. The caller supplies the tabs and the rows per tab (any type it likes, so no item
- * taxonomy is assumed), plus optionally how a row labels, filters and disables itself; this
- * owns the tab choice, the query, the selection, the page and the detail/close state.
- *
- * The page is derived from the selection rather than tracked beside it: a selection index
- * into the filtered rows decides which page is visible, so the two can never disagree and
- * `nextPage` is just a selection move of one page. `move` skips disabled rows.
- *
- * Rendering is the caller's: read `pageRows` and `selectedIndex` each frame, or listen to
- * `onChange`.
- *
- * @example
- * ```ts
- * import { TabbedList } from '@datamoc/mw_games/two-d/ui';
- *
- * const items = [
- *   { name: 'Sword', kind: 'weapon' },
- *   { name: 'Bread', kind: 'food' },
- *   { name: 'Shield', kind: 'armor' },
- * ];
- *
- * const list = new TabbedList<(typeof items)[number]>({
- *   tabs: [{ id: 'all', label: 'All' }, { id: 'weapon', label: 'Weapons' }],
- *   rowsFor: (tab) => (tab === 'all' ? items : items.filter((item) => item.kind === tab)),
- *   label: (item) => item.name,
- *   pageSize: 2,
- * });
- *
- * console.log(list.selected?.name); // 'Sword'
- * list.setQuery('sh'); // filter down to Shield; selection and page reset
- * console.log(list.rows.length, list.page); // 1 0
- * list.openDetail(); // true, with the current row
- * ```
- */
-export declare class TabbedList<T> {
-    /** fires whenever the tab, query, selection, page or detail state changes */
-    readonly onChange: Signal<void>;
-    private readonly tabList;
-    private readonly rowsFor;
-    private readonly pageSize;
-    private readonly labelOf;
-    private readonly filterOf;
-    private readonly disabledOf;
-    private currentTabIndex;
-    private currentQuery;
-    private rows_;
-    private currentSelectedIndex;
-    private detail;
-    constructor(options: TabbedListOptions<T>);
-    /** every tab, in display order, for a tab strip to draw */
-    get tabs(): readonly ListTab[];
-    /** the currently open tab */
-    get tab(): ListTab;
-    get query(): string;
-    /** the filtered rows of the current tab, across every page */
-    get rows(): readonly T[];
-    /** how many pages `rows` fills; always at least 1, so an empty list is one empty page */
-    get pageCount(): number;
-    /** the page the selection is on, derived from it rather than tracked next to it */
-    get page(): number;
-    /** the rows the current page shows */
-    get pageRows(): readonly T[];
-    /** the selection's index into `rows` (not into `pageRows`) */
-    get selectedIndex(): number;
-    get selected(): T | null;
-    /** whether the detail view has been opened for the current selection */
-    get detailOpen(): boolean;
-    /** opens `id`'s tab; a disabled tab or an unknown id is ignored */
-    selectTab(id: string): void;
-    /** moves to the next enabled tab, `delta` steps on (wrapping); skips disabled tabs */
-    nextTab(delta?: number): void;
-    /** replaces the query; the selection and page reset to the first row that survives it */
-    setQuery(query: string): void;
-    /** moves the selection `delta` rows, skipping disabled ones and clamping at both ends */
-    move(delta: number): void;
-    /** jumps to a page by number, clamped; the selection moves to its first selectable row */
-    setPage(page: number): void;
-    /** moves `delta` pages; the selection lands on the target page's first selectable row */
-    nextPage(delta: number): void;
-    /** opens the detail view for the current selection; false when there is nothing to open */
-    openDetail(): boolean;
-    closeDetail(): void;
-    /** the first row on `page` that is not disabled, or its first row when all are */
-    private firstSelectableOnPage;
-    private firstSelectable;
-    /** rebuilds the visible rows and parks the selection on the first selectable one */
-    private recompute;
-    private emit;
-}
-//# sourceMappingURL=TabbedList.d.ts.map

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

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