# XWUIHrShiftMasterPage

Shell page scaffold for the Shift Master area (the catalogue of shift definitions). It extends `HrPageBase` so it inherits the injected `IHrApi` and the standard loading / empty / error UX, defaults its title to `Shift Master`, and in `afterSetupDOM()` appends a `xwui-hr-page-note` placeholder paragraph reading "Shift Master" into the content region. Data wiring beyond the base API injection is not yet implemented, making this a structural placeholder ready for the shift-master grid/form. Configure via `conf_comp.hrApiOptions`, `conf_comp.hrApi`, and `conf_comp.locale`; override the heading with `data.title`/`titleAr`.

## Basic Usage

Mounts the Shift Master page against a sandbox mock HR API (`hrApiOptions: { env: 'sandbox' }`, `locale: 'en'`) with a custom title and description; the content region shows the page note placeholder.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Renders the Shift Master shell page with a sandbox mock IHrApi and English locale, showing the placeholder content note.
```

## 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 shift-master scheduling page 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 shift-master view in a 720px centred column with breadcrumbs hidden, for an embedded scheduling panel.
```

```api
```