@xplortech/apollo-core 2.8.1 → 2.10.0

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

@@ -2,42 +2,108 @@
 
 Row for [`xpl-side-nav`](../xpl-side-nav): place items in `slot="section"` or `slot="nav-footer"`. Supports **leaf** (button), **expandable** (`has-children`), and **link** (slot-only) modes, plus `selected`, `disabled`, and `hidden`.
 
+## Changes in v2 (breaking)
+
+`xpl-side-nav` is in **beta**. v2 makes the following breaking changes — no compat shims are provided.
+
+### Migration table
+
+| API | v1 (before) | v2 (after) | Action required |
+|---|---|---|---|
+| Leading icon slot | `slot="icon"` | `slot="leading"` | Rename the `slot` attribute on slotted icon elements |
+| Parent leading icon | Not rendered (chevron only) | Rendered alongside the trailing chevron | Pass `icon` prop or `slot="leading"` content to parent rows |
+| Trailing slot | Not available | `slot="trailing"` | Add to leaf items for custom trailing content |
+| Chevron position | Leading (left side) | Trailing (right side), auto-rendered for parents | No action needed for auto chevron; remove manual chevron markup if any |
+| Chevron override | Not possible | `slot="trailing"` content replaces auto chevron on parents | Pass `slot="trailing"` to customize the trailing column on a parent |
+
+### Before / after examples
+
+**Leading icon slot rename:**
+```html
+<!-- v1 -->
+<xpl-side-nav-item label="Dashboard">
+  <xpl-icon slot="icon" icon="house-4" size="16"></xpl-icon>
+</xpl-side-nav-item>
+
+<!-- v2 -->
+<xpl-side-nav-item label="Dashboard">
+  <xpl-icon slot="leading" icon="house-4" size="16"></xpl-icon>
+</xpl-side-nav-item>
+<!-- or use the icon prop shorthand -->
+<xpl-side-nav-item label="Dashboard" icon="house-4"></xpl-side-nav-item>
+```
+
+**Parent rows now show leading icon + chevron:**
+```html
+<!-- v1: icon prop was ignored on parents -->
+<xpl-side-nav-item has-children label="Settings" icon="gear">...</xpl-side-nav-item>
+
+<!-- v2: icon prop renders in the leading slot; chevron auto-renders in trailing -->
+<xpl-side-nav-item has-children label="Settings" icon="gear">...</xpl-side-nav-item>
+```
+
+**Adding a trailing icon to a leaf item:**
+```html
+<!-- v2: slot="trailing" for custom trailing content -->
+<xpl-side-nav-item label="Xplor Growth" icon="chart-line-up">
+  <xpl-icon slot="trailing" icon="external-link" size="16" aria-hidden="true"></xpl-icon>
+</xpl-side-nav-item>
+```
+
+---
+
 ## Modes
 
-- **Leaf (default)** — Button with optional `label`, `icon`, and `slot="icon"`. Click emits **`navClick`** (not used for expandable rows).
-- **Expandable (`has-children`)** — Put nested `xpl-side-nav-item` elements in the **default slot**. Parent row is **chevron + label only** (no icon column; the `icon` prop is ignored). Click toggles **`expanded`** and emits **`expandedChange`**. “Only one section open” / accordion behavior is **not** built in — your app coordinates `expanded` if needed.
-- **Link (`link`)** — **Default slot only**: pass a real `<a>` or router link with full content. Renders a single `<slot>` (no inner button). **Cannot** be combined with `has-children` (see **Rules**).
+- **Leaf (default)** — Button with optional `label`, `icon` prop / `slot="leading"`, and `slot="trailing"`. Click emits **`navClick`**.
+- **Expandable (`has-children`)** — Put nested `xpl-side-nav-item` elements in the **default slot**. Row renders **leading icon** (from `icon` prop or `slot="leading"`) **+ label + auto chevron** in the trailing position (**`chevron-down`** when collapsed, **`chevron-up`** when expanded). The chevron is replaced if `slot="trailing"` content is provided. Click toggles **`expanded`** and emits **`expandedChange`**.
+- **Link (`link`)** — **Default slot only**: renders a bare `<slot>` with no inner button. Use when the row must be a real `<a>` element — for framework router components, browser right-click / open-in-new-tab behaviour, or when semantic link vs. button distinction matters for screen readers. For typical in-app navigation the default button mode is simpler. The `label` and `icon` props are ignored in link mode; supply all content in your slotted anchor. **Cannot** be combined with `has-children`.
 
 ## Rules
 
 | Topic | Behavior |
