Skip to main content
Version: Previous

foundation-layout

Home > @genesislcap/foundation-layout

foundation-layout package

Classes

ClassDescription
FoundationLayoutTop level web component which is used to initialise a custom layout
FoundationLayoutItemFoundationLayoutItem is a custom element that represents an item in the layout.
FoundationLayoutRegionFoundationLayoutRegion is a custom element that represents a region in the layout.
LayoutRegistrationError
LayoutUsageError

Interfaces

InterfaceDescription
RegisteredElementConfigThe parameters that can be set on a new item when being added by the FoundationLayout.addItem() API

Variables

VariableDescription
DEFAULT_RELOAD_BUFFER

Default time in milliseconds for the layout to buffer calls to reloading the layout while the declarative API is loading.

During the first load of the layout, a loading spinner will be shown.

foundationLayoutComponentsRegistration object to register the layout with your design system.
LayoutEmitEvents

Defines events that the layout system emits

'firstLoaded' - emitted when the layout has finished loading the first time using the declarative API after DEFAULT_RELOAD_BUFFER ms.
'itemAdded' - emitted when an item is added to the layout'
'itemRemoved' - emitted when an item is removed from the layout'
'itemResized' - emitted when the user drags the divider to resize elements

LayoutReceiveEvents

Defines events that the layout system listens for

'changeTitle' - emit this from a contained item to update the title of the window that contains it.

layoutStylesElementStyles which defines the css for FoundationLayout.
layoutTemplateViewTemplate which defines the html for FoundationLayout.

Type Aliases

Type AliasDescription
LayoutReceiveEventsDetail

Defines the shape of the detail that the layout listens works with for events it listens on

'changeTitle' - title is the string you want to set. For mode: replace will set the title to be title, suffix will append title to the end of the existing title.

LayoutRegionTypeUnion type describing the three different types of region splits. Set on the type attribute on FoundationLayoutRegion.
PlacementWhere to and how to add the new item(s) into the layout when using the FoundationLayout.addItem() API.
SerialisedLayoutVersioned layout config objects. v is the version and c contains the layout config.