Provides extended folder data for TJSIconFolder.

interface DataIcon {
    enabled?: boolean;
    iconClosed?: string;
    iconOpen?: string;
    id?: string;
    keyCode?: string;
    label?: string;
    onClose?: (data?: TJSFolder.EventData) => void;
    onContextMenu?: (data?: TJSFolder.EventData) => void;
    onOpen?: (data?: TJSFolder.EventData) => void;
    options?: InternalOptions;
    slotDefault?: Embed;
    slotLabel?: Embed;
    slotSummaryEnd?: Embed;
    store?: MinimalWritable<boolean>;
    styles?: object;
}
Hierarchy

Properties

enabled?: boolean

Enabled state.

true

iconClosed?: string

Closed icon asset: URL for image / SVG asset or CSS class string for font.

iconOpen?: string

Open icon asset: URL for image / SVG asset or CSS class string for font.

id?: string

Defines an ID for the folder that is passed through event data and set as the id data attribute on the folder.

keyCode?: string

Defines the key event code to open / close summary when focused.

Enter

label?: string

The label name of the folder.

onClose?: (data?: TJSFolder.EventData) => void

Callback when folder closed.

onContextMenu?: (data?: TJSFolder.EventData) => void

Callback when context menu pressed.

onOpen?: (data?: TJSFolder.EventData) => void

Callback when folder opened.

options?: InternalOptions

Additional internal folder feature options.

slotDefault?: Embed

A minimal Svelte config defining the default content component.

slotLabel?: Embed

A minimal Svelte config defining the summary label component.

slotSummaryEnd?: Embed

A minimal Svelte config defining the summary end component.

store?: MinimalWritable<boolean>

Folder open / close store.

styles?: object

Additional inline CSS styles to apply.