weg-shared-layout 0.0.49 → 0.0.50

package/docs/vanilla.md

@@ -1,159 +1,159 @@
-# Plain HTML / vanilla JS
-
-## What you get
-
-| Tag | Purpose |
-| --- | --- |
-| `<weg-header>` | Site header — bundled logo, CMS nav (signed out), built-in nav (signed in), Sign in / Manage Account / Sign out |
-| `<weg-footer>` | Site footer — social links, menu, credits, copyright |
-
-Both components are **presentational**: they do **not** fetch data. Pass the same `layout` payload to each.
-
-WEG21 API schema: [`weg21-bootstrap.json`](../src/assets/weg21-bootstrap.json), [`weg21-menus.json`](../src/assets/weg21-menus.json)
-
-## Install & register
-
-With a bundler that resolves `node_modules` and package **`exports`** (TypeScript: `resolveJsonModule` + `moduleResolution` `bundler` or `node16` — see [angular.md](./angular.md)):
-
-```html
-<weg-header id="header"></weg-header>
-<main><!-- your content --></main>
-<weg-footer id="footer"></weg-footer>
-
-<script type="module">
-  import { defineCustomElements } from 'weg-shared-layout/loader';
-  import { dummyWeg21LayoutData } from 'weg-shared-layout/menus';
-  const layout = dummyWeg21LayoutData();
-
-  defineCustomElements();
-
-  const header = document.getElementById('header');
-  const footer = document.getElementById('footer');
-
-  header.layout = layout;
-  footer.layout = layout;
-
-  function updateCurrentPath() {
-    const { pathname, search } = window.location;
-    header.currentPath = search ? `${pathname}${search}` : pathname;
-  }
-
-  updateCurrentPath();
-  window.addEventListener('popstate', updateCurrentPath);
-</script>
-```
-
-Side-effect imports (no loader) if you only need specific tags:
-
-```js
-import 'weg-shared-layout/weg-header';
-import 'weg-shared-layout/weg-footer';
-```
-
-## `layout` property vs attribute
-
-Assign the **`layout` JavaScript property** (recommended):
-
-```js
-element.layout = layoutObject;
-```
-
-Or pass a JSON **string** on the `layout` attribute:
-
-```html
-<weg-header layout='{"header":{"menu":[]}}'></weg-header>
-```
-
-## Header layout fields (signed out)
-
-| Field | Purpose |
-| --- | --- |
-| `header.logoSrc` | Logo image URL (bundled if omitted) |
-| `header.logoHref` | Logo link URL (WEG homepage if omitted) |
-| `header.menu` | Unified nav — groups with `items[]`, flat links with `href` (incl. Sign in) |
-
-See [`weg21-menus.json`](../src/assets/weg21-menus.json) for absolute URL examples in menu links.
-
-## Header auth (Sign in / Sign out)
-
-### Signed out
-
-Renders `header.menu` from `layout`. Add sign-in as a normal link — `{ "label": "Sign in", "href": "…" }` — like Register. The header recognizes it by label or login URL and follows `href` on click.
-
-### Signed in
-
-Set **`signedIn`** and optionally **`userName`**. CMS nav is ignored; built-in links are shown (Find a job, Dashboard, Manage Account, Sign out). Set **`accountBaseUrl`** when account links should use a non-production portal.
-
-```js
-header.signedIn = true;
-header.userName = 'Alex';
-// header.accountBaseUrl = 'https://account-staging.example.com';
-// or
-header.setAttribute('signed-in', '');
-header.setAttribute('user-name', 'Alex');
-```
-
-Listen for **`wegAuthClick`** to handle sign-out (call your logout API, then redirect):
-
-```js
-header.addEventListener('wegAuthClick', async (event) => {
-  if (event.detail.action !== 'sign-out') return;
-
-  event.preventDefault();
-  header.signedIn = false;
-  await logout();
-  window.location.assign('/');
-});
-```
-
-| `event.detail.action` | Default behaviour if not prevented |
-| --- | --- |
-| `'sign-in'` | Browser follows the link's `href` |
-| `'sign-out'` | Emits event only — no navigation (host handles logout) |
-
-## Nav active state
-
-Set **`currentPath`** (property) or **`current-path`** (attribute) to the current pathname. Include `?query` when dropdown links use search params.
-
-```js
-function syncCurrentPath() {
-  const { pathname, search } = window.location;
-  header.currentPath = search ? `${pathname}${search}` : pathname;
-}
-
-syncCurrentPath();
-window.addEventListener('popstate', syncCurrentPath);
-```
-
-| Link type | Match rule |
-| --- | --- |
-| Flat nav link | Prefix match on pathname |
-| Dropdown child | Exact pathname (+ query when href has `?`) |
-| Dropdown parent | Active when any child matches |
-| Sign in / Sign out | Never highlighted |
-
-Active links use **`weg-purple-200`** (`#CDCFF8`).
-
-Logo **image** uses `header.logoSrc` (bundled if omitted). Logo **link** uses `header.logoHref` when provided; otherwise it goes to the WEG homepage.
-
-## Without a bundler
-
-Fetch `weg21-bootstrap.json` and `weg21-menus.json`, map with the same logic as [`menusToLayoutData`](../src/utils/menus.ts), then assign properties:
-
-```js
-const [bootstrapRes, menusRes] = await Promise.all([
-  fetch('/assets/weg21-bootstrap.json'),
-  fetch('/assets/weg21-menus.json'),
-]);
-const layout = await res.json();
-document.getElementById('header').layout = layout;
-document.getElementById('footer').layout = layout;
-```
-
-## See also
-
-- **[Documentation index](./README.md)**
-- **[React SPA](./react.md)**
-- **[Next.js App Router](./nextjs.md)**
-- **[Angular](./angular.md)** · **[Angular 16 demo](../demo/angular16/README.md)**
-- **[Package readme](../readme.md)**
+# Plain HTML / vanilla JS
+
+## What you get
+
+| Tag | Purpose |
+| --- | --- |
+| `<weg-header>` | Site header — bundled logo, CMS nav (signed out), built-in nav (signed in), Sign in / Manage Account / Sign out |
+| `<weg-footer>` | Site footer — social links, menu, credits, copyright |
+
+Both components are **presentational**: they do **not** fetch data. Pass the same `layout` payload to each.
+
+WEG21 API schema: [`weg21-bootstrap.json`](../src/assets/weg21-bootstrap.json), [`weg21-menus.json`](../src/assets/weg21-menus.json)
+
+## Install & register
+
+With a bundler that resolves `node_modules` and package **`exports`** (TypeScript: `resolveJsonModule` + `moduleResolution` `bundler` or `node16` — see [angular.md](./angular.md)):
+
+```html
+<weg-header id="header"></weg-header>
+<main><!-- your content --></main>
+<weg-footer id="footer"></weg-footer>
+
+<script type="module">
+  import { defineCustomElements } from 'weg-shared-layout/loader';
+  import { dummyWeg21LayoutData } from 'weg-shared-layout/menus';
+  const layout = dummyWeg21LayoutData();
+
+  defineCustomElements();
+
+  const header = document.getElementById('header');
+  const footer = document.getElementById('footer');
+
+  header.layout = layout;
+  footer.layout = layout;
+
+  function updateCurrentPath() {
+    const { pathname, search } = window.location;
+    header.currentPath = search ? `${pathname}${search}` : pathname;
+  }
+
+  updateCurrentPath();
+  window.addEventListener('popstate', updateCurrentPath);
+</script>
+```
+
+Side-effect imports (no loader) if you only need specific tags:
+
+```js
+import 'weg-shared-layout/weg-header';
+import 'weg-shared-layout/weg-footer';
+```
+
+## `layout` property vs attribute
+
+Assign the **`layout` JavaScript property** (recommended):
+
+```js
+element.layout = layoutObject;
+```
+
+Or pass a JSON **string** on the `layout` attribute:
+
+```html
+<weg-header layout='{"header":{"menu":[]}}'></weg-header>
+```
+
+## Header layout fields (signed out)
+
+| Field | Purpose |
+| --- | --- |
+| `header.logoSrc` | Logo image URL (bundled if omitted) |
+| `header.logoHref` | Logo link URL (WEG homepage if omitted) |
+| `header.menu` | Unified nav — groups with `items[]`, flat links with `href` (incl. Sign in) |
+
+See [`weg21-menus.json`](../src/assets/weg21-menus.json) for absolute URL examples in menu links.
+
+## Header auth (Sign in / Sign out)
+
+### Signed out
+
+Renders `header.menu` from `layout`. Add sign-in as a normal link — `{ "label": "Sign in", "href": "…" }` — like Register. The header recognizes it by label or login URL and follows `href` on click.
+
+### Signed in
+
+Set **`signedIn`** and optionally **`userName`**. CMS nav is ignored; built-in links are shown (Find a job, Dashboard, Manage Account, Sign out). Set **`accountBaseUrl`** when account links should use a non-production portal.
+
+```js
+header.signedIn = true;
+header.userName = 'Alex';
+// header.accountBaseUrl = 'https://account-staging.example.com';
+// or
+header.setAttribute('signed-in', '');
+header.setAttribute('user-name', 'Alex');
+```
+
+Listen for **`wegAuthClick`** to handle sign-out (call your logout API, then redirect):
+
+```js
+header.addEventListener('wegAuthClick', async (event) => {
+  if (event.detail.action !== 'sign-out') return;
+
+  event.preventDefault();
+  header.signedIn = false;
+  await logout();
+  window.location.assign('/');
+});
+```
+
+| `event.detail.action` | Default behaviour if not prevented |
+| --- | --- |
+| `'sign-in'` | Browser follows the link's `href` |
+| `'sign-out'` | Emits event only — no navigation (host handles logout) |
+
+## Nav active state
+
+Set **`currentPath`** (property) or **`current-path`** (attribute) to the current pathname. Include `?query` when dropdown links use search params.
+
+```js
+function syncCurrentPath() {
+  const { pathname, search } = window.location;
+  header.currentPath = search ? `${pathname}${search}` : pathname;
+}
+
+syncCurrentPath();
+window.addEventListener('popstate', syncCurrentPath);
+```
+
+| Link type | Match rule |
+| --- | --- |
+| Flat nav link | Prefix match on pathname |
+| Dropdown child | Exact pathname (+ query when href has `?`) |
+| Dropdown parent | Active when any child matches |
+| Sign in / Sign out | Never highlighted |
+
+Active links use **`weg-purple-200`** (`#CDCFF8`).
+
+Logo **image** uses `header.logoSrc` (bundled if omitted). Logo **link** uses `header.logoHref` when provided; otherwise it goes to the WEG homepage.
+
+## Without a bundler
+
+Fetch `weg21-bootstrap.json` and `weg21-menus.json`, map with the same logic as [`menusToLayoutData`](../src/utils/menus.ts), then assign properties:
+
+```js
+const [bootstrapRes, menusRes] = await Promise.all([
+  fetch('/assets/weg21-bootstrap.json'),
+  fetch('/assets/weg21-menus.json'),
+]);
+const layout = await res.json();
+document.getElementById('header').layout = layout;
+document.getElementById('footer').layout = layout;
+```
+
+## See also
+
+- **[Documentation index](./README.md)**
+- **[React SPA](./react.md)**
+- **[Next.js App Router](./nextjs.md)**
+- **[Angular](./angular.md)** · **[Angular 16 demo](../demo/angular16/README.md)**
+- **[Package readme](../readme.md)**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weg-shared-layout",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "Shared layout Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -1,121 +1,121 @@
-# weg-shared-layout
-
-> Shared layout Web Components.
-
-## Install
-
-```bash
-npm i weg-shared-layout
-```
-
-## How it works
-
-`<weg-header>` and `<weg-footer>` are **presentational** Web Components: they do **not** fetch data.
-
-Load layout from the **WEG CMS WEG21 API**, then pass the mapped object to `layout` on each tag:
-
-| Endpoint | Purpose |
-| --- | --- |
-| `GET https://warwickemploymentgroup.com/api/v1/weg21` | Logo URLs, footer social + legal copy |
-| `GET …/api/v1/weg21/menus` | Header (`ext` / `int`) and footer link columns |
-
-Both require the `wcms-api-key` header. Use `fetchWeg21Layout` from `weg-shared-layout/menus`:
-
-```ts
-import { fetchWeg21Layout } from 'weg-shared-layout/menus';
-
-const layout = await fetchWeg21Layout({
-  apiKey: process.env.WCMS_API_KEY,
-});
-// layout.header.menu, layout.footer.menu, layout.footer.social, …
-```
-
-[`weg21-bootstrap.json`](src/assets/weg21-bootstrap.json) and [`weg21-menus.json`](src/assets/weg21-menus.json) mirror the **WEG21 API response schemas** (`GET /api/v1/weg21` and `/menus`). Map to `layout` with `dummyWeg21LayoutData()` or `menusToLayoutData`.
-
-### Layout shape (abbreviated)
-
-```json
-{
-  "header": {
-    "menu": [
-      { "label": "Find a job", "items": [{ "label": "Graduates", "href": "…" }] },
-      { "label": "Sign in", "href": "…" }
-    ]
-  },
-  "footer": {
-    "menu": [[{ "label": "About WEG", "href": "…" }]],
-    "social": [{ "platform": "LinkedIn", "href": "…" }],
-    "credits": "…",
-    "copyright": "…"
-  }
-}
-```
-
-| Field | Used when | Notes |
-| --- | --- | --- |
-| `header.logoSrc` | Signed out | Optional CMS logo URL; bundled PNG if omitted |
-| `header.logoHref` | Always | Optional logo link URL; WEG homepage if omitted |
-| `header.menu` | Signed out | Groups use `items`; flat links use `href` |
-| `footer.menu` | Always | `LayoutLink[][]` — one column per inner array |
-| `footer.social` | Always | LinkedIn, Instagram, TikTok, or YouTube |
-| `footer.credits` / `footer.copyright` | Always | Legal copy |
-
-### Auth (Sign in / Sign out)
-
-**Signed out**: renders `header.menu`. Sign-in is a normal link — add `{ "label": "Sign in", "href": "…" }` like Register or Career advice. The header recognizes it by label or login URL and follows `href` on click.
-
-**Signed in** (`signed-in` true): ignores CMS `header.menu` and shows built-in Find a job, Dashboard, Manage Account, and Sign out.
-
-Set **`signed-in`** from your app session state. Pass **`user-name`** for Manage Account. Pass **`account-base-url`** when account links should point at a non-production portal. Pass **`current-path`** (e.g. `/career-advice/my-article`) to highlight the active nav item. **Sign out** emits **`wegAuthClick`** — the host must call `event.preventDefault()` and run your logout flow (API call, clear session, redirect).
-
-### Nav active state
-
-| Link type | Match rule |
-| --- | --- |
-| Flat nav link | Prefix — `/career-advice` matches `/career-advice/foo` |
-| Dropdown child | Exact pathname (+ query when href includes `?`) |
-| Dropdown parent | Active background when any child matches |
-| Sign in / Sign out | Never highlighted |
-
-Active links use **`weg-purple-200`** (`#CDCFF8`). Omit `current-path` to disable active styling.
-
-```js
-header.addEventListener('wegAuthClick', async (event) => {
-  if (event.detail.action !== 'sign-out') return;
-  event.preventDefault();
-  await logout();
-  window.location.assign('/');
-});
-```
-
-### Package imports (TypeScript / bundlers)
-
-| Subpath | Use |
-| --- | --- |
-| `weg-shared-layout/loader` | `defineCustomElements()` — **recommended** |
-| `weg-shared-layout/menus` | `fetchWeg21Layout`, `menusToLayoutData` |
-| `weg-shared-layout/menus-data` | WEG21 API types (`MenusData`, …) |
-| `weg-shared-layout/layout-data` | `<weg-header>` / `<weg-footer>` types (`LayoutData`, …) |
-| `weg-shared-layout/weg21-bootstrap.json` | `GET /api/v1/weg21` schema sample |
-| `weg-shared-layout/weg21-menus.json` | `GET /api/v1/weg21/menus` schema sample |
-| `weg-shared-layout/weg-header` / `weg-footer` | Side-effect tag registration |
-| `weg-shared-layout/styles/container.css` | Shared `.container` width and gutter utility |
-
-## Documentation
-
-Full index: **[docs/README.md](./docs/README.md)**.
-
-| Guide | Doc |
-| --- | --- |
-| Angular 16 | [docs/angular.md](./docs/angular.md) |
-| Angular 16 demo (runnable) | [demo/angular16/README.md](./demo/angular16/README.md) |
-| React (SPA, client-only) | [docs/react.md](./docs/react.md) |
-| Next.js (App Router) | [docs/nextjs.md](./docs/nextjs.md) |
-| Plain HTML / vanilla JS | [docs/vanilla.md](./docs/vanilla.md) |
-| Publishing (maintainers) | [docs/publishing.md](./docs/publishing.md) |
-
-## Publishing (maintainers)
-
-**`npm publish` does not run `npm run build` by itself** — it packs what is on disk. This package uses a **`prepack`** script so a full Stencil build runs before every `npm pack` / `npm publish`, avoiding incomplete tarballs.
-
-Details, checklist, and CI notes: **[docs/publishing.md](./docs/publishing.md)**.
+# weg-shared-layout
+
+> Shared layout Web Components.
+
+## Install
+
+```bash
+npm i weg-shared-layout
+```
+
+## How it works
+
+`<weg-header>` and `<weg-footer>` are **presentational** Web Components: they do **not** fetch data.
+
+Load layout from the **WEG CMS WEG21 API**, then pass the mapped object to `layout` on each tag:
+
+| Endpoint | Purpose |
+| --- | --- |
+| `GET https://warwickemploymentgroup.com/api/v1/weg21` | Logo URLs, footer social + legal copy |
+| `GET …/api/v1/weg21/menus` | Header (`ext` / `int`) and footer link columns |
+
+Both require the `wcms-api-key` header. Use `fetchWeg21Layout` from `weg-shared-layout/menus`:
+
+```ts
+import { fetchWeg21Layout } from 'weg-shared-layout/menus';
+
+const layout = await fetchWeg21Layout({
+  apiKey: process.env.WCMS_API_KEY,
+});
+// layout.header.menu, layout.footer.menu, layout.footer.social, …
+```
+
+[`weg21-bootstrap.json`](src/assets/weg21-bootstrap.json) and [`weg21-menus.json`](src/assets/weg21-menus.json) mirror the **WEG21 API response schemas** (`GET /api/v1/weg21` and `/menus`). Map to `layout` with `dummyWeg21LayoutData()` or `menusToLayoutData`.
+
+### Layout shape (abbreviated)
+
+```json
+{
+  "header": {
+    "menu": [
+      { "label": "Find a job", "items": [{ "label": "Graduates", "href": "…" }] },
+      { "label": "Sign in", "href": "…" }
+    ]
+  },
+  "footer": {
+    "menu": [[{ "label": "About WEG", "href": "…" }]],
+    "social": [{ "platform": "LinkedIn", "href": "…" }],
+    "credits": "…",
+    "copyright": "…"
+  }
+}
+```
+
+| Field | Used when | Notes |
+| --- | --- | --- |
+| `header.logoSrc` | Signed out | Optional CMS logo URL; bundled PNG if omitted |
+| `header.logoHref` | Always | Optional logo link URL; WEG homepage if omitted |
+| `header.menu` | Signed out | Groups use `items`; flat links use `href` |
+| `footer.menu` | Always | `LayoutLink[][]` — one column per inner array |
+| `footer.social` | Always | LinkedIn, Instagram, TikTok, or YouTube |
+| `footer.credits` / `footer.copyright` | Always | Legal copy |
+
+### Auth (Sign in / Sign out)
+
+**Signed out**: renders `header.menu`. Sign-in is a normal link — add `{ "label": "Sign in", "href": "…" }` like Register or Career advice. The header recognizes it by label or login URL and follows `href` on click.
+
+**Signed in** (`signed-in` true): ignores CMS `header.menu` and shows built-in Find a job, Dashboard, Manage Account, and Sign out.
+
+Set **`signed-in`** from your app session state. Pass **`user-name`** for Manage Account. Pass **`account-base-url`** when account links should point at a non-production portal. Pass **`current-path`** (e.g. `/career-advice/my-article`) to highlight the active nav item. **Sign out** emits **`wegAuthClick`** — the host must call `event.preventDefault()` and run your logout flow (API call, clear session, redirect).
+
+### Nav active state
+
+| Link type | Match rule |
+| --- | --- |
+| Flat nav link | Prefix — `/career-advice` matches `/career-advice/foo` |
+| Dropdown child | Exact pathname (+ query when href includes `?`) |
+| Dropdown parent | Active background when any child matches |
+| Sign in / Sign out | Never highlighted |
+
+Active links use **`weg-purple-200`** (`#CDCFF8`). Omit `current-path` to disable active styling.
+
+```js
+header.addEventListener('wegAuthClick', async (event) => {
+  if (event.detail.action !== 'sign-out') return;
+  event.preventDefault();
+  await logout();
+  window.location.assign('/');
+});
+```
+
+### Package imports (TypeScript / bundlers)
+
+| Subpath | Use |
+| --- | --- |
+| `weg-shared-layout/loader` | `defineCustomElements()` — **recommended** |
+| `weg-shared-layout/menus` | `fetchWeg21Layout`, `menusToLayoutData` |
+| `weg-shared-layout/menus-data` | WEG21 API types (`MenusData`, …) |
+| `weg-shared-layout/layout-data` | `<weg-header>` / `<weg-footer>` types (`LayoutData`, …) |
+| `weg-shared-layout/weg21-bootstrap.json` | `GET /api/v1/weg21` schema sample |
+| `weg-shared-layout/weg21-menus.json` | `GET /api/v1/weg21/menus` schema sample |
+| `weg-shared-layout/weg-header` / `weg-footer` | Side-effect tag registration |
+| `weg-shared-layout/styles/container.css` | Shared `.container` width and gutter utility |
+
+## Documentation
+
+Full index: **[docs/README.md](./docs/README.md)**.
+
+| Guide | Doc |
+| --- | --- |
+| Angular 16 | [docs/angular.md](./docs/angular.md) |
+| Angular 16 demo (runnable) | [demo/angular16/README.md](./demo/angular16/README.md) |
+| React (SPA, client-only) | [docs/react.md](./docs/react.md) |
+| Next.js (App Router) | [docs/nextjs.md](./docs/nextjs.md) |
+| Plain HTML / vanilla JS | [docs/vanilla.md](./docs/vanilla.md) |
+| Publishing (maintainers) | [docs/publishing.md](./docs/publishing.md) |
+
+## Publishing (maintainers)
+
+**`npm publish` does not run `npm run build` by itself** — it packs what is on disk. This package uses a **`prepack`** script so a full Stencil build runs before every `npm pack` / `npm publish`, avoiding incomplete tarballs.
+
+Details, checklist, and CI notes: **[docs/publishing.md](./docs/publishing.md)**.

