# XWUIHrApprovalQueue

Headless-first HR approval-queue widget that extends `XWUIComponent` with the standard I→A→XW split (`.logic.ts` factory, `.view.ts` pure projection, `.types.ts` schema). It mounts a root `div.xwui-hr--approval-queue` carrying a `data-component="XWUIHrApprovalQueue"` attribute, and is the surface where pending approval requests are presented. The current build renders a locale-aware placeholder ("HR data" / "بيانات HR") pending content wiring; configuration is limited to `className` and `locale` (`'en' | 'ar'`), and `data` is an open record. Use the page-level `XWUIHrApprovalsPage` when you need the live, API-backed approvals table.

## Basic Usage

Constructs the widget with empty data and `{ locale: 'en' }`, mounting the `xwui-hr--approval-queue` root with its localized placeholder content.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: `new XWUIHrApprovalQueue(app, {}, { locale: 'en' })` - mounts the English approval-queue widget root into the host element.
```

## Arabic locale (RTL)

Constructs the widget with `{ locale: 'ar' }`, so the root renders its Arabic placeholder text (`بيانات HR`).

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic locale (RTL)
description: `{ locale: 'ar' }` switches the placeholder copy to Arabic for right-to-left hosts.
```

## Custom class hook

Passes `{ className: 'approvals--dense' }`, appended to the `xwui-hr--approval-queue` root class so host CSS can target this instance.

```example
file: examples/CustomClass.ts
html: examples/CustomClass.html
title: Custom class hook
description: A `className` is merged onto the widget root for host-level styling.
```

```api
```