@xplortech/apollo-core 2.6.0 → 2.7.0

package/dist/docs/xpl-toast/readme.md

@@ -8,7 +8,7 @@ When possible, Toasts should auto-dismiss after 8 seconds. When an action is pre
 
 Match your messaging with the sentiment of the toast. Most messages will have a neutral sentiment. Reserve negative sentiments for when an explicit failure has occurred. Give users the information they need to correct the issue. 
 
-Toasts only support a single action and up to 85 characters. If multiple actions can be taken, or the message is longer than a few words, use a [Modal component](https://xplor-apollo.herokuapp.com/?path=/story/components-modal--modal) instead.
+Toasts only support a single action and up to 85 characters. If multiple actions can be taken, or the message is longer than a few words, use a [Modal component](https://apollo.xplordocs.com/?path=/story/components-modal--modal) instead.
 
 ## Positioning
 

package/dist/docs/xpl-top-nav/readme.md

@@ -0,0 +1,179 @@
+# xpl-top-nav
+
+Top navigation shell for brand, primary navigation, right-side actions, and an optional account menu.
+
+## Usage
+
+Use slots only for layout content. The component provides the internal wrappers for the right rail and user menu. The right side renders `right-aside` then the user menu (built-in trigger + panel). `left-aside` is intended for `xpl-top-nav-item` links (each item should use **`slot="left-aside"`** so they are direct children of the internal **`role="list"`** — avoid wrapping them in a single container with that slot). Set the **`child-account-label`** attribute (or **`childAccountLabel`** in React) for the built-in menu trigger label beside the chevron; use **`slot="user-menu-trigger"`** to replace that trigger entirely. If `brand-href` is set, the brand uses native link navigation. If not, the component emits `brandClick`.
+
+### Web component (typical layout)
+
+```html
+<xpl-top-nav
+  brand-name="My App"
+  brand-href="/"
+  label="Main navigation"
+  child-account-label="Account"
+  nav-control
+>
+  <xpl-top-nav-item slot="left-aside" label="Home" href="/" icon="house-4"></xpl-top-nav-item>
+  <xpl-top-nav-item slot="left-aside" label="Reports" href="/reports"></xpl-top-nav-item>
+
+  <xpl-button slot="right-aside" variant="secondary">Help</xpl-button>
+  <xpl-nav-header-menu slot="user-menu" username="Alex User" email="alex@example.com">
+    <xpl-top-nav-item slot="right-aside-mobile" label="Help" href="/help"></xpl-top-nav-item>
+    <xpl-top-nav-item label="Profile" href="/profile" icon="person-1"></xpl-top-nav-item>
+    <xpl-top-nav-item label="Sign out" href="/logout" icon="open-rect-arrow-out"></xpl-top-nav-item>
+  </xpl-nav-header-menu>
+</xpl-top-nav>
+```
+
+### Logo from URL and SPA brand (no `brand-href`)
+
+```html
+<xpl-top-nav brand-logo="https://example.com/logo.svg" brand-name="Apollo">
+  <xpl-top-nav-item slot="left-aside" label="Dashboard" href="#"></xpl-top-nav-item>
+</xpl-top-nav>
+```
+
+Listen for `brandClick` on the host when `brand-href` is omitted.
+
+### Plain HTML (static documentation)
+
+Use the same tags in any HTML page that loads Apollo styles and the component bundle. Prefer slots and `xpl-top-nav-item` rather than copying internal BEM classes.
+
+## Responsive behavior
+
+- `nav-control` enables the mobile drawer toggle. The control is only visible on **narrow viewports** (see **`top-nav.css`**: one pixel below Tailwind **`md`**; hidden from **`md`** / **768px** width upward at default Tailwind).
+- Below **`md`**, **`slot="left-aside"`** (`.xpl-nav-left`) is **hidden** unless **`nav-control`** is set **and** the drawer is open (`xpl-top-nav--nav-control` + `xpl-top-nav--open`). **Without `nav-control` there is no mobile drawer** — primary links are not shown in the narrow bar (duplicate into **`xpl-nav-header-menu`** or widen the viewport if they must stay reachable).
+- Pressing `Escape` closes nested dropdowns first, then closes the mobile drawer if it is still open (when `nav-control` is set). Focus then returns to the hamburger toggle. **Escape** is ignored for closing the drawer while **any** descendant **`xpl-popover`** is open (including the account menu or a consumer-slotted popover in **`left-aside`** / **`right-aside`**).
+- Opening the built-in **account** popover while the mobile drawer is open **closes the drawer** and emits **`navOpen(false)`** so the two surfaces do not stack.
+- On **narrow viewports**, **`slot="right-aside"`** is hidden in the bar. Duplicate those actions into **`xpl-nav-header-menu`** **`slot="right-aside-mobile"`** (narrow-only strip below profile, above the list) so they stay reachable from the account menu.
+- On **`xpl-top-nav-item`**, use **`selected`** for the current page (**`aria-current="page"`**) and optional **`active`** for extra accent styling; see the item readme for modifier details.
+- **`slot="dropdown"`** does not implement arrow-key roving focus; put focusable elements inside the panel or treat full “menu” keyboard behavior as a future enhancement.
+
+## Theming
+
+- The host applies the Foundation `dark` scope so the bar and its slotted children resolve dark-mode purpose tokens automatically.
+- Floating overlays rendered outside the host, such as teleported popover content, may need their own `dark` class if they should match the shell.
+
+## Icon Mapping
+
+| Location | Icon name | Notes |
+| -------- | --------- | ----- |
+| Mobile nav toggle (`nav-control`) | `menu` | Shown inside the bar control when `nav-control` is set. |
+| Built-in account trigger | `chevron-down` | `xpl-button` `icon` prop (end). |
+| Dropdown row (`xpl-top-nav-item` with `slot="dropdown"`) | `chevron-down` | Trailing indicator on the row control. |
+
+Consumer-provided `icon` props on `xpl-top-nav-item` use names from `@xplortech/apollo-icons`.
+
+## Token use
+
+| Area | Token / variable |
+| ---- | ---------------- |
+| Bar surface | `var(--xpl-background-surface-default)` |
+| Bar text (default) | `var(--xpl-text-subdued)` |
+| Bar height | `var(--xpl-size-350)` |
+| Bar padding | `var(--xpl-space-8)` / `var(--xpl-space-16)` |
+| Bottom border | `var(--xpl-border-small)` `var(--xpl-border-default)` |
+| Focus ring | `var(--xpl-border-focus)` with `outline-2` / `outline-offset-2` (see `top-nav.css`) |
+| Panel / drawer width | `var(--xpl-top-nav-panel-width)` (component custom property in `top-nav.css`) |
+| Account popover offset | `var(--xpl-space-16)` below bar (`margin-top` on menu content) |
+
+## Accessibility
+
+- **`nav` landmark:** The `label` prop maps to `aria-label` on the inner `<nav>`. If omitted, it defaults to **`top-navigation-bar`**. Use a unique label when multiple navigation regions exist (e.g. side nav + top nav).
+- **Mobile control:** With `nav-control`, the toggle is a native `<button>` with `aria-expanded` reflecting the drawer and an accessible name for open/close.
+- **Account menu:** The built-in `xpl-button` trigger sets `aria-haspopup="dialog"` to match the internal `xpl-popover` trigger. Chevron-only mode (no `child-account-label` text) adds `aria-label="Open account menu"`. The popover's internal wrapper `<span>` is hidden via CSS `visibility: hidden` so the `xpl-button` is the **single tab stop** — click and keyboard events still bubble to the popover. Custom triggers via `slot="user-menu-trigger"` should set their own accessible name and `aria-haspopup`.
+- **Primary links:** Brand and items use `xpl-top-nav-item` (native `<a>` or `role="button"`) with keyboard activation (Enter / Space where applicable).
+- **Dropdown items:** Items with `slot="dropdown"` expose `aria-expanded` on the inner control; **Escape** closes the dropdown (document capture). **Escape** on the shell closes the mobile drawer only after dropdowns and **any** open descendant **`xpl-popover`** are closed (document capture vs bubble ordering). Arrow-key navigation within the dropdown panel is not built in.
+- **Icon-only items:** With **`icon`** and no **`label`** or default-slot text, the inner control gets **`aria-label`** (**`item-aria-label`** to override, else **`Navigation item`**).
+- **Lists:** `left-aside` is wrapped in `role="list"`; each primary link `xpl-top-nav-item` uses `role="listitem"`. The built-in brand row (`xpl-top-nav__brand`) omits `listitem` because it sits outside that list; `slot="right-aside-mobile"` rows omit it as well. `xpl-nav-header-menu` default-slot rows still use `listitem` (menu list contract).
+
+<!-- Auto Generated Below -->
+
+
+## Overview
+
+Horizontal top navigation with **`left-aside`** and a **right rail**: **`right-aside`** then **user menu**
+(see **`.xpl-top-nav__right-rail`** in `render()`). The account menu uses an internal **`xpl-popover`** (**`bottom-end`**, **`display="menu"`**): built-in trigger uses **`child-account-label`** (prop / attribute) as the label beside a trailing **`chevron-down`** on **`xpl-button`** (**`icon`** / **`iconPosition="end"`**), or **`slot="user-menu-trigger"`** for a custom trigger; panel from **`slot="user-menu"`** (e.g. **`xpl-nav-header-menu`**).
+Optional **`nav-control`** and **`navOpen`**. **`left-aside`** uses **`role="list"`** for primary **`xpl-top-nav-item`** rows (**`role="listitem"`** on each item host). The built-in **`xpl-top-nav__brand`** item omits **`listitem`** (it is not a child of that list). **`label`** maps to **`nav`** **`aria-label`**. Opening state is internal (not a prop) — use **`navOpen`** and host **`xpl-top-nav--open`** for styling.
+
+**Escape:** With **`nav-control`**, **Escape** closes the mobile drawer and emits **`navOpen`** **`false`** (skips while **any** descendant **`xpl-popover`** is open — detected from each popover’s inner **`.xpl-popover--is-open`** marker — or when a **`xpl-top-nav-item`** dropdown is open — capture/bubble order). Focus returns to the nav toggle after the drawer closes (**Escape** or second toggle click).
+**`xpl-top-nav-item`** **`slot="dropdown"`** uses document **capture** for **Escape** first; the shell uses **bubble**
+on **`ownerDocument`** so nested dropdowns close before the drawer.
+
+**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens under this subtree
+resolve to dark-mode values even when the page root is light. Floating overlays (e.g. **`xpl-popover`** / **`xpl-dropdown`**
+content teleported outside the host) do not inherit this scope — add **`dark`** on those panels if they should match.
+
+**Layout:** **`right-aside`** and the user-menu region are wrapped internally (**`.xpl-top-nav__right-lead`**, etc.).
+Consumers should not add those BEM classes — slot content only.
+
+**Brand logo:** use **`brand-logo`** (URL) for a built-in **`<img>`**, or **`slot="brand-logo"`** for custom markup (e.g. **`xpl-icon`**, SVG). When the URL prop is set, it takes precedence and the slot is not used for the image. On **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**), **`brand-name`** text is hidden in the bar (logo / slot mark only); keep a meaningful **`alt`** on **`brand-logo`** or accessible slotted mark for context.
+
+**Narrow / mobile** (same breakpoint as above): **`slot="left-aside"`** is **hidden** in the bar until **`nav-control`**
+is set **and** the drawer is open (floating panel per Figma). **Without **`nav-control`**, there is no mobile drawer** —
+primary links remain hidden below **`md`** until the viewport is wide enough for the horizontal bar. The built-in **brand**
+stays in the top bar (**hamburger → brand** when **`nav-control`** is set). **`right-aside`** is hidden in the bar on narrow
+viewports (**`top-nav.css`**, one pixel below Tailwind **`md`**); duplicate those actions into **`xpl-nav-header-menu`**
+**`slot="right-aside-mobile"`** (below profile, above the list; narrow-only CSS in **`top-nav.css`**) per Figma.
+
+**Account menu vs drawer:** Opening the built-in account **`xpl-popover`** while the mobile drawer is open **closes the drawer**
+and emits **`navOpen(false)`** so the two layers do not stack.
+
+## Properties
+
+| Property            | Attribute             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Type      | Default     |
+| ------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
+| `brandHref`         | `brand-href`          | Destination URL for the brand control when using native navigation (**`<a href>`**). When unset, the brand is a **`role="button"`** control and **`brandClick`** fires on activation instead.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `string`  | `undefined` |
+| `brandLogo`         | `brand-logo`          | Optional image URL for the brand mark (leading the brand row, before **`brand-name`** text). When set, renders **`<img class="xpl-top-nav__brand-logo">`** and ignores **`slot="brand-logo"`** for the mark. When unset, use **`slot="brand-logo"`** for custom logo content.                                                                                                                                                                                                                                                                                                                                                                                                               | `string`  | `undefined` |
+| `brandName`         | `brand-name`          | Visible product / app name next to **`brand-logo`**. Omit for logo-only; provide **`brand-logo`** and/or this string to show the built-in brand row (**`left-aside`** is then primary nav links only).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `string`  | `undefined` |
+| `childAccountLabel` | `child-account-label` | Label text for the built-in account menu trigger (shown **before** the **`chevron-down`** icon) when **`slot="user-menu"`** is present and **`slot="user-menu-trigger"`** is not used. When empty or whitespace-only, the trigger shows only the chevron and uses **`aria-label="Open account menu"`** on the button.                                                                                                                                                                                                                                                                                                                                                                       | `string`  | `undefined` |
+| `label`             | `label`               | Accessible name for the `<nav>` landmark (maps to `aria-label`). Use a unique label when the page has multiple navigation regions (e.g. side nav + top nav). When unset, defaults to `top-navigation-bar`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `string`  | `undefined` |
+| `navControl`        | `nav-control`         | When true, renders the navigation control (hamburger) for toggling the left slot on small viewports. The control is **hidden from the Tailwind `md` breakpoint up**; collapse/show for **`left-aside`** uses **`max-width: calc(theme('screens.md') - 1px)`** in **`top-nav.css`** (Figma’s 767px at a 16px root and default **`screens.md`**). Reflected to the **`nav-control`** attribute so host updates (framework props) re-run **`@Watch`**: drawer state and document **Escape** handling stay in sync, the host **`xpl-top-nav--nav-control`** class toggles for **`top-nav.css`**, and **`navOpen(false)`** is emitted if **`nav-control`** is cleared while the drawer was open. | `boolean` | `undefined` |
+
+
+## Events
+
+| Event        | Description                                                                                                                                                                                                                                                          | Type                      |
+| ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- |
+| `brandClick` | Emitted when the brand control is activated and **`brandHref`** is **not** set (SPA / in-app navigation). **`detail`** is the **`MouseEvent`** from **`xpl-top-nav-item`** **`navItemClick`**. Not emitted when **`brandHref`** is set (use native link navigation). | `CustomEvent<MouseEvent>` |
+| `navOpen`    | Emitted when the mobile nav open state changes: hamburger toggle, or **Escape** closing the drawer (when **`nav-control`** is set and the bar was open). Detail is the new open state (**`true`** = open, **`false`** = closed).                                     | `CustomEvent<boolean>`    |
+
+
+## Slots
+
+| Slot                  | Description                                                                                                                                                                                                                                                                                                                                                     |
+| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `"brand-logo"`        | Custom brand mark when **`brand-logo`** URL is not set; placed before **`brand-name`** in the brand row.                                                                                                                                                                                                                                                        |
+| `"left-aside"`        | Primary navigation (**`xpl-top-nav-item`** links). After the brand on wide viewports; below **`md`**, visible only inside the **`nav-control`** drawer when open (otherwise hidden).                                                                                                                                                                            |
+| `"right-aside"`       | Right-side actions before the user menu. Hidden on narrow viewports (**`top-nav.css`** below **`md`**).                                                                                                                                                                                                                                                         |
+| `"user-menu"`         | Account popover panel only (e.g. **`xpl-nav-header-menu`** with menu **`xpl-top-nav-item`** children). Trigger is **`slot="user-menu-trigger"`** or the built-in button (**`child-account-label`** text + chevron). Use **`slot="right-aside-mobile"`** on **`xpl-nav-header-menu`** for narrow-only duplicates of **`right-aside`** (below the profile block). |
+| `"user-menu-trigger"` | Optional override for the popover trigger. When set, the built-in **`child-account-label`** trigger is ignored.                                                                                                                                                                                                                                                 |
+
+
+## Dependencies
+
+### Depends on
+
+- [xpl-icon](../xpl-icon)
+- [xpl-top-nav-item](xpl-top-nav-item)
+- [xpl-popover](../xpl-popover)
+- [xpl-button](../xpl-button)
+
+### Graph
+```mermaid
+graph TD;
+  xpl-top-nav --> xpl-icon
+  xpl-top-nav --> xpl-top-nav-item
+  xpl-top-nav --> xpl-popover
+  xpl-top-nav --> xpl-button
+  xpl-top-nav-item --> xpl-icon
+  xpl-button --> xpl-icon
+  style xpl-top-nav fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/docs/xpl-top-nav/xpl-nav-header-menu/readme.md

@@ -0,0 +1,81 @@
+# xpl-nav-header-menu
+
+Profile block (username, email) and a default slot for menu rows. Typically inside **`xpl-popover`** or **`xpl-dropdown`** under a user trigger.
+
+**Styles** for this component live in **`packages/apollo-core/src/css/top-nav.css`** (with **`xpl-top-nav-item`** rules in the same file).
+
+## Usage
+
+```html
+<xpl-nav-header-menu username="Katie Wilson" email="katie@example.com">
+  <xpl-top-nav-item label="View account" icon="house-4" href="/account"></xpl-top-nav-item>
+  <xpl-top-nav-item label="Log out" icon="open-rect-arrow-out" href="/logout"></xpl-top-nav-item>
+</xpl-nav-header-menu>
+```
+
+Optional narrow-only duplicate of bar actions (e.g. Inbox) between the profile block and the list — use **`slot="right-aside-mobile"`** with **`xpl-top-nav-item`** or **`xpl-button`**. That strip is visible by default only on **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**).
+
+```html
+<xpl-nav-header-menu username="Katie Wilson" email="katie@example.com">
+  <xpl-top-nav-item slot="right-aside-mobile" label="Inbox" icon="mail-1" href="/inbox"></xpl-top-nav-item>
+  <xpl-top-nav-item label="Log out" icon="open-rect-arrow-out" href="/logout"></xpl-top-nav-item>
+</xpl-nav-header-menu>
+```
+
+## Token Use
+
+Spacing, typography, and colors use Apollo Foundation **`var(--xpl-*)`** tokens (e.g. **`--xpl-text-strong`**, **`--xpl-space-*`**, **`--xpl-font-size-*`**). Panel width uses the component-scoped custom property **`--xpl-top-nav-panel-width`** on **`xpl-top-nav`** / **`xpl-nav-header-menu`** hosts (composed from **`--xpl-size-*`** in **`top-nav.css`**).
+
+## Accessibility
+
+- The default slot is wrapped in a container with **`role="list"`**. Use **`xpl-top-nav-item`** for rows so each item exposes **`role="listitem"`** and keyboard/focus behavior from **`xpl-top-nav-item`** (including **`Enter`** / **`Space`** on non-link controls and **`:focus-visible`** outline on the inner control).
+- The host may include Foundation’s **`dark`** class so purpose tokens match account menu contrast when the page root is light.
+- **`slot="right-aside-mobile"`** is not a list; do not rely on **`role="list"`** for that block.
+
+## Events
+
+This component does not emit custom events. Use **`xpl-top-nav-item`** **`navItemClick`** (or native link navigation) for row actions.
+
+<!-- Auto Generated Below -->
+
+
+## Overview
+
+Profile / account block (username, email, default slot for **`xpl-top-nav-item`** / **`xpl-divider`**).
+Tag **`xpl-nav-header-menu`**; implementation folder **`xpl-nav-header-menu`**. **`.xpl-nav-header-menu__slot`** is
+**`role="list"`** for slotted **`xpl-top-nav-item`** (**`role="listitem"`**).
+
+**Slotted content:** do not add **`xpl-nav-header-menu__*`** BEM classes on nodes you pass into the default slot —
+profile, list shell, and **`xpl-top-nav-item`** **`role="listitem"`** are handled by the component. Use
+**`xpl-top-nav-item`** (or plain elements that are not Apollo **`xpl-*`** BEM hooks) in the slot only.
+
+**`slot="right-aside-mobile"`** — optional block **between** the profile header and the default-slot list (e.g. narrow-only
+duplicate of **every** **`slot="right-aside"`** control per Figma when **`xpl-top-nav`** hides **`right-aside`** on narrow viewports (always)).
+Not **`role="list"`**; use **`xpl-button`** / **`xpl-top-nav-item`** as needed. Shown only on **narrow viewports** (one pixel below Tailwind **`md`** — **`top-nav.css`**) so bar actions stay in **`slot="right-aside"`** on wider viewports.
+Light-DOM **`slotchange`** is unreliable; a host **`MutationObserver`** (child / subtree / **`slot`** attribute) keeps
+**`xpl-nav-header-menu--has-right-aside-mobile`** in sync when nodes are added or retargeted after mount (same pattern as **`xpl-top-nav`**).
+Stencil **`newSpecPage`** / mock-doc does not define **`MutationObserver`**; slot presence still updates on the next
+deferred flush (**`setTimeout(0)`** coalesced with **`componentDidRender`**). In real browsers the observer handles child /
+**`slot`** mutations without stacking uncancellable microtasks.
+
+**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode
+values even when the page root is light (same contract as **`xpl-top-nav`** / **`xpl-top-nav-item`**).
+
+## Properties
+
+| Property   | Attribute  | Description                              | Type     | Default     |
+| ---------- | ---------- | ---------------------------------------- | -------- | ----------- |
+| `email`    | `email`    | Email address shown below the username.  | `string` | `undefined` |
+| `username` | `username` | Display name shown in the profile block. | `string` | `undefined` |
+
+
+## Slots
+
+| Slot                   | Description                                                                                                                                                                   |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `"right-aside-mobile"` | Optional actions **below** **`username`** / **`email`** and **above** the default-slot list (e.g. mobile Inbox). Hidden on wide viewports by default (see **`top-nav.css`**). |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md

@@ -0,0 +1,87 @@
+# xpl-top-nav-item
+
+## Behavior
+
+- **Plain item:** **`label`** / **`icon`**, default slot, or **`href`** link. Fires **`navItemClick`** (**`detail`**: **`MouseEvent`**) on click and **Enter** / **Space** (keyboard uses a synthetic **`click`** on the trigger).
+- **Dropdown:** Put content in **`slot="dropdown"`** (e.g. `<ul slot="dropdown">`). Shows a chevron and toggles **`.xpl-top-nav-item__dropdown`** in the host light DOM — **not** **`xpl-dropdown`** / **`xpl-popover`**; use those for standalone floating menus (e.g. account in top-nav stories). **`navItemClick`** is not emitted. See **`TECH_DEBT.md`** for tradeoffs.
+- **One open dropdown:** Outside click uses **`ownerDocument`** capture; siblings close via internal **`CustomEvent`** (reliable with JSDOM / **`stopPropagation`**).
+- **Escape:** Document **capture** **`keydown`** — **`preventDefault`** / **`stopPropagation`** so parent shells (**`xpl-top-nav`** mobile drawer, **`xpl-popover`**, modal) do not also react on the same keypress. **`xpl-top-nav`** closes its drawer on **Escape** in **bubble** phase, after this handler runs.
+
+## Host modifier classes (BEM)
+
+| Class | Source |
+| --- | --- |
+| **`xpl-top-nav-item--selected`** | **`selected`** prop |
+| **`xpl-top-nav-item--has-dropdown`** | **`slot="dropdown"`** content present |
+| **`xpl-top-nav-item--dropdown-open`** | Dropdown panel is open |
+| **`xpl-top-nav-item--active`** | **`active`** prop (or add the class on the host for edge cases) |
+
+## Slots
+
+| Slot | Description |
+| --- | --- |
+| (default) | Custom trigger when **`label`** is omitted. |
+| `dropdown` | Panel content (e.g. `<ul slot="dropdown">…</ul>`). |
+
+<!-- Auto Generated Below -->
+
+
+## Overview
+
+Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`**. The host uses **`role="listitem"`** when the row
+participates in a list: a **`role="list"`** parent, **`slot="left-aside"`** on **`xpl-top-nav`** (list host is
+**`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of **`xpl-top-nav`**), or default-slot rows
+under **`xpl-nav-header-menu`**. That flag is
+kept in **`@State`** and refreshed after render plus via **`MutationObserver`** on the host (**`class`**, **`slot`**) and
+on **`parentElement`** (**`role`**) or on **`.xpl-top-nav__left-primary`** (**`role`**) for **`slot="left-aside"`** under **`xpl-top-nav`**) so DOM context changes
+without a full reconnect still re-sync. The internal
+**`xpl-top-nav__brand`** row omits **`listitem`** (it sits in **`.xpl-top-nav__brand-bar`**, not **`.xpl-top-nav__left-primary`**),
+as do **`slot="right-aside-mobile"`** rows (not a list). **`slot="dropdown"`** uses a local **`.xpl-top-nav-item__dropdown`**
+panel (not **`xpl-dropdown`**); see **`TECH_DEBT.md`**.
+
+**Default slot (no `label`):** do not put **`xpl-top-nav-item__inner`** or other **`xpl-top-nav-item__*`** classes on
+custom trigger content — the component renders the inner wrapper and BEM elements.
+
+**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode
+values even when the page root is light (consistent with **`xpl-top-nav`**).
+
+## Properties
+
+| Property        | Attribute         | Description                                                                                                                                                                                                                                                                                                                               | Type      | Default     |
+| --------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
+| `active`        | `active`          | When true, adds **`xpl-top-nav-item--active`** for persistent accent styling (e.g. link color on the bar, or chrome inside **`xpl-nav-header-menu`**). Separate from **`selected`**, which sets **`aria-current="page"`** and **`--selected`**. Use both when the design needs “current page” semantics plus the active visual treatment. | `boolean` | `false`     |
+| `href`          | `href`            | If set without **`slot="dropdown"`**, the inner control renders as a native **`<a href>`** (link mode).                                                                                                                                                                                                                                   | `string`  | `undefined` |
+| `icon`          | `icon`            | Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set).                                                                                                                                                                                                                                            | `string`  | `''`        |
+| `itemAriaLabel` | `item-aria-label` | Accessible name for the inner control when there is no **`label`** and no default-slot text (e.g. icon-only). If omitted in that case, **`aria-label`** defaults to **`Navigation item`**. Ignored when **`label`** or default-slot content supplies a visible name.                                                                      | `string`  | `undefined` |
+| `label`         | `label`           | Text label. If omitted, use the default slot for custom trigger content. Long labels use **`text-ellipsis`** on **`.xpl-top-nav-item__label`** (see `top-nav.css`); **`title`** is set to the full string for hover tooltips when the visual line clips.                                                                                  | `string`  | `undefined` |
+| `selected`      | `selected`        | When true, sets **`aria-current="page"`** and selected styling.                                                                                                                                                                                                                                                                           | `boolean` | `false`     |
+
+
+## Events
+
+| Event          | Description                                                                                                                                                                                                                                                                                                                                                                                            | Type                      |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------- |
+| `navItemClick` | Emitted for plain items (button or link) on pointer **click**, or when keyboard activation produces a **`click`** (native for **Enter** on **`<a href>`**, or programmatic **`.click()`** for **Space** on links). **`detail`** is the **`MouseEvent`** from that activation (synthetic only for **`<div role="button">`** via **Enter** / **Space**). Not emitted when **`slot="dropdown"`** is used. | `CustomEvent<MouseEvent>` |
+
+
+## Dependencies
+
+### Used by
+
+ - [xpl-top-nav](..)
+
+### Depends on
+
+- [xpl-icon](../../xpl-icon)
+
+### Graph
+```mermaid
+graph TD;
+  xpl-top-nav-item --> xpl-icon
+  xpl-top-nav --> xpl-top-nav-item
+  style xpl-top-nav-item fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/esm/apollo-core.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-C_Z2nG0p.js';
-export { s as setNonce } from './index-C_Z2nG0p.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-C7bgJs6C.js';
+export { s as setNonce } from './index-C7bgJs6C.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"xpl-list\",[[0,\"xpl-list\",{\"items\":[16]}]]],[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-table-header-cell\",[[0,\"xpl-table-header-cell\",{\"icon\":[1],\"sortable\":[4],\"label\":[1],\"type\":[1],\"width\":[2],\"sortDirection\":[32]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-table-header\",[[260,\"xpl-table-header\"]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_47\",[[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"value\":[1],\"fullWidth\":[4,\"full-width\"],\"selectedValue\":[32],\"activeBarPosition\":[32],\"isMobileSelectChange\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"value\":[{\"updateTabsSelectedState\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"initialExpanded\":[4,\"initial-expanded\"],\"disabled\":[4],\"selectedCount\":[2,\"selected-count\"],\"hasCheckbox\":[4,\"has-checkbox\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[0,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16],\"areAllSelected\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32]},null,{\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"columns\":[{\"watchColumns\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[0,\"xpl-progress\",{\"steps\":[1040],\"currentStep\":[1026,\"current-step\"]}],[260,\"xpl-secondary-nav\"],[260,\"xpl-side-nav\",{\"label\":[1]}],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab\",{\"target\":[1],\"selected\":[4]}],[260,\"xpl-tab-panel\",{\"target\":[1],\"selected\":[4]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"target\":[1]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"id\":[32]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-tag\"],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[260,\"xpl-button\",{\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"handleSelect\":[64]},null,{\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_61\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"isSortable\":[4,\"is-sortable\"],\"label\":[1],\"multiselect\":[4],\"reorderHandleIcon\":[1,\"reorder-handle-icon\"],\"reorderHandleIconKeyboard\":[1,\"reorder-handle-icon-keyboard\"],\"rowReorderable\":[4,\"row-reorderable\"],\"selectable\":[4],\"selectedValues\":[16],\"sortableColumns\":[16],\"striped\":[4],\"areAllSelected\":[32],\"colCount\":[32],\"hasScrolled\":[32],\"keyboardReorderRowId\":[32],\"reorderLiveMessage\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"selected\":[32],\"selectedRowIds\":[32],\"sortTypeArray\":[32]},[[0,\"xplTableColumnWidthsChange\",\"handleHeaderCellColumnWidthsChange\"],[0,\"checkboxChange\",\"handleCompositionalCheckboxChange\"],[0,\"headerCheckboxChange\",\"handleCompositionalHeaderCheckboxChange\"],[3,\"pointerdown\",\"handlePointerDownExitKeyboardReorder\"],[3,\"pointerdown\",\"handleRowReorderPointerDown\"],[3,\"dragstart\",\"handleRowReorderDragStart\"],[3,\"dragend\",\"handleRowReorderDragEnd\"],[2,\"dragover\",\"handleRowReorderDragOver\"],[2,\"dragenter\",\"handleRowReorderDragEnter\"],[3,\"dragleave\",\"handleRowReorderDragLeave\"],[2,\"drop\",\"handleRowReorderDrop\"],[0,\"headerSortChange\",\"handleCompositionalHeaderSort\"]],{\"columns\":[{\"watchColumns\":0}],\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"reorderHandleIcon\":[{\"watchReorderHandleIcon\":0}],\"reorderHandleIconKeyboard\":[{\"watchReorderHandleIconKeyboard\":0}],\"rowReorderable\":[{\"watchRowReorderable\":0}],\"selectable\":[{\"watchSelectable\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"disabled\":[4],\"hasCheckbox\":[4,\"has-checkbox\"],\"initialExpanded\":[4,\"initial-expanded\"],\"selectedCount\":[2,\"selected-count\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[260,\"xpl-side-nav\",{\"label\":[1]}],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-table-body\"],[260,\"xpl-table-footer\"],[260,\"xpl-table-header\"],[260,\"xpl-table-row\",{\"disabled\":[4],\"rowId\":[513,\"row-id\"],\"selected\":[4]},null,{\"disabled\":[{\"onDisabledChange\":0}]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-table-header-cell\",{\"align\":[1],\"checkboxAriaLabel\":[1,\"checkbox-aria-label\"],\"checked\":[4],\"columnWidth\":[513,\"column-width\"],\"icon\":[1],\"indeterminate\":[4],\"label\":[1],\"sortable\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortKey\":[1,\"sort-key\"],\"type\":[1],\"width\":[514]},null,{\"columnWidth\":[{\"watchColumnWidth\":0}],\"width\":[{\"watchWidth\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"selected\":[516],\"hasDropdown\":[32],\"hostListitemRole\":[32],\"open\":[32]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}]}],[260,\"xpl-table-cell\",{\"align\":[1],\"bold\":[4],\"disabled\":[4],\"underline\":[4]},null,{\"disabled\":[{\"onDisabledChange\":0}]}],[260,\"xpl-table-footer-cell\",{\"align\":[1]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"id\":[32]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"dataId\":[1,\"data-id\"],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"required\":[4],\"styled\":[4],\"value\":[1],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"handleSelect\":[64]},null,{\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
 });

