@datamoc/mw_games 0.7.4 → 0.7.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBox.js","sourceRoot":"","sources":["../../../src/two-d/ui/ScrollBox.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;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,WAAmB,EAAE,YAAoB;IACrF,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/E,CAAC;AAUD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IAiBvC,YAAY,OAAyB;QACpC,KAAK,EAAE,CAAC;QAjBA,aAAQ,GAAG,IAAI,MAAM,EAAU,CAAC;QAEzC,kCAAkC;QACzB,YAAO,GAAG,IAAI,SAAS,EAAE,CAAC;QAE3B,cAAS,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,UAAK,GAAG,IAAI,QAAQ,EAAE,CAAC;QACvB,UAAK,GAAG,IAAI,QAAQ,EAAE,CAAC;QAOd,kBAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAgFlC,gBAAW,GAAG,CAAC,KAAyB,EAAQ,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC;QA7ED,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QAEnC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,yDAAyD;IACzD,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED,gBAAgB,CAAC,MAAc;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/E,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,MAAc;QACnC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/E,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,QAAQ,CAAC,MAAc;QACtB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,iFAAiF;IACjF,cAAc,CAAC,GAAW,EAAE,MAAc;QACzC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aACtC,IAAI,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IACjG,CAAC;IAEO,SAAS,CAAC,MAAc;QAC/B,IAAI,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO;QACR,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAMO,IAAI;QACX,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAEvF,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;QAEpG,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5F,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC;QAC9E,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7G,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/Skins.d.ts

@@ -0,0 +1,59 @@
+import type { Texture2D } from '../render/Types2D.ts';
+export type WidgetState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'focused';
+/**
+ * The visual a widget draws itself with in one state. Every field is optional and each falls back
+ * independently as `Skins.resolve` walks its chain, so a skin can override just one channel of a
+ * widget's look - its pressed background, say - and keep the rest.
+ */
+export interface Skin {
+    background?: number;
+    border?: number;
+    borderWidth?: number;
+    text?: number;
+    padding?: number;
+    texture?: Texture2D;
+    /** how many pixels of `texture` are its fixed border */
+    borderInset?: number;
+}
+export type SkinStates = Partial<Record<WidgetState, Skin>>;
+/** A widget's entry: a bare skin, meaning its idle look, or one look per state. */
+export type SkinData = Skin | SkinStates;
+/**
+ * Per-widget and per-state skins, looked up by name - the data-driven half of what GUI2 puts in
+ * `data/gui/*.cfg`, and the thing the one global `Theme` has no room for.
+ *
+ * A lookup walks a fixed chain so a caller never gets `undefined`: the widget's own state, its
+ * idle look, the wildcard widget's state, the wildcard's idle look, then an empty skin. That is
+ * what lets a game define a shared `*` skin once and override only the two widgets it cares about,
+ * and what makes a state a widget never defined fall back rather than disappear.
+ *
+ * @example
+ * ```ts
+ * import { Skins } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const skins = new Skins();
+ * skins.define('*', 'idle', { background: 0x101018, text: 0xe8e8f0 });
+ * skins.define('button', 'pressed', { background: 0xffe680, text: 0x101018 });
+ *
+ * console.log(skins.resolve('button', 'pressed').text); // 0x101018, the override
+ * console.log(skins.resolve('label', 'idle').background); // 0x101018, the wildcard
+ * ```
+ */
+export declare class Skins {
+    private readonly map;
+    /** the wildcard widget every lookup falls back to */
+    static readonly ANY = "*";
+    define(widget: string, state: WidgetState, skin: Skin): void;
+    has(widget: string): boolean;
+    widgets(): string[];
+    /** the skin a widget draws in a state, following the fallback chain to an empty skin */
+    resolve(widget: string, state?: WidgetState): Skin;
+    /** every state a widget has an entry for, not counting the wildcard fallback */
+    statesOf(widget: string): WidgetState[];
+    /**
+     * Builds a registry from plain data - the shape a config file would parse into. An entry with
+     * any state key is read as one look per state; anything else is that widget's idle look.
+     */
+    static from(data: Readonly<Record<string, SkinData>>): Skins;
+}
+//# sourceMappingURL=Skins.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skins.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Skins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7F;;;;GAIG;AACH,MAAM,WAAW,IAAI;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;AAC5D,mFAAmF;AACnF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,UAAU,CAAC;AAIzC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,KAAK;IACjB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAiC;IAErD,qDAAqD;IACrD,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO;IAE1B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAI3D;IAED,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE3B;IAED,OAAO,IAAI,MAAM,EAAE,CAElB;IAED,wFAAwF;IACxF,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,WAAoB,GAAG,IAAI,CAQzD;IAED,gFAAgF;IAChF,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,CAGtC;IAED;;;OAGG;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,CAa3D;CACD"}

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

