@datamoc/mw_games 0.43.0 → 0.45.0

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

@@ -1,58 +0,0 @@
-import { BitmapText } from 'pixi.js';
-import type { TextStyleOptions } from 'pixi.js';
-import { type Theme } from './theme.ts';
-import { type ThemedTextOptions } from './themedText.ts';
-/** today exactly the shared themed-text fields; a distinct name so bitmap-specific options have somewhere to land later */
-export type BitmapLabelOptions = ThemedTextOptions;
-/**
- * A piece of text baked into a glyph-atlas texture instead of rasterised fresh on every
- * change, the way `Label` (a thin wrapper over Pixi's `Text`) does. `Label`'s own doc
- * comment already names the cost this exists to avoid: "wasteful for something updated
- * every frame". A live HUD counter, a scrolling log, or a fixed pixel font a pixel-art game
- * wants for all its UI copy are what this is for; a game whose text rarely changes has no
- * reason to prefer it over `Label`.
- *
- * Pixi generates and caches the underlying bitmap font itself the first time a given
- * family/size/colour/weight combination is used (see `BitmapText`'s "Dynamic Bitmap Fonts"
- * behaviour) - nothing here downloads or ships a font file, keeping this the same
- * generated-not-borrowed shape as every other asset in this project.
- *
- * @example
- * ```ts
- * import { BitmapLabel } from '@datamoc/mw_games/two-d/ui';
- *
- * const fps = new BitmapLabel({ text: '60 fps', size: 12 });
- *
- * fps.setText('59 fps'); // updated every frame, cheaply, unlike Label
- * ```
- */
-export declare class BitmapLabel extends BitmapText {
-    private readonly opts;
-    private readonly themeListener;
-    constructor(options?: BitmapLabelOptions | string);
-    /** avoids the atlas relookup when the text has not actually changed */
-    setText(value: string): void;
-    /**
-     * Reapplies whichever style fields were never given an explicit option, so an explicit
-     * `color`/`size` a game passed in survives a theme change untouched while anything left
-     * to the theme's own defaults picks up the new one - the same rule `Label.restyle` follows.
-     */
-    private restyle;
-    destroy(options?: Parameters<BitmapText['destroy']>[0]): void;
-}
-/**
- * the pure style-mapping `BitmapLabel` builds its underlying `BitmapText` style from, exported
- * for testing without constructing a `BitmapText` (which needs a real DOM `document`, unlike
- * `Text`)
- *
- * @example
- * ```ts
- * import { bitmapLabelStyle } from '@datamoc/mw_games/two-d/ui';
- * import { defaultTheme } from '@datamoc/mw_games/two-d/ui';
- *
- * const style = bitmapLabelStyle({ text: 'Score', bold: true }, defaultTheme);
- * console.log(style.fontWeight); // 'bold'
- * ```
- */
-export declare function bitmapLabelStyle(opts: BitmapLabelOptions, t: Theme): TextStyleOptions;
-//# sourceMappingURL=BitmapLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitmapLabel.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/BitmapLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAuB,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE5F,2HAA2H;AAC3H,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,WAAY,SAAQ,UAAU;IAC1C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAE/D,YAAY,OAAO,GAAE,kBAAkB,GAAG,MAAW,EAWpD;IAED,uEAAuE;IACvE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE3B;IAED;;;;OAIG;IACH,OAAO,CAAC,OAAO;IAIN,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGrE;CACD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,kBAAkB,EAAE,CAAC,EAAE,KAAK,GAAG,gBAAgB,CAWrF"}

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

