@xplortech/apollo-core 2.5.0 → 2.6.0

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

@@ -0,0 +1,115 @@
+# xpl-side-nav-item
+
+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`.
+
+## 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**).
+
+## 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. |
+
+## Usage
+
+### Leaf
+```html
+<xpl-side-nav-item label="Dashboard" icon="house-4" selected></xpl-side-nav-item>
+```
+
+### Expandable parent
+```html
+<xpl-side-nav-item has-children label="Settings" 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)
+```html
+<xpl-side-nav-item link>
+  <a href="#reports">
+    <xpl-icon icon="chart-line" size="16"></xpl-icon>
+    Reports
+  </a>
+</xpl-side-nav-item>
+```
+
+### Disabled and hidden
+```html
+<xpl-side-nav-item label="Disabled" disabled></xpl-side-nav-item>
+<xpl-side-nav-item label="Hidden" hidden></xpl-side-nav-item>
+```
+
+## 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. |
+
+## 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.
+- For **disabled** links: set `disabled` on the host and `aria-disabled="true"` + `tabindex="-1"` on the anchor (see **Accessibility**).
+
+## Accessibility
+
+- **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`.
+- **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.
+
+## Related
+
+- [xpl-side-nav](../xpl-side-nav) — Sidebar container (`slot="section"`, `slot="nav-footer"`).
+
+<!-- Auto Generated Below -->
+
+
+## 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`     |
+
+
+## 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>`    |
+
+
+## Dependencies
+
+### Depends on
+
+- [xpl-icon](../../xpl-icon)
+
+### Graph
+```mermaid
+graph TD;
+  xpl-side-nav-item --> xpl-icon
+  style xpl-side-nav-item fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

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

@@ -38,6 +38,7 @@ graph TD;
   xpl-slideout --> xpl-button
   xpl-slideout --> xpl-icon
   xpl-slideout --> xpl-divider
+  xpl-button --> xpl-icon
   style xpl-slideout fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

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

@@ -46,6 +46,7 @@ graph TD;
   xpl-dropdown-group --> xpl-dropdown-group
   xpl-dropdown-group --> xpl-dropdown-option
   xpl-dropdown-group --> xpl-dropdown-heading
+  xpl-dropdown-option --> xpl-icon
   style xpl-tabs fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

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

@@ -10,6 +10,61 @@ Match your messaging with the sentiment of the toast. Most messages will have a
 
 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.
 
+## Positioning
+
+The default position is arbitrarily set to `40px` from top and `40px` from right of the browser viewport on desktop and bottom-center on mobile. This position should be adjusted to ensure it's not covering your App's header. Apollo, by design, does not prescribe a position for toasts because this will be dependent on the app that it is being used in.
+
+Positioning of toasts should be global to your app. For example, if it is decided that your app will always position the toast in the top right corner, then this convention should be followed throughout. It should not be positioned top-right on one screen and bottom-center on another.
+
+*****Consult your designer for the best placement for your product.**
+
+### Overriding the default position
+
+The toast uses `position: fixed` and can be repositioned by overriding the `.xpl-toast` CSS class in your app's stylesheet. Set `top`, `right`, `bottom`, and `left` as needed and use `unset` or `initial` to clear any defaults you don't want.
+
+**Top-left example:**
+```css
+.xpl-toast {
+  top: 24px;
+  right: unset;
+  left: 24px;
+}
+```
+
+**Bottom-right example:**
+```css
+.xpl-toast {
+  top: unset;
+  right: 24px;
+  bottom: 24px;
+}
+```
+
+**Centered at the top:**
+```css
+.xpl-toast {
+  top: 24px;
+  right: unset;
+  left: 50%;
+  transform: translateX(-50%);
+}
+```
+
+The mobile breakpoint (≤ 768px) resets the toast to bottom-center. If your app needs a different mobile position, override the media query as well:
+
+```css
+@media screen and (max-width: 768px) {
+  .xpl-toast {
+    /* your mobile overrides */
+    bottom: 16px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+```
+
+> **Tip:** Place these overrides in a global stylesheet so every toast in your app appears in the same location.
+
 <!-- Auto Generated Below -->
 
 

package/dist/esm/apollo-core.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-DhZas3eX.js';
-export { s as setNonce } from './index-DhZas3eX.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-C_Z2nG0p.js';
+export { s as setNonce } from './index-C_Z2nG0p.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["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-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["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_41",[[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-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-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"]}],[0,"xpl-progress",{"steps":[1040],"currentStep":[1026,"current-step"]}],[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",{"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",{"dot":[4],"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}]}],[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"],"type":[1],"characterCount":[32],"passwordVisible":[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}]}],[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],"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-backdrop",{"relative":[4]}],[260,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1],"form":[1]}],[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-tag"],[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]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-heading",{"label":[1]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"isSelected":[4,"selected"]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]]], options);
+  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);
 });

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

@@ -2,13 +2,26 @@ 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.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -16,7 +29,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -29,18 +42,14 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
     }
   });
 };
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -167,10 +176,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './xpl-toolbar.entry.js').then(processMod, consoleError);
-                case 'xpl-avatar_41':
+                case 'xpl-avatar_47':
                     return import(
                       /* webpackMode: "lazy" */
-                      './xpl-avatar_41.entry.js').then(processMod, consoleError);
+                      './xpl-avatar_47.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -472,7 +481,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer) {
+              if (existingStyleContainer && true) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
@@ -750,6 +759,36 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
   } else {
     const isComplex = isComplexType(newValue);
     if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -758,7 +797,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
+          } else if (oldValue == null || elm[memberName] !== n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {
@@ -1480,7 +1519,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
-      Promise.all(childrenPromises).then(postUpdate);
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
       hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
@@ -1607,13 +1646,16 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         });
       }
     }
-    if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+    if (flags & 2 /* hasRendered */) {
       if (instance.componentShouldUpdate) {
-        if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
           return;
         }
       }
-      scheduleUpdate(hostRef, false);
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
     }
   }
 };
@@ -1637,7 +1679,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -1782,76 +1824,87 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
-  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if (bundleId) {
-      const CstrImport = loadModule(cmpMeta, hostRef);
-      if (CstrImport && "then" in CstrImport) {
-        const endLoad = uniqueTime();
-        Cstr = await CstrImport;
-        endLoad();
-      } else {
-        Cstr = CstrImport;
-      }
-      if (!Cstr) {
-        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-      }
-      if (!Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime();
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (!Cstr.isProxied) {
+          {
+            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$serializers$ = Cstr.serializers;
+            cmpMeta.$deserializers$ = Cstr.deserializers;
+          }
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
         {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        {
+          hostRef.$flags$ &= -9 /* isConstructingInstance */;
+        }
+        {
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+        if (!needsDeferredCallback) {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        } else {
+          hostRef.$deferredConnectedCallback$ = true;
         }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      {
-        hostRef.$flags$ &= -9 /* isConstructingInstance */;
-      }
-      {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
-      if (!needsDeferredCallback) {
-        fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else {
-        hostRef.$deferredConnectedCallback$ = true;
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        }
+        const scopeId2 = getScopeId(cmpMeta);
+        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
+        }
       }
+    }
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
     } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      schedule();
     }
-    if (Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      }
-      const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
-      }
+  } catch (e) {
+    consoleError(e, elm);
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
     }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
   }
 };
 var fireConnectedCallback = (instance, elm) => {
@@ -1888,7 +1941,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -2110,9 +2163,6 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (doc, elm, flags) => {
-  if (flags & 4 /* TargetDocument */) {
-    return doc;
-  }
   if (flags & 8 /* TargetWindow */) {
     return win;
   }