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

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

import { isNil } from "@oliversalzburg/js-utils/data/nil.js";
import { Container } from "./components/Container.js";
import stylesLabelListItem from "./components/LabelListItem.module.css";
import { SettingListItem } from "./components/SettingListItem.js";
import { SettingsList } from "./components/SettingsList.js";
import { SettingsPanel } from "./components/SettingsPanel.js";
export class PolicySettingsUi extends SettingsPanel {
    constructor(host, settings, locale, sectionSetting, options) {
        const label = host.engine.i18n("ui.upgrade.policies");
        super(host, settings, new SettingListItem(host, settings, label, {
            childrenHead: [new Container(host, { classes: [stylesLabelListItem.fillSpace] })],
            onCheck: () => {
                host.engine.imessage("status.auto.enable", [label]);
                this.refreshUi();
                options?.onCheck?.();
            },
            onUnCheck: () => {
                host.engine.imessage("status.auto.disable", [label]);
                this.refreshUi();
                options?.onUnCheck?.();
            },
            onRefresh: _item => {
                this.expando.ineffective =
                    sectionSetting.enabled &&
                        settings.enabled &&
                        !Object.values(settings.policies).some(policy => policy.enabled);
            },
        }), options);
        const policies = host.game.science.policies.filter(policy => !isNil(this.setting.policies[policy.name]));
        const items = [];
        let lastLabel = policies[0].label;
        for (const policy of policies.sort((a, b) => a.label.localeCompare(b.label, locale.selected))) {
            const option = this.setting.policies[policy.name];
            const element = new SettingListItem(host, option, policy.label, {
                onCheck: () => {
                    host.engine.imessage("status.sub.enable", [policy.label]);
                    this.refreshUi();
                },
                onUnCheck: () => {
                    host.engine.imessage("status.sub.disable", [policy.label]);
                    this.refreshUi();
                },
            });
            if (host.engine.localeSupportsFirstLetterSplits(locale.selected)) {
                if (lastLabel[0] !== policy.label[0]) {
                    element.element.addClass(stylesLabelListItem.splitter);
                }
            }
            items.push(element);
            lastLabel = policy.label;
        }
        this.addChild(new SettingsList(host, { children: items }));
    }
}
//# sourceMappingURL=PolicySettingsUi.js.map