melonjs 20.12.0 → 20.13.0

package/build/renderable/ui/uicheckbox.d.ts

@@ -0,0 +1,383 @@
+import type Camera2d from "../../camera/camera2d.ts";
+import type Renderer from "../../video/renderer.js";
+import type { Paint } from "./panelpaint.ts";
+import type { UIJuiceSettings } from "./uibaseelement.ts";
+import UIBaseElement from "./uibaseelement.ts";
+import type { UILabel } from "./uilabel.ts";
+import type { UISkin } from "./uiskin.ts";
+/**
+ * The art of a skinned {@link UICheckbox}: one atlas region per state.
+ *
+ * Only `on` and `off` are needed. Each region is drawn as a square of
+ * {@link UICheckboxSettings#boxSize} pixels (the height of `off` by
+ * default). Every region named is looked up when the checkbox is built, so
+ * a misspelt name throws there.
+ * @category UI
+ * @example
+ * // two regions: the rest fall back to them
+ * const skin = { atlas, on: "green_boxCheckmark", off: "grey_boxCheckmark" };
+ */
+export interface UICheckboxSkin extends UISkin {
+    /** the region drawn when checked */
+    on: string;
+    /** the region drawn when not checked */
+    off: string;
+    /** the region drawn when checked and under the pointer; `on` if left out */
+    hoverOn?: string;
+    /**
+     * the region drawn when not checked and under the pointer; `off` if left
+     * out
+     */
+    hoverOff?: string;
+    /**
+     * the region drawn when checked and disabled; `on` at half opacity if
+     * left out
+     */
+    disabledOn?: string;
+    /**
+     * the region drawn when not checked and disabled; `off` at half opacity
+     * if left out
+     */
+    disabledOff?: string;
+}
+/**
+ * The settings {@link UICheckbox} takes. All are optional.
+ *
+ * The colour settings are for the drawn look and are ignored when a `skin`
+ * is given.
+ * @category UI
+ */
+export interface UICheckboxSettings extends UIJuiceSettings {
+    /**
+     * whether it starts checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * the text next to the box, the same in both states; `labelOn` and
+     * `labelOff` replace it for one state each
+     */
+    label?: string;
+    /** the text while checked; `label` if left out */
+    labelOn?: string;
+    /** the text while not checked; `label` if left out */
+    labelOff?: string;
+    /**
+     * Called with the new state when the user checks or unchecks it (click,
+     * tap, or Enter with the focus). Never called when `checked` is set or
+     * `toggle()` is called from code. See {@link UICheckbox#onChange}.
+     */
+    onChange?: (checked: boolean, checkbox: UICheckbox) => void;
+    /**
+     * whether it answers input; a disabled checkbox is drawn faded, or with
+     * the skin's `disabledOn` / `disabledOff` regions
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * the side of the box, in pixels; with a skin, the height of its `off`
+     * region by default
+     * @default 24
+     */
+    boxSize?: number;
+    /**
+     * a radio group name: checkboxes sharing it have one checked at a time,
+     * and are drawn round. See {@link UICheckbox#group}.
+     */
+    group?: string;
+    /**
+     * a CSS font family, or the name of a loaded bitmap font
+     * @default "sans-serif"
+     */
+    font?: string;
+    /**
+     * the label's text height, in pixels; two thirds of `boxSize`, and at
+     * least 12, by default
+     */
+    fontSize?: number;
+    /**
+     * the label's colour
+     * @default "#000000"
+     */
+    labelFillStyle?: string;
+    /**
+     * the space between the box and the label, in pixels
+     * @default 8
+     */
+    labelGap?: number;
+    /**
+     * the box's fill when not checked (drawn look); also the tick's colour
+     * @default "#ffffff"
+     */
+    boxColor?: Paint;
+    /**
+     * the box's fill when not checked and under the pointer (drawn look)
+     * @default "#e4eefb"
+     */
+    boxHoverColor?: Paint;
+    /**
+     * the box's fill and outline when checked, and a radio button's dot
+     * (drawn look)
+     * @default "#2a7de1"
+     */
+    checkColor?: Paint;
+    /**
+     * the box's outline when not checked (drawn look)
+     * @default "#3a3a3a"
+     */
+    borderColor?: Paint;
+    /**
+     * the outline's thickness, in pixels (drawn look); `0` for none
+     * @default 2
+     */
+    borderWidth?: number;
+    /**
+     * the box's corner radius, in pixels (drawn look); ignored by a radio
+     * button, which is round
+     * @default 4
+     */
+    radius?: number;
+    /** draw the box from atlas regions instead of the drawn look */
+    skin?: UICheckboxSkin;
+}
+/**
+ * A checkbox with a text label, for an on/off option such as music, sound
+ * or full screen. Give several the same `group` and they become radio
+ * buttons: one choice out of a few, such as a difficulty level.
+ *
+ * ## Look
+ * - Drawn with shapes by default, so it needs no art: a square with a tick,
+ *   or a circle with a dot for a radio button. The colour settings
+ *   (`boxColor`, `checkColor`, `borderColor`...) change it.
+ * - Skinned: pass a {@link UICheckboxSkin} of atlas regions, one per state
+ *   (`on`, `off`, and optionally `hoverOn`, `hoverOff`, `disabledOn`,
+ *   `disabledOff`).
+ *
+ * ## Label
+ * `label` is the text next to the box. `labelOn` and `labelOff` give it a
+ * different text in each state ("Music ON" / "Music OFF"). The
+ * {@link UICheckbox#labelOn} and {@link UICheckbox#labelOff} properties
+ * change the text later, and the widget resizes to fit. It is as wide as the box
+ * plus the longer of the two texts, so it does not change size as it
+ * toggles. The label is part of the widget: clicking it toggles the box too.
+ *
+ * ## State and onChange
+ * The state is {@link UICheckbox#checked}. `onChange` is called only when
+ * the player changes it. Setting `checked`, or calling `toggle()`, from code
+ * never calls it: restore saved settings by setting `checked`, without
+ * running the code a click would (starting the music twice, saving again).
+ *
+ * ## Radio groups
+ * Checkboxes with the same {@link UICheckbox#group} name have one checked
+ * at a time: checking one unchecks the others, and clicking the checked one
+ * leaves it checked. A checkbox belongs to its group from the moment it is
+ * made until it is destroyed (removing it from the world for good destroys
+ * it), so the group holds one choice before it is ever shown, and
+ * {@link UICheckbox.checkedIn} answers straight away. A checked one joining
+ * a group unchecks the others already there.
+ *
+ * ## Keyboard and gamepad
+ * It can take the focus ({@link UIBaseElement#focus}). With the focus,
+ * Enter, Space or the pad's A button toggles it, as a click does, and calls
+ * `onChange`.
+ *
+ * Set `enabled` to `false` to turn it off: it ignores input and is drawn
+ * faded, or with the skin's disabled regions.
+ * @category UI
+ * @example
+ * // a settings toggle, drawn, with no assets
+ * const subtitles = new UICheckbox(40, 60, {
+ *     label: "Subtitles",
+ *     checked: settings.subtitles,
+ *     onChange: (on) => {
+ *         settings.subtitles = on;
+ *     },
+ * });
+ * panel.addChild(subtitles);
+ * @example
+ * // a label that follows the state
+ * const music = new UICheckbox(40, 100, {
+ *     labelOn: "Music ON",
+ *     labelOff: "Music OFF",
+ *     checked: true,
+ *     onChange: (on) => {
+ *         on ? audio.playTrack("theme") : audio.stopTrack();
+ *     },
+ * });
+ * panel.addChild(music);
+ * @example
+ * // a radio group, and reading the choice
+ * const levels = new Map();
+ * for (const [i, level] of ["easy", "normal", "hard"].entries()) {
+ *     const radio = new UICheckbox(40, 140 + i * 32, {
+ *         label: level,
+ *         group: "difficulty",
+ *         checked: level === "normal",
+ *         onChange: () => console.log("picked", level),
+ *     });
+ *     levels.set(radio, level);
+ *     panel.addChild(radio);
+ * }
+ * // later, e.g. when OK is clicked
+ * const difficulty = levels.get(UICheckbox.checkedIn("difficulty"));
+ * @example
+ * // skinned from an atlas, with a bitmap font
+ * const sfx = new UICheckbox(40, 260, {
+ *     label: "Sound effects",
+ *     font: "kenpixel",
+ *     fontSize: 14,
+ *     skin: { atlas, on: "green_boxCheckmark", off: "grey_boxCheckmark" },
+ * });
+ * @example
+ * // restoring saved settings without calling onChange
+ * save.add({ music: true });
+ * music.checked = save.music; // the look updates, onChange is not called
+ * save.music ? audio.playTrack("theme") : audio.stopTrack(); // applied once
+ */
+export default class UICheckbox extends UIBaseElement {
+    /**
+     * Called with the new state when the user checks or unchecks it: a
+     * click or tap on the box or its label, or Enter, Space or the pad's A
+     * with the focus.
+     *
+     * Never called when {@link UICheckbox#checked} is set, or
+     * {@link UICheckbox#toggle} is called, from code. In a radio group only
+     * the button the user picked is called; the one unchecked to make room
+     * is not. Not called while the checkbox is disabled.
+     * @example
+     * sfx.onChange = (on) => {
+     *     settings.sfx = on;
+     * };
+     */
+    onChange: ((checked: boolean, checkbox: UICheckbox) => void) | undefined;
+    /**
+     * The radio group this checkbox belongs to, or `undefined` for a plain
+     * checkbox.
+     *
+     * Checkboxes sharing a group have one checked at a time: checking one
+     * unchecks the others, and clicking the checked one leaves it checked.
+     * A radio button is drawn round, with a dot. A checkbox is in its group
+     * from when it is made until it is destroyed. Changing `group`
+     * moves it to the new group straight away, and if it is checked it
+     * unchecks the others there.
+     */
+    get group(): string | undefined;
+    set group(value: string | undefined);
+    /** the box's fill when not checked, and the tick's colour (drawn look) */
+    boxColor: Paint;
+    /** the box's fill when not checked and under the pointer (drawn look) */
+    boxHoverColor: Paint;
+    /**
+     * the box's fill and outline when checked, and a radio button's dot
+     * (drawn look)
+     */
+    checkColor: Paint;
+    /** the box's outline when not checked (drawn look) */
+    borderColor: Paint;
+    /** the outline's thickness, in pixels (drawn look); `0` for none */
+    borderWidth: number;
+    /** the box's corner radius, in pixels (drawn look; not for a radio button) */
+    radius: number;
+    /** the side of the box, in pixels */
+    readonly boxSize: number;
+    /** the space between the box and the label, in pixels */
+    readonly labelGap: number;
+    /**
+     * The text object drawn next to the box, or `undefined` when there is no
+     * text. Change the text through {@link UICheckbox#labelOn} and
+     * {@link UICheckbox#labelOff}, which also resize the widget.
+     */
+    label: UILabel | undefined;
+    /** the atlas regions it is drawn from, or `undefined` for the drawn look */
+    readonly skin: UICheckboxSkin | undefined;
+    /** @ignore */
+    private _checked;
+    /** @ignore */
+    private _labelOn;
+    /** @ignore */
+    private _labelOff;
+    /** how a label is made, for one added after construction */
+    private readonly _labelStyle;
+    /** @ignore */
+    private _group;
+    /** how its group holds it */
+    private readonly _ref;
+    /** @ignore */
+    private readonly _painter;
+    /** @ignore */
+    private readonly _skin;
+    /** @ignore */
+    private _joined;
+    /**
+     * @param x - left edge
+     * @param y - top edge
+     * @param settings - see {@link UICheckboxSettings}
+     */
+    constructor(x: number, y: number, settings?: UICheckboxSettings);
+    /**
+     * Whether it is checked.
+     *
+     * Setting it updates the look and the label, and does NOT call
+     * `onChange`: restoring saved settings this way does not run the code a
+     * click would. Checking a radio button unchecks the others in its group,
+     * silently too.
+     * @example
+     * // show the saved state when the menu opens
+     * music.checked = save.music;
+     */
+    get checked(): boolean;
+    set checked(value: boolean);
+    /**
+     * The text shown while checked. Setting it updates the label and
+     * resizes the widget to fit; set both this and
+     * {@link UICheckbox#labelOff} to change a single `label`.
+     * @example
+     * music.labelOn = "Music: on";
+     * music.labelOff = "Music: off";
+     */
+    get labelOn(): string;
+    set labelOn(value: string);
+    /**
+     * The text shown while not checked. Setting it updates the label and
+     * resizes the widget to fit.
+     */
+    get labelOff(): string;
+    set labelOff(value: string);
+    /**
+     * Flip it from code, as a click would. Like setting
+     * {@link UICheckbox#checked}, this does not call `onChange`. A checked
+     * radio button stays checked, as it does when clicked; set `checked` to
+     * `false` to uncheck it on purpose.
+     * @returns the new state
+     */
+    toggle(): boolean;
+    /**
+     * The checked checkbox of a radio group: the player's choice.
+     *
+     * It answers as soon as the checkboxes are made, before they are added
+     * to the world.
+     * @param group - the group name
+     * @returns the checked member, or `undefined` when none is checked
+     * @example
+     * const picked = UICheckbox.checkedIn("difficulty");
+     * console.log(picked?.labelOn); // the text of the checked radio button
+     */
+    static checkedIn(group: string): UICheckbox | undefined;
+    /**
+     * Enter, Space or the pad's A let go with the focus here: toggle, and
+     * call `onChange`, as a click does.
+     */
+    focusRelease(): void;
+    /**
+     * Draw the box, then the label.
+     * @param renderer - the renderer to draw with
+     * @param viewport - the camera being drawn through
+     */
+    draw(renderer: Renderer, viewport?: Camera2d): void;
+    /**
+     * Hand back what it borrowed.
+     * @ignore
+     */
+    onDestroyEvent(): void;
+}
+//# sourceMappingURL=uicheckbox.d.ts.map

