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

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

@@ -1,7 +1,8 @@
 import type { TranslatedString } from "../../Engine.js";
-import type { KittenScientists } from "../../KittenScientists.js";
 import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
+export type ExplainerListItemOptions<TKittenGameLiteral extends `$${string}`> = UiComponentOptions & ThisType<ExplainerListItem<TKittenGameLiteral>>;
 export declare class ExplainerListItem<TKittenGameLiteral extends `$${string}`> extends UiComponent {
+    readonly options: ExplainerListItemOptions<TKittenGameLiteral>;
     readonly element: JQuery;
     /**
      * Construct an element to explain an area of the UI.
@@ -11,6 +12,7 @@ export declare class ExplainerListItem<TKittenGameLiteral extends `$${string}`>
      * @param key - The i18n key for the text to appear on the element.
      * @param options - Options for this explainer.
      */
-    constructor(host: KittenScientists, key: TranslatedString<TKittenGameLiteral>, options?: Partial<UiComponentOptions>);
+    constructor(parent: UiComponent, key: TranslatedString<TKittenGameLiteral>, options?: ExplainerListItemOptions<TKittenGameLiteral>);
+    toString(): string;
 }
 //# sourceMappingURL=ExplainerListItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExplainerListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ExplainerListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,qBAAa,iBAAiB,CAAC,kBAAkB,SAAS,IAAI,MAAM,EAAE,CAAE,SAAQ,WAAW;IACzF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;;;OAOG;gBAED,IAAI,EAAE,gBAAgB,EACtB,GAAG,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EACzC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC;CASxC"}
