@datamoc/mw_games 0.44.2 → 0.45.0

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

@@ -1,100 +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;
-    /** caps how wide `autoWidth` (and a later `resize`) may grow the view */
-    maxWidth?: number;
-}
-/**
- * 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 (`maxWidth` caps that widening), and `resize(width)`
- * re-lays the button and list in place. Opening scrolls to the model's current selection:
- * `model.setHighlight(i); model.confirm()` is a whole programmatic pick, after which the
- * next opening shows that row. 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 autoWidth;
-    private readonly maxWidth;
-    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;
-    private capWidth;
-    /**
-     * Sets the view's width (capped at `maxWidth` when one was given) and redraws the closed
-     * button and, when open, the list at the new width, so a layout change resizes the widget
-     * in place instead of rebuilding it.
-     */
-    resize(width: number): void;
-    /** 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;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,YAAa,SAAQ,SAAS;IAC1C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IACzB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAU;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAC9C,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,EA2BvC;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,OAAO,CAAC,QAAQ;IAIhB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAI1B;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"}

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

@@ -1,234 +0,0 @@
-import { CanvasTextMetrics, Container, Graphics, Point, TextStyle } from 'pixi.js';
-import { Button } from './Button.js';
-import { Dropdown } from './Dropdown.js';
-import { ScrollBox } from './ScrollBox.js';
-import { theme, themeChanged } from './theme.js';
-/**
- * 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 (`maxWidth` caps that widening), and `resize(width)`
- * re-lays the button and list in place. Opening scrolls to the model's current selection:
- * `model.setHighlight(i); model.confirm()` is a whole programmatic pick, after which the
- * next opening shows that row. 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 class DropdownView extends Container {
-    constructor(options) {
-        super();
-        this.list = new Container();
-        this.backdrop = new Graphics();
-        this.box = null;
-        this.listHeight = 0;
-        this.themeListener = () => this.refresh();
-        this.model = new Dropdown(options);
-        this.rowHeight = options.rowHeight ?? 28;
-        this.maxRows = Math.max(1, options.maxVisibleRows ?? 8);
-        this.autoWidth = options.autoWidth ?? false;
-        this.maxWidth = options.maxWidth;
-        this.width_ = this.autoWidth
-            ? this.capWidth(Math.max(options.width, ...this.model.options.map((option) => this.labelWidth(option.label))))
-            : options.width;
-        this.head = new Button({
-            width: this.width_,
-            height: this.rowHeight,
-            text: '',
-            disabled: this.model.disabled,
-            onClick: () => {
-                this.model.toggleOpen();
-                this.refresh();
-            },
-        });
-        this.list.y = this.rowHeight;
-        this.list.addChild(this.backdrop);
-        this.addChild(this.head, this.list);
-        this.refresh();
-        themeChanged.add(this.themeListener);
-    }
-    /** how wide `text` is as a row's caption, plus the button's own padding */
-    measureLabel(text) {
-        try {
-            const style = new TextStyle({ fontFamily: theme().font.family, fontSize: theme().font.size });
-            return CanvasTextMetrics.measureText(text, style).width;
-        }
-        catch {
-            //no canvas to measure with (a test, a server): an average glyph width instead
-            return text.length * theme().font.size * 0.6;
-        }
-    }
-    labelWidth(text) {
-        return Math.ceil(this.measureLabel(text)) + 2 * theme().padding + 16;
-    }
-    /** the view's current width: `width`, or what the longest label needed with `autoWidth` */
-    get viewWidth() {
-        return this.width_;
-    }
-    capWidth(width) {
-        return this.maxWidth === undefined ? width : Math.min(width, this.maxWidth);
-    }
-    /**
-     * Sets the view's width (capped at `maxWidth` when one was given) and redraws the closed
-     * button and, when open, the list at the new width, so a layout change resizes the widget
-     * in place instead of rebuilding it.
-     */
-    resize(width) {
-        this.width_ = this.capWidth(width);
-        this.head.resize(this.width_, this.rowHeight);
-        this.refresh();
-    }
-    /** how many rows the open list shows at once (fewer than `maxVisibleRows` for a short list) */
-    get visibleRows() {
-        return Math.min(this.maxRows, this.model.options.length);
-    }
-    /** the open list's scrolling box, or null while closed; its `offset` is what a test reads */
-    get scroller() {
-        return this.box;
-    }
-    /** lets a list that would run off the bottom of a `height`-tall viewport show fewer rows */
-    fitBelow(globalY, viewportHeight) {
-        const rows = Math.floor((viewportHeight - globalY - this.rowHeight) / this.rowHeight);
-        return Math.max(1, Math.min(this.maxRows, rows));
-    }
-    /** redraws the closed label and the open list from the model; call after changing the model directly */
-    refresh() {
-        const model = this.model;
-        this.head.setText(`${model.selected?.label ?? ''} ▾`);
-        this.head.setDisabled(model.disabled);
-        this.box?.destroy({ children: true });
-        this.box = null;
-        this.list.visible = model.isOpen;
-        this.backdrop.clear();
-        if (!model.isOpen)
-            return;
-        const rows = this.visibleRows;
-        this.listHeight = rows * this.rowHeight;
-        const t = theme();
-        this.backdrop
-            .rect(0, 0, this.width_, this.listHeight)
-            .fill({ color: t.color.panelFill, alpha: 1 })
-            .stroke({ color: t.color.panelBorder, width: 1 });
-        const box = new ScrollBox({
-            width: this.width_,
-            height: this.listHeight,
-            contentHeight: model.options.length * this.rowHeight,
-            touch: true,
-            lineHeight: this.rowHeight,
-        });
-        const rowWidth = this.width_ - (box.scrollable ? 8 : 0);
-        model.options.forEach((option, index) => {
-            const row = new Button({
-                width: rowWidth,
-                height: this.rowHeight,
-                text: option.label,
-                disabled: option.disabled,
-                onClick: () => {
-                    model.setHighlight(index);
-                    model.confirm();
-                    this.refresh();
-                },
-            });
-            row.y = index * this.rowHeight;
-            row.setSelected(index === model.highlight);
-            box.content.addChild(row);
-        });
-        box.scrollIntoView(model.highlight * this.rowHeight, this.rowHeight);
-        this.box = box;
-        this.list.addChild(box);
-    }
-    /**
-     * 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) {
-        const model = this.model;
-        if (model.disabled)
-            return false;
-        if (!model.isOpen) {
-            if (key !== 'Enter' && key !== ' ' && key !== 'ArrowDown')
-                return false;
-            model.open();
-            this.refresh();
-            return true;
-        }
-        const count = model.options.length;
-        switch (key) {
-            case 'Escape':
-                model.cancel();
-                break;
-            case 'Enter':
-            case ' ':
-                model.confirm();
-                break;
-            case 'ArrowUp':
-                model.move(-1);
-                break;
-            case 'ArrowDown':
-                model.move(1);
-                break;
-            case 'PageUp':
-                model.setHighlight(Math.max(0, model.highlight - this.maxRows));
-                break;
-            case 'PageDown':
-                model.setHighlight(Math.min(count - 1, model.highlight + this.maxRows));
-                break;
-            case 'Home':
-                model.setHighlight(0);
-                break;
-            case 'End':
-                model.setHighlight(count - 1);
-                break;
-            default:
-                return false;
-        }
-        this.refresh();
-        return true;
-    }
-    /**
-     * 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, globalY) {
-        if (!this.model.isOpen)
-            return false;
-        const local = this.toLocal(new Point(globalX, globalY));
-        const inside = local.x >= 0 && local.x <= this.width_ && local.y >= 0 && local.y <= this.rowHeight + this.listHeight;
-        if (inside)
-            return false;
-        this.model.cancel();
-        this.refresh();
-        return true;
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-//# sourceMappingURL=DropdownView.js.map

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

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

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

@@ -1,23 +0,0 @@
-import type { WindowStack } from './WindowStack.ts';
-import type { DialoguePresenter } from '../../rpg/EventRunner.ts';
-export interface MessageBoxPresenterOptions {
-    /** width/height of the dialogue box; characters revealed per second */
-    width?: number;
-    height?: number;
-    speed?: number;
-    anchor?: 'center' | 'bottom' | 'top';
-}
-/**
- * The standard way to show an `rpg.EventRunner`'s dialogue: a `MessageBox` on a `WindowStack`.
- *
- * This is exactly what `EventRunner` used to do inside itself. Moving it here is what lets
- * `mwg/rpg` stay renderer-free while the common case stays a single argument - a game writes
- * `present: messageBoxPresenter(this.windows)` rather than the twelve lines of box
- * construction every game would otherwise copy.
- *
- * It lives in `two-d/ui` rather than in `rpg` because it is the half that knows about widgets;
- * the type it satisfies comes back the other way as a type-only import, which erases at
- * runtime and so adds no dependency in either direction.
- */
-export declare function messageBoxPresenter(windows: WindowStack, options?: MessageBoxPresenterOptions): DialoguePresenter;
-//# sourceMappingURL=EventDialogue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EventDialogue.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/EventDialogue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,0BAA0B;IAC1C,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;CACrC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,0BAA+B,GAAG,iBAAiB,CAqBrH"}

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