-| ----- | ---------- |
+|---|---|
 | **`link` vs `has-children`** | Mutually exclusive. When **`link`** is true, **`hasChildren`** is always false; if both attributes appear in markup, `has-children` is cleared. |
-| **Icons** | `icon` / `slot="icon"` only for **non-link** leaf/footer rows. **Not** rendered for expandable parents. **Nested** items under a parent should use **label only** (icon column hidden in CSS). |
-| **Events** | **`navClick`** — leaf button rows. **`expandedChange`** — expandable rows only (detail = new `expanded` boolean). See **Events** table below. |
+| **Leading icon** | `icon` prop / `slot="leading"` apply to all item types including parents. Nested sub-items (inside a parent) have the leading column hidden in CSS — use label only. |
+| **Trailing chevron** | Auto-rendered for `has-children` items when `slot="trailing"` is empty. Providing `slot="trailing"` content replaces the auto chevron. |
+| **Events** | **`navClick`** — leaf button rows. **`expandedChange`** — expandable rows only (detail = new `expanded` boolean). |
 
 ## Usage
 
-### Leaf
+### Leaf (icon prop)
 ```html
 <xpl-side-nav-item label="Dashboard" icon="house-4" selected></xpl-side-nav-item>
 ```
 
-### Expandable parent
+### Leaf (slot="leading")
+```html
+<xpl-side-nav-item label="Dashboard">
+  <xpl-icon slot="leading" icon="house-4" size="16"></xpl-icon>
+</xpl-side-nav-item>
+```
+
+### Leaf with trailing icon
+```html
+<xpl-side-nav-item label="Xplor Growth" icon="chart-line-up">
+  <xpl-icon slot="trailing" icon="external-link" size="16" aria-hidden="true"></xpl-icon>
+</xpl-side-nav-item>
+```
+
+### Expandable parent (leading icon + auto chevron)
 ```html
-<xpl-side-nav-item has-children label="Settings" expanded>
+<xpl-side-nav-item has-children label="Settings" icon="gear" expanded>
   <xpl-side-nav-item label="Profile"></xpl-side-nav-item>
   <xpl-side-nav-item label="Billing"></xpl-side-nav-item>
 </xpl-side-nav-item>
 ```
 
 ### Link (slot-only)
+
+Wrap the anchor's children in the component CSS classes to match the icon color, label color, and spacing of button-mode items. Avoid whitespace text nodes between flex children — they render as a space character and add an unwanted gap.
+
 ```html
 <xpl-side-nav-item link>
-  <a href="#reports">
-    <xpl-icon icon="chart-line" size="16"></xpl-icon>
-    Reports
-  </a>
+    <!-- No whitespace between __leading / __label spans and the closing </a> -->
+    <a href="/reports" class="xpl-side-nav-item__link"><span class="xpl-side-nav-item__leading"><xpl-icon icon="chart-line" size="16"></xpl-icon></span><span class="xpl-side-nav-item__label">Reports</span></a>
 </xpl-side-nav-item>
 ```
 
