@xplortech/apollo-core 2.5.0 → 2.7.0
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 +1156 -115
- package/build/style.css +12151 -5333
- package/dist/apollo-core/apollo-core.css +68 -37
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/{p-f4c2626d.entry.js → p-084d26ed.entry.js} +1 -1
- package/dist/apollo-core/p-146d5d55.entry.js +1 -0
- package/dist/apollo-core/p-16742606.entry.js +1 -0
- package/dist/apollo-core/{p-0ac33b3a.entry.js → p-28d12fd3.entry.js} +1 -1
- package/dist/apollo-core/{p-7d245bf0.entry.js → p-3eb5eb7c.entry.js} +1 -1
- package/dist/apollo-core/p-4882f0bd.entry.js +1 -0
- package/dist/apollo-core/p-64b34268.entry.js +1 -0
- package/dist/apollo-core/p-6c956d4e.entry.js +1 -0
- package/dist/apollo-core/p-71b75f36.entry.js +1 -0
- package/dist/apollo-core/p-7eb86c63.entry.js +1 -0
- package/dist/apollo-core/{p-0e1877a2.entry.js → p-84254a24.entry.js} +1 -1
- package/dist/apollo-core/p-9f2a0321.entry.js +1 -0
- package/dist/apollo-core/p-C7bgJs6C.js +2 -0
- package/dist/apollo-core/p-cde83ab0.entry.js +1 -0
- package/dist/apollo-core/p-e7363036.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +3 -3
- package/dist/cjs/{index-D__N_vw2.js → index-BQ97-AWw.js} +149 -96
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xpl-accordion.cjs.entry.js +5 -5
- package/dist/cjs/xpl-application-shell.cjs.entry.js +4 -4
- package/dist/cjs/{xpl-avatar_41.cjs.entry.js → xpl-avatar_61.cjs.entry.js} +9154 -1989
- package/dist/cjs/xpl-button-row.cjs.entry.js +4 -4
- package/dist/cjs/xpl-calendar.cjs.entry.js +4 -4
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +5 -5
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +5 -5
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +4 -4
- package/dist/cjs/xpl-grid-item.cjs.entry.js +4 -4
- package/dist/cjs/xpl-grid.cjs.entry.js +4 -4
- package/dist/cjs/xpl-large-card.cjs.entry.js +4 -4
- package/dist/cjs/xpl-main-nav.cjs.entry.js +4 -4
- package/dist/cjs/xpl-toggle.cjs.entry.js +6 -6
- package/dist/cjs/xpl-toolbar.cjs.entry.js +5 -5
- package/dist/collection/collection-manifest.json +26 -8
- package/dist/collection/components/xpl-accordion/accordion.stories.js +4 -0
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +3 -3
- package/dist/collection/components/xpl-application-shell/application-shell.stories.js +4 -0
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +2 -2
- package/dist/collection/components/xpl-avatar/avatar.stories.js +122 -103
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +250 -16
- package/dist/collection/components/xpl-backdrop/backdrop.stories.js +4 -0
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +2 -2
- package/dist/collection/components/xpl-badge/badge.stories.js +76 -33
- package/dist/collection/components/xpl-badge/xpl-badge.js +122 -14
- package/dist/collection/components/xpl-banner/banner.stories.js +64 -0
- package/dist/collection/components/xpl-banner/xpl-banner.js +296 -0
- package/dist/collection/components/xpl-breadcrumbs/breadcrumbs.stories.js +4 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -2
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -2
- package/dist/collection/components/xpl-button/button.stories.js +102 -98
- package/dist/collection/components/xpl-button/xpl-button.js +201 -93
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +2 -2
- package/dist/collection/components/xpl-calendar/calendar.stories.js +4 -0
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +2 -2
- package/dist/collection/components/xpl-checkbox/checkbox.stories.js +4 -0
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +48 -26
- package/dist/collection/components/xpl-choicelist/choicelist.stories.js +4 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +2 -2
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +2 -2
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +2 -2
- package/dist/collection/components/xpl-data-card/data-card.stories.js +4 -0
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +3 -3
- package/dist/collection/components/xpl-divider/divider.stories.js +4 -0
- package/dist/collection/components/xpl-divider/xpl-divider.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +29 -4
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +120 -79
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +2 -2
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +3 -3
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +3 -3
- package/dist/collection/components/xpl-grid/xpl-grid.js +2 -2
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +2 -2
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +47 -54
- package/dist/collection/components/xpl-icon/xpl-icon.js +3 -3
- package/dist/collection/components/xpl-input/input.stories.js +170 -9
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +9 -9
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +55 -17
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +5 -5
- package/dist/collection/components/xpl-input/xpl-input-phone/phone-country-data.js +58 -0
- package/dist/collection/components/xpl-input/xpl-input-phone/phone-format.js +219 -0
- package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +469 -0
- 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 +3 -3
- package/dist/collection/components/xpl-input/xpl-input.js +223 -17
- package/dist/collection/components/xpl-large-card/large-card.stories.js +4 -0
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +2 -2
- 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 +580 -22
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +2 -2
- package/dist/collection/components/xpl-modal/modal.stories.js +4 -0
- package/dist/collection/components/xpl-modal/xpl-modal.js +2 -2
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +3 -3
- package/dist/collection/components/xpl-pagination/pagination.stories.js +4 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
- package/dist/collection/components/xpl-panel/panel.stories.js +53 -0
- package/dist/collection/components/xpl-panel/xpl-panel.js +60 -0
- package/dist/collection/components/xpl-popover/popover.stories.js +4 -0
- package/dist/collection/components/xpl-popover/xpl-popover.js +5 -5
- package/dist/collection/components/xpl-progress-bar/progress-bar.stories.js +96 -0
- package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +158 -0
- 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 +4 -4
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -2
- package/dist/collection/components/xpl-select/xpl-select.js +7 -7
- package/dist/collection/components/xpl-side-nav/side-nav.stories.js +519 -0
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +259 -0
- package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +32 -0
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +2 -2
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +2 -2
- 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 +262 -9
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +23 -16
- package/dist/collection/components/xpl-table/table.stories.js +319 -67
- package/dist/collection/components/xpl-table/utils/move-row-dom.js +50 -0
- package/dist/collection/components/xpl-table/utils/table-internal.js +58 -0
- package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +7 -0
- package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +155 -0
- package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +7 -0
- package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +37 -0
- package/dist/collection/components/xpl-table/xpl-table-header/table-header.stories.js +131 -0
- package/dist/collection/components/xpl-table/xpl-table-header/xpl-table-header.js +7 -0
- package/dist/collection/components/xpl-table/xpl-table-header-cell/table-header-cell.stories.js +105 -0
- package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +402 -0
- package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +121 -0
- package/dist/collection/components/xpl-table/xpl-table.js +1449 -144
- 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 +339 -63
- package/dist/collection/components/xpl-tag/tag.stories.js +153 -0
- package/dist/collection/components/xpl-tag/xpl-tag.js +313 -10
- package/dist/collection/components/xpl-toast/xpl-toast.js +3 -3
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +4 -4
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +3 -3
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +2 -2
- 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 +2 -2
- package/dist/collection/utils/layout-ancestors.js +22 -0
- 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/lifecycle.js +1 -0
- 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-avatar.js +1 -1
- package/dist/components/xpl-avatar2.js +1 -1
- package/dist/components/xpl-backdrop.js +1 -1
- package/dist/components/xpl-backdrop2.js +1 -1
- package/dist/components/xpl-badge.js +1 -1
- package/dist/components/xpl-badge2.js +1 -1
- package/dist/components/xpl-banner.d.ts +11 -0
- package/dist/components/xpl-banner.js +1 -0
- 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-button.js +1 -1
- package/dist/components/xpl-button2.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox.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-divider.js +1 -1
- package/dist/components/xpl-divider2.js +1 -1
- package/dist/components/xpl-dropdown-group.js +1 -1
- package/dist/components/xpl-dropdown-group2.js +1 -1
- package/dist/components/xpl-dropdown-heading.js +1 -1
- package/dist/components/xpl-dropdown-heading2.js +1 -1
- package/dist/components/xpl-dropdown-option.js +1 -1
- package/dist/components/xpl-dropdown-option2.js +1 -1
- package/dist/components/xpl-dropdown.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-icon.js +1 -1
- package/dist/components/xpl-icon2.js +1 -1
- package/dist/components/xpl-input-date.js +1 -1
- package/dist/components/xpl-input-date2.js +1 -1
- package/dist/components/xpl-input-file.js +1 -1
- package/dist/components/xpl-input-file2.js +1 -1
- package/dist/components/xpl-input-phone.d.ts +11 -0
- package/dist/components/xpl-input-phone.js +1 -0
- 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-input-time.js +1 -1
- package/dist/components/xpl-input.js +1 -1
- 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.d.ts +11 -0
- package/dist/components/xpl-panel.js +1 -0
- package/dist/components/xpl-popover.js +1 -1
- package/dist/components/xpl-popover2.js +1 -1
- package/dist/components/xpl-progress-bar.d.ts +11 -0
- package/dist/components/xpl-progress-bar.js +1 -0
- package/dist/components/xpl-progress-indicator.d.ts +11 -0
- package/dist/components/xpl-progress-indicator.js +1 -0
- package/dist/components/xpl-radio.js +1 -1
- package/dist/components/xpl-radio2.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select.js +1 -1
- package/dist/components/xpl-select2.js +1 -1
- package/dist/components/xpl-side-nav-item.d.ts +11 -0
- package/dist/components/xpl-side-nav-item.js +1 -0
- package/dist/components/xpl-side-nav.d.ts +11 -0
- package/dist/components/xpl-side-nav.js +1 -0
- 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-body.d.ts +11 -0
- package/dist/components/xpl-table-body.js +1 -0
- package/dist/components/xpl-table-cell.d.ts +11 -0
- package/dist/components/xpl-table-cell.js +1 -0
- package/dist/components/xpl-table-cell2.js +1 -0
- package/dist/components/xpl-table-footer-cell.d.ts +11 -0
- package/dist/components/xpl-table-footer-cell.js +1 -0
- package/dist/components/xpl-table-footer-cell2.js +1 -0
- package/dist/components/xpl-table-footer.d.ts +11 -0
- package/dist/components/xpl-table-footer.js +1 -0
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header-cell2.js +1 -0
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table-row.d.ts +11 -0
- package/dist/components/xpl-table-row.js +1 -0
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag.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-tooltip.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-accordion/readme.md +4 -0
- package/dist/docs/xpl-avatar/readme.md +291 -12
- package/dist/docs/xpl-backdrop/readme.md +1 -1
- package/dist/docs/xpl-badge/readme.md +104 -6
- package/dist/docs/xpl-banner/readme.md +203 -0
- package/dist/docs/xpl-button/readme.md +161 -14
- package/dist/docs/xpl-button-row/readme.md +1 -0
- package/dist/docs/xpl-calendar/readme.md +2 -1
- package/dist/docs/xpl-checkbox/readme.md +19 -14
- package/dist/docs/xpl-choicelist/readme.md +1 -0
- package/dist/docs/xpl-data-card/readme.md +2 -2
- package/dist/docs/xpl-divider/readme.md +6 -4
- package/dist/docs/xpl-dropdown/readme.md +15 -12
- package/dist/docs/xpl-dropdown/xpl-dropdown-group/readme.md +1 -0
- package/dist/docs/xpl-dropdown/xpl-dropdown-option/readme.md +6 -0
- package/dist/docs/xpl-dynamic-table/readme.md +22 -19
- package/dist/docs/xpl-dynamic-table-cell/readme.md +20 -18
- package/dist/docs/xpl-dynamic-table-row/readme.md +21 -19
- package/dist/docs/xpl-icon/readme.md +27 -3
- package/dist/docs/xpl-input/readme.md +72 -37
- package/dist/docs/xpl-input/xpl-input-color/readme.md +5 -0
- package/dist/docs/xpl-input/xpl-input-phone/readme.md +168 -0
- package/dist/docs/xpl-input/xpl-input-search/readme.md +175 -0
- package/dist/docs/xpl-input/xpl-input-time/readme.md +5 -0
- package/dist/docs/xpl-large-card/readme.md +1 -1
- 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-modal/readme.md +3 -0
- package/dist/docs/xpl-pagination/readme.md +4 -0
- package/dist/docs/xpl-panel/readme.md +174 -0
- package/dist/docs/xpl-popover/readme.md +3 -1
- package/dist/docs/xpl-progress-bar/readme.md +145 -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 +3 -1
- package/dist/docs/xpl-side-nav/readme.md +71 -0
- package/dist/docs/xpl-side-nav/xpl-side-nav-item/readme.md +115 -0
- package/dist/docs/xpl-slideout/readme.md +2 -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-table/readme.md +110 -46
- package/dist/docs/xpl-table/xpl-table-body/readme.md +10 -0
- package/dist/docs/xpl-table/xpl-table-cell/readme.md +33 -0
- package/dist/docs/xpl-table/xpl-table-footer/readme.md +10 -0
- package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +30 -0
- package/dist/docs/{xpl-table-header → xpl-table/xpl-table-header}/readme.md +13 -13
- package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +66 -0
- package/dist/docs/xpl-table/xpl-table-row/readme.md +19 -0
- package/dist/docs/xpl-tabs/readme.md +63 -8
- package/dist/docs/xpl-tag/readme.md +379 -4
- package/dist/docs/xpl-toast/readme.md +56 -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-DhZas3eX.js → index-C7bgJs6C.js} +149 -97
- package/dist/esm/loader.js +3 -3
- package/dist/esm/xpl-accordion.entry.js +5 -5
- package/dist/esm/xpl-application-shell.entry.js +4 -4
- package/dist/esm/{xpl-avatar_41.entry.js → xpl-avatar_61.entry.js} +9087 -1942
- package/dist/esm/xpl-button-row.entry.js +4 -4
- package/dist/esm/xpl-calendar.entry.js +4 -4
- package/dist/esm/xpl-dynamic-table-cell.entry.js +5 -5
- package/dist/esm/xpl-dynamic-table-row.entry.js +5 -5
- package/dist/esm/xpl-dynamic-table.entry.js +4 -4
- package/dist/esm/xpl-grid-item.entry.js +4 -4
- package/dist/esm/xpl-grid.entry.js +4 -4
- package/dist/esm/xpl-large-card.entry.js +4 -4
- package/dist/esm/xpl-main-nav.entry.js +4 -4
- package/dist/esm/xpl-toggle.entry.js +6 -6
- package/dist/esm/xpl-toolbar.entry.js +5 -5
- package/dist/types/components/xpl-accordion/xpl-accordion.d.ts +1 -1
- package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +4 -0
- package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -1
- package/dist/types/components/xpl-avatar/avatar.stories.d.ts +90 -27
- package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +30 -3
- package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +4 -0
- package/dist/types/components/xpl-backdrop/xpl-backdrop.d.ts +1 -1
- package/dist/types/components/xpl-badge/badge.stories.d.ts +47 -11
- package/dist/types/components/xpl-badge/xpl-badge.d.ts +9 -2
- package/dist/types/components/xpl-banner/banner.stories.d.ts +77 -0
- package/dist/types/components/xpl-banner/xpl-banner.d.ts +20 -0
- package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +4 -0
- package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.d.ts +1 -1
- package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.d.ts +1 -1
- package/dist/types/components/xpl-button/button.stories.d.ts +68 -30
- package/dist/types/components/xpl-button/xpl-button.d.ts +21 -8
- package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +1 -1
- package/dist/types/components/xpl-calendar/calendar.stories.d.ts +4 -0
- package/dist/types/components/xpl-calendar/xpl-calendar.d.ts +1 -1
- package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +4 -0
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +5 -4
- package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +4 -0
- package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +1 -1
- package/dist/types/components/xpl-content-area/xpl-content-area.d.ts +1 -1
- package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +1 -1
- package/dist/types/components/xpl-data-card/data-card.stories.d.ts +4 -0
- package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +1 -1
- package/dist/types/components/xpl-divider/divider.stories.d.ts +4 -0
- package/dist/types/components/xpl-divider/xpl-divider.d.ts +1 -1
- package/dist/types/components/xpl-dropdown/dropdown-option.d.ts +1 -0
- package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +1 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +1 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.d.ts +1 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +3 -2
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +11 -8
- package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts +1 -1
- package/dist/types/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.d.ts +1 -1
- package/dist/types/components/xpl-dynamic-table-row/xpl-dynamic-table-row.d.ts +1 -1
- package/dist/types/components/xpl-grid/xpl-grid.d.ts +1 -1
- package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +1 -1
- package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +10 -11
- package/dist/types/components/xpl-icon/xpl-icon.d.ts +1 -1
- package/dist/types/components/xpl-input/input.stories.d.ts +37 -7
- package/dist/types/components/xpl-input/xpl-input-color/xpl-input-color.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts +10 -3
- package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input-phone/phone-country-data.d.ts +13 -0
- package/dist/types/components/xpl-input/xpl-input-phone/phone-format.d.ts +5 -0
- package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts +48 -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-time/xpl-input-time.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input.d.ts +23 -5
- package/dist/types/components/xpl-large-card/large-card.stories.d.ts +4 -0
- package/dist/types/components/xpl-large-card/xpl-large-card.d.ts +1 -1
- 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 +56 -3
- package/dist/types/components/xpl-main-nav/xpl-main-nav.d.ts +1 -1
- package/dist/types/components/xpl-modal/modal.stories.d.ts +4 -0
- package/dist/types/components/xpl-modal/xpl-modal.d.ts +1 -1
- package/dist/types/components/xpl-nav-item/xpl-nav-item.d.ts +1 -1
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +4 -0
- package/dist/types/components/xpl-pagination/xpl-pagination.d.ts +1 -1
- package/dist/types/components/xpl-panel/panel.stories.d.ts +22 -0
- package/dist/types/components/xpl-panel/xpl-panel.d.ts +5 -0
- package/dist/types/components/xpl-popover/xpl-popover.d.ts +1 -1
- package/dist/types/components/xpl-progress-bar/progress-bar.stories.d.ts +73 -0
- package/dist/types/components/xpl-progress-bar/xpl-progress-bar.d.ts +15 -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-radio/xpl-radio.d.ts +1 -1
- package/dist/types/components/xpl-secondary-nav/xpl-secondary-nav.d.ts +1 -1
- package/dist/types/components/xpl-select/xpl-select.d.ts +1 -1
- package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts +80 -0
- package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts +20 -0
- package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts +4 -0
- package/dist/types/components/xpl-skeleton/xpl-skeleton.d.ts +1 -1
- package/dist/types/components/xpl-slideout/xpl-slideout.d.ts +1 -1
- 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 +15 -2
- package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +3 -2
- package/dist/types/components/xpl-table/table.stories.d.ts +161 -19
- package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +3 -0
- package/dist/types/components/xpl-table/utils/table-internal.d.ts +8 -0
- package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +3 -0
- package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +11 -0
- package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +3 -0
- package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +4 -0
- package/dist/types/components/{xpl-table-header → xpl-table/xpl-table-header}/table-header.stories.d.ts +13 -16
- package/dist/types/components/xpl-table/xpl-table-header/xpl-table-header.d.ts +3 -0
- package/dist/types/components/{xpl-table-header-cell → xpl-table/xpl-table-header-cell}/table-header-cell.stories.d.ts +24 -20
- package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +32 -0
- package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +13 -0
- package/dist/types/components/xpl-table/xpl-table.d.ts +124 -22
- 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 +38 -19
- package/dist/types/components/xpl-tag/tag.stories.d.ts +65 -0
- package/dist/types/components/xpl-tag/xpl-tag.d.ts +37 -2
- package/dist/types/components/xpl-toast/xpl-toast.d.ts +1 -1
- package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +1 -1
- package/dist/types/components/xpl-toolbar/xpl-toolbar.d.ts +1 -1
- package/dist/types/components/xpl-tooltip/xpl-tooltip.d.ts +1 -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/xpl-utility-bar/xpl-utility-bar.d.ts +1 -1
- package/dist/types/components.d.ts +3059 -278
- package/dist/types/stencil-public-runtime.d.ts +23 -2
- package/dist/types/utils/layout-ancestors.d.ts +2 -0
- package/dist/types/utils/lifecycle.d.ts +16 -0
- package/dist/types/utils/tab-a11y-ids.d.ts +4 -0
- package/package.json +42 -28
- package/dist/apollo-core/p-1c2e4034.entry.js +0 -1
- package/dist/apollo-core/p-3b5f8989.entry.js +0 -1
- package/dist/apollo-core/p-4fab8172.entry.js +0 -1
- package/dist/apollo-core/p-576ce90f.entry.js +0 -1
- package/dist/apollo-core/p-5ec45742.entry.js +0 -1
- package/dist/apollo-core/p-77f0fd4a.entry.js +0 -1
- package/dist/apollo-core/p-7b7db57a.entry.js +0 -1
- package/dist/apollo-core/p-7c22b842.entry.js +0 -1
- package/dist/apollo-core/p-812bb0e4.entry.js +0 -1
- package/dist/apollo-core/p-845eef0d.entry.js +0 -1
- package/dist/apollo-core/p-9853028c.entry.js +0 -1
- package/dist/apollo-core/p-9d65ece7.entry.js +0 -1
- package/dist/apollo-core/p-DhZas3eX.js +0 -2
- package/dist/apollo-core/p-be292555.entry.js +0 -1
- package/dist/cjs/xpl-list.cjs.entry.js +0 -32
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +0 -57
- package/dist/cjs/xpl-table-header.cjs.entry.js +0 -14
- package/dist/collection/components/xpl-progress/progress.stories.js +0 -106
- package/dist/collection/components/xpl-progress/xpl-progress.js +0 -60
- package/dist/collection/components/xpl-table-header/table-header.stories.js +0 -126
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +0 -7
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +0 -75
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +0 -188
- package/dist/components/xpl-progress.js +0 -1
- package/dist/docs/xpl-progress/readme.md +0 -22
- package/dist/docs/xpl-table-header-cell/readme.md +0 -47
- package/dist/esm/xpl-list.entry.js +0 -30
- package/dist/esm/xpl-table-header-cell.entry.js +0 -55
- package/dist/esm/xpl-table-header.entry.js +0 -12
- package/dist/types/components/xpl-progress/progress.stories.d.ts +0 -38
- package/dist/types/components/xpl-progress/xpl-progress.d.ts +0 -6
- package/dist/types/components/xpl-table-header/xpl-table-header.d.ts +0 -3
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -13
|
@@ -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.
|
|
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([["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-table-header-cell",[[0,"xpl-table-header-cell",{"icon":[1],"sortable":[4],"label":[1],"type":[1],"width":[2],"sortDirection":[32]}]]],["xpl-accordion",[[260,"xpl-accordion",{"contentId":[1,"content-id"],"header":[1],"description":[1],"initialExpanded":[4,"initial-expanded"],"size":[1],"borderType":[1,"border-type"],"expanded":[32],"parentCheckboxChange":[64]},[[0,"checkboxChange","listenToChangeEvent"]],{"initialExpanded":[{"watchInitialExpanded":0}]}]]],["xpl-application-shell",[[260,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-large-card",[[260,"xpl-large-card",{"link":[4],"name":[1],"description":[1]}]]],["xpl-calendar",[[0,"xpl-calendar",{"inputId":[1,"input-id"],"dateFormat":[1,"date-format"],"max":[8],"min":[8],"mode":[1],"defaultDate":[1,"default-date"],"setDate":[64]}]]],["xpl-dynamic-table",[[260,"xpl-dynamic-table",{"selectedItemCount":[32],"colCount":[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]]],["xpl-dynamic-table-cell",[[260,"xpl-dynamic-table-cell",{"disabled":[4]}]]],["xpl-dynamic-table-row",[[260,"xpl-dynamic-table-row",{"disabled":[4],"selected":[4],"isDisabled":[32]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[260,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[260,"xpl-main-nav",{"width":[1]}]]],["xpl-table-header",[[260,"xpl-table-header"]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-toolbar",[[260,"xpl-toolbar",{"selectedItemCount":[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]]],["xpl-avatar_41",[[0,"xpl-pagination",{"totalPages":[2,"total-pages"],"withPageControl":[4,"with-page-control"],"currentPage":[1026,"current-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"selectedRowsPerPage":[1026,"selected-rows-per-page"]},null,{"currentPage":[{"onPageUpdate":0}],"selectedRowsPerPage":[{"onRowsPerPageUpdate":0}]}],[260,"xpl-tabs",{"value":[1],"fullWidth":[4,"full-width"],"selectedValue":[32],"activeBarPosition":[32],"isMobileSelectChange":[32]},[[9,"resize","onWindowResize"]],{"value":[{"updateTabsSelectedState":0}]}],[260,"xpl-slideout",{"isOpen":[1540,"is-open"],"backdrop":[4],"variant":[1],"showFooter":[4,"show-footer"]},[[9,"scroll","handleScroll"]],{"isOpen":[{"watchPropHandler":0}]}],[260,"xpl-modal",{"isOpen":[1540,"is-open"],"size":[1],"variant":[1]},null,{"isOpen":[{"updateModalState":0}]}],[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]},null,{"choices":[{"onChoicesPropChange":0}],"selected":[{"onSelectedChange":0}]}],[260,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"leadingIcon":[4,"leading-icon"],"icon":[1],"smallStat":[1,"small-stat"],"smallStatIcon":[1,"small-stat-icon"],"detail":[1],"smallStatVariant":[1,"small-stat-variant"],"tooltipTextSmallStat":[1,"tooltip-text-small-stat"],"tooltipTextStat":[1,"tooltip-text-stat"]},null,{"stat":[{"watchStat":0}],"shortStat":[{"watchShortStat":0}]}],[260,"xpl-header-accordion",{"contentId":[1,"content-id"],"initialExpanded":[4,"initial-expanded"],"disabled":[4],"selectedCount":[2,"selected-count"],"hasCheckbox":[4,"has-checkbox"],"expanded":[32],"parentChecked":[32],"parentIndeterminate":[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{"selectedCount":[{"watchSelectedCount":0}]}],[0,"xpl-table",{"columns":[16],"data":[16],"footer":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16],"isSortable":[4,"is-sortable"],"sortableColumns":[16],"areAllSelected":[32],"rowData":[32],"rowFooterData":[32],"hasScrolled":[32],"selected":[32],"sortTypeArray":[32]},null,{"data":[{"watchData":0}],"footer":[{"watchFooterData":0}],"columns":[{"watchColumns":0}]}],[260,"xpl-toast",{"variant":[1],"showIcon":[4,"show-icon"],"caption":[1],"dismissable":[4],"timeout":[2]}],[260,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[260,"xpl-breadcrumb-item"],[260,"xpl-breadcrumbs"],[260,"xpl-content-area",{"size":[1]}],[260,"xpl-dashboard"],[260,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[0,"xpl-progress",{"steps":[1040],"currentStep":[1026,"current-step"]}],[260,"xpl-secondary-nav"],[0,"xpl-skeleton",{"classNames":[1,"class-names"],"fullWidth":[4,"full-width"],"height":[1],"width":[1],"margin":[1],"shape":[1],"size":[1]}],[260,"xpl-tab",{"target":[1],"selected":[4]}],[260,"xpl-tab-panel",{"target":[1],"selected":[4]}],[260,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[260,"xpl-badge",{"dot":[4],"variant":[1]}],[260,"xpl-divider",{"tier":[2]}],[260,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"id":[32]}],[260,"xpl-tooltip",{"text":[1],"position":[1],"hideArrow":[4,"hide-arrow"]}],[260,"xpl-select",{"choices":[16],"selectIcon":[1,"select-icon"],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"customDisplayValue":[4,"custom-display-value"],"selectedValues":[1,"selected-values"],"classNames":[1,"class-names"],"active":[32],"id":[32],"keepFocus":[32],"visibleChoices":[32],"choicesState":[32],"value":[32],"dropdownOpenState":[32],"reset":[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{"choices":[{"onChoicesPropChanged":0}],"selectedValues":[{"onSelectedValuesPropChanged":0}],"choicesState":[{"onChoicesStateChanged":0}],"value":[{"handleValueStateChange":0}],"dropdownOpenState":[{"onDropdownOpenStateChanged":0}]}],[260,"xpl-input",{"_id":[1],"description":[1],"disabled":[4],"error":[1],"label":[1],"name":[1],"required":[4],"readonly":[4],"value":[1],"autocomplete":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"step":[2],"multiline":[4],"maxCharacterCount":[2,"max-character-count"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"mode":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"hideEyeDropper":[4,"hide-eye-dropper"],"type":[1],"characterCount":[32],"passwordVisible":[32]}],[0,"xpl-input-color",{"value":[1],"placeholder":[1],"disabled":[4],"required":[4],"hideEyeDropper":[4,"hide-eye-dropper"],"hasErrorState":[32],"colorValues":[32],"eyeDropperSupported":[32],"hue":[32]},null,{"colorValues":[{"valueChanged":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValuePropChange":0}]}],[260,"xpl-popover",{"isOpen":[4,"is-open"],"disabled":[4],"position":[1],"display":[1],"isOpenState":[32],"actualPosition":[32],"updateListener":[32]},null,{"isOpen":[{"onIsOpenPropChange":0}],"isOpenState":[{"onIsOpenStateChange":0}]}],[0,"xpl-input-time",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1537],"placeholder":[1],"max":[8],"min":[8],"step":[2],"mode":[1],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"formattedValue":[32],"hasErrorState":[32],"showOptions":[32],"options":[32],"amPm":[32]},null,{"value":[{"onValueChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}]}],[0,"xpl-input-date",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"dateFormat":[1,"date-format"],"mode":[1],"hasErrorState":[32]},null,{"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChanged":0}]}],[260,"xpl-input-file",{"disabled":[4],"name":[1],"_id":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"files":[32],"removeFileByIndex":[64]},null,{"files":[{"onFilesChange":0}]}],[0,"xpl-backdrop",{"relative":[4]}],[260,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1],"form":[1]}],[260,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"dataId":[1,"data-id"],"id":[32]}],[260,"xpl-tag"],[260,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[1040],"anchorToTrigger":[4,"anchor-to-trigger"],"selectedValues":[1,"selected-values"],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-heading",{"label":[1]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"isSelected":[4,"selected"]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]]], options);
|
|
20
|
+
return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_61\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"isSortable\":[4,\"is-sortable\"],\"label\":[1],\"multiselect\":[4],\"reorderHandleIcon\":[1,\"reorder-handle-icon\"],\"reorderHandleIconKeyboard\":[1,\"reorder-handle-icon-keyboard\"],\"rowReorderable\":[4,\"row-reorderable\"],\"selectable\":[4],\"selectedValues\":[16],\"sortableColumns\":[16],\"striped\":[4],\"areAllSelected\":[32],\"colCount\":[32],\"hasScrolled\":[32],\"keyboardReorderRowId\":[32],\"reorderLiveMessage\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"selected\":[32],\"selectedRowIds\":[32],\"sortTypeArray\":[32]},[[0,\"xplTableColumnWidthsChange\",\"handleHeaderCellColumnWidthsChange\"],[0,\"checkboxChange\",\"handleCompositionalCheckboxChange\"],[0,\"headerCheckboxChange\",\"handleCompositionalHeaderCheckboxChange\"],[3,\"pointerdown\",\"handlePointerDownExitKeyboardReorder\"],[3,\"pointerdown\",\"handleRowReorderPointerDown\"],[3,\"dragstart\",\"handleRowReorderDragStart\"],[3,\"dragend\",\"handleRowReorderDragEnd\"],[2,\"dragover\",\"handleRowReorderDragOver\"],[2,\"dragenter\",\"handleRowReorderDragEnter\"],[3,\"dragleave\",\"handleRowReorderDragLeave\"],[2,\"drop\",\"handleRowReorderDrop\"],[0,\"headerSortChange\",\"handleCompositionalHeaderSort\"]],{\"columns\":[{\"watchColumns\":0}],\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"reorderHandleIcon\":[{\"watchReorderHandleIcon\":0}],\"reorderHandleIconKeyboard\":[{\"watchReorderHandleIconKeyboard\":0}],\"rowReorderable\":[{\"watchRowReorderable\":0}],\"selectable\":[{\"watchSelectable\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"disabled\":[4],\"hasCheckbox\":[4,\"has-checkbox\"],\"initialExpanded\":[4,\"initial-expanded\"],\"selectedCount\":[2,\"selected-count\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[260,\"xpl-side-nav\",{\"label\":[1]}],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-table-body\"],[260,\"xpl-table-footer\"],[260,\"xpl-table-header\"],[260,\"xpl-table-row\",{\"disabled\":[4],\"rowId\":[513,\"row-id\"],\"selected\":[4]},null,{\"disabled\":[{\"onDisabledChange\":0}]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-table-header-cell\",{\"align\":[1],\"checkboxAriaLabel\":[1,\"checkbox-aria-label\"],\"checked\":[4],\"columnWidth\":[513,\"column-width\"],\"icon\":[1],\"indeterminate\":[4],\"label\":[1],\"sortable\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortKey\":[1,\"sort-key\"],\"type\":[1],\"width\":[514]},null,{\"columnWidth\":[{\"watchColumnWidth\":0}],\"width\":[{\"watchWidth\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"selected\":[516],\"hasDropdown\":[32],\"hostListitemRole\":[32],\"open\":[32]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}]}],[260,\"xpl-table-cell\",{\"align\":[1],\"bold\":[4],\"disabled\":[4],\"underline\":[4]},null,{\"disabled\":[{\"onDisabledChange\":0}]}],[260,\"xpl-table-footer-cell\",{\"align\":[1]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"id\":[32]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"dataId\":[1,\"data-id\"],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"required\":[4],\"styled\":[4],\"value\":[1],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"handleSelect\":[64]},null,{\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
|
|
21
21
|
});
|