# XWUIHrPendingTasks

A compact HR dashboard widget (extends `XWUIComponent`) that renders a titled card listing an employee's outstanding tasks. Each `data.tasks[]` entry shows its `title` and, when present, its `dueDate` (formatted as "title · dueDate"); when the list is empty it falls back to a single "No tasks" line. Set `conf_comp.locale` to `ar` to switch the heading and empty text to Arabic ("مهام معلقة" / "لا مهام"). Use it on a self-service home screen to surface to-dos such as completing a profile or acknowledging a policy.

## Basic Usage

Renders the pending-tasks card from a two-item `tasks` array, each with a title, due date, and open status.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUIHrPendingTasks with two open tasks ("Complete profile", "Acknowledge policy") and their due dates to show the populated list.
```

## Arabic Locale

Switches the heading and task titles to Arabic by setting `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale
description: Sets locale to ar so the pending-tasks heading and entries render in Arabic, right-to-left.
```

## Mixed Types

Lists four tasks of different types, each with a due date.

```example
file: examples/MixedTypes.ts
html: examples/MixedTypes.html
title: Mixed Types
description: Passes onboarding, policy, approval and timesheet tasks with due dates to show a varied task queue.
```

```api
```