@@ -50,14 +116,17 @@ Row for [`xpl-side-nav`](../xpl-side-nav): place items in `slot="section"` or `s
 ## Slots
 
 | Slot | Description |
-| ---- | ----------- |
-| `icon` | **Button rows only** (`link` and `has-children` do not expose this slot in the DOM). Optional leading icon: default content from the `icon` prop, or override with slotted content. Omit on nested items under an expandable parent. |
-| *(default)* | **`has-children`:** nested `xpl-side-nav-item` elements. **`link`:** one anchor (or router component) with icon + text as needed. |
+|---|---|
+| `leading` | Leading icon column. Default content is an `xpl-icon` from the `icon` prop. Override with slotted content. Applies to all item types including parents. Renamed from `icon` in v2. |
+| `trailing` | Trailing content (e.g. `xpl-icon icon="external-link"`). On `has-children` items, the auto chevron is rendered here when this slot is empty (`chevron-down` collapsed, `chevron-up` expanded); slotted content replaces the chevron. |
+| *(default)* | **`has-children`:** nested `xpl-side-nav-item` children. **`link`:** one `<a>` (or router link component) containing all row content. Unused in leaf button mode. |
 
 ## Link mode checklist
 
-- Do **not** use `label` or `icon` props — put text and icons inside your anchor.
-- Set **`aria-current="page"`** on the anchor when the route is active.
+- Do **not** use `label` or `icon` props — they are ignored in link mode. Put all text and icons inside your slotted anchor.
+- Use **`class="xpl-side-nav-item__link"`** on the anchor, **`class="xpl-side-nav-item__leading"`** on the icon wrapper, and **`class="xpl-side-nav-item__label"`** on the text span for consistent icon color, label typography, hover, and focus styling.
+- **No whitespace between flex children** — ensure no newlines or spaces sit between `__leading`, `__label`, and the `</a>` tag. Whitespace between flex items renders as a space character and shifts the label to the right.
+- Set **`aria-current="page"`** on the anchor (not the host) when the route is active.
 - For **disabled** links: set `disabled` on the host and `aria-disabled="true"` + `tabindex="-1"` on the anchor (see **Accessibility**).
 
 ## Accessibility
@@ -65,9 +134,45 @@ Row for [`xpl-side-nav`](../xpl-side-nav): place items in `slot="section"` or `s
 - **Selected (non-link):** `aria-current="page"` on the `button` (leaf or expandable row).
 - **Selected (link):** set `aria-current="page"` on your slotted anchor.
 - **Expandable:** `aria-expanded` on the parent `button` matches `expanded`.
+- **Trailing decorative icons:** add `aria-hidden="true"` to trailing `xpl-icon` elements. If the trailing icon conveys meaning (e.g. external link), provide accessible labeling in the surrounding context.
 - **Disabled:** use the `disabled` prop on non-link rows; for link mode, coordinate host `disabled` with the anchor as above.
 - **Hidden:** `hidden` hides the row; it does not disable interaction by itself — use `disabled` when appropriate.
 
+## Mobile behavior (below `md` / 768px)
+
+Inside the `xpl-side-nav` mobile drawer, items are automatically restyled by CSS — no props or markup changes needed.
+
+| Property | Desktop | Mobile |
+|---|---|---|
+| Outer wrapper tap target | — | `min-height: 48px; padding: 6px 8px` |
+| Inner button `min-height` | 32px | 0 (tap target comes from wrapper) |
+| Leading / trailing icon size | 16px (`--xpl-size-100`) | 24px (`--xpl-size-150`) |
+| Top-level label | `title-4` (16px, medium, lh 1.5) | `title-3` (20px, medium, lh 1.4) |
+| Child item label | `title-5` | `title-4` (16px, medium, lh 1.5) |
+| Footer item label | `title-5` | `title-4` (16px, medium, lh 1.5) |
+| Footer row min-height | `28px` (one step smaller than section rows) | `--xpl-size-200` (32px) |
+| Footer leading / trailing icon | 16px (`--xpl-size-100`) | 20px (`--xpl-size-125`) |
+| Child label alignment offset | `padding-left: var(--xpl-side-nav-child-indent)` (32px) | Same — child labels stay aligned with the parent label column on every viewport |
+
+**Link mode and mobile icons:** in button mode the component automatically adjusts the `xpl-icon` `size` prop to 24 below `md`. In link mode, where the consumer controls the anchor content, the CSS scales the `svg` element inside `__leading` / `__trailing` via a presentational-attribute override — no `size` prop change needed.
+
+## Token reference
+
+| Token | Usage |
+|---|---|
+| `--xpl-icon-default` | Leading and trailing icon color (default, hover, selected) |
+| `--xpl-icon-disabled` | Leading, trailing, and label color when disabled |
+| `--xpl-text-strong` | Label color |
+| `--xpl-text-disabled` | Label color when disabled |
+| `--xpl-background-brand-secondary-surface` | Selected row background |
+| `--xpl-background-surface-transparent-10` | Hover row background |
+| `--xpl-border-focus` | Focus outline color |
+| `--xpl-space-8` | `margin-right` on the leading icon box (spacing between icon and label); `margin-left` on the trailing box |
+| `--xpl-size-100` | Leading / trailing icon box: 16px on desktop |
+| `--xpl-size-150` | Leading / trailing icon box on mobile (overrides `--xpl-size-100` below `md`) |
+| `--xpl-size-200` | `min-height` of the inner link / button (32px desktop) |
+| `--xpl-size-300` | `min-height` of the outer row wrapper on mobile (48px tap target) |
+
 ## Related
 
 - [xpl-side-nav](../xpl-side-nav) — Sidebar container (`slot="section"`, `slot="nav-footer"`).
