Options
All
  • Public
  • Public/Protected
  • All
Menu

Class default

Component used for the desktop layout.

Available slots:

  • header: Header of the component.
  • data: for the left panel
  • tool-button: for the right panel tools button
  • tool-button-separate: for the right panel tools button like the shared button
  • tool-panel-<name>: for the right panels
  • infobar-left: for the left components of the infobar
  • infobar-right: for the right components of the infobar
  • infobar-footer: for the footer of the infobar
  • footer-<name>: for the footer components.

CSS variable to configure the panel sizes:

  • --right-panel-width-<name>: width of the tool panel
  • --footer-panel-height-<name>: height of the footer panel

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

Static bootstrapStyle

bootstrapStyle: CSSResult = ...

Static bootstrapVarStyle

bootstrapVarStyle: CSSResult = ...

Static commonStyle

commonStyle: CSSResult = ...

Static fontawesomeStyle

fontawesomeStyle: CSSResult = ...

Static resetStyle

resetStyle: CSSResult = ...

Static styles

styles: CSSResult[] = ...

Methods

connectedCallback

  • connectedCallback(): void

disconnectedCallback

  • disconnectedCallback(): void

initConfig

mozRequestFullScreen

  • mozRequestFullScreen(): Promise<void>

mozRequestFullScreenWithKeys

  • mozRequestFullScreenWithKeys(): Promise<void>

msRequestFullscreen

  • msRequestFullscreen(): Promise<void>

onMouseDown

  • onMouseDown(panelResizeEvent: PanelResize, separator: HTMLElement, leftElement: HTMLElement, rightElement: HTMLElement): ((event: MouseEvent) => void)

  • Panel resizing: Store initial mouse position, listen to drag event and resize elements

    Parameters

    • panelResizeEvent: PanelResize

      Interface to store the details of the drag event

    • separator: HTMLElement

      Element separating the elements to resize

    • leftElement: HTMLElement

      Left element to resize

    • rightElement: HTMLElement

      Right element to resize

    Returns ((event: MouseEvent) => void)

      • (event: MouseEvent): void

      • Parameters

        • event: MouseEvent

        Returns void

onMouseMove

  • onMouseMove(panelResizeEvent: PanelResize): ((event: MouseEvent) => MouseEvent)

  • Panel resizing: Compute drag offset, change element position or width accordingly

    Parameters

    • panelResizeEvent: PanelResize

      Interface to store the details of the mouse down event

    Returns ((event: MouseEvent) => MouseEvent)

    The drag event

      • (event: MouseEvent): MouseEvent

      • Parameters

        • event: MouseEvent

        Returns MouseEvent

render

  • render(): TemplateResult<ResultType>

resizeDataPanel

  • resizeDataPanel(event: MouseEvent, desktopCanvas: ShadowRoot): MouseEvent

  • Resize the data (left) panel when dragging the separator

    Parameters

    • event: MouseEvent

      The mouse down event

    • desktopCanvas: ShadowRoot

      The desktop canvas

    Returns MouseEvent

    The mouse down event

resizeToolPanel

  • resizeToolPanel(event: MouseEvent, desktopCanvas: ShadowRoot): MouseEvent

  • Resize the tool (right) panel when dragging the separator

    Parameters

    • event: MouseEvent

      The mouse down event

    • desktopCanvas: ShadowRoot

      The desktop canvas

    Returns MouseEvent

    The mouse down event

toggleBackgroundSelector

  • toggleBackgroundSelector(): void

toggleShowDatapanel_

  • toggleShowDatapanel_(): void

toggleShowInfobar_

  • toggleShowInfobar_(): void

updated

  • updated(): void

webkitRequestFullscreen

  • webkitRequestFullscreen(allowKeyboardInput?: number): Promise<void>

Generated using TypeDoc