@kitten-science/kitten-scientists/lib/ui/components/Input.js

Add-on for the wonderful incremental browser game: https://kittensgame.com/web/

import { UiComponent } from "./UiComponent.js";
export class Input extends UiComponent {
    /**
     * Constructs an input field.
     *
     * @param host - A reference to the host.
     * @param label - The label on the input element.
     * @param options - Options for the UI element.
     */
    constructor(parent, options) {
        super(parent, { ...options });
        this.element = $('<input type="text"/>').addClass("ks-input");
        for (const className of options?.classes ?? []) {
            this.element.addClass(className);
        }
        if (options?.onChange) {
            this.element.on("change", () => options.onChange?.(this.element[0].value));
        }
        if (options?.value) {
            this.element[0].value = options.value;
        }
        if (options?.selected) {
            this.element[0].selectionStart = 0;
            this.element[0].selectionEnd = -1;
        }
        this.element.on("keyup", (event) => {
            switch (event.key) {
                case "Enter":
                    options?.onEnter?.(this.element[0].value);
                    break;
                case "Escape":
                    options?.onEscape?.(this.element[0].value);
                    break;
            }
        });
    }
    toString() {
        return `[${Input.name}#${this.componentId}]`;
    }
}
//# sourceMappingURL=Input.js.map