moduleLoaded

The widget has finished loading.

Details

It is emitted when the internal engine has finished its Initialization and the widget is ready.

Event: moduleLoaded

Type: FacephiSelphiWidgetCustomEvent<WidgetLoadedEvent> | CustomEvent<WidgetLoadedEvent>

Syntax

selphi.addEventListener('moduleLoaded', onModuleLoaded);

Received object

The payload is of type SelphiWidgetLoadedDetail and is in event.detail.detail:

• eventType (string): Type of emitted event.

• camerasDeviceInfo (MediaTrackSettings[] | string): Information about the device's cameras.

• deviceType (string): Type of device running.

• resolutionHeight (number): Initial height resolution.

• resolutionWidth (number): Initial width resolution.

• widgetConfiguration (object): Effective configuration applied to the engine (e.g. Stabilization, Antispoof, CameraWidth).

• widgetVersion (string): Version of the engine component.

Description

Allows hiding external loading screens or running logic when the widget is ready to interact.

Considerations

The payload is in event.detail.detail (see event format). widgetConfiguration reflects the final values after applying defaults and the wrapper props.

---

Example

<facephi-selphi-widget
    onModuleLoaded={(event) => {
      const { widgetVersion, resolutionWidth, resolutionHeight } = event.detail.detail;
      console.log('Selphi loaded:', widgetVersion, resolutionWidth, resolutionHeight);
    }}
/>

import { type SelphiWidgetLoadedDetail } from '@facephi/sdk-web-wc';

selphi.addEventListener('moduleLoaded', (event) => {
  const detail: SelphiWidgetLoadedDetail = event.detail.detail;
});