package/src/types/menus-data.ts

@@ -1,44 +1,44 @@
-/**
- * WEG21 API types — mirrors wegcms-v2 `src/weg-shared-layout/menus-types.ts`.
- * @see GET /api/v1/weg21
- * @see GET /api/v1/weg21/menus
- */
-export type LayoutPlatform = 'LinkedIn' | 'Instagram' | 'TikTok' | 'YouTube';
-
-export type LayoutSocialLink = {
-  platform: LayoutPlatform;
-  href: string;
-};
-
-export type MenuItemProps = {
-  label: string;
-  href?: string;
-  items?: MenuItemProps[];
-};
-
-export type HeaderMenuProps = {
-  ext: MenuItemProps[];
-  int: MenuItemProps[];
-};
-
-export type FooterMenuProps = MenuItemProps[][];
-
-/** `GET /api/v1/weg21/menus` response body. */
-export type MenusProps = {
-  header: HeaderMenuProps;
-  footer: FooterMenuProps;
-};
-
-export type Weg21FooterProps = {
-  social_links: LayoutSocialLink[];
-  credit: string;
-  copyright: string;
-};
-
-/** `GET /api/v1/weg21` response body. */
-export type Weg21BootstrapProps = {
-  logo: string;
-  favicon: string;
-  menus: string;
-  footer: Weg21FooterProps;
-};
+/**
+ * WEG21 API types — mirrors wegcms-v2 `src/weg-shared-layout/menus-types.ts`.
+ * @see GET /api/v1/weg21
+ * @see GET /api/v1/weg21/menus
+ */
+export type LayoutPlatform = 'LinkedIn' | 'Instagram' | 'TikTok' | 'YouTube';
+
+export type LayoutSocialLink = {
+  platform: LayoutPlatform;
+  href: string;
+};
+
+export type MenuItemProps = {
+  label: string;
+  href?: string;
+  items?: MenuItemProps[];
+};
+
+export type HeaderMenuProps = {
+  ext: MenuItemProps[];
+  int: MenuItemProps[];
+};
+
+export type FooterMenuProps = MenuItemProps[][];
+
+/** `GET /api/v1/weg21/menus` response body. */
+export type MenusProps = {
+  header: HeaderMenuProps;
+  footer: FooterMenuProps;
+};
+
+export type Weg21FooterProps = {
+  social_links: LayoutSocialLink[];
+  credit: string;
+  copyright: string;
+};
+
+/** `GET /api/v1/weg21` response body. */
+export type Weg21BootstrapProps = {
+  logo: string;
+  favicon: string;
+  menus: string;
+  footer: Weg21FooterProps;
+};