Class ApplicationShell

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 for width queries. The main app window container is named tjs-app-window and the window content container is tjs-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 the width app option is auto or not an explicit constraint. Just a precautionary warning that If you set width to auto during runtime unexpected behavior or a collapse of the app window will occur which is to be expected.

Hierarchy
  • SvelteComponent<
        {
            appOffsetHeight?: boolean;
            appOffsetWidth?: boolean;
            contentHeight?: boolean;
            contentOffsetHeight?: boolean;
            contentOffsetWidth?: boolean;
            contentWidth?: boolean;
            draggable?: any;
            draggableOptions?: any;
            elementContent?: HTMLElement;
            elementRoot?: HTMLElement;
            inTransition?: () => undefined;
            inTransitionOptions?: {};
            outTransition?: () => undefined;
            outTransitionOptions?: {};
            padToVisualEdge?: VisualEdgeSides;
            scrollContainer?: boolean | TJSScrollContainerData;
            stylesApp?: any;
            stylesContent?: any;
            transition?: () => undefined;
            transitionOptions?: any;
        },
        { [evt: string]: CustomEvent<any> },
        { default: {} },
    >

Indexable

  • [prop: string]: any
Index
constructor
appOffsetHeight appOffsetWidth contentHeight contentOffsetHeight contentOffsetWidth contentWidth draggable draggableOptions elementContent elementRoot inTransition inTransitionOptions outTransition outTransitionOptions padToVisualEdge scrollContainer stylesApp stylesContent transition transitionOptions
$destroy $on $set

  • Parameters

    • options: ComponentConstructorOptions<
          {
              appOffsetHeight?: boolean;
              appOffsetWidth?: boolean;
              contentHeight?: boolean;
              contentOffsetHeight?: boolean;
              contentOffsetWidth?: boolean;
              contentWidth?: boolean;
              draggable?: any;
              draggableOptions?: any;
              elementContent?: HTMLElement;
              elementRoot?: HTMLElement;
              inTransition?: () => undefined;
              inTransitionOptions?: {};
              outTransition?: () => undefined;
              outTransitionOptions?: {};
              padToVisualEdge?: VisualEdgeSides;
              scrollContainer?: boolean | TJSScrollContainerData;
              stylesApp?: any;
              stylesContent?: any;
              transition?: () => undefined;
              transitionOptions?: any;
          },
      >

    Returns ApplicationShell

  • get appOffsetHeight(): boolean

    Getter for appOffsetHeight prop.

    Returns boolean

  • set appOffsetHeight(_: boolean): void

    Setter for appOffsetHeight prop.

    Parameters

    • _: boolean

    Returns void

  • get appOffsetWidth(): boolean

    Getter for appOffsetWidth prop.

    Returns boolean

  • set appOffsetWidth(_: boolean): void

    Setter for appOffsetWidth prop.

    Parameters

    • _: boolean

    Returns void

  • get contentHeight(): boolean

    Getter for contentHeight prop.

    Returns boolean

  • set contentHeight(_: boolean): void

    Setter for contentHeight prop.

    Parameters

    • _: boolean

    Returns void

  • get contentOffsetHeight(): boolean

    Getter for contentOffsetHeight prop.

    Returns boolean

  • set contentOffsetHeight(_: boolean): void

    Setter for contentOffsetHeight prop.

    Parameters

    • _: boolean

    Returns void

  • get contentOffsetWidth(): boolean

    Getter for contentOffsetWidth prop.

    Returns boolean

  • set contentOffsetWidth(_: boolean): void

    Setter for contentOffsetWidth prop.

    Parameters

    • _: boolean

    Returns void

  • get contentWidth(): boolean

    Getter for contentWidth prop.

    Returns boolean

  • set contentWidth(_: boolean): void

    Setter for contentWidth prop.

    Parameters

    • _: boolean

    Returns void

  • get draggable(): any

    Getter for draggable prop.

    Returns any

  • set draggable(_: any): void

    Setter for draggable prop.

    Parameters

    • _: any

    Returns void

  • get draggableOptions(): any

    Getter for draggableOptions prop.

    Returns any

  • set draggableOptions(_: any): void

    Setter for draggableOptions prop.

    Parameters

    • _: any

    Returns void

  • get inTransition(): () => undefined

    Getter for inTransition prop.

    Returns () => undefined

  • set inTransition(_: () => undefined): void

    Setter for inTransition prop.

    Parameters

    • _: () => undefined

    Returns void

  • get outTransition(): () => undefined

    Getter for outTransition prop.

    Returns () => undefined

  • set outTransition(_: () => undefined): void

    Setter for outTransition prop.

    Parameters

    • _: () => undefined

    Returns void

  • get stylesApp(): any

    Getter for stylesApp prop.

    Returns any

  • set stylesApp(_: any): void

    Setter for stylesApp prop.

    Parameters

    • _: any

    Returns void

  • get stylesContent(): any

    Getter for stylesContent prop.

    Returns any

  • set stylesContent(_: any): void

    Setter for stylesContent prop.

    Parameters

    • _: any

    Returns void

  • get transition(): () => undefined

    Getter for transition prop.

    Returns () => undefined

  • set transition(_: () => undefined): void

    Setter for transition prop.

    Parameters

    • _: () => undefined

    Returns void

  • get transitionOptions(): any

    Getter for transitionOptions prop.

    Returns any

  • set transitionOptions(_: any): void

    Setter for transitionOptions prop.

    Parameters

    • _: any

    Returns void

  • Type Parameters

    • K extends string

    Parameters

    Returns () => void

Settings
Member Visibility

On This Page
Constructors
Accessors
Methods