@@ -75,26 +180,54 @@ Row for [`xpl-side-nav`](../xpl-side-nav): place items in `slot="section"` or `s
 <!-- Auto Generated Below -->
 
 
+## Overview
+
+Navigation row for `xpl-side-nav`. Renders a button (default) or a slot-only
+anchor container (`link` mode). Three slot positions are available:
+
+- `slot="leading"` — leading icon column (renamed from `slot="icon"` in v2).
+  The `icon` prop is a convenience shorthand that renders an `xpl-icon` here
+  when no slotted `leading` content is present.
+- `slot="trailing"` — trailing content (e.g. `xpl-icon icon="external-link"`).
+  When `has-children` is true and no `trailing` slot content is provided, an
+  auto chevron is rendered automatically in this position: `chevron-down` when
+  collapsed, `chevron-up` when expanded.
+- default slot — nested `xpl-side-nav-item` children (expandable parents only).
+
+**v2 breaking changes (beta):**
+- `slot="icon"` renamed to `slot="leading"` — no alias kept.
+- Parent rows (`has-children`) now render the leading icon alongside the chevron.
+  Previously parents showed chevron + label only (no leading icon).
+- The chevron has moved from the leading position to the trailing position.
+- A slotted `slot="trailing"` replaces the auto chevron on parent rows.
+
+**Migration:**
+| Before (v1) | After (v2) | Action |
+|---|---|---|
+| `slot="icon"` | `slot="leading"` | Rename the slot attribute |
+| Parent row: chevron only (no leading) | Parent row: leading icon + chevron | Pass `icon` prop or `slot="leading"` |
+| (no trailing slot) | `slot="trailing"` | Add for custom trailing content |
+
 ## Properties
 
-| Property      | Attribute      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Type      | Default     |
-| ------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
-| `disabled`    | `disabled`     | Whether the component is disabled                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `boolean` | `false`     |
-| `expanded`    | `expanded`     | Whether the item is currently expanded (only applies when hasChildren is true)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `boolean` | `false`     |
-| `hasChildren` | `has-children` | Whether the item has child items; when true, shows expand/collapse and a default slot for nested items. Mutually exclusive with <code>link</code>. If <code>link</code> is already true, setting <code>has-children</code> is reverted (<code>@Watch('hasChildren')</code>, <code>@Watch('link')</code>, <code>componentWillLoad</code>, and <code>componentWillRender</code>) so reflected attributes match CSS.                                                                                                                                                                         | `boolean` | `false`     |
-| `hidden`      | `hidden`       | Whether the component is hidden                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `boolean` | `false`     |
-| `icon`        | `icon`         | Optional icon name; default content for <code>slot="icon"</code> (leaf and footer rows only). Expandable parents (<code>has-children</code>) do not show an icon column — only the chevron and label. Omit for nested children under a <code>has-children</code> parent — the icon column is hidden for sub-items.                                                                                                                                                                                                                                                                        | `string`  | `undefined` |
-| `label`       | `label`        | The display label for the navigation item (button / expandable rows; omit in <code>link</code> mode).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `string`  | `undefined` |
-| `link`        | `link`         | When true, the row becomes a slot-only container for consumer-provided links. The consumer provides the full anchor element (or router link) via the default slot. In link mode, <code>label</code> and <code>icon</code> props should not be used. Link mode does not support <code>has-children</code>; use the default button mode for expandable items. When <code>link</code> is true, <code>hasChildren</code> is always false (enforced by <code>@Watch('link')</code>, <code>@Watch('hasChildren')</code>, <code>componentWillLoad</code>, and <code>componentWillRender</code>). | `boolean` | `false`     |
-| `selected`    | `selected`     | Whether the item is currently in a selected state                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `boolean` | `false`     |
+| Property      | Attribute      | Description                                                                                                                                                                                                                                                                                                                                                                    | Type      | Default     |
+| ------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | ----------- |
+| `disabled`    | `disabled`     | Whether the item is currently disabled.                                                                                                                                                                                                                                                                                                                                        | `boolean` | `false`     |
+| `expanded`    | `expanded`     | Whether the item is currently expanded (only applies when `has-children` is true).                                                                                                                                                                                                                                                                                             | `boolean` | `false`     |
+| `hasChildren` | `has-children` | Whether the item has child items; when true, shows expand/collapse and a default slot for nested items. Mutually exclusive with `link`. If `link` is already true, setting `has-children` is reverted.                                                                                                                                                                         | `boolean` | `false`     |
+| `hidden`      | `hidden`       | Whether the component is hidden.                                                                                                                                                                                                                                                                                                                                               | `boolean` | `false`     |
+| `icon`        | `icon`         | Optional icon name; renders as the default content for `slot="leading"`. When `slot="leading"` content is present, this prop is ignored. In v2, this prop applies to all item types including parent rows (`has-children`).                                                                                                                                                    | `string`  | `undefined` |
+| `label`       | `label`        | The display label for the navigation item (button / expandable rows; omit in `link` mode).                                                                                                                                                                                                                                                                                     | `string`  | `undefined` |
+| `link`        | `link`         | When true, the row becomes a slot-only container for consumer-provided links. The consumer provides the full anchor element (or router link) via the default slot. In link mode, `label` and `icon` props should not be used. Link mode does not support `has-children`; use the default button mode for expandable items. When `link` is true, `hasChildren` is always false. | `boolean` | `false`     |
+| `selected`    | `selected`     | Whether the item is currently in a selected state.                                                                                                                                                                                                                                                                                                                             | `boolean` | `false`     |
 
 
 ## Events
 
-| Event            | Description                                                                                         | Type                   |
-| ---------------- | --------------------------------------------------------------------------------------------------- | ---------------------- |
-| `expandedChange` | Emitted when the expanded state changes (hasChildren items only). Detail is the new expanded value. | `CustomEvent<boolean>` |
-| `navClick`       | Emitted when a leaf item is clicked. Expandable parents use expandedChange instead.                 | `CustomEvent<void>`    |
+| Event            | Description                                                                                            | Type                   |
+| ---------------- | ------------------------------------------------------------------------------------------------------ | ---------------------- |
+| `expandedChange` | Emitted when the expanded state changes (`has-children` items only). Detail is the new expanded value. | `CustomEvent<boolean>` |
+| `navClick`       | Emitted when a leaf item is clicked. Expandable parents use `expandedChange` instead.                  | `CustomEvent<void>`    |
 
 
 ## Dependencies

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

@@ -32,11 +32,13 @@ Tables are used to organize and display information from a data set.
 
 ### Depends on
 
+- [xpl-checkbox](../xpl-checkbox)
 - [xpl-icon](../xpl-icon)
 
 ### Graph
 ```mermaid
 graph TD;