@@ -1,82 +0,0 @@
-import { BitmapText } from 'pixi.js';
-import { theme, themeChanged } from './theme.js';
-import { normalizeTextOptions, themedAlign } from './themedText.js';
-/**
- * A piece of text baked into a glyph-atlas texture instead of rasterised fresh on every
- * change, the way `Label` (a thin wrapper over Pixi's `Text`) does. `Label`'s own doc
- * comment already names the cost this exists to avoid: "wasteful for something updated
- * every frame". A live HUD counter, a scrolling log, or a fixed pixel font a pixel-art game
- * wants for all its UI copy are what this is for; a game whose text rarely changes has no
- * reason to prefer it over `Label`.
- *
- * Pixi generates and caches the underlying bitmap font itself the first time a given
- * family/size/colour/weight combination is used (see `BitmapText`'s "Dynamic Bitmap Fonts"
- * behaviour) - nothing here downloads or ships a font file, keeping this the same
- * generated-not-borrowed shape as every other asset in this project.
- *
- * @example
- * ```ts
- * import { BitmapLabel } from '@datamoc/mw_games/two-d/ui';
- *
- * const fps = new BitmapLabel({ text: '60 fps', size: 12 });
- *
- * fps.setText('59 fps'); // updated every frame, cheaply, unlike Label
- * ```
- */
-export class BitmapLabel extends BitmapText {
-    constructor(options = {}) {
-        const opts = normalizeTextOptions(options);
-        const t = theme();
-        super({
-            text: opts.text ?? '',
-            style: bitmapLabelStyle(opts, t),
-        });
-        this.themeListener = (t) => this.restyle(t);
-        this.opts = opts;
-        themeChanged.add(this.themeListener);
-    }
-    /** avoids the atlas relookup when the text has not actually changed */
-    setText(value) {
-        if (this.text !== value)
-            this.text = value;
-    }
-    /**
-     * Reapplies whichever style fields were never given an explicit option, so an explicit
-     * `color`/`size` a game passed in survives a theme change untouched while anything left
-     * to the theme's own defaults picks up the new one - the same rule `Label.restyle` follows.
-     */
-    restyle(t) {
-        this.style = bitmapLabelStyle(this.opts, t);
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-/**
- * the pure style-mapping `BitmapLabel` builds its underlying `BitmapText` style from, exported
- * for testing without constructing a `BitmapText` (which needs a real DOM `document`, unlike
- * `Text`)
- *
- * @example
- * ```ts
- * import { bitmapLabelStyle } from '@datamoc/mw_games/two-d/ui';
- * import { defaultTheme } from '@datamoc/mw_games/two-d/ui';
- *
- * const style = bitmapLabelStyle({ text: 'Score', bold: true }, defaultTheme);
- * console.log(style.fontWeight); // 'bold'
- * ```
- */
-export function bitmapLabelStyle(opts, t) {
-    return {
-        fontFamily: t.font.family,
-        fontSize: opts.size ?? t.font.size,
-        fontWeight: opts.bold ? 'bold' : 'normal',
-        fill: opts.color ?? t.color.text,
-        align: themedAlign(opts, t),
-        wordWrap: opts.wrapWidth !== undefined,
-        wordWrapWidth: opts.wrapWidth ?? 0,
-        breakWords: true,
-    };
-}
-//# sourceMappingURL=BitmapLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitmapLabel.js","sourceRoot":"","sources":["../../../src/two-d/ui/BitmapLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAc,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAA0B,MAAM,iBAAiB,CAAC;AAK5F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,WAAY,SAAQ,UAAU;IAI1C,YAAY,OAAO,GAAgC,EAAE;QACpD,MAAM,IAAI,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;QAElB,KAAK,CAAC;YACL,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;YACrB,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;SAChC,CAAC,CAAC;QATa,kBAAa,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAW9D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC;IAED,uEAAuE;IACvE,OAAO,CAAC,KAAa;QACpB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;YAAE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAC5C,CAAC;IAED;;;;OAIG;IACK,OAAO,CAAC,CAAQ;QACvB,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7C,CAAC;IAEQ,OAAO,CAAC,OAA8C;QAC9D,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC;CACD;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAwB,EAAE,CAAQ;IAClE,OAAO;QACN,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM;QACzB,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;QAClC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI;QAChC,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3B,QAAQ,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS;QACtC,aAAa,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC;QAClC,UAAU,EAAE,IAAI;KAChB,CAAC;AACH,CAAC"}

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

@@ -1,133 +0,0 @@
-import { Container } from 'pixi.js';
-import { Signal } from '../../core/Signal.ts';
-import { type NinePatchOptions } from './NinePatch.ts';
-import { type LabelOptions } from './Label.ts';
-import type { Container2D, Texture2D } from '../render/Types2D.ts';
-export type ButtonState = 'idle' | 'hover' | 'pressed' | 'disabled';
-export interface ButtonColors {
-    text?: number;
-    disabledText?: number;
-    background?: number;
-    border?: number;
-    selection?: number;
-}
-export interface ButtonSkin {
-    texture: Texture2D;
-    border: NinePatchOptions['border'];
-    /** Missing states retain the standard button tint. */
-    tints?: Partial<Record<ButtonState, number>>;
-}
-export interface ButtonOptions {
-    width: number;
-    height: number;
-    /** the button's caption; omit for an icon-only button, the shape a title screen's
-     * rankings/badges/settings buttons usually take */
-    text?: string;
-    /** drawn to one side of the text, or centred alone if `text` is omitted */
-    icon?: Container2D;
-    /** drawn instead of `icon` while the button is selected (`setSelected`): a two-icon toggle */
-    iconSelected?: Container2D;
-    /**
-     * What a tooltip should say about this button, as text or a function asked each time (so it can
-     * name why the button is disabled). The button only holds it: a `TooltipHost` reads `tooltip`.
-     */
-    tooltip?: string | (() => string);
-    /** Per-button chrome, independent of the window theme. Textures remain caller-owned. */
-    skin?: ButtonSkin;
-    /** Caption styling, also used when setText creates a caption later. */
-    label?: Omit<LabelOptions, 'text'>;
-    /** Instance palette overrides; omitted fields continue following the active theme. */
-    colors?: ButtonColors;
-    disabled?: boolean;
-    onClick?: () => void;
-    /** fires on pointerdown, before onClick - the hook a virtual d-pad button needs to feed `core.Input`'s `pressTouch` for hold-to-repeat movement, which a click-only callback cannot do */
-    onPress?: () => void;
-    /** fires on pointerup or pointerupoutside, whether or not it completed a click - the `pressTouch` counterpart to `onPress` */
-    onRelease?: () => void;
-}
-/**
- * A clickable region with idle/hover/pressed/disabled states, a label, an icon, or both.
- *
- * Draws over the same `NinePatch`/theme machinery `Window` already draws its chrome from -
- * a panel texture if the theme has one, a flat rounded rectangle otherwise - so a button
- * looks like it belongs to the same interface without a game supplying separate art for it.
- *
- * `icon` alone (no `text`) is the icon-only button a title screen commonly reaches for -
- * rankings, badges, settings - where a caption would only repeat what the icon already says.
- * `setIcon` swaps the icon later, `iconSelected` gives a toggle its second icon, and `tooltip`
- * carries the button's explanation for a `TooltipHost`.
- *
- * @example
- * ```ts
- * import { Button } from '@datamoc/mw_games/two-d/ui';
- *
- * const start = new Button({
- * 	width: 160,
- * 	height: 32,
- * 	text: 'Start',
- * 	onClick: () => console.log('start pressed'),
- * });
- *
- * start.setDisabled(true); // greys it out and stops pointer events
- * console.log(start.disabled); // true
- * ```
- */
-export declare class Button extends Container {
-    readonly onClick: Signal<void>;
-    readonly onPress: Signal<void>;
-    readonly onRelease: Signal<void>;
-    private readonly skin?;
-    private readonly labelOptions;
-    private background;
-    private labelText;
-    private icon;
-    private iconSelected;
-    private iconPlain;
-    private tooltip_;
-    private width_;
-    private height_;
-    private state;
-    private disabled_;
-    private selected_;
-    private colors;
-    private readonly themeListener;
-    constructor(options: ButtonOptions);
-    /** a per-instance skin's own chrome, falling back to the theme's panel, falling back to a plain rect */
-    private static createBackground;
-    /** live-resize the button, for a caller whose own layout reflows on window resize rather
-     * than rebuilding buttons from scratch (`Window`'s own constructor-only sizing is fine
-     * for a fixed dialog; a title screen's responsive row of buttons is not) */
-    resize(width: number, height: number): void;
-    setText(text: string | undefined): void;
-    /**
-     * Replaces the icon (the old one is removed, not destroyed: icons are the caller's), keeping the
-     * layout. `null` removes it.
-     */
-    setIcon(icon: Container2D | null): void;
-    /** the icon a selected button shows instead, or `null` to use the one icon in both states */
-    setSelectedIcon(icon: Container2D | null): void;
-    private showIcon;
-    /** what a tooltip should say about this button right now, or `undefined` when it has none */
-    get tooltip(): string | undefined;
-    setTooltip(tooltip: string | (() => string) | undefined): void;
-    get disabled(): boolean;
-    setDisabled(disabled: boolean): void;
-    get selected(): boolean;
-    /**
-     * Marks the button as the active choice (the current tool, the open tab), drawn in the
-     * theme's `color.selection` - a toggle's look without a second widget.
-     */
-    setSelected(selected: boolean): void;
-    /** Replaces local palette overrides, for semantic tokens or component variants. */
-    setColors(colors: ButtonColors): void;
-    private setState;
-    /**
-     * Icon-only centres the icon; icon-plus-text sits the icon to the reading-start side
-     * (left in ltr, right in rtl) with the label following it, both vertically centred -
-     * the same icon-then-text arrangement `ListView`'s own rows already use.
-     */
-    private layoutContent;
-    private draw;
-    destroy(options?: Parameters<Container['destroy']>[0]): void;
-}
-//# sourceMappingURL=Button.d.ts.map

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

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

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

@@ -1,254 +0,0 @@
-import { Container, Graphics } from 'pixi.js';
-import { Signal } from '../../core/Signal.js';
-import { NinePatch } from './NinePatch.js';
-import { Label } from './Label.js';
-import { theme, themeChanged } from './theme.js';
-/**
- * A clickable region with idle/hover/pressed/disabled states, a label, an icon, or both.
- *
- * Draws over the same `NinePatch`/theme machinery `Window` already draws its chrome from -
- * a panel texture if the theme has one, a flat rounded rectangle otherwise - so a button
- * looks like it belongs to the same interface without a game supplying separate art for it.
- *
- * `icon` alone (no `text`) is the icon-only button a title screen commonly reaches for -
- * rankings, badges, settings - where a caption would only repeat what the icon already says.
- * `setIcon` swaps the icon later, `iconSelected` gives a toggle its second icon, and `tooltip`
- * carries the button's explanation for a `TooltipHost`.
- *
- * @example
- * ```ts
- * import { Button } from '@datamoc/mw_games/two-d/ui';
- *
- * const start = new Button({
- * 	width: 160,
- * 	height: 32,
- * 	text: 'Start',
- * 	onClick: () => console.log('start pressed'),
- * });
- *
- * start.setDisabled(true); // greys it out and stops pointer events
- * console.log(start.disabled); // true
- * ```
- */
-export class Button extends Container {
-    constructor(options) {
-        super();
-        this.onClick = new Signal();
-        this.onPress = new Signal();
-        this.onRelease = new Signal();
-        this.state = 'idle';
-        this.selected_ = false;
-        this.themeListener = () => this.draw();
-        this.width_ = options.width;
-        this.height_ = options.height;
-        this.disabled_ = options.disabled ?? false;
-        this.colors = { ...options.colors };
-        this.skin = options.skin;
-        this.labelOptions = options.label ?? {};
-        const t = theme();
-        this.background = Button.createBackground(this.skin, t);
-        this.addChild(this.background);
-        this.icon = options.icon ?? null;
-        this.iconPlain = this.icon;
-        this.iconSelected = options.iconSelected ?? null;
-        this.tooltip_ = options.tooltip;
-        if (this.icon)
-            this.addChild(this.icon);
-        this.labelText =
-            options.text !== undefined
-                ? new Label({ align: 'center', ...this.labelOptions, text: options.text })
-                : null;
-        if (this.labelText)
-            this.addChild(this.labelText);
-        if (options.onClick)
-            this.onClick.add(options.onClick);
-        if (options.onPress)
-            this.onPress.add(options.onPress);
-        if (options.onRelease)
-            this.onRelease.add(options.onRelease);
-        this.eventMode = 'static';
-        this.on('pointerover', () => this.setState('hover'));
-        this.on('pointerout', () => this.setState('idle'));
-        this.on('pointerdown', () => {
-            this.setState('pressed');
-            this.onPress.dispatch();
-        });
-        this.on('pointerup', () => {
-            const wasPressed = this.state === 'pressed';
-            this.setState('hover');
-            if (wasPressed) {
-                this.onRelease.dispatch();
-                this.onClick.dispatch();
-            }
-        });
-        this.on('pointerupoutside', () => {
-            const wasPressed = this.state === 'pressed';
-            this.setState('idle');
-            if (wasPressed)
-                this.onRelease.dispatch();
-        });
-        this.setState(this.disabled_ ? 'disabled' : 'idle');
-        themeChanged.add(this.themeListener);
-    }
-    /** a per-instance skin's own chrome, falling back to the theme's panel, falling back to a plain rect */
-    static createBackground(skin, t) {
-        if (skin)
-            return new NinePatch(skin.texture, { border: skin.border });
-        if (t.panel)
-            return new NinePatch(t.panel, { border: t.panelBorder });
-        return new Graphics();
-    }
-    /** live-resize the button, for a caller whose own layout reflows on window resize rather
-     * than rebuilding buttons from scratch (`Window`'s own constructor-only sizing is fine
-     * for a fixed dialog; a title screen's responsive row of buttons is not) */
-    resize(width, height) {
-        this.width_ = width;
-        this.height_ = height;
-        this.draw();
-    }
-    setText(text) {
-        if (text === undefined) {
-            this.labelText?.destroy();
-            this.labelText = null;
-        }
-        else if (this.labelText) {
-            this.labelText.setText(text);
-        }
-        else {
-            this.labelText = new Label({ align: 'center', ...this.labelOptions, text });
-            this.addChild(this.labelText);
-        }
-        this.layoutContent();
-    }
-    /**
-     * Replaces the icon (the old one is removed, not destroyed: icons are the caller's), keeping the
-     * layout. `null` removes it.
-     */
-    setIcon(icon) {
-        this.iconPlain = icon;
-        this.showIcon(this.selected_ && this.iconSelected ? this.iconSelected : icon);
-    }
-    /** the icon a selected button shows instead, or `null` to use the one icon in both states */
-    setSelectedIcon(icon) {
-        this.iconSelected = icon;
-        this.showIcon(this.selected_ && icon ? icon : this.iconPlain);
-    }
-    showIcon(icon) {
-        if (icon === this.icon)
-            return;
-        if (this.icon)
-            this.removeChild(this.icon);
-        this.icon = icon;
-        if (icon)
-            this.addChild(icon);
-        this.draw();
-    }
-    /** what a tooltip should say about this button right now, or `undefined` when it has none */
-    get tooltip() {
-        return typeof this.tooltip_ === 'function' ? this.tooltip_() : this.tooltip_;
-    }
-    setTooltip(tooltip) {
-        this.tooltip_ = tooltip;
-    }
-    get disabled() {
-        return this.disabled_;
-    }
-    setDisabled(disabled) {
-        this.disabled_ = disabled;
-        this.setState(disabled ? 'disabled' : 'idle');
-    }
-    get selected() {
-        return this.selected_;
-    }
-    /**
-     * Marks the button as the active choice (the current tool, the open tab), drawn in the
-     * theme's `color.selection` - a toggle's look without a second widget.
-     */
-    setSelected(selected) {
-        if (this.selected_ === selected)
-            return;
-        this.selected_ = selected;
-        if (this.iconSelected)
-            this.showIcon(selected ? this.iconSelected : this.iconPlain);
-        this.draw();
-    }
-    /** Replaces local palette overrides, for semantic tokens or component variants. */
-    setColors(colors) {
-        this.colors = { ...colors };
-        this.draw();
-    }
-    setState(state) {
-        if (this.disabled_ && state !== 'disabled')
-            return;
-        this.state = state;
-        this.cursor = this.disabled_ ? 'default' : 'pointer';
-        this.eventMode = this.disabled_ ? 'none' : 'static';
-        this.draw();
-    }
-    /**
-     * Icon-only centres the icon; icon-plus-text sits the icon to the reading-start side
-     * (left in ltr, right in rtl) with the label following it, both vertically centred -
-     * the same icon-then-text arrangement `ListView`'s own rows already use.
-     */
-    layoutContent() {
-        const rtl = theme().direction === 'rtl';
-        if (this.icon && !this.labelText) {
-            this.icon.x = Math.round((this.width_ - this.icon.width) / 2);
-            this.icon.y = Math.round((this.height_ - this.icon.height) / 2);
-            return;
-        }
-        if (this.icon && this.labelText) {
-            const spacing = theme().spacing;
-            const contentWidth = this.icon.width + spacing + this.labelText.width;
-            const start = Math.round((this.width_ - contentWidth) / 2);
-            this.icon.x = rtl ? start + this.labelText.width + spacing : start;
-            this.icon.y = Math.round((this.height_ - this.icon.height) / 2);
-            this.labelText.x = rtl ? start : start + this.icon.width + spacing;
-            this.labelText.y = Math.round((this.height_ - this.labelText.height) / 2);
-            return;
-        }
-        if (this.labelText) {
-            this.labelText.x = Math.round((this.width_ - this.labelText.width) / 2);
-            this.labelText.y = Math.round((this.height_ - this.labelText.height) / 2);
-        }
-    }
-    draw() {
-        const t = theme();
-        //idle/hover/pressed read as three brightness steps of the same panel rather than three
-        //separate textures, which a game without dedicated button art still gets for free
-        const tint = this.state === 'pressed'
-            ? 0x999999
-            : this.state === 'hover'
-                ? 0xdddddd
-                : this.state === 'disabled'
-                    ? 0x777777
-                    : 0xffffff;
-        if (this.background instanceof NinePatch) {
-            this.background.resize(this.width_, this.height_);
-            this.background.tint = this.selected_
-                ? (this.colors.selection ?? t.color.selection)
-                : (this.colors.background ?? this.skin?.tints?.[this.state] ?? tint);
-        }
-        else {
-            const fill = this.state === 'pressed' || this.selected_
-                ? (this.colors.selection ?? t.color.selection)
-                : (this.colors.background ?? t.color.panelFill);
-            this.background
-                .clear()
-                .roundRect(0, 0, this.width_, this.height_, 4)
-                .fill({ color: fill, alpha: this.state === 'disabled' ? 0.5 : 1 })
-                .stroke({ color: this.colors.border ?? t.color.panelBorder, width: 1 });
-        }
-        this.labelText?.setColor(this.disabled_
-            ? (this.colors.disabledText ?? t.color.textDim)
-            : (this.colors.text ?? this.labelOptions.color ?? t.color.text));
-        if (this.icon)
-            this.icon.alpha = this.disabled_ ? 0.4 : 1;
-        this.layoutContent();
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-//# sourceMappingURL=Button.js.map

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

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

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

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

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

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