# XWUIHrLeaveAnalyticsPage

Leave/workforce analytics dashboard page, built on `HrInsightsPageBase` (a shell page extending `XWUIShellPage` via `HrPageBase`). On load it calls `hrApi.getInsights()` and renders an `XWUIDashboard` KPI strip of four tiles derived from `InsightsKpis`: **Employees** (`totalEmployees`, info), **Active Today** (`activeToday`, success), **Open Roles** (`openRoles`, warning), and **Avg Tenure** (`avgTenureYears` in years, neutral), laid out in up to four columns. Default page title is "Leave Analytics". Construct it with page `data` (`title`, `description`, optional pre-loaded `kpis`) and `conf_comp` carrying `hrApiOptions` plus standard page-base props (`maxWidth`, `centered`, `padding`, aside widths, `className`).

## Basic Usage

Mounts the analytics page against the sandbox HR API; with no `kpis` supplied it fetches `getInsights()` and renders the Employees / Active Today / Open Roles / Avg Tenure KPI dashboard.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Constructs XWUIHrLeaveAnalyticsPage with hrApiOptions.env 'sandbox' so getInsights() drives the four-tile KPI dashboard.
```

## 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
```