package/build/renderable/ui/uicheckbox.d.ts.map

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

package/build/renderable/ui/uifocus.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A direction the player moves the focus in.
+ * @category UI
+ */
+export type UINavAction = "up" | "down" | "left" | "right";
+//# sourceMappingURL=uifocus.d.ts.map

package/build/renderable/ui/uifocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uifocus.d.ts","sourceRoot":"","sources":["../../../src/renderable/ui/uifocus.ts"],"names":[],"mappings":"AAcA;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/build/renderable/ui/uilabel.d.ts

@@ -0,0 +1,31 @@
+import BitmapText from "../text/bitmaptext.js";
+import Text from "../text/text.js";
+/**
+ * The text a widget draws: a CSS font through {@link Text}, or a loaded
+ * bitmap font through {@link BitmapText}.
+ * @category UI
+ */
+export type UILabel = Text | BitmapText;
+/** how a widget's label is drawn */
+export interface UILabelOptions {
+    /** what it says */
+    text: string;
+    /**
+     * A CSS font family, or the name of a loaded bitmap font. A name with
+     * both a font image and font data in the loader is drawn as a bitmap
+     * font; anything else is a CSS font.
+     */
+    font: string;
+    /**
+     * the height of the text, in pixels; a bitmap font is scaled to it from
+     * its own line height
+     */
+    fontSize: number;
+    /** the text colour; a bitmap font is tinted with it */
+    fillStyle: string;
+    /** horizontal alignment about the label's position */
+    textAlign: string;
+    /** vertical alignment about the label's position */
+    textBaseline: string;
+}
+//# sourceMappingURL=uilabel.d.ts.map

package/build/renderable/ui/uilabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uilabel.d.ts","sourceRoot":"","sources":["../../../src/renderable/ui/uilabel.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,UAAU,CAAC;AAExC,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC9B,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAC;CACrB"}