+{"version":3,"file":"ExplainerListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ExplainerListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,IAAI,MAAM,EAAE,IAAI,kBAAkB,GAChG,QAAQ,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAElD,qBAAa,iBAAiB,CAAC,kBAAkB,SAAS,IAAI,MAAM,EAAE,CAAE,SAAQ,WAAW;IACzF,SAAiB,OAAO,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IACvE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;;;OAOG;gBAED,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EACzC,OAAO,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC;IASxD,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/ExplainerListItem.js

@@ -10,11 +10,13 @@ export class ExplainerListItem extends UiComponent {
      * @param key - The i18n key for the text to appear on the element.
      * @param options - Options for this explainer.
      */
-    constructor(host, key, options) {
-        super(host);
-        const element = $("<li/>", { text: host.engine.i18n(key) }).addClass(styles.explainer);
+    constructor(parent, key, options) {
+        super(parent, { ...options });
+        const element = $("<li/>", { text: parent.host.engine.i18n(key) }).addClass(styles.explainer);
         this.element = element;
-        this.addChildren(options?.children);
+    }
+    toString() {
+        return `[${ExplainerListItem.name}#${this.componentId}]`;
     }
 }
 //# sourceMappingURL=ExplainerListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExplainerListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ExplainerListItem.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAExE,MAAM,OAAO,iBAA2D,SAAQ,WAAW;IAChF,OAAO,CAAS;IAEzB;;;;;;;OAOG;IACH,YACE,IAAsB,EACtB,GAAyC,EACzC,OAAqC;QAErC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAEvF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"ExplainerListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ExplainerListItem.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAKxE,MAAM,OAAO,iBAA2D,SAAQ,WAAW;IAEhF,OAAO,CAAS;IAEzB;;;;;;;OAOG;IACH,YACE,MAAmB,EACnB,GAAyC,EACzC,OAAsD;QAEtD,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAE9F,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,iBAAiB,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IAC3D,CAAC;CACF"}

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

@@ -1,9 +1,9 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
-export type FieldsetOptions = UiComponentOptions & {
-    readonly delimiter: boolean;
+export type FieldsetOptions = ThisType<Fieldset> & UiComponentOptions & {
+    readonly delimiter?: boolean;
 };
 export declare class Fieldset extends UiComponent {
+    readonly options: FieldsetOptions;
     readonly element: JQuery;
     /**
      * Constructs a `Fieldset`.
@@ -12,6 +12,7 @@ export declare class Fieldset extends UiComponent {
      * @param label The label on the fieldset.
      * @param options Options for the fieldset.
      */
-    constructor(host: KittenScientists, label: string, options?: Partial<FieldsetOptions>);
+    constructor(parent: UiComponent, label: string, options?: FieldsetOptions);
+    toString(): string;
 }
 //# sourceMappingURL=Fieldset.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../source/ui/components/Fieldset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,qBAAa,QAAS,SAAQ,WAAW;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;;OAMG;gBACS,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC;CAatF"}
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../source/ui/components/Fieldset.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAC9C,kBAAkB,GAAG;IACnB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEJ,qBAAa,QAAS,SAAQ,WAAW;IACvC,SAAiB,OAAO,EAAE,eAAe,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;;OAMG;gBACS,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe;IAazE,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/Fieldset.js

@@ -11,8 +11,8 @@ export class Fieldset extends UiComponent {
      * @param label The label on the fieldset.
      * @param options Options for the fieldset.
      */
-    constructor(host, label, options) {
-        super(host, options);
+    constructor(parent, label, options) {
+        super(parent, { ...options });
         const element = $("<fieldset/>").addClass(styles.fieldset);
         if (options?.delimiter) {
             element.addClass(stylesDelimiter.delimiter);
@@ -20,7 +20,9 @@ export class Fieldset extends UiComponent {
         const legend = $("<legend/>").text(label).addClass(stylesLabel.label);
         element.append(legend);
         this.element = element;
-        this.addChildren(options?.children);
+    }
+    toString() {
+        return `[${Fieldset.name}#${this.componentId}]`;
     }
 }
 //# sourceMappingURL=Fieldset.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../source/ui/components/Fieldset.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAMxE,MAAM,OAAO,QAAS,SAAQ,WAAW;IAC9B,OAAO,CAAS;IAEzB;;;;;;OAMG;IACH,YAAY,IAAsB,EAAE,KAAa,EAAE,OAAkC;QACnF,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC;QACD,MAAM,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACtE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../source/ui/components/Fieldset.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAOxE,MAAM,OAAO,QAAS,SAAQ,WAAW;IAE9B,OAAO,CAAS;IAEzB;;;;;;OAMG;IACH,YAAY,MAAmB,EAAE,KAAa,EAAE,OAAyB;QACvE,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC;QACD,MAAM,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACtE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IAClD,CAAC;CACF"}

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

@@ -1,7 +1,8 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import type { ListItem, ListItemOptions } from "./ListItem.js";
 import { UiComponent } from "./UiComponent.js";
-export declare class HeaderListItem<TOptions extends ListItemOptions<UiComponent> = ListItemOptions<UiComponent>> extends UiComponent<TOptions> implements ListItem<TOptions> {
+export type HeaderListItemOptions = ThisType<HeaderListItem> & ListItemOptions;
+export declare class HeaderListItem extends UiComponent implements ListItem {
+    readonly options: ListItemOptions;
     readonly element: JQuery;
     get elementLabel(): JQuery<HTMLElement>;
     /**
@@ -12,6 +13,7 @@ export declare class HeaderListItem<TOptions extends ListItemOptions<UiComponent
      * @param text The text to appear on the header element.
      * @param options Options for the header.
      */
-    constructor(host: KittenScientists, text: string, options?: Partial<TOptions>);
+    constructor(parent: UiComponent, text: string, options?: ListItemOptions);
+    toString(): string;
 }
 //# sourceMappingURL=HeaderListItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/HeaderListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,qBAAa,cAAc,CACvB,QAAQ,SAAS,eAAe,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,WAAW,CAAC,CAE9E,SAAQ,WAAW,CAAC,QAAQ,CAC5B,YAAW,QAAQ,CAAC,QAAQ,CAAC;IAE7B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,IAAI,YAAY,wBAEf;IAED;;;;;;;OAOG;gBACS,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;CAQ9E"}
+{"version":3,"file":"HeaderListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/HeaderListItem.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC;AAE/E,qBAAa,cAAe,SAAQ,WAAY,YAAW,QAAQ;IACjE,SAAiB,OAAO,EAAE,eAAe,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,IAAI,YAAY,wBAEf;IAED;;;;;;;OAOG;gBACS,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe;IAQxE,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/HeaderListItem.js

@@ -13,11 +13,13 @@ export class HeaderListItem extends UiComponent {
      * @param text The text to appear on the header element.
      * @param options Options for the header.
      */
-    constructor(host, text, options) {
-        super(host, options);
+    constructor(parent, text, options) {
+        super(parent, { ...options });
         const element = $("<li/>", { text }).addClass(styles.header);
         this.element = element;
-        this.addChildren(options?.children);
+    }
+    toString() {
+        return `[${HeaderListItem.name}#${this.componentId}]: '${this.elementLabel.text()}'`;
     }
 }
 //# sourceMappingURL=HeaderListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderListItem.js","sourceRoot":"","sources":["../../../source/ui/components/HeaderListItem.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,OAAO,cAGX,SAAQ,WAAqB;IAGpB,OAAO,CAAS;IACzB,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED;;;;;;;OAOG;IACH,YAAY,IAAsB,EAAE,IAAY,EAAE,OAA2B;QAC3E,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAE7D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"HeaderListItem.js","sourceRoot":"","sources":["../../../source/ui/components/HeaderListItem.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,OAAO,cAAe,SAAQ,WAAW;IAEpC,OAAO,CAAS;IACzB,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED;;;;;;;OAOG;IACH,YAAY,MAAmB,EAAE,IAAY,EAAE,OAAyB;QACtE,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAE7D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,cAAc,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC;IACvF,CAAC;CACF"}

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

@@ -1,13 +1,14 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
-export type IconButtonOptions = UiComponentOptions & {
-    readonly readOnly: boolean;
-    readonly inactive: boolean;
+export type IconButtonOptions = ThisType<IconButton> & UiComponentOptions & {
+    readonly readOnly?: boolean;
+    readonly inactive?: boolean;
+    readonly onClick: (event?: MouseEvent) => void | Promise<void>;
 };
 /**
  * A button that is visually represented through an SVG element.
  */
 export declare class IconButton extends UiComponent {
+    readonly options: IconButtonOptions;
     readonly element: JQuery;
     readOnly: boolean;
     inactive: boolean;
@@ -19,8 +20,8 @@ export declare class IconButton extends UiComponent {
      * @param title The `title` of the element.
      * @param options Options for the icon button.
      */
-    constructor(host: KittenScientists, pathData: string, title: string, options?: Partial<IconButtonOptions>);
-    click(): void;
-    refreshUi(): void;
+    constructor(parent: UiComponent, pathData: string, title: string, options?: IconButtonOptions);
+    toString(): string;
+    click(): void | Promise<void>;
 }
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../source/ui/components/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;;;OAOG;gBAED,IAAI,EAAE,gBAAgB,EACtB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAmB7B,KAAK;IAQL,SAAS,IAAI,IAAI;CAe3B"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../source/ui/components/IconButton.ts"],"names":[],"mappings":"AACA,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAChE,CAAC;AAEJ;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAiB,OAAO,EAAE,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;;;OAOG;gBACS,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,iBAAiB;IAkC7F,QAAQ,IAAI,MAAM;IAIlB,KAAK;CAON"}

package/lib/ui/components/IconButton.js

@@ -15,40 +15,44 @@ export class IconButton extends UiComponent {
      * @param title The `title` of the element.
      * @param options Options for the icon button.
      */
-    constructor(host, pathData, title, options) {
-        super(host, options);
+    constructor(parent, pathData, title, options) {
+        super(parent, {
+            ...options,
+            onRefresh: () => {
+                if (this.readOnly) {
+                    this.element.addClass(stylesButton.readonly);
+                }
+                else {
+                    this.element.removeClass(stylesButton.readonly);
+                }
+                if (this.inactive) {
+                    this.element.addClass(stylesButton.inactive);
+                }
+                else {
+                    this.element.removeClass(stylesButton.inactive);
+                }
+                options?.onRefresh?.();
+            },
+        });
         const element = $("<div/>", {
             html: `<svg style="width: 18px; height: 18px;" viewBox="0 -960 960 960" fill="currentColor"><path d="${pathData}"/></svg>`,
             title,
         }).addClass(stylesButton.iconButton);
         this.element = element;
-        this.addChildren(options?.children);
         this.readOnly = options?.readOnly ?? false;
         this.inactive = options?.inactive ?? false;
         this.element.on("click", () => {
             this.click();
         });
     }
+    toString() {
+        return `[${IconButton.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);
-        }
-        if (this.inactive) {
-            this.element.addClass(stylesButton.inactive);
-        }
-        else {
-            this.element.removeClass(stylesButton.inactive);
-        }
+        return this.options?.onClick?.call(this);
     }
 }
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../source/ui/components/IconButton.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAOxE;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAChC,OAAO,CAAS;IACzB,QAAQ,CAAU;IAClB,QAAQ,CAAU;IAElB;;;;;;;OAOG;IACH,YACE,IAAsB,EACtB,QAAgB,EAChB,KAAa,EACb,OAAoC;QAEpC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE;YAC1B,IAAI,EAAE,iGAAiG,QAAQ,WAAW;YAC1H,KAAK;SACN,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAErC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;QAE3C,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;QAED,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":"IconButton.js","sourceRoot":"","sources":["../../../source/ui/components/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AASxE;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAEhC,OAAO,CAAS;IACzB,QAAQ,CAAU;IAClB,QAAQ,CAAU;IAElB;;;;;;;OAOG;IACH,YAAY,MAAmB,EAAE,QAAgB,EAAE,KAAa,EAAE,OAA2B;QAC3F,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;gBAED,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;gBAED,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC;YACzB,CAAC;SACF,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE;YAC1B,IAAI,EAAE,iGAAiG,QAAQ,WAAW;YAC1H,KAAK;SACN,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAErC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;QAE3C,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,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;CACF"}

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

@@ -1,14 +1,15 @@
-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 LabelListItemOptions } from "./LabelListItem.js";
-export type IconSettingsPanelOptions = LabelListItemOptions & PanelOptions & {
+import type { UiComponent } from "./UiComponent.js";
+export type IconSettingsPanelOptions = ThisType<IconSettingsPanel> & LabelListItemOptions & CollapsiblePanelOptions & {
     /**
      * When set to an SVG path, will be used as an icon on the panel.
      */
     readonly icon: string;
 };
 export declare class IconSettingsPanel<TSetting extends Setting = Setting> extends CollapsiblePanel {
+    readonly options: IconSettingsPanelOptions;
     readonly setting: TSetting;
     /**
      * Constructs a settings panel that can have an icon.
@@ -18,6 +19,6 @@ export declare class IconSettingsPanel<TSetting extends Setting = Setting> exten
      * @param setting An setting for which this is the settings panel.
      * @param options Options for the panel.
      */
-    constructor(host: KittenScientists, label: string, setting: TSetting, options?: Partial<IconSettingsPanelOptions>);
+    constructor(parent: UiComponent, label: string, setting: TSetting, options?: IconSettingsPanelOptions);
 }
 //# sourceMappingURL=IconSettingsPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconSettingsPanel.d.ts","sourceRoot":"","sources":["../../../source/ui/components/IconSettingsPanel.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,EAAiB,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,GACzD,YAAY,GAAG;IACb;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,qBAAa,iBAAiB,CAAC,QAAQ,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,gBAAgB;IACzF,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAE3B;;;;;;;OAOG;gBAED,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,EACjB,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC;CAW9C"}
+{"version":3,"file":"IconSettingsPanel.d.ts","sourceRoot":"","sources":["../../../source/ui/components/IconSettingsPanel.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,EAAiB,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,GAChE,oBAAoB,GACpB,uBAAuB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,qBAAa,iBAAiB,CAAC,QAAQ,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,gBAAgB;IACzF,SAAiB,OAAO,EAAE,wBAAwB,CAAC;IACnD,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;IAE3B;;;;;;;OAOG;gBAED,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,EACjB,OAAO,CAAC,EAAE,wBAAwB;CAarC"}

package/lib/ui/components/IconSettingsPanel.js

@@ -10,8 +10,10 @@ export class IconSettingsPanel extends CollapsiblePanel {
      * @param setting An setting for which this is the settings panel.
      * @param options Options for the panel.
      */
-    constructor(host, label, setting, options) {
-        super(host, new LabelListItem(host, label, { childrenHead: options?.childrenHead, icon: options?.icon }), {
+    constructor(parent, label, setting, options) {
+        super(parent, new LabelListItem(parent, label, {
+            icon: options?.icon,
+        }), {
             initiallyExpanded: options?.initiallyExpanded,
         });
         this.setting = setting;

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

@@ -1 +1 @@
-{"version":3,"file":"IconSettingsPanel.js","sourceRoot":"","sources":["../../../source/ui/components/IconSettingsPanel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAA6B,MAAM,oBAAoB,CAAC;AAU9E,MAAM,OAAO,iBAAsD,SAAQ,gBAAgB;IAChF,OAAO,CAAW;IAE3B;;;;;;;OAOG;IACH,YACE,IAAsB,EACtB,KAAa,EACb,OAAiB,EACjB,OAA2C;QAE3C,KAAK,CACH,IAAI,EACJ,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAC5F;YACE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;SAC9C,CACF,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF"}
+{"version":3,"file":"IconSettingsPanel.js","sourceRoot":"","sources":["../../../source/ui/components/IconSettingsPanel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAgC,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,aAAa,EAA6B,MAAM,oBAAoB,CAAC;AAY9E,MAAM,OAAO,iBAAsD,SAAQ,gBAAgB;IAEhF,OAAO,CAAW;IAE3B;;;;;;;OAOG;IACH,YACE,MAAmB,EACnB,KAAa,EACb,OAAiB,EACjB,OAAkC;QAElC,KAAK,CACH,MAAM,EACN,IAAI,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE;YAC/B,IAAI,EAAE,OAAO,EAAE,IAAI;SACpB,CAAC,EACF;YACE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;SAC9C,CACF,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF"}

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

@@ -1,13 +1,14 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
-export type InputOptions = UiComponentOptions & {
+export type InputOptions = ThisType<Input> & UiComponentOptions & {
     readonly onChange?: (value: string) => void;
     readonly onEnter?: (currentValue: string) => void;
     readonly onEscape?: (currentValue: string) => void;
     readonly selected?: boolean;
     readonly value?: string;
+    readonly classes?: Array<string>;
 };
 export declare class Input extends UiComponent {
+    readonly options: InputOptions;
     readonly element: JQuery<HTMLInputElement>;
     /**
      * Constructs an input field.
@@ -16,6 +17,7 @@ export declare class Input extends UiComponent {
      * @param label - The label on the input element.
      * @param options - Options for the UI element.
      */
-    constructor(host: KittenScientists, options?: Partial<InputOptions>);
+    constructor(parent: UiComponent, options?: InputOptions);
+    toString(): string;
 }
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../source/ui/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,qBAAa,KAAM,SAAQ,WAAW;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAE3C;;;;;;OAMG;gBACS,IAAI,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;CAmCpE"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../source/ui/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GACxC,kBAAkB,GAAG;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAClC,CAAC;AAEJ,qBAAa,KAAM,SAAQ,WAAW;IACpC,SAAiB,OAAO,EAAE,YAAY,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAE3C;;;;;;OAMG;gBACS,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;IAkCvD,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/Input.js

@@ -8,8 +8,8 @@ export class Input extends UiComponent {
      * @param label - The label on the input element.
      * @param options - Options for the UI element.
      */
-    constructor(host, options) {
-        super(host, { ...options, children: [], classes: [] });
+    constructor(parent, options) {
+        super(parent, { ...options });
         this.element = $('<input type="text"/>').addClass("ks-input");
         for (const className of options?.classes ?? []) {
             this.element.addClass(className);
@@ -34,7 +34,9 @@ export class Input extends UiComponent {
                     break;
             }
         });
-        this.addChildren(options?.children);
+    }
+    toString() {
+        return `[${Input.name}#${this.componentId}]`;
     }
 }
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../source/ui/components/Input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAUxE,MAAM,OAAO,KAAM,SAAQ,WAAW;IAC3B,OAAO,CAA2B;IAE3C;;;;;;OAMG;IACH,YAAY,IAAsB,EAAE,OAA+B;QACjE,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QAEvD,IAAI,CAAC,OAAO,GAAG,CAAC,CAAmB,sBAAsB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAEhF,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;YAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QACxC,CAAC;QAED,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAwB,EAAE,EAAE;YACpD,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC1C,MAAM;gBACR,KAAK,QAAQ;oBACX,OAAO,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC3C,MAAM;YACV,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../source/ui/components/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAYxE,MAAM,OAAO,KAAM,SAAQ,WAAW;IAE3B,OAAO,CAA2B;IAE3C;;;;;;OAMG;IACH,YAAY,MAAmB,EAAE,OAAsB;QACrD,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAE9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAmB,sBAAsB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAEhF,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;YAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QACxC,CAAC;QAED,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAwB,EAAE,EAAE;YACpD,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC1C,MAAM;gBACR,KAAK,QAAQ;oBACX,OAAO,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC3C,MAAM;YACV,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IAC/C,CAAC;CACF"}

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

@@ -1,20 +1,19 @@
-import type { KittenScientists } from "../../KittenScientists.js";
 import { Container } from "./Container.js";
 import { ListItem, type ListItemOptions } from "./ListItem.js";
 import type { UiComponent, UiComponentInterface } from "./UiComponent.js";
-export type LabelListItemOptions<TChild extends UiComponentInterface = UiComponentInterface> = ListItemOptions<TChild> & {
-    readonly childrenHead: Array<UiComponent>;
+export type LabelListItemOptions = ThisType<LabelListItem> & ListItemOptions & {
     /**
      * When set to an SVG path, will be used as an icon on the label.
      */
-    readonly icon: string;
+    readonly icon?: string;
     /**
      * Should an indicator be rendered in front of the element,
      * to indicate that this is an upgrade of a prior setting?
      */
-    readonly upgradeIndicator: boolean;
+    readonly upgradeIndicator?: boolean;
 };
-export declare class LabelListItem<TOptions extends LabelListItemOptions<UiComponent> = LabelListItemOptions<UiComponent>> extends ListItem<TOptions> {
+export declare class LabelListItem extends ListItem {
+    readonly options: LabelListItemOptions;
     readonly head: Container;
     readonly elementLabel: JQuery;
     /**
@@ -24,6 +23,10 @@ export declare class LabelListItem<TOptions extends LabelListItemOptions<UiCompo
      * @param label The label on the setting element.
      * @param options Options for the list item.
      */
-    constructor(host: KittenScientists, label: string, options?: Partial<TOptions>);
+    constructor(parent: UiComponent, label: string, options?: LabelListItemOptions);
+    toString(): string;
+    addChildHead(child: UiComponentInterface): this;
+    addChildrenHead(children?: Iterable<UiComponentInterface>): this;
+    requestRefresh(withChildren?: boolean, depth?: number): void;
 }
 //# sourceMappingURL=LabelListItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/LabelListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,oBAAoB,GAAG,oBAAoB,IACzF,eAAe,CAAC,MAAM,CAAC,GAAG;IACxB,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;CACpC,CAAC;AAEJ,qBAAa,aAAa,CACxB,QAAQ,SAAS,oBAAoB,CAAC,WAAW,CAAC,GAAG,oBAAoB,CAAC,WAAW,CAAC,CACtF,SAAQ,QAAQ,CAAC,QAAQ,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAE9B;;;;;;OAMG;gBACS,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;CA4B/E"}
+{"version":3,"file":"LabelListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/LabelListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,GACxD,eAAe,GAAG;IAChB;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEJ,qBAAa,aAAc,SAAQ,QAAQ;IACzC,SAAiB,OAAO,EAAE,oBAAoB,CAAC;IAC/C,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAE9B;;;;;;OAMG;gBACS,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB;IAsB9E,QAAQ,IAAI,MAAM;IAIlB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI;IAI/C,eAAe,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,IAAI;IAOhE,cAAc,CAAC,YAAY,UAAQ,EAAE,KAAK,SAAI;CAI/C"}

package/lib/ui/components/LabelListItem.js

@@ -12,23 +12,17 @@ export class LabelListItem extends ListItem {
      * @param label The label on the setting element.
      * @param options Options for the list item.
      */
-    constructor(host, label, options) {
-        super(host, options);
-        this.head = new Container(host);
+    constructor(parent, label, options) {
+        super(parent, options);
+        this.head = new Container(parent);
         this.head.element.addClass(stylesListItem.head);
         this.addChild(this.head);
         this.elementLabel = $("<label/>", {
             text: `${options?.upgradeIndicator === true ? "⮤ " : ""}${label}`,
         })
             .addClass(styles.label)
-            .addClass(stylesListItem.label)
-            .on("click", () => {
-            this.click();
-        });
+            .addClass(stylesListItem.label);
         this.head.element.append(this.elementLabel);
-        for (const child of options?.childrenHead ?? []) {
-            this.head.addChild(child);
-        }
         if (options?.icon) {
             const iconElement = $("<div/>", {
                 html: `<svg style="width: 15px; height: 15px;" viewBox="0 -960 960 960" fill="currentColor"><path d="${options.icon}"/></svg>`,
@@ -36,5 +30,22 @@ export class LabelListItem extends ListItem {
             this.elementLabel.prepend(iconElement);
         }
     }
+    toString() {
+        return `[${LabelListItem.name}#${this.componentId}]: '${this.elementLabel.text()}'`;
+    }
+    addChildHead(child) {
+        this.head.addChild(child);
+        return this;
+    }
+    addChildrenHead(children) {
+        for (const child of children ?? []) {
+            this.head.addChild(child);
+        }
+        return this;
+    }
+    requestRefresh(withChildren = false, depth = 0) {
+        super.requestRefresh(withChildren, depth);
+        this.head.requestRefresh(true, depth + 1);
+    }
 }
 //# sourceMappingURL=LabelListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelListItem.js","sourceRoot":"","sources":["../../../source/ui/components/LabelListItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAC/D,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAmBnD,MAAM,OAAO,aAEX,SAAQ,QAAkB;IACjB,IAAI,CAAY;IAChB,YAAY,CAAS;IAE9B;;;;;;OAMG;IACH,YAAY,IAAsB,EAAE,KAAa,EAAE,OAA2B;QAC5E,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE;YAChC,IAAI,EAAE,GAAG,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE;SAClE,CAAC;aACC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;aACtB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC;aAC9B,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAED,IAAI,OAAO,EAAE,IAAI,EAAE,CAAC;YAClB,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,EAAE;gBAC9B,IAAI,EAAE,iGAAiG,OAAO,CAAC,IAAI,WAAW;aAC/H,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"LabelListItem.js","sourceRoot":"","sources":["../../../source/ui/components/LabelListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAC/D,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAiBnD,MAAM,OAAO,aAAc,SAAQ,QAAQ;IAEhC,IAAI,CAAY;IAChB,YAAY,CAAS;IAE9B;;;;;;OAMG;IACH,YAAY,MAAmB,EAAE,KAAa,EAAE,OAA8B;QAC5E,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAEvB,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE;YAChC,IAAI,EAAE,GAAG,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE;SAClE,CAAC;aACC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;aACtB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,IAAI,OAAO,EAAE,IAAI,EAAE,CAAC;YAClB,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,EAAE;gBAC9B,IAAI,EAAE,iGAAiG,OAAO,CAAC,IAAI,WAAW;aAC/H,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,aAAa,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC;IACtF,CAAC;IAED,YAAY,CAAC,KAA2B;QACtC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,eAAe,CAAC,QAAyC;QACvD,KAAK,MAAM,KAAK,IAAI,QAAQ,IAAI,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,cAAc,CAAC,YAAY,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;QAC5C,KAAK,CAAC,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5C,CAAC;CACF"}

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

@@ -1,12 +1,13 @@
-import type { KittenScientists } from "../../KittenScientists.js";
-import { UiComponent, type UiComponentInterface, type UiComponentOptions } from "./UiComponent.js";
-export type ListItemOptions<TChild extends UiComponentInterface = UiComponentInterface> = UiComponentOptions<TChild> & {
+import { UiComponent, type UiComponentOptions } from "./UiComponent.js";
+export type ListItemOptions = ThisType<ListItem> & UiComponentOptions & {
     /**
      * Should there be additional padding below this element?
      */
-    readonly delimiter: boolean;
+    readonly delimiter?: boolean;
+    readonly classes?: Array<string>;
 };
-export declare class ListItem<TOptions extends ListItemOptions<UiComponent> = ListItemOptions<UiComponent>> extends UiComponent<TOptions> {
+export declare class ListItem extends UiComponent {
+    readonly options: ListItemOptions;
     readonly element: JQuery;
     /**
      * Construct a new simple list item with only a container element.
@@ -14,6 +15,7 @@ export declare class ListItem<TOptions extends ListItemOptions<UiComponent> = Li
      * @param host The userscript instance.
      * @param options Options for the list item.
      */
-    constructor(host: KittenScientists, options?: Partial<TOptions>);
+    constructor(parent: UiComponent, options?: ListItemOptions);
+    toString(): string;
 }
 //# sourceMappingURL=ListItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ListItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,oBAAoB,GAAG,oBAAoB,IACpF,kBAAkB,CAAC,MAAM,CAAC,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,qBAAa,QAAQ,CACnB,QAAQ,SAAS,eAAe,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,WAAW,CAAC,CAC5E,SAAQ,WAAW,CAAC,QAAQ,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;gBACS,IAAI,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC;CAehE"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../source/ui/components/ListItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAC9C,kBAAkB,GAAG;IACnB;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAClC,CAAC;AAEJ,qBAAa,QAAS,SAAQ,WAAW;IACvC,SAAiB,OAAO,EAAE,eAAe,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;gBACS,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,eAAe;IAc1D,QAAQ,IAAI,MAAM;CAGnB"}

package/lib/ui/components/ListItem.js

@@ -8,8 +8,8 @@ export class ListItem extends UiComponent {
      * @param host The userscript instance.
      * @param options Options for the list item.
      */
-    constructor(host, options) {
-        super(host, options);
+    constructor(parent, options) {
+        super(parent, { ...options });
         this.element = $("<li/>");
         for (const className of options?.classes ?? []) {
             this.element.addClass(className);
@@ -17,7 +17,9 @@ export class ListItem extends UiComponent {
         if (options?.delimiter === true) {
             this.element.addClass(stylesDelimiter.delimiter);
         }
-        this.addChildren(options?.children);
+    }
+    toString() {
+        return `[${ListItem.name}#${this.componentId}]`;
     }
 }
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ListItem.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAsD,MAAM,kBAAkB,CAAC;AAUnG,MAAM,OAAO,QAEX,SAAQ,WAAqB;IACpB,OAAO,CAAS;IAEzB;;;;;OAKG;IACH,YAAY,IAAsB,EAAE,OAA2B;QAC7D,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAErB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;QAE1B,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;YAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,OAAO,EAAE,SAAS,KAAK,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QACnD,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../source/ui/components/ListItem.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AAWxE,MAAM,OAAO,QAAS,SAAQ,WAAW;IAE9B,OAAO,CAAS;IAEzB;;;;;OAKG;IACH,YAAY,MAAmB,EAAE,OAAyB;QACxD,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAE9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;QAE1B,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC;YAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,OAAO,EAAE,SAAS,KAAK,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;IAClD,CAAC;CACF"}