# XWUIHrVacationSettlementPage

A full-page HR screen for end-of-service and vacation settlement, built on the `XWUIShellPage` layout via `HrPageBase`. It renders the shell title, description, breadcrumbs, toolbar and asides, then injects a "Vacation Settlement" content note; pass `title`/`titleAr` and `description` as data, and supply API wiring through `hrApiOptions`/`hrApi` plus `locale` (`en`/`ar`) in conf_comp. Use it as the routable settlement page that loads its records from `createHrApi()`.

## Basic Usage

Mounts the settlement page into `#app` with an English title and a sandbox HR API, demonstrating the standard data + conf_comp constructor shape inherited from `HrPageBase`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Renders the Vacation Settlement shell page with a sandbox HR API and English locale.
```

## Arabic (RTL)

The page rendered in Arabic with a right-to-left layout - built-in labels, status pills, and loading text localize, and `titleAr` supplies the heading.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic (RTL)
description: The vacation-settlement page in Arabic with a right-to-left layout and an Arabic heading via titleAr.
```

## Embedded Panel

A width-constrained, centred layout (`maxWidth: '720px'`, `centered: true`) with the breadcrumb row hidden - the shape used when the page is dropped into a narrow settings column.

```example
file: examples/EmbeddedPanel.ts
html: examples/EmbeddedPanel.html
title: Embedded Panel
description: The vacation-settlement view in a 720px centred column with breadcrumbs hidden, for an embedded payroll settlement panel.
```

```api
```