Interface ContainerWrapper

A nested container that is itself a UIElement and a UIContainer.

interface ContainerWrapper {
    CreateOverlay: (options?: UIOverlayOptions) => UIOverlayWindow;
    Clear: () => void;
    AddText: (text: string, options?: UIElementOptions) => UIElement;
    AddProgress: (options?: UIProgressOptions) => DisplayValueWrapper<number>;
    AddBox: (
        optionsOrBuilder?: UIBoxOptions | (box: ContainerWrapper) => void,
        builder?: (box: ContainerWrapper) => void,
    ) => ContainerWrapper;
    AddSpacer: (options?: UISpacerOptions) => UIElement;
    AddButton: (text: string, onClick: () => void) => UIElement;
    AddSlider: (
        id: string,
        min: number,
        max: number,
        label: string,
    ) => ValueWrapper<number>;
    AddTextInput: (
        id: string,
        label: string,
        defaultText?: string,
    ) => ValueWrapper<string>;
    AddToggle: (id: string, label: string) => ValueWrapper<boolean>;
    AddDropdown: (
        id: string,
        label: string,
        options: string[],
    ) => ValueWrapper<string>;
    AddTextArea: (
        id: string,
        label: string,
        defaultText?: string,
    ) => ValueWrapper<string>;
    AddColorPicker: (
        id: string,
        label: string,
        defaultColor?: string,
    ) => ValueWrapper<string>;
    AddHotkeyCapture: (
        id: string,
        label: string,
        defaultBind?: string,
    ) => HotkeyCaptureWrapper;
    AddFilePicker: (
        id: string,
        label: string,
        options?: { filters?: string[] },
    ) => ValueWrapper<string>;
    AddDirectoryPicker: (id: string, label: string) => ValueWrapper<string>;
    AddListBox: (
        id: string,
        label: string,
        items?: string[],
    ) => ValueWrapper<string[]>;
    AddDataGrid: (id: string, columns: DataGridColumn[]) => DataGridWrapper;
    AddTabGroup: () => TabGroupWrapper;
    AddRow: (builder?: (row: ContainerWrapper) => void) => ContainerWrapper;
    AddColumn: (builder?: (col: ContainerWrapper) => void) => ContainerWrapper;
    Hide: () => void;
    Show: () => void;
    Destroy: () => void;
    SetText: (text: string) => void;
    SetStyle: (style: Record<string, unknown>) => void;
}

Hierarchy (View Summary)

Properties

CreateOverlay Clear AddText AddProgress AddBox AddSpacer AddButton AddSlider AddTextInput AddToggle AddDropdown AddTextArea AddColorPicker AddHotkeyCapture AddFilePicker AddDirectoryPicker AddListBox AddDataGrid AddTabGroup AddRow AddColumn Hide Show Destroy SetText SetStyle

Properties

CreateOverlay

CreateOverlay: (options?: UIOverlayOptions) => UIOverlayWindow

Creates a detached overlay or utility window. Requires the overlay permission.

Clear

Clear: () => void

Removes all child elements from this container.

AddText

AddText: (text: string, options?: UIElementOptions) => UIElement

Adds a read-only text label. Not persisted.

AddProgress

AddProgress: (options?: UIProgressOptions) => DisplayValueWrapper<number>

Adds a display-only progress bar. Not persisted.

AddBox

AddBox: (
    optionsOrBuilder?: UIBoxOptions | (box: ContainerWrapper) => void,
    builder?: (box: ContainerWrapper) => void,
) => ContainerWrapper

Adds a styled layout box. Pass a builder function to populate it immediately. Not persisted.

AddSpacer

AddSpacer: (options?: UISpacerOptions) => UIElement

Adds empty spacing between nearby controls. Not persisted.

AddButton

AddButton: (text: string, onClick: () => void) => UIElement

Adds a clickable button. Not persisted.

AddSlider

AddSlider: (
    id: string,
    min: number,
    max: number,
    label: string,
) => ValueWrapper<number>

Adds a numeric range slider. Value is persisted by id and restored on next run.

AddTextInput

AddTextInput: (
    id: string,
    label: string,
    defaultText?: string,
) => ValueWrapper<string>

Adds a single-line text input. Value is persisted by id and restored on next run. defaultText is only used when no saved value exists.

AddToggle

AddToggle: (id: string, label: string) => ValueWrapper<boolean>

Adds a boolean toggle switch. Value is persisted by id and restored on next run.

AddDropdown

AddDropdown: (
    id: string,
    label: string,
    options: string[],
) => ValueWrapper<string>

Adds a dropdown selector. Value is persisted by id and restored on next run.

AddTextArea

AddTextArea: (
    id: string,
    label: string,
    defaultText?: string,
) => ValueWrapper<string>

Adds a multi-line text area. Value is persisted by id and restored on next run. defaultText is only used when no saved value exists.

AddColorPicker

AddColorPicker: (
    id: string,
    label: string,
    defaultColor?: string,
) => ValueWrapper<string>

Adds a color picker. Value is persisted by id and restored on next run. defaultColor is only used when no saved value exists.

AddHotkeyCapture

AddHotkeyCapture: (
    id: string,
    label: string,
    defaultBind?: string,
) => HotkeyCaptureWrapper

Adds a hotkey capture field. The captured keyboard, mouse, or HID trigger is persisted by id and restored on next run, including its active binding.

AddFilePicker

AddFilePicker: (
    id: string,
    label: string,
    options?: { filters?: string[] },
) => ValueWrapper<string>

Adds a file picker dialog button. Selected path is persisted by id and restored on next run.

AddDirectoryPicker

AddDirectoryPicker: (id: string, label: string) => ValueWrapper<string>

Adds a directory picker dialog button. Selected path is persisted by id and restored on next run.

AddListBox

AddListBox: (
    id: string,
    label: string,
    items?: string[],
) => ValueWrapper<string[]>

Adds a multi-select list box. Selected items are persisted by id and restored on next run.

AddDataGrid

AddDataGrid: (id: string, columns: DataGridColumn[]) => DataGridWrapper

Adds a data grid with typed columns. Row data is persisted by id and restored on next run.

AddTabGroup

AddTabGroup: () => TabGroupWrapper

Adds a tabbed container group. Not persisted.

AddRow

AddRow: (builder?: (row: ContainerWrapper) => void) => ContainerWrapper

Adds a horizontal row layout container. Children are arranged left-to-right. Not persisted.

AddColumn

AddColumn: (builder?: (col: ContainerWrapper) => void) => ContainerWrapper

Adds a vertical column layout container. Children are stacked top-to-bottom. Not persisted.

Hide

Hide: () => void

Hides the element without destroying it. Call Show() to make it visible again.

Show

Show: () => void

Makes a previously hidden element visible again.

Destroy

Destroy: () => void

Permanently removes the element from the UI panel.

SetText

SetText: (text: string) => void

Updates the element's display text when the element has a label.

SetStyle

SetStyle: (style: Record<string, unknown>) => void

Merges safe CSS-like renderer style metadata into the element.

Settings

Member Visibility

On This Page

Properties