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

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

import { isNil } from "@oliversalzburg/js-utils/data/nil.js";
import stylesButton from "./components/Button.module.css";
import stylesDelimiter from "./components/Delimiter.module.css";
import { Dialog } from "./components/Dialog.js";
import stylesLabelListItem from "./components/LabelListItem.module.css";
import { SettingsList } from "./components/SettingsList.js";
import { SettingsPanel } from "./components/SettingsPanel.js";
import { SettingTriggerListItem } from "./components/SettingTriggerListItem.js";
export class UpgradeSettingsUi extends SettingsPanel {
    constructor(parent, settings, locale) {
        const label = parent.host.engine.i18n("ui.upgrade.upgrades");
        super(parent, settings, new SettingTriggerListItem(parent, settings, locale, label, {
            onCheck: (_isBatchProcess) => {
                parent.host.engine.imessage("status.auto.enable", [label]);
            },
            onRefreshTrigger() {
                this.triggerButton.element[0].title = parent.host.engine.i18n("ui.trigger", [
                    settings.trigger === -1
                        ? parent.host.engine.i18n("ui.trigger.section.inactive")
                        : parent.host.renderPercentage(settings.trigger, locale.selected, true),
                ]);
            },
            onSetTrigger: async () => {
                const value = await Dialog.prompt(parent, parent.host.engine.i18n("ui.trigger.prompt.percentage"), parent.host.engine.i18n("ui.trigger.section.prompt", [
                    label,
                    settings.trigger !== -1
                        ? parent.host.renderPercentage(settings.trigger, locale.selected, true)
                        : parent.host.engine.i18n("ui.infinity"),
                ]), settings.trigger !== -1 ? parent.host.renderPercentage(settings.trigger) : "", parent.host.engine.i18n("ui.trigger.section.promptExplainer"));
                if (value === undefined) {
                    return;
                }
                if (value === "" || value.startsWith("-")) {
                    settings.trigger = -1;
                    return;
                }
                settings.trigger = parent.host.parsePercentage(value);
            },
            onUnCheck: (_isBatchProcess) => {
                parent.host.engine.imessage("status.auto.disable", [label]);
            },
            renderLabelTrigger: false,
        }), {
            onRefreshRequest: () => {
                this.settingItem.triggerButton.inactive = !settings.enabled || settings.trigger === -1;
                this.settingItem.triggerButton.ineffective =
                    settings.enabled &&
                        settings.trigger < 0 &&
                        Object.values(settings.upgrades).some(_ => _.enabled && _.trigger < 0);
                this.expando.ineffective =
                    settings.enabled && !Object.values(settings.upgrades).some(_ => _.enabled);
            },
        });
        const upgrades = this.host.game.workshop.upgrades.filter(upgrade => !isNil(this.setting.upgrades[upgrade.name]));
        const items = [];
        let lastLabel = upgrades[0].label;
        let lastElement;
        for (const upgrade of upgrades.sort((a, b) => a.label.localeCompare(b.label, locale.selected))) {
            const option = this.setting.upgrades[upgrade.name];
            const element = new SettingTriggerListItem(this, option, locale, upgrade.label, {
                onCheck: () => {
                    this.host.engine.imessage("status.sub.enable", [upgrade.label]);
                },
                onRefreshRequest: () => {
                    element.triggerButton.inactive = !option.enabled || option.trigger === -1;
                    element.triggerButton.ineffective =
                        settings.enabled && option.enabled && settings.trigger === -1 && option.trigger === -1;
                },
                onRefreshTrigger: () => {
                    element.triggerButton.element[0].title = this.host.engine.i18n("ui.trigger", [
                        option.trigger < 0
                            ? settings.trigger < 0
                                ? this.host.engine.i18n("ui.trigger.build.blocked", [label])
                                : `${this.host.renderPercentage(settings.trigger, locale.selected, true)} (${this.host.engine.i18n("ui.trigger.section.inherited")})`
                            : this.host.renderPercentage(option.trigger, locale.selected, true),
                    ]);
                },
                onSetTrigger: async () => {
                    const value = await Dialog.prompt(this, this.host.engine.i18n("ui.trigger.prompt.percentage"), this.host.engine.i18n("ui.trigger.section.prompt", [
                        label,
                        option.trigger !== -1
                            ? this.host.renderPercentage(option.trigger, locale.selected, true)
                            : this.host.engine.i18n("ui.trigger.section.inherited"),
                    ]), option.trigger !== -1 ? this.host.renderPercentage(option.trigger) : "", this.host.engine.i18n("ui.trigger.section.promptExplainer"));
                    if (value === undefined) {
                        return;
                    }
                    if (value === "" || value.startsWith("-")) {
                        option.trigger = -1;
                        return;
                    }
                    option.trigger = this.host.parsePercentage(value);
                },
                onUnCheck: () => {
                    this.host.engine.imessage("status.sub.disable", [upgrade.label]);
                },
                renderLabelTrigger: false,
            });
            element.triggerButton.element.addClass(stylesButton.lastHeadAction);
            if (this.host.engine.localeSupportsFirstLetterSplits(locale.selected)) {
                if (lastLabel[0] !== upgrade.label[0]) {
                    if (!isNil(lastElement)) {
                        lastElement.element.addClass(stylesDelimiter.delimiter);
                    }
                    element.element.addClass(stylesLabelListItem.splitter);
                }
            }
            lastElement = element;
            items.push(element);
            lastLabel = upgrade.label;
        }
        this.addChildContent(new SettingsList(this).addChildren(items));
    }
}
//# sourceMappingURL=UpgradeSettingsUi.js.map