package/dist/esm/{index-C_Z2nG0p.js → index-C7bgJs6C.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'apollo-core';
 const BUILD = /* apollo-core */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.3 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -152,22 +152,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './xpl-large-card.entry.js').then(processMod, consoleError);
-                case 'xpl-list':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './xpl-list.entry.js').then(processMod, consoleError);
                 case 'xpl-main-nav':
                     return import(
                       /* webpackMode: "lazy" */
                       './xpl-main-nav.entry.js').then(processMod, consoleError);
-                case 'xpl-table-header':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './xpl-table-header.entry.js').then(processMod, consoleError);
-                case 'xpl-table-header-cell':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './xpl-table-header-cell.entry.js').then(processMod, consoleError);
                 case 'xpl-toggle':
                     return import(
                       /* webpackMode: "lazy" */
@@ -176,10 +164,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './xpl-toolbar.entry.js').then(processMod, consoleError);
-                case 'xpl-avatar_47':
+                case 'xpl-avatar_61':
                     return import(
                       /* webpackMode: "lazy" */
-                      './xpl-avatar_47.entry.js').then(processMod, consoleError);
+                      './xpl-avatar_61.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -1584,6 +1572,17 @@ var postUpdateComponent = (hostRef) => {
     hostRef.$flags$ &= -517;
   }
 };
+var forceUpdate = (ref) => {
+  var _a;
+  {
+    const hostRef = getHostRef(ref);
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
+    if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+      scheduleUpdate(hostRef, false);
+    }
+    return isConnected;
+  }
+};
 var appDidLoad = (who) => {
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
@@ -2163,6 +2162,9 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
   if (flags & 8 /* TargetWindow */) {
     return win;
   }
@@ -2179,4 +2181,4 @@ function transformTag(tag) {
   return tag;
 }
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };