# XWUIHrAutomationList

`XWUIHrAutomationList` is a headless-first HR widget (extends `XWUIComponent`) intended to render a list of HR automation workflows. The current implementation is a localized scaffold: it builds a single root element with class `xwui-hr--automation-list` and `data-component="XWUIHrAutomationList"`, and renders placeholder content ("HR data" / "بيانات HR" when `locale` is `ar`). Its `conf_comp` accepts only `className` and `locale` (`'en' | 'ar'`); the `XWUIHrAutomationListData` shape is an open record. Use it as the embeddable mount point and styling/locale anchor for automation-list content while the data projection (`XWUIHrAutomationList.view`) is built out.

## Basic Usage

Mounts the widget into `#app` with an empty data object and `locale: 'en'`, producing the `xwui-hr--automation-list` root with its placeholder "HR data" text.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Constructs XWUIHrAutomationList against an empty data record with English locale and mounts it into the page.
```

## 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: 'automation--compact' }`, appended to the `xwui-hr--automation-list` 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
```