@kitten-science/kitten-scientists/lib/ui/InternalsUi.js

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

import { redirectErrorsToConsole } from "@oliversalzburg/js-utils/errors/console.js";
import { ksVersion } from "../KittenScientists.js";
import { Icons } from "../images/Icons.js";
import { ButtonListItem } from "./components/ButtonListItem.js";
import { Container } from "./components/Container.js";
import { Delimiter } from "./components/Delimiter.js";
import { Dialog } from "./components/Dialog.js";
import { LabelListItem } from "./components/LabelListItem.js";
import stylesLabelListItem from "./components/LabelListItem.module.css";
import { OptionsListItem } from "./components/OptionsListItem.js";
import { SettingListItem } from "./components/SettingListItem.js";
import stylesSettingListItem from "./components/SettingListItem.module.css";
import { SettingsList } from "./components/SettingsList.js";
import { SettingsPanel } from "./components/SettingsPanel.js";
import { TextButton } from "./components/TextButton.js";
export class InternalsUi extends SettingsPanel {
    constructor(host, settings, locale) {
        super(host, settings, new LabelListItem(host, host.engine.i18n("ui.internals"), {
            childrenHead: [new Container(host, { classes: [stylesLabelListItem.fillSpace] })],
            classes: [stylesSettingListItem.checked, stylesSettingListItem.setting],
            icon: Icons.Settings,
        }), {
            children: [
                new SettingsList(host, {
                    children: [
                        new ButtonListItem(host, new TextButton(host, host.engine.i18n("ui.internals.interval", [settings.interval]), {
                            onClick: () => {
                                Dialog.prompt(host, host.engine.i18n("ui.internals.interval.prompt"), host.engine.i18n("ui.internals.interval.promptTitle", [
                                    host.renderAbsolute(settings.interval, locale.selected),
                                ]), host.renderAbsolute(settings.interval), host.engine.i18n("ui.internals.interval.promptExplainer"))
                                    .then(value => {
                                    if (value === undefined || value === "" || value.startsWith("-")) {
                                        return;
                                    }
                                    if (value === "0") {
                                        settings.enabled = false;
                                    }
                                    settings.interval = host.parseAbsolute(value) ?? settings.interval;
                                })
                                    .then(() => {
                                    this.refreshUi();
                                })
                                    .catch(redirectErrorsToConsole(console));
                            },
                            onRefresh: (subject) => {
                                subject.element.text(host.engine.i18n("ui.internals.interval", [settings.interval]));
                            },
                        })),
                        new Delimiter(host),
                        new SettingListItem(host, settings.ksColumn, host.engine.i18n("ui.ksColumn"), {
                            onCheck: () => {
                                host.rebuildUi();
                            },
                            onUnCheck: () => {
                                host.rebuildUi();
                            },
                        }),
                        new Delimiter(host),
                        new OptionsListItem(host, host.engine.i18n("ui.language"), settings.locale, {
                            onCheck: () => {
                                host.rebuildUi();
                            },
                        }),
                        new Delimiter(host),
                        new LabelListItem(host, `Kitten Scientists ${ksVersion("v")}`),
                    ],
                    hasDisableAll: false,
                    hasEnableAll: false,
                }),
            ],
        });
    }
}
//# sourceMappingURL=InternalsUi.js.map