Class ApplicationShell
Hierarchy
- SvelteComponent<
ApplicationShell.Props,
ApplicationShell.Events,
ApplicationShell.Slots,
>- ApplicationShell (View Summary)
Indexable
- [prop: string]: any
Index
Constructors
Accessors
Methods
Constructors
constructor
- new ApplicationShell(
options: ComponentConstructorOptions<ApplicationShell.Props>,
): ApplicationShellParameters
- options: ComponentConstructorOptions<ApplicationShell.Props>
Returns ApplicationShell
Accessors
appOffsetHeight
- get appOffsetHeight(): boolean
Getter for appOffsetHeight prop.
Returns boolean
- set appOffsetHeight(_: boolean): void
appOffsetWidth
- get appOffsetWidth(): boolean
Getter for appOffsetWidth prop.
Returns boolean
- set appOffsetWidth(_: boolean): void
contentHeight
- get contentHeight(): boolean
Getter for contentHeight prop.
Returns boolean
- set contentHeight(_: boolean): void
contentOffsetHeight
- get contentOffsetHeight(): boolean
Getter for contentOffsetHeight prop.
Returns boolean
- set contentOffsetHeight(_: boolean): void
contentOffsetWidth
- get contentOffsetWidth(): boolean
Getter for contentOffsetWidth prop.
Returns boolean
- set contentOffsetWidth(_: boolean): void
contentWidth
- get contentWidth(): boolean
Getter for contentWidth prop.
Returns boolean
- set contentWidth(_: boolean): void
draggable
- get draggable(): any
Getter for draggable prop.
Returns any
- set draggable(_: any): void
draggableOptions
- get draggableOptions(): any
Getter for draggableOptions prop.
Returns any
- set draggableOptions(_: any): void
elementContent
Getter for elementContent prop.
Returns HTMLElement
elementRoot
Getter for elementRoot prop.
Returns HTMLElement
inTransition
- get inTransition(): () => undefined
Getter for inTransition prop.
Returns () => undefined
- set inTransition(_: () => undefined): void
inTransitionOptions
- get inTransitionOptions(): {}
Getter for inTransitionOptions prop.
Returns {}
- set inTransitionOptions(_: {}): void
outTransition
- get outTransition(): () => undefined
Getter for outTransition prop.
Returns () => undefined
- set outTransition(_: () => undefined): void
outTransitionOptions
- get outTransitionOptions(): {}
Getter for outTransitionOptions prop.
Returns {}
- set outTransitionOptions(_: {}): void
stylesApp
- get stylesApp(): any
Getter for stylesApp prop.
Returns any
- set stylesApp(_: any): void
stylesContent
- get stylesContent(): any
Getter for stylesContent prop.
Returns any
- set stylesContent(_: any): void
transition
- get transition(): () => undefined
Getter for transition prop.
Returns () => undefined
- set transition(_: () => undefined): void
transitionOptions
- get transitionOptions(): any
Getter for transitionOptions prop.
Returns any
- set transitionOptions(_: any): void
Methods
$destroy
Returns void
$on
Type Parameters
- K extends string
Parameters
- type: K
- callback: (e: CustomEvent<any>) => void
Returns () => void
Provides an application shell is a main top level slotted component that provides a reactive outer wrapper and header bar for the main content component.
Container queries (
inline-size) are supported forwidthqueries. The main app window container is namedtjs-app-windowand the window content container istjs-app-content. Take note that the width available is the inline-size width of the app window or content minus the border constraints. Container queries will be disabled if thewidthapp option isautoor not an explicit constraint. Just a precautionary warning that If you setwidthtoautoduring runtime unexpected behavior or a collapse of the app window will occur which is to be expected.