# XWUIHrEmployeesPage

Org-wide employee directory HR shell page (extends `HrListPage` → `HrPageBase` → `XWUIShellPage`). It calls `hrApi.listEmployees({ status: 'all' })` to pull the whole directory - active and inactive - and renders it in a striped, hoverable `XWUIDataGrid` with eight columns: Code (`code`), Employee (`nameEn`), Job Title (`jobTitle`), Department (`department`), Office (`officeLocation`), Nationality (`nationality`), Line Manager (`lineManagerName`, defaulting to " - "), and Status (`status`). The title localizes to "Employees"/"الموظفون"; construct it with page `title`/`description` data and a `conf_comp` carrying `hrApiOptions` (e.g. `{ env: 'sandbox' }`) and `locale`.

## Basic Usage

Loads the full employee directory (status `all`) from the sandbox HR API and renders it in a data grid spanning Code, Employee, Job Title, Department, Office, Nationality, Line Manager, and Status.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUIHrEmployeesPage with an "Employees" title and the sandbox hrApi, then loads the whole directory and grids it across eight columns.
```

## Arabic locale (RTL)

Passes `{ locale: 'ar' }` with a `titleAr` so the page resolves the Arabic title (`الموظفون`) and renders right-to-left.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic locale (RTL)
description: Arabic title via titleAr plus locale 'ar' for a right-to-left page.
```

## Constrained, centered layout

Caps the content column at 1200px, centers it, and adds roomier padding via the shell-page config.

```example
file: examples/ConstrainedLayout.ts
html: examples/ConstrainedLayout.html
title: Constrained, centered layout
description: `{ maxWidth: '1200px', centered: true, padding: '2rem' }` constrains and centers the page column.
```

```api
```