@@ -0,0 +1,77 @@
+const STATES = ['idle', 'hover', 'pressed', 'disabled', 'selected', 'focused'];
+/**
+ * Per-widget and per-state skins, looked up by name - the data-driven half of what GUI2 puts in
+ * `data/gui/*.cfg`, and the thing the one global `Theme` has no room for.
+ *
+ * A lookup walks a fixed chain so a caller never gets `undefined`: the widget's own state, its
+ * idle look, the wildcard widget's state, the wildcard's idle look, then an empty skin. That is
+ * what lets a game define a shared `*` skin once and override only the two widgets it cares about,
+ * and what makes a state a widget never defined fall back rather than disappear.
+ *
+ * @example
+ * ```ts
+ * import { Skins } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const skins = new Skins();
+ * skins.define('*', 'idle', { background: 0x101018, text: 0xe8e8f0 });
+ * skins.define('button', 'pressed', { background: 0xffe680, text: 0x101018 });
+ *
+ * console.log(skins.resolve('button', 'pressed').text); // 0x101018, the override
+ * console.log(skins.resolve('label', 'idle').background); // 0x101018, the wildcard
+ * ```
+ */
+export class Skins {
+    constructor() {
+        this.map = new Map();
+    }
+    /** the wildcard widget every lookup falls back to */
+    static { this.ANY = '*'; }
+    define(widget, state, skin) {
+        const states = this.map.get(widget) ?? {};
+        states[state] = { ...states[state], ...skin };
+        this.map.set(widget, states);
+    }
+    has(widget) {
+        return this.map.has(widget);
+    }
+    widgets() {
+        return [...this.map.keys()];
+    }
+    /** the skin a widget draws in a state, following the fallback chain to an empty skin */
+    resolve(widget, state = 'idle') {
+        return (this.map.get(widget)?.[state] ??
+            this.map.get(widget)?.idle ??
+            this.map.get(Skins.ANY)?.[state] ??
+            this.map.get(Skins.ANY)?.idle ??
+            {});
+    }
+    /** every state a widget has an entry for, not counting the wildcard fallback */
+    statesOf(widget) {
+        const states = this.map.get(widget);
+        return states ? STATES.filter((state) => states[state] !== undefined) : [];
+    }
+    /**
+     * Builds a registry from plain data - the shape a config file would parse into. An entry with
+     * any state key is read as one look per state; anything else is that widget's idle look.
+     */
+    static from(data) {
+        const skins = new Skins();
+        for (const [widget, value] of Object.entries(data)) {
+            if (isStateMap(value)) {
+                for (const state of STATES) {
+                    const skin = value[state];
+                    if (skin)
+                        skins.define(widget, state, skin);
+                }
+            }
+            else {
+                skins.define(widget, 'idle', value);
+            }
+        }
+        return skins;
+    }
+}
+function isStateMap(value) {
+    return STATES.some((state) => value[state] !== undefined);
+}
+//# sourceMappingURL=Skins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skins.js","sourceRoot":"","sources":["../../../src/two-d/ui/Skins.ts"],"names":[],"mappings":"AAwBA,MAAM,MAAM,GAA2B,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAEvG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,KAAK;IAAlB;QACkB,QAAG,GAAG,IAAI,GAAG,EAAsB,CAAC;IAsDtD,CAAC;IApDA,qDAAqD;aACrC,QAAG,GAAG,GAAG,AAAN,CAAO;IAE1B,MAAM,CAAC,MAAc,EAAE,KAAkB,EAAE,IAAU;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;IAED,GAAG,CAAC,MAAc;QACjB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO;QACN,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,wFAAwF;IACxF,OAAO,CAAC,MAAc,EAAE,KAAK,GAAgB,MAAM;QAClD,OAAO,CACN,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI;YAC1B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI;YAC7B,EAAE,CACF,CAAC;IACH,CAAC;IAED,gFAAgF;IAChF,QAAQ,CAAC,MAAc;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACpC,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,IAAI,CAAC,IAAwC;QACnD,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,KAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACpD,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;oBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,IAAI;wBAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBAC7C,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC;QACF,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;CACD;AAED,SAAS,UAAU,CAAC,KAAe;IAClC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAE,KAAoB,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC;AAC3E,CAAC"}

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

