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

Constructors

constructor

Properties

bootstrapStyle bootstrapVarStyle commonStyle fontawesomeStyle resetStyle styles

Methods

connectedCallback disconnectedCallback initConfig mozRequestFullScreen mozRequestFullScreenWithKeys msRequestFullscreen onMouseDown onMouseMove render resizeDataPanel resizeToolPanel toggleBackgroundSelector toggleShowDatapanel_ toggleShowInfobar_ updated webkitRequestFullscreen

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

disconnectedCallback

initConfig

mozRequestFullScreen

mozRequestFullScreenWithKeys

msRequestFullscreen

onMouseDown

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

    Returns

    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

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

    Returns

    The drag event

    Parameters

    • panelResizeEvent: PanelResize

      Interface to store the details of the mouse down event

    Returns ((event: MouseEvent) => MouseEvent)

      • (event: MouseEvent): MouseEvent

      • Parameters

        • event: MouseEvent

        Returns MouseEvent

render

resizeDataPanel

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

    Returns

    The mouse down event

    Parameters

    • event: MouseEvent

      The mouse down event

    • desktopCanvas: ShadowRoot

      The desktop canvas

    Returns MouseEvent

resizeToolPanel

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

    Returns

    The mouse down event

    Parameters

    • event: MouseEvent

      The mouse down event

    • desktopCanvas: ShadowRoot

      The desktop canvas

    Returns MouseEvent

toggleBackgroundSelector

toggleShowDatapanel_

toggleShowInfobar_

updated

webkitRequestFullscreen

Settings

Member Visibility

Theme

Generated using TypeDoc