Options for SvelteApplication. Note: that this extends the Foundry ApplicationOptions.

interface Options {
    baseApplication: string;
    classes: string[];
    defaultCloseAnimation: boolean;
    draggable: boolean;
    focusAuto: boolean;
    focusKeep: boolean;
    focusSource: A11yFocusSource;
    focusTrap: boolean;
    headerButtonNoClose: boolean;
    headerButtonNoLabel: boolean;
    headerIcon: string;
    headerNoTitleMinimized: boolean;
    height: string | number;
    id: string;
    left: string | number;
    minHeight: number;
    minimizable: boolean;
    minWidth: number;
    popOut: boolean;
    positionable: boolean;
    positionInitial: InitialSystem;
    positionOrtho: boolean;
    positionValidator: ValidatorOption;
    resizable: boolean;
    scale: number;
    sessionStorage: WebStorage;
    svelte: TJSSvelteConfig;
    title: string;
    top: string | number;
    transformOrigin: TransformOrigin;
    width: string | number;
}
Hierarchy
  • ApplicationOptions
    • Options

Properties

baseApplication: string

A named base application which generates an additional hook.

null

classes: string[]

An array of CSS string classes to apply to the rendered HTML.

[]

defaultCloseAnimation: boolean

If false the default slide close animation is not run.

true
draggable: boolean

If true then application shells are draggable.

true
focusAuto: boolean

When true auto-management of app focus is enabled.

true
focusKeep: boolean

When focusAuto and focusKeep is true; keeps internal focus.

false
focusSource: A11yFocusSource

Defines A11yHelper focus source to apply when application closes.

@defaultValue: undefined

focusTrap: boolean

When true focus trapping / wrapping is enabled keeping focus inside app.

true
headerButtonNoClose: boolean

If true then the close header button is removed.

false
headerButtonNoLabel: boolean

If true then header button labels are removed.

false
headerIcon: string

Sets a header icon given an image URL.

undefined
headerNoTitleMinimized: boolean

If true then header title is hidden when minimized.

false
height: string | number

The default pixel height for app. You may also use relative units including percentages.

#runtime/svelte/store/position|Data.TJSPositionDataRelative.

null

id: string

The default CSS id to assign to the rendered HTML.

""

left: string | number

The default left offset position for app. You may also use relative units including percentages.

#runtime/svelte/store/position|Data.TJSPositionDataRelative.

null

minHeight: number

Assigned to position. Number specifying minimum window height.

50
minimizable: boolean

Whether the rendered application can be minimized (popOut only).

true

minWidth: number

Assigned to position. Number specifying minimum window width.

200
popOut: boolean

Whether to display the application as a pop-out container.

true

positionable: boolean

If false then position.set does not take effect.

true
positionInitial: InitialSystem

A helper for initial position placement.

TJSPosition.Initial.browserCentered
positionOrtho: boolean

When true TJSPosition is optimized for orthographic use.

true
positionValidator: ValidatorOption

A validator function or data or list of validators.

TJSPosition.Validators.transformWindow
resizable: boolean

Whether the rendered application can be drag-resized (popOut only).

false

scale: number

A transformation scale for the app.

null

sessionStorage: WebStorage

An instance of WebStorage (session) to share across SvelteApplications. This is only required to share a WebStorage instance across multiple SvelteApplications. By default, a unique #runtime/svelte/store/web-storage|TJSSessionStorage instance is created per SvelteApplication.

TJSSessionStorage

A Svelte configuration object defining the main component.

title: string

A default window title string (popOut only); may be a language key.

""

top: string | number

The default top offset position for app. You may also use relative units including percentages.

#runtime/svelte/store/position|Data.TJSPositionDataRelative.

null

transformOrigin: TransformOrigin

By default, 'top / left' respects rotation when minimizing.

'top left'
width: string | number

The default pixel height for app. You may also use relative units including percentages.

#runtime/svelte/store/position|Data.TJSPositionDataRelative.

null