# XWUIHrViolationsPage

An HR disciplinary-records page that lists employee violations in an `XWUIDataGrid`, built on the `HrListPage` table base (which extends the `XWUIShellPage` shell). It fetches rows from the HR API's `listViolations()` and renders the columns Employee (`employeeName`), Category (`category`) and Status (`status`) as a striped, hoverable grid, with loading, empty and error states handled by 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 violations page into `#app` with an English title and a sandbox HR API, so the grid populates from the mock `listViolations()` loader.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Renders the Violations data grid (Employee, Category, Status) 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
```