Class HyloLoader

Shows a loading layer.

Uses a counter whch starts at 0, never gets below 0 and counts up when turned on, counts down when turned off. If the counter is greater than 0, the loading layer is visible. If the counter is at 0, the loading layer is hidden.

Uses the following css variables:

  • --hylo-loader-layer-background: rgba(0,0,0,0.14);
  • --hylo-loader-spinner-background: rgba(255, 255, 255, 0.8);
  • --hylo-loader-spinner-color

Properties

on

Methods

turnDown turnUp

Events

hyloLoaderChange

Properties

on

on: boolean = false

Shows whether the loading layer is visible or not. Also when switched on, it sets the internal counter to 1 and when switched off, it sets the internal counter to 0.

Methods

turnDown

  • turnDown(): Promise<void>

  • Counts the internal counter one down but never under 0.

    Returns Promise<void>

turnUp

  • turnUp(): Promise<void>

  • Counts the internal counter one up.

    Returns Promise<void>

Events

hyloLoaderChange

hyloLoaderChange: EventEmitter<boolean>

Fires when the status of the loader changes. Emits whether the loader is on or not.

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc