@datamoc/mw_games 0.43.0 → 0.45.0

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

@@ -1,89 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/two-d/ui/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAWjD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,QAAS,SAAQ,SAAS;IAWtC,YAAY,OAAO,GAAoB,EAAE;QACxC,KAAK,EAAE,CAAC;QAXA,aAAQ,GAAG,IAAI,MAAM,EAAW,CAAC;QAElC,QAAG,GAAG,IAAI,QAAQ,EAAE,CAAC;QAMZ,kBAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAqDlC,cAAS,GAAG,GAAS,EAAE;YACvC,IAAI,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC3B,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC,CAAC;QAnDD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;QAE3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAEtC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAED,WAAW,CAAC,QAAiB;QAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,IAAI,CAAC,IAAI,EAAE,CAAC;IACb,CAAC;IAED,yEAAyE;IACzE,UAAU,CAAC,OAAgB;QAC1B,IAAI,OAAO,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO;QACR,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM;QACL,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,IAAY;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,EAAE,CAAC;IACb,CAAC;IAOO,IAAI;QACX,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC;QAEvE,IAAI,CAAC,GAAG;aACN,KAAK,EAAE;aACP,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aAC1C,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;aAClC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAEtF,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,GAAG;iBACN,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;iBAChC,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;iBAC7C,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,EAAE,KAAK,CAAC;iBACjC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QACzF,CAAC;IACF,CAAC;IAEQ,OAAO,CAAC,OAA6C;QAC7D,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC;CACD"}

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

@@ -1,79 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,164 +0,0 @@
-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

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

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

@@ -1,75 +0,0 @@
-import { Signal } from '../../core/Signal.ts';
-export interface DropdownOption {
-    /** the value the game reads back; the label when omitted */
-    id?: string;
-    label: string;
-    disabled?: boolean;
-}
-export interface DropdownOptions {
-    options: readonly DropdownOption[];
-    /** the entry selected from the start; the first enabled one when omitted */
-    selectedIndex?: number;
-    disabled?: boolean;
-}
-/**
- * A closed button that opens a list of options - the "option button" a settings row or a
- * scenario picker drops down.
- *
- * This is the model only; `DropdownView` is the ready-made widget over it. A game with its own
- * look drives the model directly with `open`/`move`/`confirm` and `onChange`.
- *
- * Renderer-free, like `TabbedList`: the state is the whole widget's mind, and a game draws the
- * button's label and the open list wherever its own layout wants them. The rule worth naming is
- * that opening restores the highlight to the current selection, so the first arrow key does not
- * jump from wherever the highlight was last, and a disabled option is skipped by the highlight
- * exactly as `ListView` skips one.
- *
- * @example
- * ```ts
- * import { Dropdown } from '@datamoc/mw_games/two-d/ui';
- *
- * const difficulty = new Dropdown({
- *   options: [{ id: 'easy', label: 'Easy' }, { id: 'normal', label: 'Normal' }],
- * });
- * difficulty.open();
- * difficulty.move(1);
- * difficulty.confirm();
- * console.log(difficulty.selected?.id); // 'normal'
- * ```
- */
-export declare class Dropdown {
-    readonly onChange: Signal<{
-        option: DropdownOption;
-        index: number;
-    }>;
-    private options_;
-    private current;
-    private highlight_;
-    private open_;
-    private disabled_;
-    constructor(options: DropdownOptions);
-    get options(): readonly DropdownOption[];
-    get selectedIndex(): number;
-    /** the selected entry; the first enabled one when nothing was selected, `null` when empty */
-    get selected(): DropdownOption | null;
-    get isOpen(): boolean;
-    get disabled(): boolean;
-    /** the row an open list has highlighted, which is what a confirm would take */
-    get highlight(): number;
-    setDisabled(disabled: boolean): void;
-    setOptions(options: readonly DropdownOption[]): void;
-    /** opens the list, restoring the highlight to the current selection */
-    open(): void;
-    close(): void;
-    toggleOpen(): void;
-    /** moves the highlight by `delta` rows, skipping disabled entries and wrapping at both ends */
-    move(delta: number): void;
-    /** opens the list and highlights `index`, if it is enabled */
-    setHighlight(index: number): void;
-    /** takes the highlighted row: closes, selects it, and fires `onChange` when it moved */
-    confirm(): boolean;
-    /** closes the list without taking anything, the escape key's own action */
-    cancel(): void;
-    private firstEnabled;
-}
-//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC9B,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,QAAQ;IACpB,QAAQ,CAAC,QAAQ;gBAAwB,cAAc;eAAS,MAAM;OAAM;IAE5E,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAAU;IAE3B,YAAY,OAAO,EAAE,eAAe,EAMnC;IAED,IAAI,OAAO,IAAI,SAAS,cAAc,EAAE,CAEvC;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,6FAA6F;IAC7F,IAAI,QAAQ,IAAI,cAAc,GAAG,IAAI,CAEpC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,+EAA+E;IAC/E,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAGnC;IAED,UAAU,CAAC,OAAO,EAAE,SAAS,cAAc,EAAE,GAAG,IAAI,CAKnD;IAED,uEAAuE;IACvE,IAAI,IAAI,IAAI,CAIX;IAED,KAAK,IAAI,IAAI,CAEZ;IAED,UAAU,IAAI,IAAI,CAGjB;IAED,+FAA+F;IAC/F,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAWxB;IAED,8DAA8D;IAC9D,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAGhC;IAED,wFAAwF;IACxF,OAAO,IAAI,OAAO,CAUjB;IAED,2EAA2E;IAC3E,MAAM,IAAI,IAAI,CAGb;IAED,OAAO,CAAC,YAAY;CAIpB"}

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