@@ -0,0 +1,91 @@
+import { Container } from 'pixi.js';
+import { Signal } from '../../core/Signal.ts';
+export interface SliderOptions {
+    width: number;
+    height?: number;
+    min?: number;
+    max?: number;
+    /** the value grid; 0 or omitted is continuous */
+    step?: number;
+    value?: number;
+    /** the draggable knob's diameter; defaults to the track height */
+    knobSize?: number;
+    disabled?: boolean;
+}
+/**
+ * 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 declare function sliderFraction(value: number, min?: number, max?: number): number;
+/**
+ * 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 declare function sliderValueAt(fraction: number, min?: number, max?: number, step?: number): number;
+/**
+ * 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 declare class Slider extends Container {
+    readonly onChange: Signal<number>;
+    private track;
+    private fill;
+    private knob;
+    private width_;
+    private height_;
+    private knobSize;
+    private min;
+    private max;
+    private step;
+    private value_;
+    private disabled_;
+    private dragging;
+    private readonly themeListener;
+    constructor(options: SliderOptions);
+    /** the current value, in `[min, max]` */
+    get value(): number;
+    /** where the knob sits, 0 to 1 */
+    get fraction(): number;
+    get disabled(): boolean;
+    setDisabled(disabled: boolean): void;
+    setValue(value: number): void;
+    /** moves the knob to a 0-to-1 position, the arithmetic a track click uses */
+    setFraction(fraction: number): void;
+    resize(width: number, height: number): void;
+    private get trackLength();
+    private snap;
+    private fractionAt;
+    private readonly handleDown;
+    private readonly handleMove;
+    private readonly handleUp;
+    private draw;
+    destroy(options?: Parameters<Container['destroy']>[0]): void;
+}
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,EAAE,GAAG,SAAI,GAAG,MAAM,CAGtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAI,EAAE,GAAG,SAAI,EAAE,IAAI,SAAI,GAAG,MAAM,CAOlF;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACpC,QAAQ,CAAC,QAAQ,iBAAwB;IAEzC,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,IAAI,CAAkB;IAE9B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IAEnD,YAAY,OAAO,EAAE,aAAa,EAyBjC;IAED,yCAAyC;IACzC,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,kCAAkC;IAClC,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAInC;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAS5B;IAED,6EAA6E;IAC7E,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAElC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAI1C;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAIzB;IAEF,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGzB;IAEF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF,OAAO,CAAC,IAAI;IAyBH,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

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

@@ -0,0 +1,170 @@
+import { Container, Graphics } from 'pixi.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 Math.max(0, Math.min(1, (value - min) / (max - min)));
+}
+/**
+ * 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 clamped = Math.max(0, Math.min(1, fraction));
+    const raw = min + clamped * (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 ? Math.max(0, Math.min(1, (localX - this.knobSize / 2) / this.trackLength)) : 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

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

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

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

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

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