@xplortech/apollo-core 3.1.0 → 3.2.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 +120 -14
- package/build/components/avatar.css +1 -1
- package/build/components/data-card.css +1 -1
- package/build/components/dropdown.css +1 -1
- package/build/components/input-time.css +1 -1
- package/build/components/large-card.css +1 -1
- package/build/components/list-item.css +1 -1
- package/build/components/modal.css +1 -1
- package/build/components/popover.css +1 -1
- package/build/components/side-nav.css +1 -1
- package/build/components/spotlight.css +1 -1
- package/build/components/table-cell-base.css +1 -0
- package/build/components/table-cell.css +1 -0
- package/build/components/table-footer-cell.css +1 -1
- package/build/components/table-header-cell.css +1 -1
- package/build/components/table.css +1 -1
- package/build/components/tag.css +1 -1
- package/build/components/toast.css +1 -1
- package/build/components/toggle.css +1 -1
- package/build/components/toolbar.css +1 -1
- package/build/components/tooltip.css +1 -1
- package/build/components/top-nav.css +1 -1
- package/build/components-manifest.json +19 -3
- package/build/core.css +1 -1
- package/build/style.css +1 -1
- package/build/variables/apollo.css +4 -0
- package/build/variables/field-edge.css +4 -0
- package/build/vendor/flatpickr.css +1 -1
- package/dist/apollo-core/apollo-core.css +1 -1
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-045a4538.entry.js +1 -0
- package/dist/apollo-core/{p-d443291f.entry.js → p-050a8bf2.entry.js} +1 -1
- package/dist/apollo-core/p-08767607.entry.js +1 -0
- package/dist/apollo-core/{p-149ddd12.entry.js → p-11914cd4.entry.js} +1 -1
- package/dist/apollo-core/{p-581b702c.entry.js → p-14e86de8.entry.js} +1 -1
- package/dist/apollo-core/p-194c0ccd.entry.js +1 -0
- package/dist/apollo-core/p-1c031055.entry.js +1 -0
- package/dist/apollo-core/p-24f7280a.entry.js +1 -0
- package/dist/apollo-core/{p-47bda204.entry.js → p-24fa8a03.entry.js} +1 -1
- package/dist/apollo-core/{p-91895c40.entry.js → p-2971e2ec.entry.js} +1 -1
- package/dist/apollo-core/{p-0958c719.entry.js → p-3417c1ce.entry.js} +1 -1
- package/dist/apollo-core/p-3713cd77.entry.js +1 -0
- package/dist/apollo-core/p-386851a2.entry.js +1 -0
- package/dist/apollo-core/p-3cd1238b.entry.js +1 -0
- package/dist/apollo-core/{p-b45179fb.entry.js → p-49531864.entry.js} +1 -1
- package/dist/apollo-core/p-4e3c6616.entry.js +1 -0
- package/dist/apollo-core/p-5b9fd96e.entry.js +1 -0
- package/dist/apollo-core/{p-cb5b15c2.entry.js → p-5bfac8fd.entry.js} +1 -1
- package/dist/apollo-core/p-5c3be343.entry.js +1 -0
- package/dist/apollo-core/p-5cbf5d42.entry.js +1 -0
- package/dist/apollo-core/p-5ec2b180.entry.js +1 -0
- package/dist/apollo-core/{p-790709c0.entry.js → p-64f5c129.entry.js} +1 -1
- package/dist/apollo-core/{p-28bce81a.entry.js → p-65f6b66c.entry.js} +1 -1
- package/dist/apollo-core/{p-d9070ae5.entry.js → p-715baae0.entry.js} +1 -1
- package/dist/apollo-core/p-72e0455f.entry.js +1 -0
- package/dist/apollo-core/p-7ac7fbc0.entry.js +1 -0
- package/dist/apollo-core/p-7d70e089.entry.js +1 -0
- package/dist/apollo-core/{p-d41b8f46.entry.js → p-7eb02cf3.entry.js} +1 -1
- package/dist/apollo-core/p-7f4463ff.entry.js +1 -0
- package/dist/apollo-core/p-808f3d9c.entry.js +1 -0
- package/dist/apollo-core/p-87582346.entry.js +1 -0
- package/dist/apollo-core/{p-2c995d80.entry.js → p-8f8f4759.entry.js} +1 -1
- package/dist/apollo-core/{p-5d9a593e.entry.js → p-907bc21e.entry.js} +1 -1
- package/dist/apollo-core/p-9905c77c.entry.js +1 -0
- package/dist/apollo-core/{p-54903322.entry.js → p-9d731673.entry.js} +1 -1
- package/dist/apollo-core/{p-2938ab4f.entry.js → p-9feaa8be.entry.js} +1 -1
- package/dist/apollo-core/p-O7gQjVdS.js +1 -0
- package/dist/apollo-core/p-a6ecca68.entry.js +1 -0
- package/dist/apollo-core/p-a789c272.entry.js +1 -0
- package/dist/apollo-core/{p-06a9a27b.entry.js → p-aeb2bcb8.entry.js} +1 -1
- package/dist/apollo-core/p-b3b4678b.entry.js +1 -0
- package/dist/apollo-core/{p-82812126.entry.js → p-b64ed46d.entry.js} +1 -1
- package/dist/apollo-core/{p-0368a1df.entry.js → p-bc821e69.entry.js} +1 -1
- package/dist/apollo-core/p-bd493c4a.entry.js +1 -0
- package/dist/apollo-core/p-bdcece21.entry.js +1 -0
- package/dist/apollo-core/{p-cdb5b5c4.entry.js → p-bfb7a83a.entry.js} +1 -1
- package/dist/apollo-core/{p-cdacfcd4.entry.js → p-c22f70f4.entry.js} +1 -1
- package/dist/apollo-core/{p-5730d96c.entry.js → p-c5bc3b2c.entry.js} +1 -1
- package/dist/apollo-core/{p-4ad79534.entry.js → p-ca83003e.entry.js} +1 -1
- package/dist/apollo-core/p-d3230277.entry.js +1 -0
- package/dist/apollo-core/p-d3ada7d0.entry.js +1 -0
- package/dist/apollo-core/{p-d0bc7c45.entry.js → p-d469bf5d.entry.js} +1 -1
- package/dist/apollo-core/p-d7f8ee34.entry.js +1 -0
- package/dist/apollo-core/p-d879c349.entry.js +1 -0
- package/dist/apollo-core/{p-2139f9f6.entry.js → p-df257cbf.entry.js} +1 -1
- package/dist/apollo-core/p-e09d8beb.entry.js +1 -0
- package/dist/apollo-core/p-e4d50301.entry.js +1 -0
- package/dist/apollo-core/{p-f3a2c79b.entry.js → p-ea9cdd65.entry.js} +1 -1
- package/dist/apollo-core/{p-ca4652b3.entry.js → p-eba654a3.entry.js} +1 -1
- package/dist/apollo-core/{p-4a2323b3.entry.js → p-ee68bed6.entry.js} +1 -1
- package/dist/apollo-core/{p-abdf199b.entry.js → p-f384a990.entry.js} +1 -1
- package/dist/apollo-core/{p-4d4acd1f.entry.js → p-f579e4b0.entry.js} +1 -1
- package/dist/apollo-core/{p-d724c419.entry.js → p-fcb17ff9.entry.js} +1 -1
- package/dist/apollo-core/{p-e2890eb1.entry.js → p-ff16f574.entry.js} +1 -1
- package/dist/cjs/apollo-core.cjs.js +1 -1
- package/dist/cjs/index-3cBvw409.js +8 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/table-internal-DssCrBs_.js +67 -0
- package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
- package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
- package/dist/cjs/xpl-avatar_3.cjs.entry.js +4 -4
- package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/xpl-badge.cjs.entry.js +1 -1
- package/dist/cjs/xpl-banner.cjs.entry.js +2 -2
- package/dist/cjs/xpl-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/xpl-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
- package/dist/cjs/xpl-button.cjs.entry.js +1 -1
- package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
- package/dist/cjs/xpl-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/xpl-choicelist.cjs.entry.js +1 -1
- package/dist/cjs/xpl-content-area.cjs.entry.js +1 -1
- package/dist/cjs/xpl-dashboard.cjs.entry.js +1 -1
- package/dist/cjs/xpl-data-card.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dropdown_4.cjs.entry.js +8 -8
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +2 -2
- package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
- package/dist/cjs/xpl-header-accordion.cjs.entry.js +1 -1
- package/dist/cjs/xpl-icon.cjs.entry.js +2 -2
- package/dist/cjs/xpl-input-color.cjs.entry.js +8 -8
- package/dist/cjs/xpl-input-phone.cjs.entry.js +5 -5
- package/dist/cjs/xpl-input-time.cjs.entry.js +2 -2
- package/dist/cjs/xpl-input_4.cjs.entry.js +10 -10
- package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
- package/dist/cjs/xpl-list.cjs.entry.js +2 -2
- package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
- package/dist/cjs/xpl-modal.cjs.entry.js +1 -1
- package/dist/cjs/xpl-nav-header-menu.cjs.entry.js +2 -2
- package/dist/cjs/xpl-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-pagination.cjs.entry.js +4 -4
- package/dist/cjs/xpl-panel.cjs.entry.js +2 -2
- package/dist/cjs/xpl-popover.cjs.entry.js +4 -4
- package/dist/cjs/xpl-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/xpl-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/xpl-secondary-nav.cjs.entry.js +1 -1
- package/dist/cjs/xpl-select_2.cjs.entry.js +8 -8
- package/dist/cjs/xpl-side-nav-header-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-side-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-side-nav-section.cjs.entry.js +5 -5
- package/dist/cjs/xpl-side-nav.cjs.entry.js +2 -2
- package/dist/cjs/xpl-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/xpl-slideout.cjs.entry.js +1 -1
- package/dist/cjs/xpl-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/xpl-table-body.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-cell_3.cjs.entry.js +228 -0
- package/dist/cjs/xpl-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-header.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-row.cjs.entry.js +43 -2
- package/dist/cjs/xpl-table.cjs.entry.js +1204 -80
- package/dist/cjs/xpl-tabs.cjs.entry.js +5 -5
- package/dist/cjs/xpl-toast.cjs.entry.js +2 -2
- package/dist/cjs/xpl-toggle.cjs.entry.js +3 -3
- package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/xpl-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/xpl-top-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-top-nav-menu.cjs.entry.js +2 -2
- package/dist/cjs/xpl-top-nav.cjs.entry.js +5 -5
- package/dist/cjs/xpl-utility-bar.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- 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-backdrop/xpl-backdrop.js +1 -1
- package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
- package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
- 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 +1 -1
- 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 +3 -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 +4 -4
- 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 +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/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 +1 -1
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input.js +2 -2
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
- package/dist/collection/components/xpl-list/xpl-list.js +2 -2
- 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/xpl-pagination.js +4 -4
- package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
- 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/xpl-progress-indicator.js +1 -1
- 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 +6 -6
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.js +2 -2
- 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-section/xpl-side-nav-section.js +5 -5
- 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-tab-panel/xpl-tab-panel.js +2 -2
- package/dist/collection/components/xpl-table/utils/move-row-dom.js +50 -0
- package/dist/collection/components/xpl-table/utils/table-internal.js +57 -0
- package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +1 -1
- package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +167 -0
- package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +1 -1
- package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +2 -2
- 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 +44 -2
- package/dist/collection/components/xpl-table/xpl-table.js +1427 -116
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
- package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
- 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/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-oIn1krdu.js → p-1D7CWIJ-.js} +1 -1
- package/dist/components/{p-xtOHikY0.js → p-2cJsJK3-.js} +1 -1
- package/dist/components/{p-DYmvElhR.js → p-8zrW9vEC.js} +1 -1
- package/dist/components/p-B56GeUtW.js +1 -0
- package/dist/components/p-B6YLKDUX.js +1 -0
- package/dist/components/{p-D--kzomA.js → p-B7aaJikj.js} +1 -1
- package/dist/components/{p-U0JYwf4c.js → p-BOm_p_mz.js} +1 -1
- package/dist/components/p-BZIZSovL.js +1 -0
- package/dist/components/{p-EfW0v54z.js → p-BtLC-jpk.js} +1 -1
- package/dist/components/{p-xFsB212F.js → p-Btb2UkLz.js} +1 -1
- package/dist/components/{p-DAb-txW3.js → p-C0AbGd4t.js} +1 -1
- package/dist/components/p-CFXvQqUO.js +1 -0
- package/dist/components/{p-l3EZ-agL.js → p-CQjJIHK6.js} +1 -1
- package/dist/components/{p-Chpgh5SL.js → p-CV5nn1zR.js} +1 -1
- package/dist/components/p-CdRmVtIN.js +1 -0
- package/dist/components/p-CgemLtmL.js +1 -0
- package/dist/components/p-CmbpWpb0.js +1 -0
- package/dist/components/p-CuVYRPvz.js +1 -0
- package/dist/components/{p-JyNpXfDe.js → p-D09sGbzs.js} +1 -1
- package/dist/components/{p-BdpZR4KO.js → p-DTh_zemx.js} +1 -1
- package/dist/components/{p-CiHTfk3E.js → p-DoVubWyd.js} +1 -1
- package/dist/components/p-Dp62sBqX.js +1 -0
- package/dist/components/p-DqgnC_vS.js +1 -0
- package/dist/components/p-DtV4i45B.js +1 -0
- package/dist/components/{p-wIU7KUhA.js → p-ohy3NrgH.js} +1 -1
- 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-backdrop.js +1 -1
- package/dist/components/xpl-badge.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-button.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox.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-dropdown-group.js +1 -1
- package/dist/components/xpl-dropdown-heading.js +1 -1
- package/dist/components/xpl-dropdown-option.js +1 -1
- package/dist/components/xpl-dropdown.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-input-color.js +1 -1
- package/dist/components/xpl-input-date.js +1 -1
- package/dist/components/xpl-input-file.js +1 -1
- package/dist/components/xpl-input-phone.js +1 -1
- package/dist/components/xpl-input-search.js +1 -1
- package/dist/components/xpl-input-time.js +1 -1
- package/dist/components/xpl-input.js +1 -1
- package/dist/components/xpl-large-card.js +1 -1
- package/dist/components/xpl-list-item.js +1 -1
- 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.js +1 -1
- 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-popover.js +1 -1
- package/dist/components/xpl-progress-bar.js +1 -1
- package/dist/components/xpl-progress-indicator.js +1 -1
- package/dist/components/xpl-radio.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select.js +1 -1
- package/dist/components/xpl-side-nav-header-item.js +1 -1
- package/dist/components/xpl-side-nav-item.js +1 -1
- package/dist/components/xpl-side-nav-section.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.js +1 -1
- package/dist/components/xpl-tab-panel.js +1 -1
- package/dist/components/xpl-tab.js +1 -1
- package/dist/components/xpl-table-body.js +1 -1
- package/dist/components/xpl-table-cell.d.ts +11 -0
- package/dist/components/xpl-table-cell.js +1 -0
- package/dist/components/xpl-table-footer-cell.js +1 -1
- package/dist/components/xpl-table-footer.js +1 -1
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table-row.js +1 -1
- 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-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-top-nav-item.js +1 -1
- package/dist/components/xpl-top-nav-menu.js +1 -1
- package/dist/components/xpl-top-nav.js +1 -1
- package/dist/components/xpl-utility-bar.js +1 -1
- package/dist/docs/xpl-avatar/readme.md +1 -1
- package/dist/docs/xpl-checkbox/readme.md +1 -3
- package/dist/docs/xpl-data-card/readme.md +1 -1
- package/dist/docs/xpl-dynamic-table/readme.md +4 -1
- package/dist/docs/xpl-dynamic-table-cell/readme.md +2 -0
- package/dist/docs/xpl-dynamic-table-row/readme.md +2 -0
- package/dist/docs/xpl-icon/readme.md +1 -1
- package/dist/docs/xpl-input/xpl-input-time/readme.md +1 -1
- package/dist/docs/xpl-large-card/readme.md +1 -1
- package/dist/docs/xpl-modal/readme.md +2 -2
- package/dist/docs/xpl-popover/readme.md +1 -2
- package/dist/docs/xpl-slideout/readme.md +1 -1
- package/dist/docs/xpl-spotlight/readme.md +1 -0
- package/dist/docs/xpl-table/readme.md +178 -20
- package/dist/docs/xpl-table/xpl-table-body/readme.md +4 -4
- package/dist/docs/xpl-table/xpl-table-cell/readme.md +53 -0
- package/dist/docs/xpl-table/xpl-table-footer/readme.md +4 -4
- package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +24 -15
- package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +84 -0
- package/dist/docs/xpl-table/xpl-table-row/readme.md +18 -14
- package/dist/docs/xpl-toast/readme.md +2 -2
- package/dist/docs/xpl-toggle/readme.md +1 -1
- package/dist/docs/xpl-toolbar/readme.md +5 -3
- package/dist/docs/xpl-tooltip/readme.md +1 -2
- package/dist/docs.json +776 -113
- package/dist/esm/apollo-core.js +1 -1
- package/dist/esm/index-ukZKsqqq.js +8 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/table-internal-O7gQjVdS.js +59 -0
- package/dist/esm/xpl-accordion.entry.js +2 -2
- package/dist/esm/xpl-application-shell.entry.js +1 -1
- package/dist/esm/xpl-avatar_3.entry.js +4 -4
- package/dist/esm/xpl-backdrop.entry.js +1 -1
- package/dist/esm/xpl-badge.entry.js +1 -1
- package/dist/esm/xpl-banner.entry.js +2 -2
- package/dist/esm/xpl-breadcrumb-item.entry.js +1 -1
- package/dist/esm/xpl-breadcrumbs.entry.js +1 -1
- package/dist/esm/xpl-button-row.entry.js +1 -1
- package/dist/esm/xpl-button.entry.js +1 -1
- package/dist/esm/xpl-calendar.entry.js +1 -1
- package/dist/esm/xpl-checkbox.entry.js +3 -3
- package/dist/esm/xpl-choicelist.entry.js +1 -1
- package/dist/esm/xpl-content-area.entry.js +1 -1
- package/dist/esm/xpl-dashboard.entry.js +1 -1
- package/dist/esm/xpl-data-card.entry.js +2 -2
- package/dist/esm/xpl-dropdown_4.entry.js +8 -8
- package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table.entry.js +2 -2
- package/dist/esm/xpl-grid-item.entry.js +1 -1
- package/dist/esm/xpl-grid.entry.js +1 -1
- package/dist/esm/xpl-header-accordion.entry.js +1 -1
- package/dist/esm/xpl-icon.entry.js +2 -2
- package/dist/esm/xpl-input-color.entry.js +8 -8
- package/dist/esm/xpl-input-phone.entry.js +5 -5
- package/dist/esm/xpl-input-time.entry.js +2 -2
- package/dist/esm/xpl-input_4.entry.js +10 -10
- package/dist/esm/xpl-large-card.entry.js +1 -1
- package/dist/esm/xpl-list.entry.js +2 -2
- package/dist/esm/xpl-main-nav.entry.js +1 -1
- package/dist/esm/xpl-modal.entry.js +1 -1
- package/dist/esm/xpl-nav-header-menu.entry.js +2 -2
- package/dist/esm/xpl-nav-item.entry.js +2 -2
- package/dist/esm/xpl-pagination.entry.js +4 -4
- package/dist/esm/xpl-panel.entry.js +2 -2
- package/dist/esm/xpl-popover.entry.js +4 -4
- package/dist/esm/xpl-progress-bar.entry.js +2 -2
- package/dist/esm/xpl-progress-indicator.entry.js +1 -1
- package/dist/esm/xpl-secondary-nav.entry.js +1 -1
- package/dist/esm/xpl-select_2.entry.js +8 -8
- package/dist/esm/xpl-side-nav-header-item.entry.js +2 -2
- package/dist/esm/xpl-side-nav-item.entry.js +2 -2
- package/dist/esm/xpl-side-nav-section.entry.js +5 -5
- package/dist/esm/xpl-side-nav.entry.js +2 -2
- package/dist/esm/xpl-skeleton.entry.js +1 -1
- package/dist/esm/xpl-slideout.entry.js +1 -1
- package/dist/esm/xpl-tab-panel.entry.js +2 -2
- package/dist/esm/xpl-table-body.entry.js +1 -1
- package/dist/esm/xpl-table-cell_3.entry.js +224 -0
- package/dist/esm/xpl-table-footer.entry.js +1 -1
- package/dist/esm/xpl-table-header.entry.js +1 -1
- package/dist/esm/xpl-table-row.entry.js +44 -3
- package/dist/esm/xpl-table.entry.js +1204 -80
- package/dist/esm/xpl-tabs.entry.js +5 -5
- package/dist/esm/xpl-toast.entry.js +2 -2
- package/dist/esm/xpl-toggle.entry.js +3 -3
- package/dist/esm/xpl-toolbar.entry.js +2 -2
- package/dist/esm/xpl-tooltip.entry.js +1 -1
- package/dist/esm/xpl-top-nav-item.entry.js +2 -2
- package/dist/esm/xpl-top-nav-menu.entry.js +2 -2
- package/dist/esm/xpl-top-nav.entry.js +5 -5
- package/dist/esm/xpl-utility-bar.entry.js +1 -1
- 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-cell/xpl-table-cell.d.ts +11 -0
- package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +33 -0
- package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +7 -0
- package/dist/types/components/xpl-table/xpl-table.d.ts +126 -22
- package/dist/types/components.d.ts +238 -60
- package/hydrate/index.js +1669 -265
- package/hydrate/index.mjs +1669 -265
- package/package.json +7 -7
- package/dist/apollo-core/p-056a99e4.entry.js +0 -1
- package/dist/apollo-core/p-068e3532.entry.js +0 -1
- package/dist/apollo-core/p-0a0a6e43.entry.js +0 -1
- package/dist/apollo-core/p-1a94c2d9.entry.js +0 -1
- package/dist/apollo-core/p-2faa7b9c.entry.js +0 -1
- package/dist/apollo-core/p-30b1b700.entry.js +0 -1
- package/dist/apollo-core/p-32084caf.entry.js +0 -1
- package/dist/apollo-core/p-38586952.entry.js +0 -1
- package/dist/apollo-core/p-50fae269.entry.js +0 -1
- package/dist/apollo-core/p-60cb3cfb.entry.js +0 -1
- package/dist/apollo-core/p-722b145a.entry.js +0 -1
- package/dist/apollo-core/p-75e5bfe0.entry.js +0 -1
- package/dist/apollo-core/p-77fe3cc1.entry.js +0 -1
- package/dist/apollo-core/p-83bb7607.entry.js +0 -1
- package/dist/apollo-core/p-8664d88b.entry.js +0 -1
- package/dist/apollo-core/p-8a925e9d.entry.js +0 -1
- package/dist/apollo-core/p-9064badb.entry.js +0 -1
- package/dist/apollo-core/p-969d5cca.entry.js +0 -1
- package/dist/apollo-core/p-99a79cf4.entry.js +0 -1
- package/dist/apollo-core/p-ae8a5f66.entry.js +0 -1
- package/dist/apollo-core/p-af8ebf49.entry.js +0 -1
- package/dist/apollo-core/p-b29025b2.entry.js +0 -1
- package/dist/apollo-core/p-b5a61076.entry.js +0 -1
- package/dist/apollo-core/p-bf7d8e18.entry.js +0 -1
- package/dist/apollo-core/p-c48e4884.entry.js +0 -1
- package/dist/apollo-core/p-cc57f20d.entry.js +0 -1
- package/dist/apollo-core/p-dca48977.entry.js +0 -1
- package/dist/apollo-core/p-e1833287.entry.js +0 -1
- package/dist/apollo-core/p-e2b73b60.entry.js +0 -1
- package/dist/apollo-core/p-e7e445b0.entry.js +0 -1
- package/dist/apollo-core/p-f1c103ff.entry.js +0 -1
- package/dist/apollo-core/p-ffc2f0cf.entry.js +0 -1
- package/dist/cjs/xpl-table-footer-cell.cjs.entry.js +0 -18
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +0 -59
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +0 -190
- package/dist/components/p-9VnxPQLs.js +0 -1
- package/dist/components/p-B2oLZUDD.js +0 -1
- package/dist/components/p-BYYFsuD3.js +0 -1
- package/dist/components/p-BZtxVB1R.js +0 -1
- package/dist/components/p-CnVGKN63.js +0 -1
- package/dist/components/p-Cz7zDaI4.js +0 -1
- package/dist/components/p-D4rv6CNJ.js +0 -1
- package/dist/components/p-YG9Jza0y.js +0 -1
- package/dist/docs/xpl-table-header-cell/readme.md +0 -47
- package/dist/esm/xpl-table-footer-cell.entry.js +0 -16
- package/dist/esm/xpl-table-header-cell.entry.js +0 -57
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as
|
|
1
|
+
import{I as m,d as o}from"./p-BOm_p_mz.js";const p=m,s=o;export{p as XplInputSearch,s as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{f as o,g as
|
|
1
|
+
import{f as o,g as r}from"./p-8zrW9vEC.js";const s=o,p=r;export{s as XplInputTime,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as o,d as
|
|
1
|
+
import{I as o,d as r}from"./p-8zrW9vEC.js";const s=o,p=r;export{s as XplInput,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as t,H as e,h as s,c,t as a}from"./p-BSHdGbmH.js";import{h as i}from"./p-_r9-FML8.js";import{d as n}from"./p-CQjJIHK6.js";const r="graph-content",o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.graphContentPresent=!1}connectedCallback(){this.syncGraphContentSlot(),this.connectGraphContentSlotObserver()}disconnectedCallback(){void 0!==this.graphContentSlotSyncTimeoutId&&(clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=void 0),this.disconnectGraphContentSlotObserver()}componentWillLoad(){this.syncGraphContentSlot()}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],e=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(e),t.setAttribute("class","xpl-large-card__anchor"),t.appendChild(s)}}componentWillRender(){this.disconnectGraphContentSlotObserver()}componentDidRender(){this.scheduleGraphContentSlotSync()}connectGraphContentSlotObserver(){this.disconnectGraphContentSlotObserver(),"undefined"!=typeof MutationObserver&&(this.graphContentSlotObserver=new MutationObserver((()=>{this.scheduleGraphContentSlotSync()})),this.graphContentSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectGraphContentSlotObserver(){this.graphContentSlotObserver?.disconnect(),this.graphContentSlotObserver=void 0}scheduleGraphContentSlotSync(){void 0!==this.graphContentSlotSyncTimeoutId&&clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=setTimeout((()=>{this.graphContentSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncGraphContentSlot(),this.connectGraphContentSlotObserver())}),0)}syncGraphContentSlot(){const t=i(this.el,r);t!==this.graphContentPresent&&(this.graphContentPresent=t)}render(){return s(c,{key:"879f57b756e3c25bb9bebbc06f144a137bf0b78b",role:"group",class:"xpl-large-card "+(this.link?"xpl-large-card__link":""),tabindex:"0"},s("dt",{key:"1336da473527a06e485c559925156954c0162696",class:"xpl-large-card__header"},s("header",{key:"69073fa20879ae4b9709ec54cc01cad85fba6366"},s("slot",{key:"c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0",name:"title"},this.name),this.link&&s("span",{key:"8075678983d86cc192b9a2fc7a43fb4c022dbace",class:"xpl-large-card__header-arrow"},s("xpl-icon",{key:"960d96210c4d5f37b51782947b9acdb3cb4d125d",icon:"chevron-right",size:16}))),this.description&&s("div",{key:"0162c71c16faa14385da912cbcf6a24f182b1012",class:"xpl-large-card__description"},this.description)),s("dd",{key:"d48d1348b8d0b5b3db776d64be10b23d884cd35c",class:"xpl-large-card__body"},this.graphContentPresent&&s("slot",{key:"7aa25f469d81ebc5046cc382920fcac9a3d59a9c",name:r})))}get el(){return this}},[260,"xpl-large-card",{link:[4],name:[1],description:[1],graphContentPresent:[32]}]),d=o,l=function(){"undefined"!=typeof customElements&&["xpl-large-card","xpl-icon"].forEach((t=>{switch(t){case"xpl-large-card":customElements.get(a(t))||customElements.define(a(t),o);break;case"xpl-icon":customElements.get(a(t))||n()}}))};export{d as XplLargeCard,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{X as o,d as s}from"./p-
|
|
1
|
+
import{X as o,d as s}from"./p-DoVubWyd.js";const p=o,r=s;export{p as XplListItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as i,h as s,c as l,t as r}from"./p-BSHdGbmH.js";import{T as n}from"./p-Dqb1pIRo.js";import{d as a}from"./p-
|
|
1
|
+
import{p as e,H as t,d as i,h as s,c as l,t as r}from"./p-BSHdGbmH.js";import{T as n}from"./p-Dqb1pIRo.js";import{d as a}from"./p-ohy3NrgH.js";import{d as o}from"./p-CFXvQqUO.js";import{d as h}from"./p-CV5nn1zR.js";import{d}from"./p-DtV4i45B.js";import{d as c}from"./p-CQjJIHK6.js";import{d as m}from"./p-DoVubWyd.js";import{d as p}from"./p-1D7CWIJ-.js";let u=!1;const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.itemSelect=i(this,"itemSelect",7),this.orderChange=i(this,"orderChange",7),this.draggedItem=null,this.listItems=[],this.nextAutoItemIdSeq=0,this.radioName="xpl-list-radio-"+Math.random().toString(36).slice(2,11),this.timers=new n,this.keyboardReorderItemId=null,this.reorderLiveMessage="",this.items=[],this.reorderable=!1,this.selectable=!1}handleKeyboardReorderItemIdChange(){this.collectListItems()}handleItemsChange(){this.collectListItems()}handleReorderableChange(){this.collectListItems()}handleSelectableChange(){this.collectListItems()}componentWillLoad(){this.collectListItems(),this.items.length>0&&!u&&(u=!0,console.warn('[xpl-list] The "items" prop is deprecated. Use slot-based xpl-list-item children instead.'))}componentDidLoad(){this.collectListItems()}disconnectedCallback(){this.timers.dispose()}handleKeyDown(e){if(!this.selectable||"Escape"!==e.key||e.defaultPrevented)return;const i=function(e){return(e.composedPath?.()??[]).find((e=>e instanceof t&&"xpl-list-item"===e.tagName.toLowerCase()))??null}(e);if(!i||i.parentElement!==this.el)return;const s=i.querySelector('.xpl-list-item__selectable input[type="radio"]');(s instanceof HTMLInputElement&&s.checked||i.selected)&&(e.preventDefault(),this.clearSelection())}handleChildItemSelect(e){if(!this.selectable)return;const t=e.target;"XPL-LIST-ITEM"===t.tagName&&t.parentElement===this.el&&this.syncSelectionFromChildDetail(e.detail)}handleSlotChange(){this.collectListItems()}handleItemDragStart(e){const t=e.detail?.item;if(!t||t.parentElement!==this.el)return;null!==this.keyboardReorderItemId&&(this.keyboardReorderItemId=null),this.draggedItem=t;const i=this.draggedItem.querySelector(".xpl-list-item__wrapper");i?.classList.add("dragging")}handleItemDragEnd(e){const t=e.detail?.item;if(t&&t.parentElement===this.el){if(this.draggedItem){const e=this.draggedItem.querySelector(".xpl-list-item__wrapper");e?.classList.remove("dragging")}this.draggedItem=null}}handleItemDrop(e){const t=e.detail?.item;if(t&&t.parentElement===this.el)if(this.draggedItem&&this.draggedItem.parentElement!==this.el)this.draggedItem=null;else{if(this.draggedItem){const e=this.draggedItem.querySelector(".xpl-list-item__wrapper");e?.classList.remove("dragging")}if(this.draggedItem&&t&&this.draggedItem!==t){const e=this.getVisibleListItemElements(),i=e.indexOf(this.draggedItem),s=e.indexOf(t);if(-1!==i&&-1!==s){const e=i>s?"up":"down",l=this.getItemRowId(this.draggedItem);if("up"===e)this.el.insertBefore(this.draggedItem,t);else{const e=this.getNextVisibleListItemAfter(t);e?this.el.insertBefore(this.draggedItem,e):this.el.appendChild(this.draggedItem)}const r=this.getOrderedItemIds();this.orderChange.emit({itemId:l,direction:e,orderedItemIds:r}),this.announceReorder(l,r),this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{itemId:l,direction:e,fromIndex:i,toIndex:s,orderedItemIds:r}}))}}this.draggedItem=null,e.preventDefault()}}handleItemReorder(e){e.stopPropagation();const{direction:t,itemId:i,keyboardMode:s,exitKeyboardMode:l}=e.detail;void 0!==s&&(this.keyboardReorderItemId=s?i??null:null),l&&(this.keyboardReorderItemId=null),t&&i&&this.performReorder(i,t)&&this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{...e.detail,orderedItemIds:this.getOrderedItemIds()}}))}async clearSelection(){if(!this.selectable)return;this.collectListItems();const e=[];this.listItems.forEach((t=>{const i=t.querySelector('.xpl-list-item__selectable input[type="radio"]');if(i instanceof HTMLInputElement&&i.checked||t.selected){const i=this.getItemRowId(t);i&&e.push(i)}}));const t=[...new Set(e)];this.listItems.forEach((e=>{const t=e.querySelector('.xpl-list-item__selectable input[type="radio"]');t instanceof HTMLInputElement&&(t.checked=!1)})),this.listItems.forEach((e=>{e.selected&&(e.selected=!1)})),t.forEach((e=>{this.itemSelect.emit({itemId:e})}))}syncSelectionFromChildDetail(e){this.collectListItems();const t=e.itemId,i=null!=t&&""!==t;this.listItems.forEach((e=>{const s=this.getItemRowId(e);e.selected=i&&s===t}))}performReorder(e,i){this.listItems=this.getVisibleListItemElements();const s=this.listItems.findIndex((t=>this.getItemRowId(t)===e));if(-1===s)return!1;const l="up"===i?s-1:s+1;if(l<0||l>=this.listItems.length)return!1;const r=this.listItems[s],n=this.listItems[l];if("up"===i)this.el.insertBefore(r,n);else{const e=this.getNextVisibleListItemAfter(n);e?this.el.insertBefore(r,e):this.el.appendChild(r)}const a=this.getOrderedItemIds();return this.orderChange.emit({itemId:e,direction:i,orderedItemIds:a}),this.announceReorder(e,a),this.timers.requestAnimationFrame((()=>{if(!this.el.isConnected)return;const i=this.getDirectChildListItems().find((t=>this.getItemRowId(t)===e)),s=i?.querySelector(".xpl-list-item__drag-handle"),l=s?.querySelector?.("button")instanceof t?s.querySelector("button"):s;l instanceof t&&l.focus()})),!0}getOrderedItemIds(){return this.getVisibleListItemElements().map((e=>this.getItemRowId(e)))}announceReorder(e,t){if(!this.reorderable||!e)return;const i=t.indexOf(e);if(i<0)return;const s=i+1,l=t.length;this.reorderLiveMessage="",this.timers.requestAnimationFrame((()=>{this.el.isConnected&&(this.reorderLiveMessage=`Item ${e}, now position ${s} of ${l}`)}))}getDirectChildListItems(){return Array.from(this.el.children).filter((e=>"xpl-list-item"===e.tagName.toLowerCase()))}getVisibleListItemElements(){return this.getDirectChildListItems().filter((e=>!e.hasAttribute("hidden")))}isLegacyPropBasedRow(e){return null!=e.item}getNextVisibleListItemAfter(e){let i=e.nextElementSibling;for(;i;){if(i instanceof t&&"xpl-list-item"===i.tagName.toLowerCase()&&!i.hasAttribute("hidden"))return i;i=i.nextElementSibling}return null}collectListItems(){this.listItems=this.getDirectChildListItems();const e=new Set;this.listItems.forEach((t=>{const i=t.getAttribute("item-id")||t.id||(t.itemId?t.itemId+"":"");i&&e.add(i)})),this.listItems.forEach((t=>{if(!t.hasAttribute("item-id")&&!t.id)if(t.itemId)t.setAttribute("item-id",t.itemId),e.add(t.itemId);else{let i;do{i="item-"+this.nextAutoItemIdSeq,this.nextAutoItemIdSeq+=1}while(e.has(i));t.setAttribute("item-id",i),e.add(i)}this.isLegacyPropBasedRow(t)?(t.removeAttribute("selectable"),t.removeAttribute("radio-name"),t.removeAttribute("reorderable")):(this.selectable?(t.setAttribute("selectable","true"),t.setAttribute("radio-name",this.radioName)):(t.removeAttribute("selectable"),t.removeAttribute("radio-name")),this.reorderable?t.setAttribute("reorderable","true"):t.removeAttribute("reorderable"));const i=this.getItemRowId(t);this.isLegacyPropBasedRow(t)?t.removeAttribute("keyboard-active"):this.keyboardReorderItemId&&i===this.keyboardReorderItemId?t.setAttribute("keyboard-active","true"):t.removeAttribute("keyboard-active")}))}getItemRowId(e){return e.getAttribute("item-id")||e.id||e.itemId||""}render(){const e=this.labelledBy?.trim()?this.labelledBy.trim():void 0,t=!e&&this.label?.trim()?this.label.trim():void 0;return s(l,{key:"5516f433d051a8cac2d01255e7e4b43956f088c5",role:"list",class:{"xpl-list":!0},"aria-label":t,"aria-labelledby":e},this.items?.map(((e,t)=>{const i=e.id??"item-"+t;return s("xpl-list-item",{key:"legacy-item-"+i,item:e,href:e.href,itemId:i})})),s("slot",{key:"68216fa87a1034e09363b8b20fc436d0d3725cc3"}),this.reorderable?s("div",{class:"xpl-list__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage):null)}get el(){return this}static get watchers(){return{keyboardReorderItemId:[{handleKeyboardReorderItemIdChange:0}],items:[{handleItemsChange:0}],reorderable:[{handleReorderableChange:0}],selectable:[{handleSelectableChange:0}]}}},[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}]}]),I=b,f=function(){"undefined"!=typeof customElements&&["xpl-list","xpl-avatar","xpl-badge","xpl-button","xpl-divider","xpl-icon","xpl-list-item","xpl-radio"].forEach((e=>{switch(e){case"xpl-list":customElements.get(r(e))||customElements.define(r(e),b);break;case"xpl-avatar":customElements.get(r(e))||a();break;case"xpl-badge":customElements.get(r(e))||o();break;case"xpl-button":customElements.get(r(e))||h();break;case"xpl-divider":customElements.get(r(e))||d();break;case"xpl-icon":customElements.get(r(e))||c();break;case"xpl-list-item":customElements.get(r(e))||m();break;case"xpl-radio":customElements.get(r(e))||p()}}))};export{I as XplList,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as a,H as e,d as c,h as d,c as n,t}from"./p-BSHdGbmH.js";const s=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.navWidth=c(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return d(n,{key:"965f7a4faa40d7ec386c947e16fb5bc4621496a0",class:"xpl-main-nav xpl-main-nav--"+this.width,"aria-label":"Sidebar"},d("nav",{key:"1237191a5c5e6d3eacfba46d7b9cb6c5e1fcc191"},d("header",{key:"903b017b0610dfd4fee28aa0d00d9c2f030506bc","aria-label":"Sidebar Header"},d("slot",{key:"ec0c4c0a92ae8578372895c3a0ee225da2bc2bb8",name:"logo"}),d("slot",{key:"d2b9d45cfde83df6f7f76889fc5c05520f5346d6",name:"brand-name"})),d("div",{key:"93d7a1d1ca940db7fedf4c634c092d2554c9e9e6",class:"xpl-main-nav__main_section"},d("slot",{key:"0a0c0ee4ae85a4db09cf87c7fe9693bd1f64721a",name:"navigation"})),d("footer",{key:"21d2eaa5f1446145656954966e550150c867357c",class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},d("slot",{key:"d2b84a7ea550a1da9460df7e9ace73354929707f",name:"footer"}))))}},[260,"xpl-main-nav",{width:[1]}]),i=s,f=function(){"undefined"!=typeof customElements&&["xpl-main-nav"].forEach((a=>{"xpl-main-nav"===a&&(customElements.get(t(a))||customElements.define(t(a),s))}))};export{i as XplMainNav,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as a,h as s,c as i,t as
|
|
1
|
+
import{p as e,H as t,d as a,h as s,c as i,t as l}from"./p-BSHdGbmH.js";import{d}from"./p-CgemLtmL.js";import{d as c}from"./p-CV5nn1zR.js";import{d as o}from"./p-CQjJIHK6.js";let n=0;const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.modalClosed=a(this,"modalClosed",7),this.dialogElement=null,this.titleId="xpl-modal-title-"+(n+=1),this.isOpen=!1,this.size="medium",this.variant="default",this.handleDialogClose=()=>{this.isOpen=!1,this.modalClosed.emit()},this.handleNativeBackdropClick=e=>{const{dialogElement:t}=this;if(!t||e.target!==t)return;const a=t.getBoundingClientRect();(e.clientX<a.left||e.clientX>a.right||e.clientY<a.top||e.clientY>a.bottom)&&this.handleDialogClose()}}connectedCallback(){this.bindDialog()}disconnectedCallback(){this.clearCloseTimer(),this.unbindDialog()}componentDidLoad(){this.bindDialog()}updateModalState(){this.clearCloseTimer(),this.isOpen?this.openDialog():this.scheduleClose()}bindDialog(){const e=this.element.querySelector("dialog");e&&(this.dialogElement=e,e.removeEventListener("cancel",this.handleDialogClose),e.removeEventListener("click",this.handleNativeBackdropClick),e.addEventListener("cancel",this.handleDialogClose),e.addEventListener("click",this.handleNativeBackdropClick),this.updateModalState())}unbindDialog(){const e=this.dialogElement;e&&(e.open&&"function"==typeof e.close&&e.close(),e.removeEventListener("cancel",this.handleDialogClose),e.removeEventListener("click",this.handleNativeBackdropClick))}clearCloseTimer(){void 0!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=void 0)}openDialog(){this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal?.()}scheduleClose(){this.dialogElement&&"function"==typeof this.dialogElement.close&&(this.closeTimerId=setTimeout((()=>{this.closeTimerId=void 0,this.dialogElement?.close()}),250))}render(){return s(i,{key:"03f5eb41f33dd1ef6520c5e606f86af3676b1e72",class:"xpl-modal"},this.isOpen&&s("xpl-backdrop",{key:"50419511db07db7e51664f2c64167e8fa1130478"}),s("dialog",{key:"debe223a70a3e14a5a3937cdba9b18d8e1529497",class:`xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen?"is-open":"is-closed"}`,"aria-labelledby":this.titleId},s("div",{key:"7b4a1fda4219622c1e482bfeda808fb25a818df7",class:"xpl-modal__header"},s("div",{key:"4f2f095fd473c97954e7c3b06691133f796df77e",class:"xpl-modal__title"},s("xpl-button",{key:"9a017bf7cbc52bd6828fe647e06b03a4601f988e",type:"button",class:"xpl-modal__close-button","icon-only":!0,variant:"tertiary","aria-label":"Close modal",onClick:this.handleDialogClose},s("xpl-icon",{key:"070c9cb695ee0a85f7bd25e19ceb7cb85ba2d178",icon:"xmark"})),"warning"===this.variant&&s("xpl-icon",{key:"7478625b27763ff01034195312af4e59411174d6",size:20,icon:"triangle-warning",class:"xpl-modal__alert-icon"}),s("span",{key:"092491fb296dd9d4658e3bf4fd2425d0cad791ee",class:"xpl-modal__title-text",id:this.titleId},s("slot",{key:"d91c682a6f51a08e73281f27944bf83b73a026ee",name:"title"}))),s("div",{key:"9a0b0ff9427d66ac44fd65649460ce62cf7b1cc4",class:"xpl-modal__subtitle"},s("slot",{key:"41c6093d7cb31838e49b20d237a0c273df79dabf",name:"subtitle"}))),s("div",{key:"afab32dbee43906310935cb02437e00d2743f555",class:"xpl-modal__body"},s("slot",{key:"dbb0a6eb15e6c519f2eb40a0cfc8de2a68a37811",name:"body"})),s("div",{key:"2e3501f03e002a40737dd02a4a6cfd47c0f08205",class:"xpl-modal__footer"},s("slot",{key:"4b21250f2cc15be589c2622f8cdeda679f881733",name:"primary"}),s("slot",{key:"490d23bfd88b209545e326e1e236beea9f4289da",name:"secondary"}),s("slot",{key:"b8d1457361776e33ebcc3404db8ab6c901be1500",name:"tertiary"}))))}get element(){return this}static get watchers(){return{isOpen:[{updateModalState:0}]}}},[260,"xpl-modal",{isOpen:[1540,"is-open"],size:[1],variant:[1]},void 0,{isOpen:[{updateModalState:0}]}]),f=b,m=function(){"undefined"!=typeof customElements&&["xpl-modal","xpl-backdrop","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-modal":customElements.get(l(e))||customElements.define(l(e),b);break;case"xpl-backdrop":customElements.get(l(e))||d();break;case"xpl-button":customElements.get(l(e))||c();break;case"xpl-icon":customElements.get(l(e))||o()}}))};export{f as XplModal,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,c as s,t as a}from"./p-BSHdGbmH.js";import{h as
|
|
1
|
+
import{p as e,H as t,h as i,c as s,t as a}from"./p-BSHdGbmH.js";import{h as d}from"./p-DkqlawVY.js";const n=[".xpl-nav-header-menu__right-aside-mobile"],h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.rightAsideMobilePresent=!1}connectedCallback(){this.syncRightAsideMobileSlotPresent(),this.connectRightAsideMobileSlotObserver()}disconnectedCallback(){void 0!==this.deferredRightAsideSlotWorkTimeoutId&&(clearTimeout(this.deferredRightAsideSlotWorkTimeoutId),this.deferredRightAsideSlotWorkTimeoutId=void 0),this.disconnectRightAsideMobileSlotObserver()}componentWillLoad(){this.syncRightAsideMobileSlotPresent()}componentWillRender(){this.disconnectRightAsideMobileSlotObserver()}componentDidRender(){this.scheduleDeferredRightAsideSlotWork()}scheduleDeferredRightAsideSlotWork(){void 0!==this.deferredRightAsideSlotWorkTimeoutId&&clearTimeout(this.deferredRightAsideSlotWorkTimeoutId),this.deferredRightAsideSlotWorkTimeoutId=setTimeout((()=>{this.deferredRightAsideSlotWorkTimeoutId=void 0,this.el.isConnected&&(this.syncRightAsideMobileSlotPresent(),this.connectRightAsideMobileSlotObserver())}),0)}connectRightAsideMobileSlotObserver(){this.disconnectRightAsideMobileSlotObserver(),"undefined"!=typeof MutationObserver&&(this.rightAsideMobileSlotObserver=new MutationObserver((()=>{this.scheduleDeferredRightAsideSlotWork()})),this.rightAsideMobileSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectRightAsideMobileSlotObserver(){this.rightAsideMobileSlotObserver?.disconnect(),this.rightAsideMobileSlotObserver=void 0}syncRightAsideMobileSlotPresent(){const e=d(this.el,"right-aside-mobile",{hostTag:"xpl-nav-header-menu",projectionRegionSelectors:n});e!==this.rightAsideMobilePresent&&(this.rightAsideMobilePresent=e)}render(){return i(s,{key:"b79342bf524458e0119a92ba754a700c70c8652f",class:{"xpl-nav-header-menu":!0,"xpl-nav-header-menu--has-right-aside-mobile":this.rightAsideMobilePresent,dark:!0}},(!!this.username||!!this.email)&&i("div",{key:"db3789fefeb61c27d081e2f18be1f4f42d4d1696",class:"xpl-nav-header-menu__profile"},i("div",{key:"00415b3ea671d119ae7b196eb10b0f3fd423d302",class:"xpl-nav-header-menu__info"},this.username&&i("div",{key:"e3eb1b9425f3902bffc493fd1f26065cea2e9eb0",class:"xpl-nav-header-menu__username",title:this.username},this.username),this.email&&i("div",{key:"efeaeddcf8598169c014ff84a0dc2bd8c445ec44",class:"xpl-nav-header-menu__email",title:this.email},this.email))),i("div",{key:"2fc3f202f45c4fb9e330f16f71ad68d6c03d6dc8",class:"xpl-nav-header-menu__right-aside-mobile"},i("slot",{key:"d375a64cc228d4514ab5c6a59d6781799eba174f",name:"right-aside-mobile"})),i("div",{key:"113008a606e34af2e8e23eb7d261858d2d631d28",class:"xpl-nav-header-menu__slot",role:"list"},i("slot",{key:"214afe30add1001da07ff4870f29bcd932d8c199"})))}get el(){return this}},[260,"xpl-nav-header-menu",{email:[1],username:[1],rightAsideMobilePresent:[32]}]),l=h,o=function(){"undefined"!=typeof customElements&&["xpl-nav-header-menu"].forEach((e=>{"xpl-nav-header-menu"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))};export{l as XplNavHeaderMenu,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as s,h as n,c as
|
|
1
|
+
import{p as e,H as t,d as s,h as n,c as a,t as o}from"./p-BSHdGbmH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navOpen=s(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return n(a,{key:"12b0be7801fdf60e06dca270ec5d211e2c81af21",class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},n("slot",{key:"1716229d1110bed1911c0921d87dd6238e7f59aa",name:"link"},n("slot",{key:"653fd2830c8e67d3c9fe65a0994bd167173e110b",name:"icon"}),n("slot",{key:"a33f79ab45a2a65debca49fbedabf2daef2428c8"})))}},[260,"xpl-nav-item",{navControl:[4,"nav-control"]}]),d=c,i=function(){"undefined"!=typeof customElements&&["xpl-nav-item"].forEach((e=>{"xpl-nav-item"===e&&(customElements.get(o(e))||customElements.define(o(e),c))}))};export{d as XplNavItem,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as a,h as s,c as o,t as i}from"./p-BSHdGbmH.js";import{d as n}from"./p-
|
|
1
|
+
import{p as e,H as t,d as a,h as s,c as o,t as i}from"./p-BSHdGbmH.js";import{d as n}from"./p-2cJsJK3-.js";import{d as p}from"./p-BZIZSovL.js";import{d as l}from"./p-Dp62sBqX.js";import{d as c}from"./p-C0AbGd4t.js";import{d as r}from"./p-CQjJIHK6.js";import{d}from"./p-BtLC-jpk.js";import{d as h}from"./p-B7aaJikj.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=a(this,"pageChange",7),this.rowsPerPageChange=a(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.pageChoices=[],this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.buildPageChoices(),this.pageChange.emit(this.currentPage)}onTotalPagesUpdate(){this.currentPage>this.totalPages?this.currentPage=this.totalPages:this.buildPageChoices()}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}buildPageChoices(){this.pageChoices=Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage})))}componentWillLoad(){this.buildPageChoices()}componentDidLoad(){this.rowsPerPageSelectRef?.addEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){this.rowsPerPageSelectRef?.removeEventListener("changeEvent",this.handleRowsChange),this.pageSelectRef?.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return s(o,{key:"c1236f3a51a835bc7609f1871718535ad26c608c",class:{"xpl-pagination":!0,"xpl-pagination__with-page-control":this.withPageControl,"xpl-pagination__no-page-control":!this.withPageControl}},this.withPageControl&&s("div",{key:"b9a960512110e71ec4403a7440d9a56d2d25eb5a",class:"xpl-pagination__rows-per-page"},s("label",{key:"77d5c99067a80412b99fd7319a647fea67be9ae2",class:"xpl-pagination__rows-label"},"Rows per page:"),s("xpl-select",{key:"530bac1621b9901c52f895649f838ddd7919522f",class:"xpl-pagination__rows-per-page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e??null}})),s("div",{key:"f610c71b562c73d1ef6ce81550ee9c5f5318b46a",class:"xpl-pagination__pager"},s("button",{key:"f507f26b1b3239c170c60568da2a068ffdc65def",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},s("xpl-icon",{key:"c1079f632bb84a97bcb43ab7f39af19d2532e73c",icon:"arrow-left",size:20})),s("xpl-select",{key:"b50192f67d3e5b5c6723131d554d1dad41f8e2a3",class:"xpl-pagination__page-select",dropdownFlipFallbackPlacements:["bottom-start"],dropdownPlacement:"top-start",choices:this.pageChoices,"custom-display-value":!0,ref:e=>{this.pageSelectRef=e??null}},s("div",{key:"35cb95f79705633857df8ef3a48b479c85d6acdd",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),s("button",{key:"79a8b1f267fe675eb626d655a68ad5c72cd6c89f",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},s("xpl-icon",{key:"01ae55d805794de8fb9f332a37314e152fb1f5bb",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate: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"]},void 0,{currentPage:[{onPageUpdate:0}],totalPages:[{onTotalPagesUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,m=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||p();break;case"xpl-dropdown-heading":customElements.get(i(e))||l();break;case"xpl-dropdown-option":customElements.get(i(e))||c();break;case"xpl-icon":customElements.get(i(e))||r();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as
|
|
1
|
+
import{p as e,H as n,h as a,c as t,t as s}from"./p-BSHdGbmH.js";const c=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.accent="none",this.padding="default"}render(){const e="none"!==this.accent;return a(t,{key:"61852953ba87a556efaeff011546aecdd27bb6b1",class:{"xpl-panel":!0,["xpl-panel--accent-"+this.accent]:e,["xpl-panel--padding-"+this.padding]:!0}},e&&a("div",{key:"b4317b146c7759041d90b1a07ddd18f8dd3f2fd9","aria-hidden":"true",class:"xpl-panel__accent"}),a("div",{key:"b6d5634c93f921a002a3928884f54d3f8cce76cf",class:"xpl-panel__content"},a("slot",{key:"903c5e6f307ab7045b992f6b3bf3ec2c5b563455"})))}},[260,"xpl-panel",{accent:[1],padding:[1]}]),d=c,l=function(){"undefined"!=typeof customElements&&["xpl-panel"].forEach((e=>{"xpl-panel"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))};export{d as XplPanel,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{P as o,d as
|
|
1
|
+
import{P as o,d as s}from"./p-DTh_zemx.js";const m=o,p=s;export{m as XplPopover,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as e,h as r,c as a,t}from"./p-BSHdGbmH.js";import{d as
|
|
1
|
+
import{p as s,H as e,h as r,c as a,t}from"./p-BSHdGbmH.js";import{d as i}from"./p-CQjJIHK6.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.max=100,this.size="lg",this.value=0,this.variant="default"}get clampedValue(){return Math.max(0,Math.min(this.max,this.value))}get isComplete(){return this.value>=this.max&&"default"===this.variant}get isError(){return"error"===this.variant}get isSuccess(){return"success"===this.variant||this.isComplete}get showStatusIcon(){return this.isSuccess||this.isError}get isIndeterminate(){return"indeterminate"===this.variant}render(){return r(a,{key:"a33381f58e76e71c5a52d4e80fa1f37181f28c8d",class:{"xpl-progress-bar":!0,["xpl-progress-bar--"+this.size]:!0,["xpl-progress-bar--"+this.variant]:!0,"xpl-progress-bar--complete":this.isComplete}},r("div",{key:"6a86fcdc4933aa2ce4df38c2f1797516c3665c3a",class:"xpl-progress-bar__wrapper"},(this.label||this.showStatusIcon)&&r("div",{key:"12f708882cd9eb13f6011c6e40a3b0fc6b4314aa",class:"xpl-progress-bar__header"},this.label&&r("div",{key:"7a76032a1b457068607018e646b40fe294457fa8",class:"xpl-progress-bar__label"},this.label),this.showStatusIcon&&r("div",{key:"dac51b18dda11bf46049a9d0d175821121eb230d",class:"xpl-progress-bar__icon"},r("xpl-icon",this.isError?{icon:"circle-xmark-1"}:{icon:"circle-check-1"}))),r("div",{key:"1923268a3dc1f8aa748f48eca2e991c1424582e3",class:"xpl-progress-bar__row"},this.isIndeterminate?r("div",{class:"xpl-progress-bar__track xpl-progress-bar__track--indeterminate",role:"progressbar","aria-label":this.label||"Progress"},r("div",{class:"xpl-progress-bar__indeterminate"})):r("progress",{class:"xpl-progress-bar__progress",value:this.clampedValue,max:this.max,"aria-label":this.label||"Progress"})),this.helperText&&r("div",{key:"b01a3ae4f73107a4e4938a53e7fa038867da0c53",class:"xpl-progress-bar__helper"},this.helperText)))}},[0,"xpl-progress-bar",{helperText:[1,"helper-text"],label:[1],max:[2],size:[1],value:[2],variant:[1]}]),l=c,p=function(){"undefined"!=typeof customElements&&["xpl-progress-bar","xpl-icon"].forEach((s=>{switch(s){case"xpl-progress-bar":customElements.get(t(s))||customElements.define(t(s),c);break;case"xpl-icon":customElements.get(t(s))||i()}}))};export{l as XplProgressBar,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as t,h as e,c as r,t as i}from"./p-BSHdGbmH.js";import{d as o}from"./p-
|
|
1
|
+
import{p as s,H as t,h as e,c as r,t as i}from"./p-BSHdGbmH.js";import{d as o}from"./p-CQjJIHK6.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.currentStep=0,this.layout="horizontal",this.showLabels=!0,this.showNumbers=!0}validateCurrentStep(){if(!this.steps||0===this.steps.length)return;const s=this.steps.length;this.currentStep<0?this.currentStep=0:this.currentStep>s&&(this.currentStep=s)}renderStepContent(s,t){return t?e("xpl-icon",{icon:"check-2",size:20,class:"xpl-progress-indicator-step-checkmark"}):this.showNumbers?e("span",{class:"xpl-progress-indicator-step-number"},s+1):e("span",{class:"xpl-progress-indicator-step-dot"})}renderStep(s,t){const r=this.currentStep>t,i=this.currentStep===t,o="horizontal"===this.layout,p=e("div",{class:"xpl-progress-indicator-step-circle"},this.renderStepContent(t,r)),a=this.showLabels&&e("div",{class:"xpl-progress-indicator-step-text"},s),c=o?e("div",{class:"xpl-progress-indicator-step-content"},p,a):[p,a];return e("div",{class:{"xpl-progress-indicator-step":!0,"xpl-progress-indicator-step-active":i,"xpl-progress-indicator-step-finished":r},role:"listitem","aria-label":`${s}, ${r?"completed":i?"current":"upcoming"}`,"aria-current":i?"step":void 0},c)}render(){const s=this.steps||[],t=s.length;return e(r,{key:"fd361d06ed53a837d2f585f4c7d1d212cf6cad9b",class:{"xpl-progress-indicator":!0,"xpl-progress-indicator-horizontal":"horizontal"===this.layout,"xpl-progress-indicator-vertical":"vertical"===this.layout,"xpl-progress-indicator-no-labels":!this.showLabels},role:"group","aria-label":t>0?this.currentStep>=t?`Progress: all ${t} ${1===t?"step":"steps"} complete`:`Progress: step ${Math.min(this.currentStep+1,t)} of ${t}`:"Progress"},e("div",{key:"88f819d70853796e7330bce7aab6a457c2ef959f",class:"xpl-progress-indicator-container",role:"list"},s.map(((s,t)=>this.renderStep(s,t)))))}static get watchers(){return{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}}},[0,"xpl-progress-indicator",{currentStep:[1026,"current-step"],layout:[1],showLabels:[4,"show-labels"],showNumbers:[4,"show-numbers"],steps:[16]},void 0,{steps:[{validateCurrentStep:0}],currentStep:[{validateCurrentStep:0}]}]),a=p,c=function(){"undefined"!=typeof customElements&&["xpl-progress-indicator","xpl-icon"].forEach((s=>{switch(s){case"xpl-progress-indicator":customElements.get(i(s))||customElements.define(i(s),p);break;case"xpl-icon":customElements.get(i(s))||o()}}))};export{a as XplProgressIndicator,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{R as o,d as
|
|
1
|
+
import{R as o,d as s}from"./p-1D7CWIJ-.js";const p=o,r=s;export{p as XplRadio,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,h as s,c,t as
|
|
1
|
+
import{p as e,H as a,h as s,c as n,t as c}from"./p-BSHdGbmH.js";const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(n,{key:"dc00b09e91c4baa484084256b7b583363a518905",class:"xpl-secondary-nav"},s("nav",{key:"daf32568baecfa600a6d51747446e82c0df44d1a","aria-label":"Secondary Nav"},s("slot",{key:"6d6a2fa94e8779b7a4b9414fe29829eb1ee20125"})))}},[260,"xpl-secondary-nav"]),o=t,d=function(){"undefined"!=typeof customElements&&["xpl-secondary-nav"].forEach((e=>{"xpl-secondary-nav"===e&&(customElements.get(c(e))||customElements.define(c(e),t))}))};export{o as XplSecondaryNav,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as p}from"./p-BtLC-jpk.js";const s=o,t=p;export{s as XplSelect,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,d as i,h as s,c as a,t as n}from"./p-BSHdGbmH.js";import{d as l}from"./p-
|
|
1
|
+
import{p as e,H as t,d as i,h as s,c as a,t as n}from"./p-BSHdGbmH.js";import{d as l}from"./p-CQjJIHK6.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navigate=i(this,"navigate",7),this.hasLeadingSlot=!1,this.hasTrailingSlot=!1,this.selected=!1,this.type="product-label",this.handleClick=()=>{"sub-account"===this.type&&this.navigate.emit()}}connectedCallback(){this.syncSlots(),this.connectSlotObserver()}disconnectedCallback(){void 0!==this.slotSyncTimeoutId&&(clearTimeout(this.slotSyncTimeoutId),this.slotSyncTimeoutId=void 0),this.disconnectSlotObserver()}componentWillLoad(){this.syncSlots()}componentWillRender(){this.disconnectSlotObserver()}componentDidRender(){this.scheduleSlotSync()}connectSlotObserver(){this.disconnectSlotObserver(),"undefined"!=typeof MutationObserver&&(this.slotObserver=new MutationObserver((()=>{this.scheduleSlotSync()})),this.slotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectSlotObserver(){this.slotObserver?.disconnect(),this.slotObserver=void 0}scheduleSlotSync(){void 0!==this.slotSyncTimeoutId&&clearTimeout(this.slotSyncTimeoutId),this.slotSyncTimeoutId=setTimeout((()=>{this.slotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncSlots(),this.connectSlotObserver())}),0)}syncSlots(){const e=e=>e.closest("xpl-side-nav-header-item")===this.el,t=Array.from(this.el.querySelectorAll('[slot="leading"]')).some(e),i=Array.from(this.el.querySelectorAll('[slot="trailing"]')).some(e);t!==this.hasLeadingSlot&&(this.hasLeadingSlot=t),i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}render(){const e="sub-account"===this.type,t=!!this.icon||this.hasLeadingSlot,i=e&&!this.label?.trim()?"Sub-account":void 0,n=e&&!this.hasTrailingSlot,l=this.hasTrailingSlot||n,d=t?s("span",{class:"xpl-side-nav-header-item__leading"},s("slot",{name:"leading"},this.icon?s("xpl-icon",{icon:this.icon,size:16}):null)):null,h=l?s("span",{class:"xpl-side-nav-header-item__trailing","aria-hidden":n?"true":void 0},s("slot",{name:"trailing"},n?s("xpl-icon",{icon:"chevron-expand-y",size:16}):null)):null,c=s("span",{key:"3ea94d1fda38199a65303a9bf911de4a7d48aacc",class:"xpl-side-nav-header-item__content"},d,s("span",{key:"a3f369eb6e7bb4e9a283e8f525a356b152d9c017",class:"xpl-side-nav-header-item__label"},this.label??""),h);return s(a,{key:"d979308c18fd071483cbbe8301ed90ffb842a9ac",class:{"xpl-side-nav-header-item":!0,"xpl-side-nav-header-item--product-label":!e,"xpl-side-nav-header-item--sub-account":e,"xpl-side-nav-header-item--selected":e&&this.selected}},e?s("button",{type:"button",class:"xpl-side-nav-header-item__header","aria-current":this.selected?"true":void 0,"aria-label":i,onClick:this.handleClick},c):s("div",{class:"xpl-side-nav-header-item__header"},c))}get el(){return this}},[260,"xpl-side-nav-header-item",{icon:[1],label:[1],selected:[516],type:[513],hasLeadingSlot:[32],hasTrailingSlot:[32]}]),h=d,c=function(){"undefined"!=typeof customElements&&["xpl-side-nav-header-item","xpl-icon"].forEach((e=>{switch(e){case"xpl-side-nav-header-item":customElements.get(n(e))||customElements.define(n(e),d);break;case"xpl-icon":customElements.get(n(e))||l()}}))};export{h as XplSideNavHeaderItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as i,H as s,d as t,h as e,c as n,t as h}from"./p-BSHdGbmH.js";import{h as l}from"./p-C_PEOQWj.js";import{d as a}from"./p-
|
|
1
|
+
import{p as i,H as s,d as t,h as e,c as n,t as h}from"./p-BSHdGbmH.js";import{h as l}from"./p-C_PEOQWj.js";import{d as a}from"./p-CQjJIHK6.js";const d=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.expandedChange=t(this,"expandedChange",7),this.navigate=t(this,"navigate",7),this.hasTrailingSlot=!1,this.disabled=!1,this.expanded=!1,this.hasChildren=!1,this.hidden=!1,this.link=!1,this.selected=!1,this.handleClick=()=>{this.disabled||(this.hasChildren?(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)):this.navigate.emit())}}syncLinkHasChildrenExclusivity(){this.enforceLinkExcludesHasChildren()}connectedCallback(){this.syncTrailingSlot(),this.connectTrailingSlotObserver()}disconnectedCallback(){void 0!==this.trailingSlotSyncTimeoutId&&(clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=void 0),this.disconnectTrailingSlotObserver()}componentWillLoad(){this.syncLinkHasChildrenExclusivity(),this.syncTrailingSlot()}componentWillRender(){this.syncLinkHasChildrenExclusivity(),this.disconnectTrailingSlotObserver()}componentDidRender(){this.scheduleTrailingSlotSync()}connectTrailingSlotObserver(){this.disconnectTrailingSlotObserver(),"undefined"!=typeof MutationObserver&&(this.trailingSlotObserver=new MutationObserver((()=>{this.scheduleTrailingSlotSync()})),this.trailingSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectTrailingSlotObserver(){this.trailingSlotObserver?.disconnect(),this.trailingSlotObserver=void 0}scheduleTrailingSlotSync(){void 0!==this.trailingSlotSyncTimeoutId&&clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=setTimeout((()=>{this.trailingSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncTrailingSlot(),this.connectTrailingSlotObserver())}),0)}syncTrailingSlot(){const i=l(this.el,"trailing","xpl-side-nav-item");i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}enforceLinkExcludesHasChildren(){this.link&&(this.hasChildren&&(this.hasChildren=!1),this.el.hasAttribute("has-children")&&this.el.removeAttribute("has-children"))}render(){const i=this.hasChildren&&!this.hasTrailingSlot,s={"xpl-side-nav-item__link":!0,expanded:this.expanded,selected:this.selected};return e(n,{key:"059210d35fdf3561fa2bc4f541f80fbb1e570506",class:{"xpl-side-nav-item":!0,"xpl-side-nav-item--link-disabled":this.link&&this.disabled}},this.link?e("slot",null):e("button",{type:"button",class:s,"aria-current":this.selected?"page":void 0,"aria-expanded":this.hasChildren?this.expanded?"true":"false":void 0,onClick:this.handleClick,disabled:this.disabled},e("span",{class:"xpl-side-nav-item__leading"},e("slot",{name:"leading"},this.icon?e("xpl-icon",{icon:this.icon,size:16}):null)),e("span",{class:"xpl-side-nav-item__label"},this.label??""),(this.hasTrailingSlot||this.hasChildren)&&e("span",{class:{"xpl-side-nav-item__trailing":!0,"xpl-side-nav-item__trailing--chevron":i,expanded:i&&this.expanded},"aria-hidden":i?"true":void 0},e("slot",{name:"trailing"},i?e("xpl-icon",{icon:this.expanded?"chevron-up":"chevron-down",size:16}):null))),this.hasChildren&&!this.link&&e("div",{key:"47b1eba18028549e03394678bca58beee9b2f157",class:"xpl-side-nav-item__children "+(this.expanded?"expanded":""),inert:!this.expanded||void 0},e("div",{key:"7b6137a009106e3adfb99928bff429bea92b63e2",class:"xpl-side-nav-item__children-inner"},e("slot",{key:"3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7"}))))}get el(){return this}static get watchers(){return{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}}},[260,"xpl-side-nav-item",{disabled:[516],expanded:[1540],hasChildren:[1540,"has-children"],hidden:[516],icon:[1],label:[1],link:[516],selected:[516],hasTrailingSlot:[32]},void 0,{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}]),c=d,r=function(){"undefined"!=typeof customElements&&["xpl-side-nav-item","xpl-icon"].forEach((i=>{switch(i){case"xpl-side-nav-item":customElements.get(h(i))||customElements.define(h(i),d);break;case"xpl-icon":customElements.get(h(i))||a()}}))};export{c as XplSideNavItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,d as t,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{e as
|
|
1
|
+
import{p as e,H as s,d as t,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{e as d,g as c,h as o}from"./p-C_PEOQWj.js";import{d as h}from"./p-CQjJIHK6.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.expandedChange=t(this,"expandedChange",7),this.hasBadgeSlot=!1,this.hasNamedBadgeSlot=!1,this.collapsible=!0,this.expanded=!1,this.handleHeaderClick=()=>{this.collapsible&&(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded))}}connectedCallback(){this.syncBadgeSlot(),this.connectBadgeSlotObserver()}disconnectedCallback(){void 0!==this.badgeSlotSyncTimeoutId&&(clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=void 0),this.disconnectBadgeSlotObserver()}componentWillLoad(){this.childrenId=d(this.el,this.childrenId),this.syncBadgeSlot()}componentWillRender(){this.disconnectBadgeSlotObserver()}componentDidRender(){this.scheduleBadgeSlotSync()}connectBadgeSlotObserver(){this.disconnectBadgeSlotObserver(),"undefined"!=typeof MutationObserver&&(this.badgeSlotObserver=new MutationObserver((()=>{this.scheduleBadgeSlotSync()})),this.badgeSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectBadgeSlotObserver(){this.badgeSlotObserver?.disconnect(),this.badgeSlotObserver=void 0}scheduleBadgeSlotSync(){void 0!==this.badgeSlotSyncTimeoutId&&clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=setTimeout((()=>{this.badgeSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBadgeSlot(),this.connectBadgeSlotObserver())}),0)}syncBadgeSlot(){const e=c(this.el,"badge","xpl-side-nav-section"),s=o(this.el,"badge","xpl-side-nav-section"),t=e.some((e=>e.textContent?.trim()||e.getAttribute("aria-label")?.trim()));s!==this.hasBadgeSlot&&(this.hasBadgeSlot=s),t!==this.hasNamedBadgeSlot&&(this.hasNamedBadgeSlot=t)}render(){const e=!this.collapsible||this.expanded,s=!!this.heading?.trim(),t=this.childrenId??d(this.el,this.childrenId),n=[i("span",{key:"41b4dd48eaf9fabca8f4c1e4e506200055d46f77",class:"xpl-side-nav-section__title"},this.heading??""),i("span",{key:"af345692b55b47dada80dfad85312e45d7cf5f43",class:"xpl-side-nav-section__badge",hidden:!this.hasBadgeSlot},i("slot",{key:"381c23d89de7de9b1663cd746ce9561688a27463",name:"badge"})),this.collapsible?i("span",{class:"xpl-side-nav-section__chevron","aria-hidden":"true"},i("xpl-icon",{icon:this.expanded?"chevron-down":"chevron-right",size:16})):null];return i(a,{key:"b3d7e988d1b64afce020137c0d8f8ef89481ef43",class:{"xpl-side-nav-section":!0,"xpl-side-nav-section--static":!this.collapsible}},this.collapsible?i("button",{type:"button",class:"xpl-side-nav-section__header","aria-expanded":this.expanded?"true":"false","aria-controls":t,"aria-label":s||this.hasNamedBadgeSlot?void 0:"Toggle section",onClick:this.handleHeaderClick},n):i("div",{class:"xpl-side-nav-section__header"},n),i("div",{key:"0e442a9a70a8eacb4b9454f941a3ee0c466c3496",id:t,class:{"xpl-side-nav-section__children":!0,expanded:e},inert:!e||void 0},i("div",{key:"f1bc884e69c5a8902f7e12829901e289f73a530e",class:"xpl-side-nav-section__children-inner"},i("slot",{key:"bd9f9db68b6f6e1d3a28527d87f4bf797ae49022"}))))}get el(){return this}},[260,"xpl-side-nav-section",{collapsible:[516],expanded:[1540],heading:[1],hasBadgeSlot:[32],hasNamedBadgeSlot:[32]}]),r=l,p=function(){"undefined"!=typeof customElements&&["xpl-side-nav-section","xpl-icon"].forEach((e=>{switch(e){case"xpl-side-nav-section":customElements.get(n(e))||customElements.define(n(e),l);break;case"xpl-icon":customElements.get(n(e))||h()}}))};export{r as XplSideNavSection,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as s,f as i,h as a,c as
|
|
1
|
+
import{p as t,H as e,d as s,f as i,h as a,c as n,t as o}from"./p-BSHdGbmH.js";import{i as h}from"./p-Dqb1pIRo.js";import{d}from"./p-CgemLtmL.js";import{d as c}from"./p-CV5nn1zR.js";import{d as r}from"./p-CQjJIHK6.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChange=s(this,"openChange",7),this.drawerClosing=!1,this.hasHeaderSlot=!1,this.open=!1,this.onViewportChange=()=>{this.clearCloseTransition(),this.syncDocKeyDownListener()},this.focusToggleAfterClose=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.toggleFocusTimeoutId&&clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=setTimeout((()=>{this.toggleFocusTimeoutId=void 0,this.el.querySelector(".xpl-side-nav__toggle button")?.focus()}),0))},this.focusDrawerOnOpen=()=>{this.isBelowMdBreakpoint()&&(void 0!==this.drawerFocusTimeoutId&&clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=setTimeout((()=>{this.drawerFocusTimeoutId=void 0;const t=this.el.querySelector(".xpl-side-nav__wrapper"),e=t?this.getFocusableElements().find((e=>t.contains(e))):void 0,s=this.el.querySelector(".xpl-side-nav__toggle button");(e??s)?.focus()}),0))},this.onBackdropClick=()=>this.setOpenState(!1),this.onDocKeyDown=t=>{if(this.isMobileDrawerActive()&&!this.shouldYieldFocusToExternalModal())switch(t.key.toLowerCase()){case"escape":if(!this.open)return;if(this.anyDescendantPopoverIsOpen())return;return t.preventDefault(),t.stopPropagation(),void this.setOpenState(!1);case"tab":this.trapTabKey(t)}},this.onToggleClick=()=>this.setOpenState(!this.open)}onOpenChanged(t,e){e&&!t&&this.isBelowMdBreakpoint()?(this.drawerClosing=!0,void 0!==this.closeTransitionTimeoutId&&clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=setTimeout((()=>{this.closeTransitionTimeoutId=void 0,this.drawerClosing=!1,this.syncDocKeyDownListener()}),600)):this.clearCloseTransition(),this.syncDocKeyDownListener(),e&&!t&&this.focusToggleAfterClose(),!e&&t&&this.focusDrawerOnOpen()}connectedCallback(){h()&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia("(max-width: 767px)"),this.mobileMq.addEventListener("change",this.onViewportChange)),this.syncDocKeyDownListener(),this.syncHeaderSlot(),this.connectHeaderSlotObserver()}componentWillLoad(){this.syncHeaderSlot()}componentWillRender(){this.disconnectHeaderSlotObserver()}componentDidRender(){this.scheduleHeaderSlotSync()}componentDidLoad(){this.open&&(this.syncDocKeyDownListener(),this.focusDrawerOnOpen())}disconnectedCallback(){void 0!==this.toggleFocusTimeoutId&&(clearTimeout(this.toggleFocusTimeoutId),this.toggleFocusTimeoutId=void 0),void 0!==this.drawerFocusTimeoutId&&(clearTimeout(this.drawerFocusTimeoutId),this.drawerFocusTimeoutId=void 0),this.clearCloseTransition(),this.mobileMq?.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.removeDocKeyDownListener(),void 0!==this.headerSlotSyncTimeoutId&&(clearTimeout(this.headerSlotSyncTimeoutId),this.headerSlotSyncTimeoutId=void 0),this.disconnectHeaderSlotObserver()}async toggle(){this.setOpenState(!this.open)}async setOpen(t){this.setOpenState(t)}removeDocKeyDownListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDown,!1)}syncDocKeyDownListener(){this.removeDocKeyDownListener(),this.isMobileDrawerActive()&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDown,!1)}isBelowMdBreakpoint(){return this.mobileMq?.matches??!1}isMobileDrawerActive(){return(this.open||this.drawerClosing)&&this.isBelowMdBreakpoint()}clearCloseTransition(){void 0!==this.closeTransitionTimeoutId&&(clearTimeout(this.closeTransitionTimeoutId),this.closeTransitionTimeoutId=void 0),this.drawerClosing=!1}shouldYieldFocusToExternalModal(){const t=this.el.ownerDocument.activeElement;return!(!t||this.el.contains(t))&&null!==t.closest('[aria-modal="true"]')}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let e=0;e<t.length;e+=1){const s=t[e].querySelector(".xpl-popover");if(s?.classList.contains("xpl-popover--is-open"))return!0}return!1}setOpenState(t){const e=this.open;t!==e&&(this.open=t,this.openChange.emit(t),e&&!t&&this.focusToggleAfterClose())}getFocusableElements(){const t=this.el.ownerDocument.activeElement;return Array.from(this.el.querySelectorAll('button:not([disabled]), a[href]:not([tabindex="-1"]), input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>!e.closest("[inert]")&&(null!==e.offsetParent||e===t)))}trapTabKey(t){if(this.shouldYieldFocusToExternalModal())return;const e=this.getFocusableElements();if(0===e.length)return;const s=e[0],i=e[e.length-1],a=this.el.ownerDocument.activeElement;t.shiftKey?a!==s&&this.el.contains(a)||(t.preventDefault(),i.focus()):a!==i&&this.el.contains(a)||(t.preventDefault(),s.focus())}connectHeaderSlotObserver(){this.disconnectHeaderSlotObserver(),"undefined"!=typeof MutationObserver&&(this.headerSlotObserver=new MutationObserver((()=>{this.scheduleHeaderSlotSync()})),this.headerSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectHeaderSlotObserver(){this.headerSlotObserver?.disconnect(),this.headerSlotObserver=void 0}scheduleHeaderSlotSync(){void 0!==this.headerSlotSyncTimeoutId&&clearTimeout(this.headerSlotSyncTimeoutId),this.headerSlotSyncTimeoutId=setTimeout((()=>{this.headerSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncHeaderSlot(),this.connectHeaderSlotObserver())}),0)}syncHeaderSlot(){const t=Array.from(this.el.querySelectorAll('[slot="nav-header"]')).filter((t=>t.closest("xpl-side-nav")===this.el&&(t.parentElement===this.el||null!==t.closest(".xpl-side-nav__header")))),e=t.length>0;e===this.hasHeaderSlot?e&&t.some((t=>t.parentElement===this.el))&&i(this):this.hasHeaderSlot=e}render(){return a(n,{key:"8cffb32c21217edd67117acb264f3df5587fa32d",class:{"xpl-side-nav":!0,"xpl-side-nav--open":this.open}},a("xpl-button",{key:"5a82bbc6a65690f550fe192aa6cd593efbf86bc8",class:"xpl-side-nav__toggle",variant:"tertiary",iconOnly:!0,icon:this.open?"sidebar-left-hide":"sidebar-left-show","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onToggleClick}),a("div",{key:"1315f34c7a6e1c793cc347292117f2e5992f074d",class:"xpl-side-nav__wrapper"},a("nav",{key:"4b7446999c74b1554dae84d04c439a75b712b429",class:"xpl-side-nav__content","aria-label":this.label},a("div",{key:"bce43018bf61c73dde0adb053fa87d0789edd329",class:"xpl-side-nav__scroll-area"},this.hasHeaderSlot&&a("div",{key:"d70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8",class:"xpl-side-nav__header"},a("slot",{key:"c9d10e57d77a69cf00e86c2a17a94eba5e54d23e",name:"nav-header"})),a("div",{key:"6873372f5eb854ee7ef88e6d3085d81be62fc508",class:"xpl-side-nav__section"},a("slot",{key:"b07fdb332e8ccaaa69db61ade9bb88e43d6f8753",name:"section"}))),a("div",{key:"f34e444c538cbf246aee52ebfe35657a8fa1d706",class:"xpl-side-nav__footer"},a("slot",{key:"da70c80d9378ad1e0dbf23d33d521021c346ee23",name:"nav-footer"})))),a("xpl-backdrop",{key:"769576cb0961b8a00308c748d0efbaa0ef2b3ca5",class:"xpl-side-nav__backdrop",onClick:this.onBackdropClick}))}get el(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}},[260,"xpl-side-nav",{label:[1],open:[1540],hasHeaderSlot:[32],toggle:[64],setOpen:[64]},void 0,{open:[{onOpenChanged:0}]}]),p=l,b=function(){"undefined"!=typeof customElements&&["xpl-side-nav","xpl-backdrop","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-side-nav":customElements.get(o(t))||customElements.define(o(t),l);break;case"xpl-backdrop":customElements.get(o(t))||d();break;case"xpl-button":customElements.get(o(t))||c();break;case"xpl-icon":customElements.get(o(t))||r()}}))};export{p as XplSideNav,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as s,H as e,h as t,t as l,c as i}from"./p-BSHdGbmH.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.shape="rectangle",this.size="custom"}render(){return t(i,{key:"
|
|
1
|
+
import{p as s,H as e,h as t,t as l,c as i}from"./p-BSHdGbmH.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.shape="rectangle",this.size="custom"}render(){return t(i,{key:"faa4173a2910d1dc3943fca5e7efbf5d1805aa9b",class:{"xpl-skeleton":!0,["xpl-skeleton--shape-"+this.shape]:!0,["xpl-skeleton--size-"+this.size]:!0,[this.classNames??""]:!!this.classNames,"xpl-skeleton--full-width":!!this.fullWidth},style:{width:this.width||void 0,height:this.height||void 0,margin:this.margin||void 0}})}},[0,"xpl-skeleton",{classNames:[1,"class-names"],fullWidth:[4,"full-width"],height:[1],width:[1],margin:[1],shape:[1],size:[1]}]),h=n,o=function(){"undefined"!=typeof customElements&&["xpl-skeleton"].forEach((s=>{"xpl-skeleton"===s&&(customElements.get(l(s))||customElements.define(l(s),n))}))};export{h as XplSkeleton,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as a,d as s,h as
|
|
1
|
+
import{p as e,H as a,d as s,h as t,c,t as d}from"./p-BSHdGbmH.js";import{d as o}from"./p-CgemLtmL.js";import{d as i}from"./p-CV5nn1zR.js";import{d as l}from"./p-DtV4i45B.js";import{d as b}from"./p-CQjJIHK6.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.isOpenChange=s(this,"isOpenChange",7),this.isOpen=!1,this.backdrop=!1,this.variant="default",this.showFooter=!0,this.handleClose=()=>{this.isOpen=!1}}watchPropHandler(e){this.isOpen=e,this.isOpenChange.emit(e)}handleScroll(){const e=this.el.querySelector(".content");e&&(e.scrollHeight>e.clientHeight?e.classList.add("has-shadow"):e.classList.remove("has-shadow"))}componentDidLoad(){this.handleScroll()}render(){return t(c,{key:"6a677f3ef03392e8c17e96eb1a35244cc65249cc",class:"xpl-slideout"},this.backdrop&&this.isOpen&&t("xpl-backdrop",{key:"8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7",onClick:this.handleClose}),t("aside",{key:"451a572b79f74f614756c77b7aae9ece7e53a615",class:"slideout slideout--"+(!this.isOpen&&"closed")},t("header",{key:"4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e",class:"header"},t("div",{key:"bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe",class:"title"},t("slot",{key:"b5b3298d2f05a5e99dc2ba934c306c7167eeb861",name:"title"}),t("xpl-button",{key:"da76c0538824d6d7cdce7385daf77c74fd3e6432",class:"close-button","icon-only":!0,variant:"tertiary",onClick:this.handleClose},t("xpl-icon",{key:"02d4e1b6d191683f95c5fe9d93db6a8eb6260e32",icon:"xmark"}))),t("div",{key:"daf09af3d4ec41943ca063fb0b0afddc6075e549",class:"subtitle"},t("slot",{key:"755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842",name:"subtitle"})),t("div",{key:"294b6650cdc4b15a8f5b9005a24304cccda91ddb",class:"search"},t("slot",{key:"4b85802d14eb9ab528749727846637a0702ff2d1",name:"search"}))),t("xpl-divider",{key:"335792083b7072b6973e4b684062d6498d1cfc57",tier:0,class:"divider top"}),t("article",{key:"3a0920577f4599b0ea9a3762ea066b0e8b9d932a",class:"content",tabIndex:0},t("slot",{key:"b085ef369c4d685ae0e6e518c28e95cd883d1e03",name:"content"})),this.showFooter&&t("footer",{key:"663e2392d8484bb4875dcb4b9411b8ae6b805087"},t("xpl-divider",{key:"6d0d50a6cc038a19ed5465a9fe79854b2519e70b",tier:0,class:"divider bottom"}),t("div",{key:"29e9eaea051247ff8e9be18af54f0d3959590759",class:"footer"},t("slot",{key:"4e9d8e3a054a72fba8392afdefcdca63e8ce8068",name:"tertiary"}),t("slot",{key:"44b764a99064de792309995cdc53b4ca8a82f8da",name:"secondary"}),t("slot",{key:"c96cedf9662bab571a8cab244c8fce6172691628",name:"primary"})))))}get el(){return this}static get watchers(){return{isOpen:[{watchPropHandler:0}]}}},[260,"xpl-slideout",{isOpen:[1540,"is-open"],backdrop:[4],variant:[1],showFooter:[4,"show-footer"]},[[9,"scroll","handleScroll"]],{isOpen:[{watchPropHandler:0}]}]),n=r,f=function(){"undefined"!=typeof customElements&&["xpl-slideout","xpl-backdrop","xpl-button","xpl-divider","xpl-icon"].forEach((e=>{switch(e){case"xpl-slideout":customElements.get(d(e))||customElements.define(d(e),r);break;case"xpl-backdrop":customElements.get(d(e))||o();break;case"xpl-button":customElements.get(d(e))||i();break;case"xpl-divider":customElements.get(d(e))||l();break;case"xpl-icon":customElements.get(d(e))||b()}}))};export{n as XplSlideout,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,d as s,f as h,h as o,c as e,t as n}from"./p-BSHdGbmH.js";import{i as l}from"./p-Dqb1pIRo.js";import{c as a,a as r,o as p,f as c,s as d}from"./p-1M1pu0C2.js";import{d as g}from"./p-Chpgh5SL.js";import{d as u}from"./p-l3EZ-agL.js";const m=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let x=0;const b={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},f={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},y=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(x+=1,"xpl-spotlight-heading-"+x),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.dialogLabelId=void 0,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{if(!l())return;const i=this.positioningGeneration;try{const s=b[this.anchorPosition],{x:h,y:o,placement:e,middlewareData:n}=await a(t,this.el,{strategy:"fixed",placement:s,middleware:[p(12),c({crossAxis:!1}),d({padding:8})]});if(i!==this.positioningGeneration)return;this.el.style.left=h+"px",this.el.style.top=o+"px";const l=n.shift?.x??0,r=n.shift?.y??0;this.el.style.setProperty("--xpl-spotlight-shift-x",-l+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-r+"px"),this.hasFloatingPosition=!0;const g=f[e]??f[e.split("-")[0]??""];this.resolvedAnchorPosition=g??this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch{if(i!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await h(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(i){if(t.coerceBoolean(i))return this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.dialogLabelId=this.getDialogLabelId(),this.isOpenEnabled&&!this.target&&(this.pendingEnterVisible=!0),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds();const t=this.getDialogLabelId();this.dialogLabelId!==t&&(this.dialogLabelId=t),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.capturePreviousFocus(),this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){return!!this.heading?.trim()}get bodyPropHasText(){return!!this.body?.trim()}async focusInitial(){if(this.focusAbort?.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const t=await function(t,i){const s=t.querySelector(m);return s?Promise.resolve(s):i?.signal?.aborted?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{if(i?.signal?.aborted)return void s(null);let h,o,e=0;const n=t=>{void 0!==h&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(h),void 0!==o&&clearTimeout(o),s(t)},l=()=>n(null);i?.signal?.addEventListener("abort",l,{once:!0});const a=t=>{"undefined"!=typeof requestAnimationFrame?h=requestAnimationFrame((()=>{h=void 0,t()})):o=setTimeout((()=>{o=void 0,t()}),0)},r=()=>{if(i?.signal?.aborted)return void n(null);const s=t.querySelector(m);return s?(i?.signal?.removeEventListener("abort",l),void n(s)):(e+=1,e>=120?(i?.signal?.removeEventListener("abort",l),void n(null)):void a(r))};a(r)}))}(t,i):new Promise((s=>{let h,o,e=!1;function n(t){e||(e=!0,o.disconnect(),void 0!==h&&clearTimeout(h),s(t))}o=new MutationObserver((()=>{const i=t.querySelector(m);i&&n(i)})),o.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>n(null)),2500),i?.signal?.addEventListener("abort",(()=>{n(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});t?t.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}capturePreviousFocus(){l()&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null)}restoreFocus(){this.previousFocus?.isConnected&&this.previousFocus.focus()}cancelPendingFocusWait(){this.focusAbort?.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),t?.skipAnchorWait||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){const t=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(t)return t;const i=this.el.querySelector('slot[name="title"]');if(i&&"function"==typeof i.assignedNodes){const t=Array.from(i.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE));if(t)return t}return this.el.querySelector('[slot="title"]')??null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return t?.id?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),h=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),o=!!i&&i.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()));return!(!s&&!h)||o}startPositioning(){if(!l())return;if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch{return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=r(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?o(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"}))):o(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:h,showImageEnabled:n,showStepsEnabled:l}=this;return o(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:h,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":h&&i&&!s,"xpl-spotlight--only-secondary-action":h&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.dialogLabelId?void 0:"Tour step","aria-labelledby":this.dialogLabelId,tabindex:-1},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&o("div",{class:"xpl-spotlight__dismiss"},o("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},o("xpl-icon",{icon:"xmark",size:16}))),o("div",{class:"xpl-spotlight__frame"},o("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&o("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},o("xpl-icon",{icon:"photo",size:24}),o("xpl-icon",{icon:"video",size:24})),o("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),o("div",{class:"xpl-spotlight__content"},o("div",{class:"xpl-spotlight__header"},o("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&o("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),o("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&o("p",{class:"xpl-spotlight__body"},this.body))),h&&o("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&o("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&o("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&o("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],dialogLabelId:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),_=y,v=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),y);break;case"xpl-button":customElements.get(n(t))||g();break;case"xpl-icon":customElements.get(n(t))||u()}}))};export{_ as XplSpotlight,v as defineCustomElement}
|
|
1
|
+
import{p as t,H as i,d as s,f as h,h as o,c as e,t as n}from"./p-BSHdGbmH.js";import{i as l}from"./p-Dqb1pIRo.js";import{c as a,a as r,o as p,f as c,s as d}from"./p-1M1pu0C2.js";import{d as u}from"./p-CV5nn1zR.js";import{d as g}from"./p-CQjJIHK6.js";const m=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let x=0;const b={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},f={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},y=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(x+=1,"xpl-spotlight-heading-"+x),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.dialogLabelId=void 0,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{if(!l())return;const i=this.positioningGeneration;try{const s=b[this.anchorPosition],{x:h,y:o,placement:e,middlewareData:n}=await a(t,this.el,{strategy:"fixed",placement:s,middleware:[p(12),c({crossAxis:!1}),d({padding:8})]});if(i!==this.positioningGeneration)return;this.el.style.left=h+"px",this.el.style.top=o+"px";const l=n.shift?.x??0,r=n.shift?.y??0;this.el.style.setProperty("--xpl-spotlight-shift-x",-l+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-r+"px"),this.hasFloatingPosition=!0;const u=f[e]??f[e.split("-")[0]??""];this.resolvedAnchorPosition=u??this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch{if(i!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await h(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(i){if(t.coerceBoolean(i))return this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.capturePreviousFocus(),this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.dialogLabelId=this.getDialogLabelId(),this.isOpenEnabled&&!this.target&&(this.pendingEnterVisible=!0),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(h(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds();const t=this.getDialogLabelId();this.dialogLabelId!==t&&(this.dialogLabelId=t),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.capturePreviousFocus(),this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){return!!this.heading?.trim()}get bodyPropHasText(){return!!this.body?.trim()}async focusInitial(){if(this.focusAbort?.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const t=await function(t,i){const s=t.querySelector(m);return s?Promise.resolve(s):i?.signal?.aborted?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{if(i?.signal?.aborted)return void s(null);let h,o,e=0;const n=t=>{void 0!==h&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(h),void 0!==o&&clearTimeout(o),s(t)},l=()=>n(null);i?.signal?.addEventListener("abort",l,{once:!0});const a=t=>{"undefined"!=typeof requestAnimationFrame?h=requestAnimationFrame((()=>{h=void 0,t()})):o=setTimeout((()=>{o=void 0,t()}),0)},r=()=>{if(i?.signal?.aborted)return void n(null);const s=t.querySelector(m);return s?(i?.signal?.removeEventListener("abort",l),void n(s)):(e+=1,e>=120?(i?.signal?.removeEventListener("abort",l),void n(null)):void a(r))};a(r)}))}(t,i):new Promise((s=>{let h,o,e=!1;function n(t){e||(e=!0,o.disconnect(),void 0!==h&&clearTimeout(h),s(t))}o=new MutationObserver((()=>{const i=t.querySelector(m);i&&n(i)})),o.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>n(null)),2500),i?.signal?.addEventListener("abort",(()=>{n(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});t?t.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}capturePreviousFocus(){l()&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null)}restoreFocus(){this.previousFocus?.isConnected&&this.previousFocus.focus()}cancelPendingFocusWait(){this.focusAbort?.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),t?.skipAnchorWait||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){const t=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(t)return t;const i=this.el.querySelector('slot[name="title"]');if(i&&"function"==typeof i.assignedNodes){const t=Array.from(i.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE));if(t)return t}return this.el.querySelector('[slot="title"]')??null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return t?.id?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),h=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),o=!!i&&i.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()));return!(!s&&!h)||o}startPositioning(){if(!l())return;if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch{return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=r(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?o(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"}))):o(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:h,showImageEnabled:n,showStepsEnabled:l}=this;return o(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:h,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":h&&i&&!s,"xpl-spotlight--only-secondary-action":h&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.dialogLabelId?void 0:"Tour step","aria-labelledby":this.dialogLabelId,tabindex:-1},o("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},o("div",{class:"xpl-spotlight__target-outer"}),o("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&o("div",{class:"xpl-spotlight__dismiss"},o("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},o("xpl-icon",{icon:"xmark",size:16}))),o("div",{class:"xpl-spotlight__frame"},o("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&o("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},o("xpl-icon",{icon:"photo",size:24}),o("xpl-icon",{icon:"video",size:24})),o("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),o("div",{class:"xpl-spotlight__content"},o("div",{class:"xpl-spotlight__header"},o("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&o("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),o("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&o("p",{class:"xpl-spotlight__body"},this.body))),h&&o("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&o("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&o("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),o("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&o("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],dialogLabelId:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),_=y,v=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),y);break;case"xpl-button":customElements.get(n(t))||u();break;case"xpl-icon":customElements.get(n(t))||g()}}))};export{_ as XplSpotlight,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as s,c as a,t as l}from"./p-BSHdGbmH.js";import{g as n,a as
|
|
1
|
+
import{p as e,H as t,h as s,c as a,t as l}from"./p-BSHdGbmH.js";import{g as n,a as c,t as p}from"./p-BQtbf88X.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){const e=n(this.el),t=this.target??"",l=c(e,t),b=p(e,t);return s(a,{key:"ab151f12048635eb5e47f4cbafcd6f04637f7dfd","aria-labelledby":b,class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},id:l,role:"tabpanel"},s("slot",{key:"81d82c0f3d8b019ec0abf6cbec34529b216b6533"}))}get el(){return this}},[260,"xpl-tab-panel",{selected:[4],target:[1]}]),r=b,o=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),b))}))};export{r as XplTabPanel,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,d as e,h as i,c as a,t as
|
|
1
|
+
import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BSHdGbmH.js";import{g as l,t as r,a as o}from"./p-BQtbf88X.js";import{d as c}from"./p-CFXvQqUO.js";import{d as h}from"./p-CV5nn1zR.js";import{d}from"./p-CQjJIHK6.js";const b=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.badgeVariant="purple",this.disabled=!1,this.fullWidth=!1,this.groupDisabled=!1,this.iconPosition="start",this.selected=!1,this.variant="tabs",this.handleTabClick=()=>{this.effectivelyDisabled||this.tabChange.emit(this.target)}}async getFocusableElement(){return this.el.querySelector(this.isSegment?"xpl-button button":".xpl-tab__button")}async setTabIndex(t){const s=await this.getFocusableElement();s&&(s.tabIndex=t)}async focusTrigger(){const t=await this.getFocusableElement();t?.focus()}get a11yIds(){const t=l(this.el),s=this.target??"";return{panelId:o(t,s),triggerId:r(t,s)}}get effectivelyDisabled(){return this.disabled||this.groupDisabled}get isSegment(){return"segment"===this.variant}get hasBadge(){return null!=this.badge&&this.badge.length>0}renderBadge(){return this.hasBadge?i("xpl-badge",{class:"xpl-tab__badge",dotOnly:!0,variant:this.badgeVariant},this.badge):null}render(){const t=this.isSegment,{panelId:s,triggerId:e}=this.a11yIds,n=this.selected?"true":"false",l={"xpl-tab":!0,"xpl-tab--selected":this.selected,"xpl-tab--segment":t,"xpl-tab--disabled":this.effectivelyDisabled};if(t)return i(a,{class:l},i("xpl-button",{controlAttrs:{id:e,role:"tab","aria-controls":s,"aria-selected":n},disabled:this.effectivelyDisabled,fullWidth:this.fullWidth,icon:this.icon??"",iconPosition:this.iconPosition,onClick:this.handleTabClick,size:"sm",type:"button",variant:this.selected?"primary":"tertiary"},i("slot",null),this.renderBadge()));const r=this.icon?i("xpl-icon",{class:"xpl-tab__icon",icon:this.icon,size:16}):null;return i(a,{class:l},i("button",{"aria-controls":s,"aria-selected":n,class:"xpl-tab__button",disabled:this.effectivelyDisabled,id:e,onClick:this.handleTabClick,role:"tab",type:"button"},"start"===this.iconPosition?r:null,i("slot",null),"end"===this.iconPosition?r:null,this.renderBadge()))}get el(){return this}},[260,"xpl-tab",{badge:[513],badgeVariant:[1,"badge-variant"],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]}]),u=b,p=function(){"undefined"!=typeof customElements&&["xpl-tab","xpl-badge","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-tab":customElements.get(n(t))||customElements.define(n(t),b);break;case"xpl-badge":customElements.get(n(t))||c();break;case"xpl-button":customElements.get(n(t))||h();break;case"xpl-icon":customElements.get(n(t))||d()}}))};export{u as XplTab,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as s,c as o,t as
|
|
1
|
+
import{p as e,H as t,h as s,c as o,t as c}from"./p-BSHdGbmH.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(o,{key:"e5934161758f0934269a09e4a1058f3fda919e9d",class:"xpl-table-body",role:"rowgroup"},s("slot",{key:"e042714dc35cbe4ecc83cff740f7a24de48feec1"}))}},[260,"xpl-table-body"]),a=l,d=function(){"undefined"!=typeof customElements&&["xpl-table-body"].forEach((e=>{"xpl-table-body"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))};export{a as XplTableBody,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplTableCell extends Components.XplTableCell, HTMLElement {}
|
|
4
|
+
export const XplTableCell: {
|
|
5
|
+
prototype: XplTableCell;
|
|
6
|
+
new (): XplTableCell;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as s}from"./p-B56GeUtW.js";const t=o,p=s;export{t as XplTableCell,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{X as o,d as s}from"./p-DqgnC_vS.js";const p=o,r=s;export{p as XplTableFooterCell,r as defineCustomElement}
|