@@ -1,129 +0,0 @@
-import { Signal } from '../../core/Signal.js';
-/**
- * A closed button that opens a list of options - the "option button" a settings row or a
- * scenario picker drops down.
- *
- * This is the model only; `DropdownView` is the ready-made widget over it. A game with its own
- * look drives the model directly with `open`/`move`/`confirm` and `onChange`.
- *
- * Renderer-free, like `TabbedList`: the state is the whole widget's mind, and a game draws the
- * button's label and the open list wherever its own layout wants them. The rule worth naming is
- * that opening restores the highlight to the current selection, so the first arrow key does not
- * jump from wherever the highlight was last, and a disabled option is skipped by the highlight
- * exactly as `ListView` skips one.
- *
- * @example
- * ```ts
- * import { Dropdown } from '@datamoc/mw_games/two-d/ui';
- *
- * const difficulty = new Dropdown({
- *   options: [{ id: 'easy', label: 'Easy' }, { id: 'normal', label: 'Normal' }],
- * });
- * difficulty.open();
- * difficulty.move(1);
- * difficulty.confirm();
- * console.log(difficulty.selected?.id); // 'normal'
- * ```
- */
-export class Dropdown {
-    constructor(options) {
-        this.onChange = new Signal();
-        this.open_ = false;
-        this.options_ = [...options.options];
-        this.disabled_ = options.disabled ?? false;
-        const requested = options.selectedIndex ?? this.firstEnabled();
-        this.current = this.options_[requested]?.disabled ? this.firstEnabled() : requested;
-        this.highlight_ = this.current;
-    }
-    get options() {
-        return this.options_;
-    }
-    get selectedIndex() {
-        return this.current;
-    }
-    /** the selected entry; the first enabled one when nothing was selected, `null` when empty */
-    get selected() {
-        return this.options_[this.current] ?? null;
-    }
-    get isOpen() {
-        return this.open_;
-    }
-    get disabled() {
-        return this.disabled_;
-    }
-    /** the row an open list has highlighted, which is what a confirm would take */
-    get highlight() {
-        return this.highlight_;
-    }
-    setDisabled(disabled) {
-        this.disabled_ = disabled;
-        if (disabled)
-            this.open_ = false;
-    }
-    setOptions(options) {
-        this.options_ = [...options];
-        this.current = this.firstEnabled();
-        this.highlight_ = this.current;
-        this.open_ = false;
-    }
-    /** opens the list, restoring the highlight to the current selection */
-    open() {
-        if (this.disabled_ || this.open_)
-            return;
-        this.open_ = true;
-        this.highlight_ = this.current;
-    }
-    close() {
-        this.open_ = false;
-    }
-    toggleOpen() {
-        if (this.open_)
-            this.close();
-        else
-            this.open();
-    }
-    /** moves the highlight by `delta` rows, skipping disabled entries and wrapping at both ends */
-    move(delta) {
-        if (!this.open_ || this.options_.length === 0)
-            return;
-        const count = this.options_.length;
-        let index = this.highlight_;
-        for (let tried = 0; tried < count; tried++) {
-            index = (((index + delta) % count) + count) % count;
-            if (!this.options_[index].disabled) {
-                this.highlight_ = index;
-                return;
-            }
-        }
-    }
-    /** opens the list and highlights `index`, if it is enabled */
-    setHighlight(index) {
-        if (index < 0 || index >= this.options_.length || this.options_[index].disabled)
-            return;
-        this.highlight_ = index;
-    }
-    /** takes the highlighted row: closes, selects it, and fires `onChange` when it moved */
-    confirm() {
-        if (!this.open_)
-            return false;
-        const option = this.options_[this.highlight_];
-        if (!option || option.disabled)
-            return false;
-        this.open_ = false;
-        if (this.highlight_ !== this.current) {
-            this.current = this.highlight_;
-            this.onChange.dispatch({ option, index: this.current });
-        }
-        return true;
-    }
-    /** closes the list without taking anything, the escape key's own action */
-    cancel() {
-        this.open_ = false;
-        this.highlight_ = this.current;
-    }
-    firstEnabled() {
-        const index = this.options_.findIndex((option) => !option.disabled);
-        return index === -1 ? 0 : index;
-    }
-}
-//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -1,86 +0,0 @@
-import { Container } from 'pixi.js';
-import { Dropdown, type DropdownOptions } from './Dropdown.ts';
-import { ScrollBox } from './ScrollBox.ts';
-export interface DropdownViewOptions extends DropdownOptions {
-    /** the closed button's width, and the list's; the least width when `autoWidth` is on */
-    width: number;
-    /** the height of the closed button and of each row of the open list; 28 when omitted */
-    rowHeight?: number;
-    /** rows shown at once; a longer list scrolls inside the box. 8 when omitted */
-    maxVisibleRows?: number;
-    /** widens the view to fit the longest label instead of cutting it off at `width` */
-    autoWidth?: boolean;
-}
-/**
- * The widget for a `Dropdown` model: a button showing the current choice that opens a column
- * of buttons beneath it, the highlighted row marked with `Button.setSelected`. Picking a row
- * selects it, closes the list and fires the model's `onChange`; clicking the closed button
- * again closes it.
- *
- * The list sits on an opaque backdrop, shows at most `maxVisibleRows` rows and scrolls (wheel,
- * touch drag, keys, scrollbar) beyond that, opening with the chosen row in view. `autoWidth`
- * measures the labels so none is cut off. The keyboard goes through `handleKey` (arrows, Page,
- * Home, End, Enter, Escape) and a click elsewhere through `handleOutsideClick`, which the owning
- * scene forwards from its own input, since the view does not own the stage.
- *
- * The list is drawn in this container's own space below the button, so a game places the view
- * where the closed button should sit and keeps it above its siblings when it is open.
- *
- * @example
- * ```ts
- * import { DropdownView } from '@datamoc/mw_games/two-d/ui';
- *
- * const level = new DropdownView({
- * 	width: 180,
- * 	maxVisibleRows: 6,
- * 	options: Array.from({ length: 30 }, (_, i) => ({ label: `Level ${i + 1}` })),
- * });
- * level.model.onChange.add(({ index }) => console.log('chose', index));
- * level.model.open();
- * level.refresh();
- * level.handleKey('PageDown'); // the highlight moves a page, the list scrolls to it
- * ```
- */
-export declare class DropdownView extends Container {
-    readonly model: Dropdown;
-    private width_;
-    private readonly rowHeight;
-    private readonly maxRows;
-    private readonly head;
-    private readonly list;
-    private readonly backdrop;
-    private box;
-    private listHeight;
-    private readonly themeListener;
-    constructor(options: DropdownViewOptions);
-    /** how wide `text` is as a row's caption, plus the button's own padding */
-    protected measureLabel(text: string): number;
-    private labelWidth;
-    /** the view's current width: `width`, or what the longest label needed with `autoWidth` */
-    get viewWidth(): number;
-    /** how many rows the open list shows at once (fewer than `maxVisibleRows` for a short list) */
-    get visibleRows(): number;
-    /** the open list's scrolling box, or null while closed; its `offset` is what a test reads */
-    get scroller(): ScrollBox | null;
-    /** lets a list that would run off the bottom of a `height`-tall viewport show fewer rows */
-    fitBelow(globalY: number, viewportHeight: number): number;
-    /** redraws the closed label and the open list from the model; call after changing the model directly */
-    refresh(): void;
-    /**
-     * A key for the view: closed, Enter/Space/ArrowDown open it; open, the arrows, Page and Home/End
-     * move the highlight (the list scrolls to keep it in view), Enter picks it and Escape closes
-     * without changing the choice.
-     *
-     * @returns true when the key was used, so the caller does not also act on it
-     */
-    handleKey(key: string): boolean;
-    /**
-     * A press at a screen position: closes the open list, keeping the old choice, when it landed
-     * outside the button and the list.
-     *
-     * @returns true when it closed the list
-     */
-    handleOutsideClick(globalX: number, globalY: number): boolean;
-    destroy(options?: Parameters<Container['destroy']>[0]): void;
-}
-//# sourceMappingURL=DropdownView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownView.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/DropdownView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAA8B,MAAM,SAAS,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC3D,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,YAAa,SAAQ,SAAS;IAC1C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IACzB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAS;IAC9B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmB;IACxC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,GAAG,CAA0B;IACrC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAwB;IAEtD,YAAY,OAAO,EAAE,mBAAmB,EAuBvC;IAED,2EAA2E;IAC3E,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ3C;IAED,OAAO,CAAC,UAAU;IAIlB,2FAA2F;IAC3F,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,+FAA+F;IAC/F,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,6FAA6F;IAC7F,IAAI,QAAQ,IAAI,SAAS,GAAG,IAAI,CAE/B;IAED,4FAA4F;IAC5F,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,MAAM,CAGxD;IAED,wGAAwG;IACxG,OAAO,IAAI,IAAI,CA6Cd;IAED;;;;;;OAMG;IACH,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAyC9B;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAS5D;IAEQ,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}