# XWUIHrWorkAuthorizationPage

An HR compliance page that lists work-authorization documents (permits, visas, right-to-work records) in an `XWUIDataGrid`, built on the `HrListPage` table base over `XWUIShellPage`. It fetches rows from the HR API's `listCompliance()` and shows the columns Employee (`employeeName`), Type (`documentType`), Status (`status`) and Expiry (`expiryDate`) as a striped, hoverable grid, with loading/empty/error states from the base. Configure data via `title`/`titleAr`/`description` (or a pre-supplied `rows` array) and wire the backend through `hrApiOptions`/`hrApi` plus `locale` in conf_comp.

## Basic Usage

Mounts the work-authorization page into `#app` with an English title and a sandbox HR API, so the grid populates from the mock `listCompliance()` loader.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Renders the Work Authorization data grid (Employee, Type, Status, Expiry) sourced from a sandbox HR API.
```

## Arabic Locale (RTL)

Renders the page right-to-left with an Arabic title by passing `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale (RTL)
description: Renders the page right-to-left with an Arabic title by passing locale 'ar'.
```

## Preloaded Rows

Supplies `data.rows` directly so the grid renders immediately without calling the API.

```example
file: examples/PreloadedRows.ts
html: examples/PreloadedRows.html
title: Preloaded Rows
description: Supplies data.rows directly so the grid renders immediately without calling the API.
```

```api
```