@kitten-science/kitten-scientists 2.0.0-beta.10-20250403-28002ba → 2.0.0-beta.10-20250407-52a10b3

package/lib/ui/components/SettingsList.js

@@ -24,8 +24,8 @@ export class SettingsList extends UiComponent {
      * @param host A reference to the host.
      * @param options Which tools should be available on the list?
      */
-    constructor(host, options = {}) {
-        super(host, { ...options, children: [] });
+    constructor(parent, options) {
+        super(parent, { ...options });
         const toolOptions = {
             hasDisableAll: true,
             hasEnableAll: true,
@@ -38,8 +38,7 @@ export class SettingsList extends UiComponent {
         if (hasTools) {
             const tools = $("<div/>").addClass(styles.listTools);
             if (toolOptions.hasEnableAll) {
-                const onEnableAll = options.onEnableAll;
-                this.enableAllButton = new IconButton(this._host, Icons.CheckboxCheck, host.engine.i18n("ui.enable.all"), {
+                this.enableAllButton = new IconButton(parent, Icons.CheckboxCheck, parent.host.engine.i18n("ui.enable.all"), {
                     onClick: () => {
                         const event = new Event("enableAll", { cancelable: true });
                         this.dispatchEvent(event);
@@ -51,17 +50,14 @@ export class SettingsList extends UiComponent {
                                 child.check(true);
                             }
                         }
-                        if (!isNil(onEnableAll)) {
-                            onEnableAll();
-                        }
-                        this.refreshUi();
+                        options?.onEnableAll?.call(this);
+                        this.requestRefresh();
                     },
                 });
                 tools.append(this.enableAllButton.element);
             }
             if (toolOptions.hasDisableAll) {
-                const onDisableAll = options.onDisableAll;
-                this.disableAllButton = new IconButton(this._host, Icons.CheckboxUnCheck, host.engine.i18n("ui.disable.all"));
+                this.disableAllButton = new IconButton(parent, Icons.CheckboxUnCheck, parent.host.engine.i18n("ui.disable.all"));
                 this.disableAllButton.element.on("click", () => {
                     const event = new Event("disableAll", { cancelable: true });
                     this.dispatchEvent(event);
@@ -73,16 +69,14 @@ export class SettingsList extends UiComponent {
                             child.uncheck();
                         }
                     }
-                    if (!isNil(onDisableAll)) {
-                        onDisableAll();
-                    }
-                    this.refreshUi();
+                    options?.onDisableAll?.call(this);
+                    this.requestRefresh();
                 });
                 tools.append(this.disableAllButton.element);
             }
             const onReset = toolOptions.onReset;
             if (!isNil(onReset)) {
-                this.resetButton = new IconButton(this._host, Icons.Reset, host.engine.i18n("ui.reset"), {
+                this.resetButton = new IconButton(parent, Icons.Reset, parent.host.engine.i18n("ui.reset"), {
                     onClick: () => {
                         onReset();
                     },
@@ -92,11 +86,15 @@ export class SettingsList extends UiComponent {
             container.append(tools);
         }
         this.element = container;
-        this.addChildren(options.children);
+    }
+    toString() {
+        return `[${SettingsList.name}#${this.componentId}]`;
     }
     addChild(child) {
+        child.parent = this;
         this.children.add(child);
         this.list.append(child.element);
+        return this;
     }
 }
 //# sourceMappingURL=SettingsList.js.map

package/lib/ui/components/SettingsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsList.js","sourceRoot":"","sources":["../../../source/ui/components/SettingsList.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsList.js","sourceRoot":"","sources":["../../../source/ui/components/SettingsList.ts"],"names":[],"mappings":"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"}

package/lib/ui/components/SettingsPanel.d.ts

@@ -1,21 +1,21 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import type { Setting } from "../../settings/Settings.js";
-import { CollapsiblePanel, type PanelOptions } from "./CollapsiblePanel.js";
+import { CollapsiblePanel, type CollapsiblePanelOptions } from "./CollapsiblePanel.js";
 import type { LabelListItem } from "./LabelListItem.js";
 import type { SettingListItem } from "./SettingListItem.js";
-export type SettingsPanelOptions<TListItem extends LabelListItem = LabelListItem> = PanelOptions & {
-    readonly settingItem: TListItem;
+import type { UiComponent } from "./UiComponent.js";
+export type SettingsPanelOptions<TListItem extends LabelListItem = LabelListItem> = ThisType<SettingsPanel> & CollapsiblePanelOptions & {
+    readonly settingItem?: TListItem;
 };
 export declare class SettingsPanel<TSetting extends Setting = Setting, TListItem extends LabelListItem = LabelListItem> extends CollapsiblePanel implements SettingListItem {
+    readonly options: SettingsPanelOptions<TListItem>;
     readonly setting: TSetting;
     readonly settingItem: TListItem;
     get isExpanded(): boolean;
     get elementLabel(): JQuery<HTMLElement>;
-    get head(): LabelListItem<import("./LabelListItem.js").LabelListItemOptions<import("./UiComponent.js").UiComponent<import("./UiComponent.js").UiComponentOptions<import("./UiComponent.js").UiComponentInterface>>>>;
     get readOnly(): boolean;
     set readOnly(_value: boolean);
-    check(): void;
-    uncheck(): void;
+    check(): Promise<void>;
+    uncheck(): Promise<void>;
     /**
      * Constructs a settings panel that is used to contain a major section of the UI.
      *
@@ -24,6 +24,7 @@ export declare class SettingsPanel<TSetting extends Setting = Setting, TListItem
      * @param setting - An setting for which this is the settings panel.
      * @param options - Options for this panel.
      */
-    constructor(host: KittenScientists, setting: TSetting, settingItem: TListItem, options?: Partial<SettingsPanelOptions<TListItem>>);
+    constructor(parent: UiComponent, setting: TSetting, settingItem: TListItem, options?: SettingsPanelOptions<TListItem>);
+    toString(): string;
 }
 //# sourceMappingURL=SettingsPanel.d.ts.map

package/lib/ui/components/SettingsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../source/ui/components/SettingsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,oBAAoB,CAAC,SAAS,SAAS,aAAa,GAAG,aAAa,IAAI,YAAY,GAAG;IACjG,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;CACjC,CAAC;AAEF,qBAAa,aAAa,CACtB,QAAQ,SAAS,OAAO,GAAG,OAAO,EAClC,SAAS,SAAS,aAAa,GAAG,aAAa,CAEjD,SAAQ,gBACR,YAAW,eAAe;IAE1B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;IAEhC,IAAI,UAAU,YAEb;IAGD,IAAI,YAAY,wBAEf;IACD,IAAI,IAAI,6MAEP;IAED,IAAI,QAAQ,IAGS,OAAO,CAD3B;IACD,IAAI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAE3B;IAED,KAAK;IAKL,OAAO;IAKP;;;;;;;OAOG;gBAED,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,SAAS,EACtB,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;CAOrD"}
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../source/ui/components/SettingsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,oBAAoB,CAAC,SAAS,SAAS,aAAa,GAAG,aAAa,IAC9E,QAAQ,CAAC,aAAa,CAAC,GACrB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;CAClC,CAAC;AAEN,qBAAa,aAAa,CACtB,QAAQ,SAAS,OAAO,GAAG,OAAO,EAClC,SAAS,SAAS,aAAa,GAAG,aAAa,CAEjD,SAAQ,gBACR,YAAW,eAAe;IAE1B,SAAiB,OAAO,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC1D,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;IAEhC,IAAI,UAAU,YAEb;IAGD,IAAI,YAAY,wBAEf;IAED,IAAI,QAAQ,IAGS,OAAO,CAD3B;IACD,IAAI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAE3B;IAEK,KAAK;IAKL,OAAO;IAKb;;;;;;;OAOG;gBAED,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,SAAS,EACtB,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC;IAQ3C,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/SettingsPanel.js

@@ -7,10 +7,7 @@ export class SettingsPanel extends CollapsiblePanel {
     }
     // SettingListItem interface
     get elementLabel() {
-        return this._head.element;
-    }
-    get head() {
-        return this._head;
+        return this.head.element;
     }
     get readOnly() {
         return true;
@@ -18,13 +15,13 @@ export class SettingsPanel extends CollapsiblePanel {
     set readOnly(_value) {
         /* noop */
     }
-    check() {
+    async check() {
         this.setting.enabled = true;
-        this.refreshUi();
+        this.requestRefresh();
     }
-    uncheck() {
+    async uncheck() {
         this.setting.enabled = false;
-        this.refreshUi();
+        this.requestRefresh();
     }
     /**
      * Constructs a settings panel that is used to contain a major section of the UI.
@@ -34,10 +31,13 @@ export class SettingsPanel extends CollapsiblePanel {
      * @param setting - An setting for which this is the settings panel.
      * @param options - Options for this panel.
      */
-    constructor(host, setting, settingItem, options) {
-        super(host, settingItem, options);
+    constructor(parent, setting, settingItem, options) {
+        super(parent, settingItem, options);
         this.settingItem = settingItem;
         this.setting = setting;
     }
+    toString() {
+        return `[${SettingsPanel.name}#${this.componentId}]: '${this.settingItem.elementLabel.text()}'`;
+    }
 }
 //# sourceMappingURL=SettingsPanel.js.map

package/lib/ui/components/SettingsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../source/ui/components/SettingsPanel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAQ5E,MAAM,OAAO,aAIX,SAAQ,gBAAgB;IAGf,OAAO,CAAW;IAClB,WAAW,CAAY;IAEhC,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAED,4BAA4B;IAC5B,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAC5B,CAAC;IACD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,QAAQ,CAAC,MAAe;QAC1B,UAAU;IACZ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED;;;;;;;OAOG;IACH,YACE,IAAsB,EACtB,OAAiB,EACjB,WAAsB,EACtB,OAAkD;QAElD,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAElC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF"}
+{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../source/ui/components/SettingsPanel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAgC,MAAM,uBAAuB,CAAC;AAWvF,MAAM,OAAO,aAIX,SAAQ,gBAAgB;IAIf,OAAO,CAAW;IAClB,WAAW,CAAY;IAEhC,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAED,4BAA4B;IAC5B,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAC3B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,QAAQ,CAAC,MAAe;QAC1B,UAAU;IACZ,CAAC;IAED,KAAK,CAAC,KAAK;QACT,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED;;;;;;;OAOG;IACH,YACE,MAAmB,EACnB,OAAiB,EACjB,WAAsB,EACtB,OAAyC;QAEzC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,aAAa,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC;IAClG,CAAC;CACF"}

package/lib/ui/components/TextButton.d.ts

@@ -1,14 +1,14 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
-export type TextButtonOptions = UiComponentOptions & {
-    readonly title: string;
-    readonly onClick: () => void;
+export type TextButtonOptions = ThisType<TextButton> & UiComponentOptions & {
+    readonly title?: string;
+    readonly onClick?: (event?: MouseEvent) => void | Promise<void>;
 };
 export declare class TextButton extends UiComponent {
+    readonly options: TextButtonOptions;
     readonly element: JQuery;
     readOnly: boolean;
-    constructor(host: KittenScientists, label?: string, options?: Partial<TextButtonOptions>);
-    click(): void;
-    refreshUi(): void;
+    constructor(parent: UiComponent, label?: string, options?: TextButtonOptions);
+    toString(): string;
+    click(): void | Promise<void>;
 }
 //# sourceMappingURL=TextButton.d.ts.map

package/lib/ui/components/TextButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../source/ui/components/TextButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,qBAAa,UAAW,SAAQ,WAAW;IACzC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;gBAEN,IAAI,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAsB/E,KAAK;IAQL,SAAS,IAAI,IAAI;CAS3B"}
+{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../source/ui/components/TextButton.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,UAAU,CAAC,GAClD,kBAAkB,GAAG;IACnB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjE,CAAC;AAEJ,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAiB,OAAO,EAAE,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;gBAEN,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,iBAAiB;IA8B5E,QAAQ,IAAI,MAAM;IAIlB,KAAK;CASN"}

package/lib/ui/components/TextButton.js

@@ -5,8 +5,18 @@ import { UiComponent } from "./UiComponent.js";
 export class TextButton extends UiComponent {
     element;
     readOnly;
-    constructor(host, label, options) {
-        super(host, options);
+    constructor(parent, label, options) {
+        super(parent, {
+            ...options,
+            onRefresh: () => {
+                if (this.readOnly) {
+                    this.element.addClass(stylesButton.readonly);
+                }
+                else {
+                    this.element.removeClass(stylesButton.readonly);
+                }
+            },
+        });
         const element = $("<div/>").addClass(styles.textButton);
         if (label !== undefined) {
             element.text(label);
@@ -16,26 +26,20 @@ export class TextButton extends UiComponent {
             element.prop("title", title);
         }
         this.element = element;
-        this.addChildren(options?.children);
         this.readOnly = false;
         this.element.on("click", () => {
             this.click();
         });
     }
+    toString() {
+        return `[${TextButton.name}#${this.componentId}]`;
+    }
     click() {
         if (this.readOnly) {
             return;
         }
-        super.click();
-    }
-    refreshUi() {
-        super.refreshUi();
-        if (this.readOnly) {
-            this.element.addClass(stylesButton.readonly);
-        }
-        else {
-            this.element.removeClass(stylesButton.readonly);
-        }
+        this.requestRefresh();
+        return this.options?.onClick?.call(this);
     }
 }
 //# sourceMappingURL=TextButton.js.map

package/lib/ui/components/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../source/ui/components/TextButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAOxE,MAAM,OAAO,UAAW,SAAQ,WAAW;IAChC,OAAO,CAAS;IACzB,QAAQ,CAAU;IAElB,YAAY,IAAsB,EAAE,KAAc,EAAE,OAAoC;QACtF,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QAED,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEtB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,KAAK;QACZ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAEQ,SAAS;QAChB,KAAK,CAAC,SAAS,EAAE,CAAC;QAElB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../source/ui/components/TextButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAQxE,MAAM,OAAO,UAAW,SAAQ,WAAW;IAEhC,OAAO,CAAS;IACzB,QAAQ,CAAU;IAElB,YAAY,MAAmB,EAAE,KAAc,EAAE,OAA2B;QAC1E,KAAK,CAAC,MAAM,EAAE;YACZ,GAAG,OAAO;YACV,SAAS,EAAE,GAAG,EAAE;gBACd,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC/C,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAClD,CAAC;YACH,CAAC;SACF,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QAED,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEtB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,UAAU,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IACpD,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;CACF"}

package/lib/ui/components/ToolbarListItem.d.ts

@@ -1,11 +1,12 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import type { Button } from "./Button.js";
 import type { IconButton } from "./IconButton.js";
 import { ListItem, type ListItemOptions } from "./ListItem.js";
 import type { UiComponent } from "./UiComponent.js";
-export declare class ToolbarListItem<TOptions extends ListItemOptions<UiComponent> = ListItemOptions<UiComponent>> extends ListItem {
-    readonly buttons: Array<Button | IconButton>;
-    constructor(host: KittenScientists, buttons: Array<Button | IconButton>, options?: Partial<TOptions>);
-    refreshUi(): void;
+export type ToolbarListItemOptions = ThisType<ToolbarListItem> & ListItemOptions;
+export declare class ToolbarListItem extends ListItem {
+    readonly options: ToolbarListItemOptions;
+    constructor(parent: UiComponent, options?: ToolbarListItemOptions);
+    toString(): string;
+    addChild(child: Button | IconButton): this;
 }
 //# sourceMappingURL=ToolbarListItem.d.ts.map

package/lib/ui/components/ToolbarListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ToolbarListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,qBAAa,eAAe,CAC1B,QAAQ,SAAS,eAAe,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,WAAW,CAAC,CAC5E,SAAQ,QAAQ;IAChB,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;gBAG3C,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,EACnC,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;IAW7B,SAAS,IAAI,IAAI;CAOlB"}
+{"version":3,"file":"ToolbarListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ToolbarListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;AAEjF,qBAAa,eAAgB,SAAQ,QAAQ;IAC3C,SAAiB,OAAO,EAAE,sBAAsB,CAAC;gBAErC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,sBAAsB;IAMjE,QAAQ,IAAI,MAAM;IAIT,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;CAGpD"}

package/lib/ui/components/ToolbarListItem.js

@@ -1,20 +1,15 @@
 import { ListItem } from "./ListItem.js";
 import styles from "./ToolbarListItem.module.css";
 export class ToolbarListItem extends ListItem {
-    buttons;
-    constructor(host, buttons, options) {
-        super(host, options);
+    constructor(parent, options) {
+        super(parent, options);
         this.element.addClass(styles.toolbar);
-        this.buttons = buttons;
-        for (const button of buttons) {
-            this.element.append(button.element);
-        }
     }
-    refreshUi() {
-        super.refreshUi();
-        for (const button of this.buttons) {
-            button.refreshUi();
-        }
+    toString() {
+        return `[${ToolbarListItem.name}#${this.componentId}]`;
+    }
+    addChild(child) {
+        return super.addChild(child);
     }
 }
 //# sourceMappingURL=ToolbarListItem.js.map

package/lib/ui/components/ToolbarListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ToolbarListItem.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAC/D,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAGlD,MAAM,OAAO,eAEX,SAAQ,QAAQ;IACP,OAAO,CAA6B;IAE7C,YACE,IAAsB,EACtB,OAAmC,EACnC,OAA2B;QAE3B,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,SAAS;QACP,KAAK,CAAC,SAAS,EAAE,CAAC;QAElB,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClC,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"ToolbarListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ToolbarListItem.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAC/D,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAKlD,MAAM,OAAO,eAAgB,SAAQ,QAAQ;IAG3C,YAAY,MAAmB,EAAE,OAAgC;QAC/D,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IACzD,CAAC;IAEQ,QAAQ,CAAC,KAA0B;QAC1C,OAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;CACF"}

package/lib/ui/components/UiComponent.d.ts

@@ -1,27 +1,35 @@
 import type { KittenScientists } from "../../KittenScientists.js";
 export type UiComponentInterface = EventTarget & {
+    readonly children: Iterable<UiComponentInterface>;
+    parent: UiComponentInterface | null;
     get element(): JQuery;
-    refreshUi(): void;
+    requestRefresh(withChildren?: boolean, depth?: number): void;
+    refresh(force?: boolean, depth?: number): void;
 };
-export type UiComponentOptions<TChild extends UiComponentInterface = UiComponentInterface> = {
-    readonly children: Array<TChild>;
-    readonly classes: Array<string>;
-    readonly onClick: (subject: UiComponent) => void;
-    readonly onRefresh: (subject: UiComponent) => void;
+export type UiComponentOptions = {
+    length?: never;
+    readonly onRefresh?: () => void;
 };
-export declare abstract class UiComponent<TOptions extends UiComponentOptions = UiComponentOptions> extends EventTarget implements UiComponentInterface {
+export declare abstract class UiComponent extends EventTarget implements UiComponentInterface {
+    private static nextComponentId;
+    readonly componentId: number;
     /**
      * A reference to the host itself.
      */
-    protected readonly _host: KittenScientists;
-    protected readonly _options: Partial<TOptions>;
+    readonly host: KittenScientists;
+    parent: UiComponent | null;
+    readonly options: UiComponentOptions | undefined;
     /**
      * The main DOM element for this component, in a JQuery wrapper.
      */
     abstract readonly element: JQuery;
-    readonly children: Set<TOptions["children"][0]>;
-    protected readonly _onClick: TOptions["onClick"] | undefined;
-    protected readonly _onRefresh: TOptions["onRefresh"] | undefined;
+    /**
+     * NOTE: It is intentional that all children are of the most fundamental base type.
+     * If a more specifically typed reference for a child is required, it should be stored
+     * on construction.
+     * The 'children' set is intended only for inter-component orchestration.
+     */
+    readonly children: Set<UiComponentInterface>;
     /**
      * Constructs the base `UiComponent`.
      * Subclasses MUST add children from options when `this.element` is constructed.
@@ -29,12 +37,16 @@ export declare abstract class UiComponent<TOptions extends UiComponentOptions =
      * @param host A reference to the host.
      * @param options The options for this component.
      */
-    constructor(host: KittenScientists, options?: Partial<TOptions>);
-    click(): void;
-    refreshUi(): void;
-    addChild(child: TOptions["children"][0]): void;
-    addChildren(children?: Iterable<TOptions["children"][0]>): void;
-    removeChild(child: TOptions["children"][0]): void;
-    removeChildren(children: Iterable<TOptions["children"][0]>): void;
+    constructor(parent: UiComponent | {
+        host: KittenScientists;
+    }, options?: UiComponentOptions);
+    abstract toString(): string;
+    protected _needsRefresh: boolean;
+    requestRefresh(withChildren?: boolean, depth?: number): void;
+    refresh(force?: boolean, depth?: number): void;
+    addChild(child: UiComponentInterface): this;
+    addChildren(children?: Iterable<UiComponentInterface>): this;
+    removeChild(child: UiComponentInterface): void;
+    removeChildren(children: Iterable<UiComponentInterface>): void;
 }
 //# sourceMappingURL=UiComponent.d.ts.map

package/lib/ui/components/UiComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponent.d.ts","sourceRoot":"","sources":["../../../source/ui/components/UiComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,IAAI,OAAO,IAAI,MAAM,CAAC;IACtB,SAAS,IAAI,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,oBAAoB,GAAG,oBAAoB,IAAI;IAC3F,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,8BAAsB,WAAW,CAAC,QAAQ,SAAS,kBAAkB,GAAG,kBAAkB,CACxF,SAAQ,WACR,YAAW,oBAAoB;IAE/B;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAE3C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/C;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAElC,QAAQ,CAAC,QAAQ,+BAAsC;IAEvD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7D,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IAEjE;;;;;;OAMG;gBACS,IAAI,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;IAQ/D,KAAK;IAIL,SAAS;IAWT,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAIvC,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAMxD,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAQ1C,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;CAK3D"}
+{"version":3,"file":"UiComponent.d.ts","sourceRoot":"","sources":["../../../source/ui/components/UiComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAClD,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,IAAI,OAAO,IAAI,MAAM,CAAC;IACtB,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,8BAAsB,WAAY,SAAQ,WAAY,YAAW,oBAAoB;IACnF,OAAO,CAAC,MAAM,CAAC,eAAe,CAAK;IACnC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAE3B,QAAQ,CAAC,OAAO,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAElC;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,4BAAmC;IAEpD;;;;;;OAMG;gBACS,MAAM,EAAE,WAAW,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAA;KAAE,EAAE,OAAO,CAAC,EAAE,kBAAkB;IAU1F,QAAQ,CAAC,QAAQ,IAAI,MAAM;IAE3B,SAAS,CAAC,aAAa,UAAC;IACxB,cAAc,CAAC,YAAY,UAAQ,EAAE,KAAK,SAAI;IAsC9C,OAAO,CAAC,KAAK,UAAQ,EAAE,KAAK,SAAI;IAyChC,QAAQ,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI;IAM3C,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,IAAI;IAO5D,WAAW,CAAC,KAAK,EAAE,oBAAoB;IAQvC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,oBAAoB,CAAC;CAKxD"}

package/lib/ui/components/UiComponent.js

@@ -1,13 +1,20 @@
 import { cl } from "../../tools/Log.js";
 export class UiComponent extends EventTarget {
+    static nextComponentId = 0;
+    componentId;
     /**
      * A reference to the host itself.
      */
-    _host;
-    _options;
+    host;
+    parent;
+    options;
+    /**
+     * NOTE: It is intentional that all children are of the most fundamental base type.
+     * If a more specifically typed reference for a child is required, it should be stored
+     * on construction.
+     * The 'children' set is intended only for inter-component orchestration.
+     */
     children = new Set();
-    _onClick;
-    _onRefresh;
     /**
      * Constructs the base `UiComponent`.
      * Subclasses MUST add children from options when `this.element` is constructed.
@@ -15,35 +22,93 @@ export class UiComponent extends EventTarget {
      * @param host A reference to the host.
      * @param options The options for this component.
      */
-    constructor(host, options) {
+    constructor(parent, options) {
         super();
-        this._host = host;
-        this._options = options ?? {};
-        this._onClick = options?.onClick;
-        this._onRefresh = options?.onRefresh;
+        this.componentId = UiComponent.nextComponentId++;
+        this.host = parent.host;
+        this.options = options;
+        this.parent = parent instanceof UiComponent ? parent : null;
+        this._needsRefresh = false;
     }
-    click() {
-        this._onClick?.(this);
-    }
-    refreshUi() {
-        this._onRefresh?.(this);
-        for (const child of this.children) {
-            try {
-                child.refreshUi();
+    _needsRefresh;
+    requestRefresh(withChildren = false, depth = 0) {
+        if (depth === 0) {
+            console.info(...cl(this.toString(), "requestRefresh() received."));
+        }
+        // WARNING: Enable this section only during refresh logic debugging!
+        //          When this was implemented, a full refresh logged 16K messages.
+        //          Even when these are filtered from the JS console, there are
+        //          noticeable performance issues. DO NOT ENABLE THIS UNLESS YOU NEED TO.
+        /*
+        console.debug(
+          ...cl(
+            depth < 0 ? "⤒".repeat(depth * -1) : " ".repeat(depth),
+            this.toString(),
+            "requestRefresh",
+            withChildren ? "with children" : "on self",
+          ),
+        );
+        */
+        if (withChildren) {
+            for (const child of this.children) {
+                child.requestRefresh(withChildren, depth + 1);
             }
-            catch (error) {
-                console.error(...cl("Error while refreshing child component!", error));
+        }
+        if (this._needsRefresh) {
+            return;
+        }
+        this._needsRefresh = true;
+        this.parent?.requestRefresh(false, depth - 1);
+        if (depth === 0) {
+            console.info(...cl(this.toString(), "requestRefresh() complete."));
+        }
+    }
+    refresh(force = false, depth = 0) {
+        if (!force && !this._needsRefresh) {
+            if (depth === 0) {
+                console.info(...cl(this.toString(), "refresh() received and ignored."));
             }
+            return;
+        }
+        if (depth === 0) {
+            console.info(...cl(this.toString(), "refresh() received."));
+        }
+        // WARNING: Enable this section only during refresh logic debugging!
+        //          When this was implemented, a full refresh logged 16K messages.
+        //          Even when these are filtered from the JS console, there are
+        //          noticeable performance issues. DO NOT ENABLE THIS UNLESS YOU NEED TO.
+        /*
+        if (!force) {
+          console.debug(
+            ...cl(
+              depth < 0 ? "⤒".repeat(depth * -1) : " ".repeat(depth),
+              this.toString(),
+              "refresh",
+              typeof this.options?.onRefresh !== "undefined" ? "with onRefresh()" : "",
+            ),
+          );
+        }
+        */
+        this.options?.onRefresh?.call(this);
+        for (const child of this.children) {
+            child.refresh(force, depth + 1);
+        }
+        this._needsRefresh = false;
+        if (depth === 0) {
+            console.info(...cl(this.toString(), "refresh() complete."));
         }
     }
     addChild(child) {
+        child.parent = this;
         this.children.add(child);
         this.element.append(child.element);
+        return this;
     }
     addChildren(children) {
         for (const child of children ?? []) {
             this.addChild(child);
         }
+        return this;
     }
     removeChild(child) {
         if (!this.children.has(child)) {

package/lib/ui/components/UiComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponent.js","sourceRoot":"","sources":["../../../source/ui/components/UiComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAcxC,MAAM,OAAgB,WACpB,SAAQ,WAAW;IAGnB;;OAEG;IACgB,KAAK,CAAmB;IAExB,QAAQ,CAAoB;IAOtC,QAAQ,GAAG,IAAI,GAAG,EAA2B,CAAC;IAEpC,QAAQ,CAAkC;IAC1C,UAAU,CAAoC;IAEjE;;;;;;OAMG;IACH,YAAY,IAAsB,EAAE,OAA2B;QAC7D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,OAAO,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,OAAO,EAAE,SAAS,CAAC;IACvC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;QACxB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC;gBACH,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC,CAAC;YACzE,CAAC;QACH,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,KAA8B;QACrC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IACD,WAAW,CAAC,QAA4C;QACtD,KAAK,MAAM,KAAK,IAAI,QAAQ,IAAI,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAA8B;QACxC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IACD,cAAc,CAAC,QAA2C;QACxD,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"UiComponent.js","sourceRoot":"","sources":["../../../source/ui/components/UiComponent.ts"],"names":[],"mappings":"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"}

package/lib/ui/components/WorkshopCraftListItem.d.ts

@@ -1,20 +1,21 @@
 import type { SupportedLocale } from "../../Engine.js";
-import type { KittenScientists } from "../../KittenScientists.js";
 import type { SettingOptions } from "../../settings/Settings.js";
 import type { CraftSettingsItem } from "../../settings/WorkshopSettings.js";
-import type { SettingListItemOptionsLimited } from "./SettingLimitedListItem.js";
-import { SettingListItem, type SettingListItemOptions } from "./SettingListItem.js";
-import type { SettingListItemOptionsMax } from "./SettingMaxListItem.js";
-import type { SettingListItemOptionsTrigger } from "./SettingTriggerListItem.js";
-import type { UiComponent } from "./UiComponent.js";
 import { LimitedButton } from "./buttons/LimitedButton.js";
 import { MaxButton } from "./buttons/MaxButton.js";
 import { TriggerButton } from "./buttons/TriggerButton.js";
-export declare class WorkshopCraftListItem<TOptions extends SettingListItemOptions<UiComponent> & SettingListItemOptionsLimited & SettingListItemOptionsMax & SettingListItemOptionsTrigger = SettingListItemOptions<UiComponent> & SettingListItemOptionsLimited & SettingListItemOptionsMax & SettingListItemOptionsTrigger> extends SettingListItem<CraftSettingsItem> {
+import type { SettingLimitedListItemOptions } from "./SettingLimitedListItem.js";
+import { SettingListItem, type SettingListItemOptions } from "./SettingListItem.js";
+import type { SettingMaxListItemOptions } from "./SettingMaxListItem.js";
+import type { SettingTriggerListItemOptions } from "./SettingTriggerListItem.js";
+import type { UiComponent } from "./UiComponent.js";
+export type WorkshopCraftListItemOptions = SettingListItemOptions & SettingLimitedListItemOptions & SettingMaxListItemOptions & SettingTriggerListItemOptions & ThisType<WorkshopCraftListItem>;
+export declare class WorkshopCraftListItem extends SettingListItem<CraftSettingsItem> {
+    readonly options: WorkshopCraftListItemOptions;
     readonly limitedButton: LimitedButton;
     readonly maxButton: MaxButton;
     readonly triggerButton: TriggerButton;
-    constructor(host: KittenScientists, setting: CraftSettingsItem, locale: SettingOptions<SupportedLocale>, label: string, options?: Partial<TOptions>);
-    refreshUi(): void;
+    constructor(parent: UiComponent, setting: CraftSettingsItem, locale: SettingOptions<SupportedLocale>, label: string, options: WorkshopCraftListItemOptions);
+    toString(): string;
 }
 //# sourceMappingURL=WorkshopCraftListItem.d.ts.map