> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/sdks/sdk-web/componentes/selphid-documentos/eventos/moduleloaded.md).

# moduleLoaded

## Detalles

Se emite cuando el motor interno ha finalizado su inicialización y el widget está listo.

**Evento:** `moduleLoaded`

**Tipo:** `FacephiSelphidWidgetCustomEvent<WidgetLoadedEvent>` | `CustomEvent<WidgetLoadedEvent>`

### Sintaxis

```typescript
selphid.addEventListener('moduleLoaded', onModuleLoaded);
```

### Objeto recibido

El payload útil es de tipo `SelphidWidgetLoadedDetail` y está en `event.detail.detail`:

* `eventType` (`string`): Tipo de evento emitido.
* `camerasDeviceInfo` (`MediaTrackSettings[]` | `string`): Información de las cámaras del dispositivo.
* `deviceType` (`string`): Tipo de dispositivo en ejecución.
* `resolutionHeight` (`number`): Resolución inicial en altura.
* `resolutionWidth` (`number`): Resolución inicial en anchura.
* `widgetConfiguration` (`object`): Configuración efectiva aplicada al motor (p. ej. `DocumentType`, `Rules`, `CaptureTimeout`).
* `widgetVersion` (`string`): Versión del componente del motor.

## Descripción

Permite ocultar pantallas de carga externas o ejecutar lógica cuando el widget está listo para interactuar.

### Consideraciones

El payload útil está en `event.detail.detail` (ver [formato de eventos](/sdks/sdk-web/componentes/selphid-documentos/eventos.md#formato-de-los-eventos)). `widgetConfiguration` refleja los valores finales tras aplicar defaults y props del wrapper.

***

## Ejemplo

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

```typescript
import { type SelphidWidgetLoadedDetail } from '@facephi/sdk-web-wc';

selphid.addEventListener('moduleLoaded', (event) => {
  const detail: SelphidWidgetLoadedDetail = event.detail.detail;
});
```