+  xpl-table --> xpl-checkbox
   xpl-table --> xpl-icon
   style xpl-table fill:#f9f,stroke:#333,stroke-width:4px
 ```

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

@@ -1,10 +1,38 @@
 # xpl-tooltip
 
-Tooltips are intended to be short one to two sentence messages adding contextual information for the user. Keep messages short and to the point. Tooltips are static and do not contain actions, and only appear when the context is hovered. 
+Tooltips are intended to be short one to two sentence messages adding contextual information for the user. Keep messages short and to the point. Tooltips are static and do not contain actions, and only appear when the context is hovered.
 
 Tooltip variants control one of 8 arrow positions indicating the direction the tooltip will appear in relation to it's trigger:
 "bottom-left" | "bottom-middle" | "bottom-right" | "left" | "right" | "top-left" | "top-middle" | "top-right"
 
+
+### Design Tokens
+
+Tokens used by this component from `@xplortech/apollo-foundation`.
+
+**Color**
+- `--xpl-background-surface-default` — tooltip background and arrow fill
+- `--xpl-background-surface-transparent-10` — shadow primary layer
+- `--xpl-background-surface-transparent-5` — shadow secondary layer
+- `--xpl-text-default` — tooltip text color
+- `--xpl-border-default` — tooltip border and arrow stroke (keeps the arrow edge theme-aware in dark mode)
+
+**Spacing**
+- `--xpl-space-6` — vertical padding
+- `--xpl-space-8` — horizontal padding
+- `--xpl-space-12` — offset from trigger, via `--xpl-tooltip-margin`
+
+**Typography**
+- `.xpl-text-callout` — text style (via `@extend`)
+
+**Border**
+- `--xpl-border-small` — border width (1px)
+- `--xpl-border-radius-small` — corner radius (4px)
+
+**Z-index**
+- `--xpl-z-index-900` — tooltip stacking order
+- `--xpl-z-index-100` — arrow base stacking order (elevated to `--xpl-z-index-900` per position variant)
+
 <!-- Auto Generated Below -->
 
 

package/dist/esm/apollo-core.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-C7bgJs6C.js';
-export { s as setNonce } from './index-C7bgJs6C.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CXkZUm1c.js';
+export { s as setNonce } from './index-CXkZUm1c.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"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_54\",[[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-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\"],\"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}]}],[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}]}],[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-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-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-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-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"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-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"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\"],\"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}]}],[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-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"handleSelect\":[64]},null,{\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":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);
+  return bootstrapLazy(JSON.parse("[[\"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_54\",[[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}],\"totalPages\":[{\"onTotalPagesUpdate\":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-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}]}],[260,\"xpl-side-nav\",{\"label\":[1],\"open\":[1540],\"toggle\":[64],\"setOpen\":[64]},null,{\"open\":[{\"onOpenChanged\":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}]}],[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],\"dialogLabelId\":[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-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}]}],[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],\"hasTrailingSlot\":[32]},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\"],[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-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-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-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"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}]}],[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],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"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\"],\"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}]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"error\":[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]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"virtualEnd\":[32],\"virtualStart\":[32],\"handleSelect\":[64]},null,{\"options\":[{\"onOptionsChanged\":0}],\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":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]},[[2,\"click\",\"handleDisabledClick\"]]],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
 });

package/dist/esm/{index-C7bgJs6C.js → index-CXkZUm1c.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.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -656,6 +656,31 @@ var convertToPrivate = (node) => {
   return vnode;
 };
 
+// src/runtime/normalize-watchers.ts
+var normalizeWatchers = (raw) => {
+  if (!raw) return void 0;
+  const keys = Object.keys(raw);
+  if (keys.length === 0) return void 0;
+  let hasLegacy = false;
+  for (const propName of keys) {
+    if (hasLegacy) break;
+    for (const h2 of raw[propName]) {
+      if (typeof h2 === "string") {
+        hasLegacy = true;
+        break;
+      }
+    }
+  }
+  if (!hasLegacy) return raw;
+  const out = {};
+  for (const propName of keys) {
+    out[propName] = raw[propName].map(
+      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
+    );
+  }
+  return out;
+};
+
 // src/runtime/parse-property-value.ts
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
@@ -1674,7 +1699,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = Cstr.watchers;
+        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -1800,11 +1825,13 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
+          if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1849,7 +1876,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (!Cstr.isProxied) {
           {
-            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
             cmpMeta.$serializers$ = Cstr.serializers;
             cmpMeta.$deserializers$ = Cstr.deserializers;
           }
@@ -2029,7 +2056,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b, _c;
+      var _a2, _b;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -2049,9 +2076,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$attrsToReflect$ = [];
       }
       {
-        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
-        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
-        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
+        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
+        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
+        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
       }
       const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {