# XWUIHrTimeStatusPage

Minimal "Time Status Dictionary" reference page built on `HrPageBase`. Its `afterSetupDOM()` appends a single note paragraph ("Time Status Dictionary") into the inherited `contentElement`, serving as a placeholder/landing page within the HR shell for the time-status code dictionary. Accepts the standard shell `conf_comp` layout keys (`maxWidth`, `centered`, `padding`, `hideHeader`, asides). Use it as the entry point for time-status definitions before list content is wired in.

## Basic Usage

Mounts the page against `#app` with a title and description, in English, rendering the Time Status Dictionary note.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Time Status Dictionary page mounted with the sandbox HR API config, rendering its placeholder note in the shell content area.
```

## 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 time-status dictionary 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 time-status dictionary in a 720px centred column with breadcrumbs hidden, for an embedded settings panel.
```

```api
```