@xplortech/apollo-core 2.6.0 → 2.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.typings/apollo-components.html-data.json +626 -35
- package/build/style.css +5949 -3070
- package/dist/apollo-core/apollo-core.css +29 -19
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-0bf50890.entry.js +1 -0
- package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
- package/dist/apollo-core/p-27928cb0.entry.js +1 -0
- package/dist/apollo-core/{p-5549756c.entry.js → p-34438721.entry.js} +1 -1
- package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
- package/dist/apollo-core/p-368c81f1.entry.js +1 -0
- package/dist/apollo-core/{p-f5af9539.entry.js → p-36ba29da.entry.js} +1 -1
- package/dist/apollo-core/p-406b27a8.entry.js +1 -0
- package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
- package/dist/apollo-core/{p-02167464.entry.js → p-6a15f1e0.entry.js} +1 -1
- package/dist/apollo-core/p-8d692d05.entry.js +1 -0
- package/dist/apollo-core/{p-C_Z2nG0p.js → p-C7bgJs6C.js} +2 -2
- package/dist/apollo-core/{p-42016063.entry.js → p-b61d7952.entry.js} +1 -1
- package/dist/apollo-core/{p-8a1affce.entry.js → p-ca127ee8.entry.js} +1 -1
- package/dist/apollo-core/p-d1c9c233.entry.js +1 -0
- package/dist/apollo-core/p-dc205893.entry.js +1 -0
- package/dist/apollo-core/p-e2a5d41c.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +3 -3
- package/dist/cjs/{index-DH6pgWru.js → index-BQ97-AWw.js} +18 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xpl-accordion.cjs.entry.js +3 -3
- package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -2
- package/dist/cjs/{xpl-avatar_47.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +3726 -536
- package/dist/cjs/xpl-button-row.cjs.entry.js +2 -2
- package/dist/cjs/xpl-calendar.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +3 -3
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +3 -3
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +2 -2
- package/dist/cjs/xpl-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-grid.cjs.entry.js +2 -2
- package/dist/cjs/xpl-large-card.cjs.entry.js +2 -2
- package/dist/cjs/xpl-main-nav.cjs.entry.js +2 -2
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-header.cjs.entry.js +2 -2
- package/dist/cjs/xpl-toggle.cjs.entry.js +4 -4
- package/dist/cjs/xpl-toolbar.cjs.entry.js +3 -3
- package/dist/collection/collection-manifest.json +11 -5
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
- package/dist/collection/components/xpl-avatar/avatar.stories.js +122 -107
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +249 -15
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
- package/dist/collection/components/xpl-badge/badge.stories.js +1 -33
- package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
- package/dist/collection/components/xpl-banner/xpl-banner.js +4 -3
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
- package/dist/collection/components/xpl-button/xpl-button.js +21 -3
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +25 -3
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +77 -7
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
- package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
- package/dist/collection/components/xpl-input/input.stories.js +96 -1
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
- package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
- package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +485 -0
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input.js +130 -18
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
- package/dist/collection/components/xpl-list/list.stories.js +300 -63
- package/dist/collection/components/xpl-list/xpl-list-item/xpl-list-item.js +818 -0
- package/dist/collection/components/xpl-list/xpl-list.js +579 -21
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
- package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
- package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
- package/dist/collection/components/xpl-panel/panel.stories.js +5 -3
- package/dist/collection/components/xpl-panel/xpl-panel.js +3 -3
- package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
- package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
- package/dist/collection/components/xpl-progress-indicator/progress-indicator.stories.js +118 -0
- package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +171 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
- package/dist/collection/components/xpl-select/xpl-select.js +58 -6
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
- package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
- package/dist/collection/components/xpl-spotlight/spotlight.stories.js +385 -0
- package/dist/collection/components/xpl-spotlight/xpl-spotlight.js +1085 -0
- package/dist/collection/components/xpl-tab/xpl-tab.js +261 -8
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +22 -15
- package/dist/collection/components/xpl-table/xpl-table.js +5 -5
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
- package/dist/collection/components/xpl-tabs/segment-control.stories.js +31 -0
- package/dist/collection/components/xpl-tabs/tabs.shared.js +156 -0
- package/dist/collection/components/xpl-tabs/tabs.stories.js +10 -60
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +338 -62
- package/dist/collection/components/xpl-tag/tag.stories.js +153 -0
- package/dist/collection/components/xpl-tag/xpl-tag.js +312 -9
- package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
- package/dist/collection/components/xpl-top-nav/top-nav.stories.js +625 -0
- package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +122 -0
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +481 -0
- package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +433 -0
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
- package/dist/collection/utils/lifecycle.js +79 -0
- package/dist/collection/utils/tab-a11y-ids.js +22 -0
- package/dist/components/floating-ui.dom.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/tab-a11y-ids.js +1 -0
- package/dist/components/xpl-accordion.js +1 -1
- package/dist/components/xpl-application-shell.js +1 -1
- package/dist/components/xpl-avatar2.js +1 -1
- package/dist/components/xpl-backdrop2.js +1 -1
- package/dist/components/xpl-badge2.js +1 -1
- package/dist/components/xpl-banner.js +1 -1
- package/dist/components/xpl-breadcrumb-item.js +1 -1
- package/dist/components/xpl-breadcrumbs.js +1 -1
- package/dist/components/xpl-button-row.js +1 -1
- package/dist/components/xpl-button2.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox2.js +1 -1
- package/dist/components/xpl-choicelist.js +1 -1
- package/dist/components/xpl-content-area.js +1 -1
- package/dist/components/xpl-dashboard.js +1 -1
- package/dist/components/xpl-data-card.js +1 -1
- package/dist/components/xpl-divider2.js +1 -1
- package/dist/components/xpl-dropdown-group2.js +1 -1
- package/dist/components/xpl-dropdown-heading2.js +1 -1
- package/dist/components/xpl-dropdown-option2.js +1 -1
- package/dist/components/xpl-dropdown2.js +1 -1
- package/dist/components/xpl-dynamic-table-cell.js +1 -1
- package/dist/components/xpl-dynamic-table-row.js +1 -1
- package/dist/components/xpl-dynamic-table.js +1 -1
- package/dist/components/xpl-grid-item.js +1 -1
- package/dist/components/xpl-grid.js +1 -1
- package/dist/components/xpl-header-accordion.js +1 -1
- package/dist/components/xpl-icon2.js +1 -1
- package/dist/components/xpl-input-date2.js +1 -1
- package/dist/components/xpl-input-file2.js +1 -1
- package/dist/components/xpl-input-search.d.ts +11 -0
- package/dist/components/xpl-input-search.js +1 -0
- package/dist/components/xpl-input-search2.js +1 -0
- package/dist/components/xpl-input2.js +1 -1
- package/dist/components/xpl-large-card.js +1 -1
- package/dist/components/{xpl-progress.d.ts → xpl-list-item.d.ts} +4 -4
- package/dist/components/xpl-list-item.js +1 -0
- package/dist/components/xpl-list-item2.js +1 -0
- package/dist/components/xpl-list.js +1 -1
- package/dist/components/xpl-main-nav.js +1 -1
- package/dist/components/xpl-modal.js +1 -1
- package/dist/components/xpl-nav-header-menu.d.ts +11 -0
- package/dist/components/xpl-nav-header-menu.js +1 -0
- package/dist/components/xpl-nav-item.js +1 -1
- package/dist/components/xpl-pagination.js +1 -1
- package/dist/components/xpl-panel.js +1 -1
- package/dist/components/xpl-popover2.js +1 -1
- package/dist/components/xpl-progress-bar.js +1 -1
- package/dist/components/xpl-progress-indicator.d.ts +11 -0
- package/dist/components/xpl-progress-indicator.js +1 -0
- package/dist/components/xpl-radio2.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select2.js +1 -1
- package/dist/components/xpl-side-nav-item.js +1 -1
- package/dist/components/xpl-side-nav.js +1 -1
- package/dist/components/xpl-skeleton.js +1 -1
- package/dist/components/xpl-slideout.js +1 -1
- package/dist/components/xpl-spotlight.d.ts +11 -0
- package/dist/components/xpl-spotlight.js +1 -0
- package/dist/components/xpl-tab-panel.js +1 -1
- package/dist/components/xpl-tab.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag2.js +1 -1
- package/dist/components/xpl-toast.js +1 -1
- package/dist/components/xpl-toggle.js +1 -1
- package/dist/components/xpl-toolbar.js +1 -1
- package/dist/components/xpl-tooltip2.js +1 -1
- package/dist/components/xpl-top-nav-item.d.ts +11 -0
- package/dist/components/xpl-top-nav-item.js +1 -0
- package/dist/components/xpl-top-nav-item2.js +1 -0
- package/dist/components/xpl-top-nav.d.ts +11 -0
- package/dist/components/xpl-top-nav.js +1 -0
- package/dist/components/xpl-utility-bar.js +1 -1
- package/dist/docs/xpl-avatar/readme.md +289 -15
- package/dist/docs/xpl-badge/readme.md +14 -9
- package/dist/docs/xpl-banner/readme.md +48 -11
- package/dist/docs/xpl-button/readme.md +28 -18
- package/dist/docs/xpl-calendar/readme.md +1 -1
- package/dist/docs/xpl-checkbox/readme.md +12 -11
- package/dist/docs/xpl-divider/readme.md +6 -4
- package/dist/docs/xpl-dropdown/readme.md +14 -12
- package/dist/docs/xpl-icon/readme.md +14 -2
- package/dist/docs/xpl-input/readme.md +66 -41
- package/dist/docs/xpl-input/xpl-input-color/readme.md +1 -0
- package/dist/docs/xpl-input/xpl-input-phone/readme.md +1 -0
- package/dist/docs/xpl-input/xpl-input-search/readme.md +175 -0
- package/dist/docs/xpl-input/xpl-input-time/readme.md +1 -0
- package/dist/docs/xpl-list/readme.md +320 -10
- package/dist/docs/xpl-list/xpl-list-item/readme.md +99 -0
- package/dist/docs/xpl-pagination/readme.md +1 -0
- package/dist/docs/xpl-panel/readme.md +108 -17
- package/dist/docs/xpl-popover/readme.md +2 -0
- package/dist/docs/xpl-progress-indicator/readme.md +234 -0
- package/dist/docs/xpl-radio/readme.md +6 -4
- package/dist/docs/xpl-select/readme.md +19 -16
- package/dist/docs/xpl-side-nav/readme.md +2 -2
- package/dist/docs/xpl-slideout/readme.md +1 -1
- package/dist/docs/xpl-spotlight/readme.md +235 -0
- package/dist/docs/xpl-tab/readme.md +43 -7
- package/dist/docs/xpl-tab-panel/readme.md +42 -0
- package/dist/docs/xpl-tabs/readme.md +62 -8
- package/dist/docs/xpl-tag/readme.md +379 -4
- package/dist/docs/xpl-toast/readme.md +1 -1
- package/dist/docs/xpl-top-nav/readme.md +179 -0
- package/dist/docs/xpl-top-nav/xpl-nav-header-menu/readme.md +81 -0
- package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md +87 -0
- package/dist/esm/apollo-core.js +4 -4
- package/dist/esm/{index-C_Z2nG0p.js → index-C7bgJs6C.js} +18 -8
- package/dist/esm/loader.js +3 -3
- package/dist/esm/xpl-accordion.entry.js +3 -3
- package/dist/esm/xpl-application-shell.entry.js +2 -2
- package/dist/esm/{xpl-avatar_47.entry.js → xpl-avatar_54.entry.js} +3719 -536
- package/dist/esm/xpl-button-row.entry.js +2 -2
- package/dist/esm/xpl-calendar.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table-cell.entry.js +3 -3
- package/dist/esm/xpl-dynamic-table-row.entry.js +3 -3
- package/dist/esm/xpl-dynamic-table.entry.js +2 -2
- package/dist/esm/xpl-grid-item.entry.js +2 -2
- package/dist/esm/xpl-grid.entry.js +2 -2
- package/dist/esm/xpl-large-card.entry.js +2 -2
- package/dist/esm/xpl-main-nav.entry.js +2 -2
- package/dist/esm/xpl-table-header-cell.entry.js +1 -1
- package/dist/esm/xpl-table-header.entry.js +2 -2
- package/dist/esm/xpl-toggle.entry.js +4 -4
- package/dist/esm/xpl-toolbar.entry.js +3 -3
- package/dist/types/components/xpl-avatar/avatar.stories.d.ts +88 -29
- package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +29 -2
- package/dist/types/components/xpl-badge/badge.stories.d.ts +0 -19
- package/dist/types/components/xpl-button/xpl-button.d.ts +7 -0
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +2 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
- package/dist/types/components/xpl-input/input.stories.d.ts +1 -0
- package/dist/types/components/xpl-input/xpl-input-search/xpl-input-search.d.ts +39 -0
- package/dist/types/components/xpl-input/xpl-input.d.ts +13 -5
- package/dist/types/components/xpl-list/list.stories.d.ts +299 -13
- package/dist/types/components/xpl-list/listitem.d.ts +13 -0
- package/dist/types/components/xpl-list/xpl-list-item/xpl-list-item.d.ts +71 -0
- package/dist/types/components/xpl-list/xpl-list.d.ts +55 -2
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
- package/dist/types/components/xpl-panel/panel.stories.d.ts +2 -0
- package/dist/types/components/xpl-progress-indicator/progress-indicator.stories.d.ts +62 -0
- package/dist/types/components/xpl-progress-indicator/xpl-progress-indicator.d.ts +11 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
- package/dist/types/components/xpl-spotlight/spotlight.stories.d.ts +197 -0
- package/dist/types/components/xpl-spotlight/xpl-spotlight.d.ts +101 -0
- package/dist/types/components/xpl-tab/xpl-tab.d.ts +14 -1
- package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +2 -1
- package/dist/types/components/xpl-tabs/segment-control.stories.d.ts +112 -0
- package/dist/types/components/xpl-tabs/tabs.shared.d.ts +156 -0
- package/dist/types/components/xpl-tabs/tabs.stories.d.ts +65 -12
- package/dist/types/components/xpl-tabs/xpl-tabs.d.ts +37 -18
- package/dist/types/components/xpl-tag/tag.stories.d.ts +65 -0
- package/dist/types/components/xpl-tag/xpl-tag.d.ts +36 -1
- package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +471 -0
- package/dist/types/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.d.ts +18 -0
- package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts +48 -0
- package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts +51 -0
- package/dist/types/components.d.ts +1521 -83
- package/dist/types/utils/lifecycle.d.ts +16 -0
- package/dist/types/utils/tab-a11y-ids.d.ts +4 -0
- package/package.json +12 -3
- package/dist/apollo-core/p-0bce3874.entry.js +0 -1
- package/dist/apollo-core/p-1fd3dc87.entry.js +0 -1
- package/dist/apollo-core/p-56fa4941.entry.js +0 -1
- package/dist/apollo-core/p-76c324da.entry.js +0 -1
- package/dist/apollo-core/p-7a3224b4.entry.js +0 -1
- package/dist/apollo-core/p-7e924697.entry.js +0 -1
- package/dist/apollo-core/p-9efca9e1.entry.js +0 -1
- package/dist/apollo-core/p-b252b380.entry.js +0 -1
- package/dist/apollo-core/p-c91daac1.entry.js +0 -1
- package/dist/apollo-core/p-d9b62508.entry.js +0 -1
- package/dist/apollo-core/p-eaea16d1.entry.js +0 -1
- package/dist/apollo-core/p-eed13bca.entry.js +0 -1
- package/dist/cjs/xpl-list.cjs.entry.js +0 -32
- package/dist/collection/components/xpl-progress/progress.stories.js +0 -106
- package/dist/collection/components/xpl-progress/xpl-progress.js +0 -60
- package/dist/components/xpl-progress.js +0 -1
- package/dist/docs/xpl-progress/readme.md +0 -22
- package/dist/esm/xpl-list.entry.js +0 -30
- package/dist/types/components/xpl-progress/progress.stories.d.ts +0 -38
- package/dist/types/components/xpl-progress/xpl-progress.d.ts +0 -6
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
# xpl-nav-header-menu
|
|
2
|
+
|
|
3
|
+
Profile block (username, email) and a default slot for menu rows. Typically inside **`xpl-popover`** or **`xpl-dropdown`** under a user trigger.
|
|
4
|
+
|
|
5
|
+
**Styles** for this component live in **`packages/apollo-core/src/css/top-nav.css`** (with **`xpl-top-nav-item`** rules in the same file).
|
|
6
|
+
|
|
7
|
+
## Usage
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<xpl-nav-header-menu username="Katie Wilson" email="katie@example.com">
|
|
11
|
+
<xpl-top-nav-item label="View account" icon="house-4" href="/account"></xpl-top-nav-item>
|
|
12
|
+
<xpl-top-nav-item label="Log out" icon="open-rect-arrow-out" href="/logout"></xpl-top-nav-item>
|
|
13
|
+
</xpl-nav-header-menu>
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
Optional narrow-only duplicate of bar actions (e.g. Inbox) between the profile block and the list — use **`slot="right-aside-mobile"`** with **`xpl-top-nav-item`** or **`xpl-button`**. That strip is visible by default only on **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**).
|
|
17
|
+
|
|
18
|
+
```html
|
|
19
|
+
<xpl-nav-header-menu username="Katie Wilson" email="katie@example.com">
|
|
20
|
+
<xpl-top-nav-item slot="right-aside-mobile" label="Inbox" icon="mail-1" href="/inbox"></xpl-top-nav-item>
|
|
21
|
+
<xpl-top-nav-item label="Log out" icon="open-rect-arrow-out" href="/logout"></xpl-top-nav-item>
|
|
22
|
+
</xpl-nav-header-menu>
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## Token Use
|
|
26
|
+
|
|
27
|
+
Spacing, typography, and colors use Apollo Foundation **`var(--xpl-*)`** tokens (e.g. **`--xpl-text-strong`**, **`--xpl-space-*`**, **`--xpl-font-size-*`**). Panel width uses the component-scoped custom property **`--xpl-top-nav-panel-width`** on **`xpl-top-nav`** / **`xpl-nav-header-menu`** hosts (composed from **`--xpl-size-*`** in **`top-nav.css`**).
|
|
28
|
+
|
|
29
|
+
## Accessibility
|
|
30
|
+
|
|
31
|
+
- The default slot is wrapped in a container with **`role="list"`**. Use **`xpl-top-nav-item`** for rows so each item exposes **`role="listitem"`** and keyboard/focus behavior from **`xpl-top-nav-item`** (including **`Enter`** / **`Space`** on non-link controls and **`:focus-visible`** outline on the inner control).
|
|
32
|
+
- The host may include Foundation’s **`dark`** class so purpose tokens match account menu contrast when the page root is light.
|
|
33
|
+
- **`slot="right-aside-mobile"`** is not a list; do not rely on **`role="list"`** for that block.
|
|
34
|
+
|
|
35
|
+
## Events
|
|
36
|
+
|
|
37
|
+
This component does not emit custom events. Use **`xpl-top-nav-item`** **`navItemClick`** (or native link navigation) for row actions.
|
|
38
|
+
|
|
39
|
+
<!-- Auto Generated Below -->
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## Overview
|
|
43
|
+
|
|
44
|
+
Profile / account block (username, email, default slot for **`xpl-top-nav-item`** / **`xpl-divider`**).
|
|
45
|
+
Tag **`xpl-nav-header-menu`**; implementation folder **`xpl-nav-header-menu`**. **`.xpl-nav-header-menu__slot`** is
|
|
46
|
+
**`role="list"`** for slotted **`xpl-top-nav-item`** (**`role="listitem"`**).
|
|
47
|
+
|
|
48
|
+
**Slotted content:** do not add **`xpl-nav-header-menu__*`** BEM classes on nodes you pass into the default slot —
|
|
49
|
+
profile, list shell, and **`xpl-top-nav-item`** **`role="listitem"`** are handled by the component. Use
|
|
50
|
+
**`xpl-top-nav-item`** (or plain elements that are not Apollo **`xpl-*`** BEM hooks) in the slot only.
|
|
51
|
+
|
|
52
|
+
**`slot="right-aside-mobile"`** — optional block **between** the profile header and the default-slot list (e.g. narrow-only
|
|
53
|
+
duplicate of **every** **`slot="right-aside"`** control per Figma when **`xpl-top-nav`** hides **`right-aside`** on narrow viewports (always)).
|
|
54
|
+
Not **`role="list"`**; use **`xpl-button`** / **`xpl-top-nav-item`** as needed. Shown only on **narrow viewports** (one pixel below Tailwind **`md`** — **`top-nav.css`**) so bar actions stay in **`slot="right-aside"`** on wider viewports.
|
|
55
|
+
Light-DOM **`slotchange`** is unreliable; a host **`MutationObserver`** (child / subtree / **`slot`** attribute) keeps
|
|
56
|
+
**`xpl-nav-header-menu--has-right-aside-mobile`** in sync when nodes are added or retargeted after mount (same pattern as **`xpl-top-nav`**).
|
|
57
|
+
Stencil **`newSpecPage`** / mock-doc does not define **`MutationObserver`**; slot presence still updates on the next
|
|
58
|
+
deferred flush (**`setTimeout(0)`** coalesced with **`componentDidRender`**). In real browsers the observer handles child /
|
|
59
|
+
**`slot`** mutations without stacking uncancellable microtasks.
|
|
60
|
+
|
|
61
|
+
**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode
|
|
62
|
+
values even when the page root is light (same contract as **`xpl-top-nav`** / **`xpl-top-nav-item`**).
|
|
63
|
+
|
|
64
|
+
## Properties
|
|
65
|
+
|
|
66
|
+
| Property | Attribute | Description | Type | Default |
|
|
67
|
+
| ---------- | ---------- | ---------------------------------------- | -------- | ----------- |
|
|
68
|
+
| `email` | `email` | Email address shown below the username. | `string` | `undefined` |
|
|
69
|
+
| `username` | `username` | Display name shown in the profile block. | `string` | `undefined` |
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
## Slots
|
|
73
|
+
|
|
74
|
+
| Slot | Description |
|
|
75
|
+
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
76
|
+
| `"right-aside-mobile"` | Optional actions **below** **`username`** / **`email`** and **above** the default-slot list (e.g. mobile Inbox). Hidden on wide viewports by default (see **`top-nav.css`**). |
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
----------------------------------------------
|
|
80
|
+
|
|
81
|
+
*Built with [StencilJS](https://stenciljs.com/)*
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
# xpl-top-nav-item
|
|
2
|
+
|
|
3
|
+
## Behavior
|
|
4
|
+
|
|
5
|
+
- **Plain item:** **`label`** / **`icon`**, default slot, or **`href`** link. Fires **`navItemClick`** (**`detail`**: **`MouseEvent`**) on click and **Enter** / **Space** (keyboard uses a synthetic **`click`** on the trigger).
|
|
6
|
+
- **Dropdown:** Put content in **`slot="dropdown"`** (e.g. `<ul slot="dropdown">`). Shows a chevron and toggles **`.xpl-top-nav-item__dropdown`** in the host light DOM — **not** **`xpl-dropdown`** / **`xpl-popover`**; use those for standalone floating menus (e.g. account in top-nav stories). **`navItemClick`** is not emitted. See **`TECH_DEBT.md`** for tradeoffs.
|
|
7
|
+
- **One open dropdown:** Outside click uses **`ownerDocument`** capture; siblings close via internal **`CustomEvent`** (reliable with JSDOM / **`stopPropagation`**).
|
|
8
|
+
- **Escape:** Document **capture** **`keydown`** — **`preventDefault`** / **`stopPropagation`** so parent shells (**`xpl-top-nav`** mobile drawer, **`xpl-popover`**, modal) do not also react on the same keypress. **`xpl-top-nav`** closes its drawer on **Escape** in **bubble** phase, after this handler runs.
|
|
9
|
+
|
|
10
|
+
## Host modifier classes (BEM)
|
|
11
|
+
|
|
12
|
+
| Class | Source |
|
|
13
|
+
| --- | --- |
|
|
14
|
+
| **`xpl-top-nav-item--selected`** | **`selected`** prop |
|
|
15
|
+
| **`xpl-top-nav-item--has-dropdown`** | **`slot="dropdown"`** content present |
|
|
16
|
+
| **`xpl-top-nav-item--dropdown-open`** | Dropdown panel is open |
|
|
17
|
+
| **`xpl-top-nav-item--active`** | **`active`** prop (or add the class on the host for edge cases) |
|
|
18
|
+
|
|
19
|
+
## Slots
|
|
20
|
+
|
|
21
|
+
| Slot | Description |
|
|
22
|
+
| --- | --- |
|
|
23
|
+
| (default) | Custom trigger when **`label`** is omitted. |
|
|
24
|
+
| `dropdown` | Panel content (e.g. `<ul slot="dropdown">…</ul>`). |
|
|
25
|
+
|
|
26
|
+
<!-- Auto Generated Below -->
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Overview
|
|
30
|
+
|
|
31
|
+
Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`**. The host uses **`role="listitem"`** when the row
|
|
32
|
+
participates in a list: a **`role="list"`** parent, **`slot="left-aside"`** on **`xpl-top-nav`** (list host is
|
|
33
|
+
**`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of **`xpl-top-nav`**), or default-slot rows
|
|
34
|
+
under **`xpl-nav-header-menu`**. That flag is
|
|
35
|
+
kept in **`@State`** and refreshed after render plus via **`MutationObserver`** on the host (**`class`**, **`slot`**) and
|
|
36
|
+
on **`parentElement`** (**`role`**) or on **`.xpl-top-nav__left-primary`** (**`role`**) for **`slot="left-aside"`** under **`xpl-top-nav`**) so DOM context changes
|
|
37
|
+
without a full reconnect still re-sync. The internal
|
|
38
|
+
**`xpl-top-nav__brand`** row omits **`listitem`** (it sits in **`.xpl-top-nav__brand-bar`**, not **`.xpl-top-nav__left-primary`**),
|
|
39
|
+
as do **`slot="right-aside-mobile"`** rows (not a list). **`slot="dropdown"`** uses a local **`.xpl-top-nav-item__dropdown`**
|
|
40
|
+
panel (not **`xpl-dropdown`**); see **`TECH_DEBT.md`**.
|
|
41
|
+
|
|
42
|
+
**Default slot (no `label`):** do not put **`xpl-top-nav-item__inner`** or other **`xpl-top-nav-item__*`** classes on
|
|
43
|
+
custom trigger content — the component renders the inner wrapper and BEM elements.
|
|
44
|
+
|
|
45
|
+
**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode
|
|
46
|
+
values even when the page root is light (consistent with **`xpl-top-nav`**).
|
|
47
|
+
|
|
48
|
+
## Properties
|
|
49
|
+
|
|
50
|
+
| Property | Attribute | Description | Type | Default |
|
|
51
|
+
| --------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
52
|
+
| `active` | `active` | When true, adds **`xpl-top-nav-item--active`** for persistent accent styling (e.g. link color on the bar, or chrome inside **`xpl-nav-header-menu`**). Separate from **`selected`**, which sets **`aria-current="page"`** and **`--selected`**. Use both when the design needs “current page” semantics plus the active visual treatment. | `boolean` | `false` |
|
|
53
|
+
| `href` | `href` | If set without **`slot="dropdown"`**, the inner control renders as a native **`<a href>`** (link mode). | `string` | `undefined` |
|
|
54
|
+
| `icon` | `icon` | Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set). | `string` | `''` |
|
|
55
|
+
| `itemAriaLabel` | `item-aria-label` | Accessible name for the inner control when there is no **`label`** and no default-slot text (e.g. icon-only). If omitted in that case, **`aria-label`** defaults to **`Navigation item`**. Ignored when **`label`** or default-slot content supplies a visible name. | `string` | `undefined` |
|
|
56
|
+
| `label` | `label` | Text label. If omitted, use the default slot for custom trigger content. Long labels use **`text-ellipsis`** on **`.xpl-top-nav-item__label`** (see `top-nav.css`); **`title`** is set to the full string for hover tooltips when the visual line clips. | `string` | `undefined` |
|
|
57
|
+
| `selected` | `selected` | When true, sets **`aria-current="page"`** and selected styling. | `boolean` | `false` |
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
## Events
|
|
61
|
+
|
|
62
|
+
| Event | Description | Type |
|
|
63
|
+
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------- |
|
|
64
|
+
| `navItemClick` | Emitted for plain items (button or link) on pointer **click**, or when keyboard activation produces a **`click`** (native for **Enter** on **`<a href>`**, or programmatic **`.click()`** for **Space** on links). **`detail`** is the **`MouseEvent`** from that activation (synthetic only for **`<div role="button">`** via **Enter** / **Space**). Not emitted when **`slot="dropdown"`** is used. | `CustomEvent<MouseEvent>` |
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
## Dependencies
|
|
68
|
+
|
|
69
|
+
### Used by
|
|
70
|
+
|
|
71
|
+
- [xpl-top-nav](..)
|
|
72
|
+
|
|
73
|
+
### Depends on
|
|
74
|
+
|
|
75
|
+
- [xpl-icon](../../xpl-icon)
|
|
76
|
+
|
|
77
|
+
### Graph
|
|
78
|
+
```mermaid
|
|
79
|
+
graph TD;
|
|
80
|
+
xpl-top-nav-item --> xpl-icon
|
|
81
|
+
xpl-top-nav --> xpl-top-nav-item
|
|
82
|
+
style xpl-top-nav-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
----------------------------------------------
|
|
86
|
+
|
|
87
|
+
*Built with [StencilJS](https://stenciljs.com/)*
|
package/dist/esm/apollo-core.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-C7bgJs6C.js';
|
|
2
|
+
export { s as setNonce } from './index-C7bgJs6C.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.43.
|
|
6
|
+
Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -17,5 +17,5 @@ var patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(async (options) => {
|
|
19
19
|
await globalScripts();
|
|
20
|
-
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);
|
|
20
|
+
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],\"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);
|
|
21
21
|
});
|
|
@@ -2,7 +2,7 @@ const NAMESPACE = 'apollo-core';
|
|
|
2
2
|
const BUILD = /* apollo-core */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.43.
|
|
5
|
+
Stencil Client Platform v4.43.3 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
@@ -152,10 +152,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
152
152
|
return import(
|
|
153
153
|
/* webpackMode: "lazy" */
|
|
154
154
|
'./xpl-large-card.entry.js').then(processMod, consoleError);
|
|
155
|
-
case 'xpl-list':
|
|
156
|
-
return import(
|
|
157
|
-
/* webpackMode: "lazy" */
|
|
158
|
-
'./xpl-list.entry.js').then(processMod, consoleError);
|
|
159
155
|
case 'xpl-main-nav':
|
|
160
156
|
return import(
|
|
161
157
|
/* webpackMode: "lazy" */
|
|
@@ -176,10 +172,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
176
172
|
return import(
|
|
177
173
|
/* webpackMode: "lazy" */
|
|
178
174
|
'./xpl-toolbar.entry.js').then(processMod, consoleError);
|
|
179
|
-
case 'xpl-
|
|
175
|
+
case 'xpl-avatar_54':
|
|
180
176
|
return import(
|
|
181
177
|
/* webpackMode: "lazy" */
|
|
182
|
-
'./xpl-
|
|
178
|
+
'./xpl-avatar_54.entry.js').then(processMod, consoleError);
|
|
183
179
|
}
|
|
184
180
|
}
|
|
185
181
|
return import(
|
|
@@ -1584,6 +1580,17 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1584
1580
|
hostRef.$flags$ &= -517;
|
|
1585
1581
|
}
|
|
1586
1582
|
};
|
|
1583
|
+
var forceUpdate = (ref) => {
|
|
1584
|
+
var _a;
|
|
1585
|
+
{
|
|
1586
|
+
const hostRef = getHostRef(ref);
|
|
1587
|
+
const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
|
|
1588
|
+
if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
1589
|
+
scheduleUpdate(hostRef, false);
|
|
1590
|
+
}
|
|
1591
|
+
return isConnected;
|
|
1592
|
+
}
|
|
1593
|
+
};
|
|
1587
1594
|
var appDidLoad = (who) => {
|
|
1588
1595
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
1589
1596
|
};
|
|
@@ -2163,6 +2170,9 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
2163
2170
|
}
|
|
2164
2171
|
};
|
|
2165
2172
|
var getHostListenerTarget = (doc, elm, flags) => {
|
|
2173
|
+
if (flags & 4 /* TargetDocument */) {
|
|
2174
|
+
return doc;
|
|
2175
|
+
}
|
|
2166
2176
|
if (flags & 8 /* TargetWindow */) {
|
|
2167
2177
|
return win;
|
|
2168
2178
|
}
|
|
@@ -2179,4 +2189,4 @@ function transformTag(tag) {
|
|
|
2179
2189
|
return tag;
|
|
2180
2190
|
}
|
|
2181
2191
|
|
|
2182
|
-
export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
2192
|
+
export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-C7bgJs6C.js';
|
|
2
|
+
export { s as setNonce } from './index-C7bgJs6C.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
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);
|
|
8
|
+
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],\"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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
|
|
2
2
|
|
|
3
3
|
const Accordion = class {
|
|
4
4
|
constructor(hostRef) {
|
|
@@ -52,13 +52,13 @@ const Accordion = class {
|
|
|
52
52
|
bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
|
|
53
53
|
bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
|
|
54
54
|
}[this.borderType];
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'bd94adc64eebb9b2b37b899700457a88fa00bdf0', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '3801db3bfa5c3a8c6ac0c21c20f60a1519ca4168', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '80cdadc37c28fea139f8ec21c770760bf3e25050', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '28341a76482e2ddb2b8c1f277e48816a6f8d83d4', name: "heading" }, this.header), h("xpl-icon", { key: '9b0cde7d7927677dcd545783accace4a9cdcce03', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '1d2be2ffce23d2cfc017da95634d046dc66e5121', class: "xpl-accordion-description" }, h("slot", { key: 'e993274ea2f6963290a2015b3849bda8ee7f1f3d', name: "description" }, this.description))), h("section", { key: '6054b44f3b027feca7567f1bf13b06e78a78fe1a', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
|
|
56
56
|
? {
|
|
57
57
|
none: '',
|
|
58
58
|
bordered: 'xpl-accordion-content--shown-bordered',
|
|
59
59
|
bottom: 'xpl-accordion-content--shown-border-bottom',
|
|
60
60
|
}[this.borderType]
|
|
61
|
-
: ''}` }, h("slot", { key: '
|
|
61
|
+
: ''}` }, h("slot", { key: '53e22f8fcd1c3ebb2354bbc3d01e30ec5cfa804c', name: "content" }))));
|
|
62
62
|
}
|
|
63
63
|
get el() { return getElement(this); }
|
|
64
64
|
static get watchers() { return {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
|
|
2
2
|
|
|
3
3
|
const ApplicationShell = class {
|
|
4
4
|
constructor(hostRef) {
|
|
@@ -37,7 +37,7 @@ const ApplicationShell = class {
|
|
|
37
37
|
navClasses += this.navOpen
|
|
38
38
|
? ` xpl-application-shell__nav--${this.navWidth}--open`
|
|
39
39
|
: ` xpl-application-shell__nav--${this.navWidth}`;
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: 'f61e8399f5a5e935354c817ee0d1386afcddce28', class: applicationShellClasses }, h("div", { key: '4886a782d1511d3aac9df0a90afc38351b94d4fd', class: navClasses }, h("slot", { key: 'd80279f234d498eb51491bd1d6850d7babfd6ece', name: "nav" })), h("div", { key: 'dd26f273261026555a3f73885fd04ffdbbf871cb', class: "xpl-application-shell__subnav" }, h("slot", { key: '3b120224a8d1cb30503514befeb96e3a08fc22ba', name: "subnav" })), h("div", { key: '7ac6b8f10b2dca85e774e1117f9117952a3052cf', class: "xpl-application-shell__utility" }, h("slot", { key: 'd9d4b15e7c3e7bec0edc237df3634c8fd2648df4', name: "utility" })), h("div", { key: '00ee0b5da796ea84731e740a58b162dad8250696', class: "xpl-application-shell__content" }, h("slot", { key: 'bf997f59491a08597089a0531cfecf90c703f565', name: "content" })), h("xpl-backdrop", { key: '84264e5a5da96be74547610e5b8d45195014d34c', onClick: () => this.navToggleHandler(), class: {
|
|
41
41
|
'xpl-application-shell__backdrop--open': this.navOpen,
|
|
42
42
|
}, relative: true })));
|
|
43
43
|
}
|