@@ -1,33 +0,0 @@
-import { MessageBox } from './MessageBox.js';
-/**
- * The standard way to show an `rpg.EventRunner`'s dialogue: a `MessageBox` on a `WindowStack`.
- *
- * This is exactly what `EventRunner` used to do inside itself. Moving it here is what lets
- * `mwg/rpg` stay renderer-free while the common case stays a single argument - a game writes
- * `present: messageBoxPresenter(this.windows)` rather than the twelve lines of box
- * construction every game would otherwise copy.
- *
- * It lives in `two-d/ui` rather than in `rpg` because it is the half that knows about widgets;
- * the type it satisfies comes back the other way as a type-only import, which erases at
- * runtime and so adds no dependency in either direction.
- */
-export function messageBoxPresenter(windows, options = {}) {
-    return (request) => new Promise((resolve) => {
-        windows.push(new MessageBox({
-            width: options.width ?? 480,
-            height: options.height ?? 120,
-            speed: options.speed ?? 45,
-            pages: [
-                {
-                    text: request.text,
-                    speaker: request.speaker,
-                    portrait: request.portrait,
-                },
-            ],
-            choices: request.choices,
-            anchor: options.anchor ?? 'bottom',
-            onDone: (chosen) => resolve(chosen),
-        }));
-    });
-}
-//# sourceMappingURL=EventDialogue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EventDialogue.js","sourceRoot":"","sources":["../../../src/two-d/ui/EventDialogue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,mBAAmB,CAAC,OAAoB,EAAE,OAAO,GAA+B,EAAE;IACjG,OAAO,CAAC,OAAO,EAAE,EAAE,CAClB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,IAAI,CACX,IAAI,UAAU,CAAC;YACd,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG;YAC3B,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;YAC7B,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE;YAC1B,KAAK,EAAE;gBACN;oBACC,IAAI,EAAE,OAAO,CAAC,IAAI;oBAClB,OAAO,EAAE,OAAO,CAAC,OAAO;oBACxB,QAAQ,EAAE,OAAO,CAAC,QAAiC;iBACnD;aACD;YACD,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,QAAQ;YAClC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC;SACnC,CAAC,CACF,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -1,123 +0,0 @@
-import { Container } from 'pixi.js';
-export interface FloatingTextOptions {
-    text: string;
-    color?: number;
-    size?: number;
-    /** seconds it takes to fully rise and fade; defaults to 0.8 */
-    duration?: number;
-    /** total pixels it rises over its lifetime; defaults to 24 */
-    rise?: number;
-    /**
-     * The fraction of the lifetime the text stays fully opaque before it starts fading, 0 to 1.
-     * Defaults to 0 - a straight fade across the whole life, the pre-existing behaviour. `0.5` is
-     * the classic damage-number curve: readable for half its time, then gone.
-     */
-    hold?: number;
-}
-/**
- * Opacity at normalised progress `t` (0 to 1), with `hold` of that life spent at full opacity.
- *
- * Pulled out of the container and exported so the curve is checked as arithmetic rather than
- * through a rendered label - `Label` needs a DOM to measure text, and the split between what a
- * thing *is* and how it is drawn is the same one `Level`/`TileMap` and `ParticleEmitter`'s
- * textureless mode already draw.
- *
- * @example
- * ```ts
- * import { floatingTextAlpha } from '@datamoc/mw_games/two-d/ui';
- * console.log(floatingTextAlpha(0.75, 0.5)); // 0.5
- * ```
- */
-export declare function floatingTextAlpha(t: number, hold: number): number;
-/**
- * The rise at progress `t`, in pixels. Negative: pop-ups travel up the screen.
- *
- * @example
- * ```ts
- * import { floatingTextRise } from '@datamoc/mw_games/two-d/ui';
- * console.log(floatingTextRise(0.5, 24)); // -12
- * ```
- */
-export declare function floatingTextRise(t: number, rise: number, reduce?: boolean): number;
-/**
- * The age a pop-up should report, given the age it has, its lifetime, and the age it is forced to
- * be at least.
- *
- * Java's rule as arithmetic. Java caps what is *left*,
- * `above.timeLeft = Math.min(above.timeLeft, LIFESPAN - numBelow / 5f)`, and a cap on what is left
- * is a floor under the age. A floor and not a subtraction, on purpose: a line that has already
- * lived longer than the floor keeps the age it has, where subtracting would shorten it a second
- * time and cut a nearly-finished pop-up dead. A burst of numbers still cannot become a column that
- * outlives the fight, which is what the rule is there for. Clamped to the lifetime as well, so a
- * floor past the end finishes the pop-up on its next update instead of jumping through the rest of
- * its rise.
- *
- * Pulled out of the class for the same reason `floatingTextAlpha` is: `FloatingText` needs a DOM
- * to build, and a rule does not need one to be checked.
- *
- * @example
- * ```ts
- * import { floatingTextAgeAtLeast } from '@datamoc/mw_games/two-d/ui';
- *
- * console.log(floatingTextAgeAtLeast(0, 1, 0.2)); // 0.2, a fresh line is pushed forward
- * console.log(floatingTextAgeAtLeast(0.5, 1, 0.2)); // 0.5, an older line keeps the age it has
- * ```
- */
-export declare function floatingTextAgeAtLeast(elapsed: number, duration: number, atLeast: number): number;
-/**
- * A damage number or a "+1 gold": text that rises and fades over its own lifetime, unlike
- * `Label`'s job of a static, positioned string. This is animation over a label, timed rather
- * than laid out - a game positions one instance per pop-up at the world point it should
- * appear over, then drives it with `update(dt)` the same way `core.Spawner` is `dt`-driven.
- *
- * Several pop-ups over one world point at once are `FloatingTextStack`'s job, not this class's.
- *
- * @example
- * ```ts
- * import { FloatingText } from '@datamoc/mw_games/two-d/ui';
- * import type { Container2D } from '@datamoc/mw_games/two-d/render';
- *
- * declare const worldLayer: Container2D;
- *
- * const popup = new FloatingText({ text: '-12', color: 0xff4444, hold: 0.5 });
- * popup.position.set(64, 96);
- * worldLayer.addChild(popup);
- *
- * popup.update(0.5); // advance the rise/fade by half a second
- * if (popup.finished) console.log('already removed and destroyed itself');
- * ```
- */
-export declare class FloatingText extends Container {
-    private readonly duration;
-    private readonly rise;
-    private readonly hold;
-    /**
-     * The label's own layer, and the layer the rise moves. `position` therefore stays exactly where
-     * the caller put it, whoever moved it last: writing `this.y` in `update` instead would overwrite
-     * the world point the pop-up sits over, and would silently undo a lift `FloatingTextStack`
-     * applies to a line that has already been on screen for a frame. That is not hypothetical, it is
-     * exactly how the first version of the stack's lift was lost.
-     */
-    private readonly rising;
-    private elapsed;
-    private done;
-    constructor(options: FloatingTextOptions);
-    /** true once the animation has finished and this container has removed and destroyed itself */
-    get finished(): boolean;
-    /**
-     * How far the animation has lifted the text above where it was placed, in pixels: 0 at the
-     * start, negative as it rises, and 0 again under reduced motion. The drawn position is
-     * `y + riseOffset`, while `y` itself never moves, which is what lets a caller (a stack, a game
-     * following a moving creature) place a pop-up that is already animating.
-     */
-    get riseOffset(): number;
-    /**
-     * Ages the pop-up to at least `seconds` - what a stack does to the lines it lifts out of the
-     * way. `floatingTextAgeAtLeast` is that arithmetic, and says why it is a floor under the age
-     * rather than a subtraction from what is left.
-     */
-    ageAtLeast(seconds: number): void;
-    /** advances the rise/fade; once complete, removes itself from its parent and destroys itself */
-    update(dt: number): void;
-}
-//# sourceMappingURL=FloatingText.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingText.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/FloatingText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAIjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,UAAQ,GAAG,MAAM,CAKhF;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAGjG;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,YAAa,SAAQ,SAAS;IAC1C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAS;IAC9B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAS;IAE9B;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmB;IAE1C,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,IAAI,CAAS;IAErB,YAAY,OAAO,EAAE,mBAAmB,EAWvC;IAED,+FAA+F;IAC/F,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;;;OAKG;IACH,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED;;;;OAIG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAEhC;IAED,gGAAgG;IAChG,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAevB;CACD"}