@xplortech/apollo-core 2.12.0 → 3.0.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 +61 -0
- package/AGENTS.md +4 -4
- package/README.md +30 -3
- package/build/components/modal.css +1 -1
- package/build/components/table-body.css +1 -0
- package/build/components/table-footer-cell.css +1 -0
- package/build/components/table-footer.css +1 -0
- package/build/components/table-row.css +1 -0
- package/build/components/top-nav.css +1 -1
- package/build/components-manifest.json +13 -1
- package/build/core.css +1 -1
- package/build/style.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-d37488d4.entry.js → p-0368a1df.entry.js} +1 -1
- package/dist/apollo-core/p-056a99e4.entry.js +1 -0
- package/dist/apollo-core/p-068e3532.entry.js +1 -0
- package/dist/apollo-core/{p-121d1a4b.entry.js → p-06a9a27b.entry.js} +1 -1
- package/dist/apollo-core/{p-9747cf43.entry.js → p-0958c719.entry.js} +1 -1
- package/dist/apollo-core/p-0a0a6e43.entry.js +1 -0
- package/dist/apollo-core/{p-643c8038.entry.js → p-149ddd12.entry.js} +1 -1
- package/dist/apollo-core/p-1a94c2d9.entry.js +1 -0
- package/dist/apollo-core/{p-efa21ec0.entry.js → p-2139f9f6.entry.js} +1 -1
- package/dist/apollo-core/{p-76f64d65.entry.js → p-28bce81a.entry.js} +1 -1
- package/dist/apollo-core/{p-1a417191.entry.js → p-2938ab4f.entry.js} +1 -1
- package/dist/apollo-core/{p-4e61587f.entry.js → p-2c995d80.entry.js} +1 -1
- package/dist/apollo-core/p-2faa7b9c.entry.js +1 -0
- package/dist/apollo-core/p-30b1b700.entry.js +1 -0
- package/dist/apollo-core/p-32084caf.entry.js +1 -0
- package/dist/apollo-core/p-38586952.entry.js +1 -0
- package/dist/apollo-core/{p-707b1918.entry.js → p-47bda204.entry.js} +1 -1
- package/dist/apollo-core/{p-f199ad66.entry.js → p-4a2323b3.entry.js} +1 -1
- package/dist/apollo-core/{p-c25aebe5.entry.js → p-4ad79534.entry.js} +1 -1
- package/dist/apollo-core/{p-e4ae3f60.entry.js → p-4d4acd1f.entry.js} +1 -1
- package/dist/apollo-core/p-50fae269.entry.js +1 -0
- package/dist/apollo-core/{p-7f105d63.entry.js → p-54903322.entry.js} +1 -1
- package/dist/apollo-core/{p-8a81ef98.entry.js → p-5730d96c.entry.js} +1 -1
- package/dist/apollo-core/{p-46d21684.entry.js → p-581b702c.entry.js} +1 -1
- package/dist/apollo-core/{p-853418be.entry.js → p-5d9a593e.entry.js} +1 -1
- package/dist/apollo-core/{p-e00ed4f4.entry.js → p-60cb3cfb.entry.js} +1 -1
- package/dist/apollo-core/p-722b145a.entry.js +1 -0
- package/dist/apollo-core/p-75e5bfe0.entry.js +1 -0
- package/dist/apollo-core/p-77fe3cc1.entry.js +1 -0
- package/dist/apollo-core/{p-26861d09.entry.js → p-790709c0.entry.js} +1 -1
- package/dist/apollo-core/{p-7976cd3b.entry.js → p-82812126.entry.js} +1 -1
- package/dist/apollo-core/{p-c427a31d.entry.js → p-83bb7607.entry.js} +1 -1
- package/dist/apollo-core/p-8664d88b.entry.js +1 -0
- package/dist/apollo-core/{p-3d9c90ee.entry.js → p-9064badb.entry.js} +1 -1
- package/dist/apollo-core/{p-5ca18bc1.entry.js → p-91895c40.entry.js} +1 -1
- package/dist/apollo-core/p-969d5cca.entry.js +1 -0
- package/dist/apollo-core/p-99a79cf4.entry.js +1 -0
- package/dist/apollo-core/p-abdf199b.entry.js +1 -0
- package/dist/apollo-core/p-ae8a5f66.entry.js +1 -0
- package/dist/apollo-core/{p-9b0174b1.entry.js → p-af8ebf49.entry.js} +1 -1
- package/dist/apollo-core/p-b29025b2.entry.js +1 -0
- package/dist/apollo-core/{p-fd2756d8.entry.js → p-b45179fb.entry.js} +1 -1
- package/dist/apollo-core/p-b5a61076.entry.js +1 -0
- package/dist/apollo-core/p-bf7d8e18.entry.js +1 -0
- package/dist/apollo-core/p-c48e4884.entry.js +1 -0
- package/dist/apollo-core/{p-b537f72d.entry.js → p-ca4652b3.entry.js} +1 -1
- package/dist/apollo-core/{p-bb22ed2a.entry.js → p-cb5b15c2.entry.js} +1 -1
- package/dist/apollo-core/p-cc57f20d.entry.js +1 -0
- package/dist/apollo-core/{p-fef6c256.entry.js → p-cdacfcd4.entry.js} +1 -1
- package/dist/apollo-core/{p-616c5a32.entry.js → p-cdb5b5c4.entry.js} +1 -1
- package/dist/apollo-core/p-d0bc7c45.entry.js +1 -0
- package/dist/apollo-core/{p-ff8acf15.entry.js → p-d41b8f46.entry.js} +1 -1
- package/dist/apollo-core/{p-9bf2ff9f.entry.js → p-d443291f.entry.js} +1 -1
- package/dist/apollo-core/p-d724c419.entry.js +1 -0
- package/dist/apollo-core/p-d9070ae5.entry.js +1 -0
- package/dist/apollo-core/p-dca48977.entry.js +1 -0
- package/dist/apollo-core/p-e1833287.entry.js +1 -0
- package/dist/apollo-core/{p-601b3ab5.entry.js → p-e2890eb1.entry.js} +1 -1
- package/dist/apollo-core/p-e2b73b60.entry.js +1 -0
- package/dist/apollo-core/p-e7e445b0.entry.js +1 -0
- package/dist/apollo-core/p-f1c103ff.entry.js +1 -0
- package/dist/apollo-core/{p-0463c29f.entry.js → p-f3a2c79b.entry.js} +1 -1
- package/dist/apollo-core/p-ffc2f0cf.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +1 -1
- package/dist/cjs/index-3cBvw409.js +16 -0
- package/dist/cjs/loader.cjs.js +1 -1
- 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 +5 -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 +14 -11
- 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 +13 -13
- 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 +15 -14
- 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 +50 -21
- 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 +7 -3
- 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 +14 -0
- package/dist/cjs/xpl-table-footer-cell.cjs.entry.js +18 -0
- package/dist/cjs/xpl-table-footer.cjs.entry.js +14 -0
- package/dist/cjs/xpl-table-header.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-row.cjs.entry.js +20 -0
- package/dist/cjs/xpl-table.cjs.entry.js +5 -5
- 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 +4 -0
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +1 -0
- 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 +10 -7
- 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/color-utils.js +5 -5
- 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 +7 -6
- 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 +50 -21
- 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/select.shared.js +82 -0
- 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 +8 -4
- 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/xpl-table-body/xpl-table-body.js +7 -0
- package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +7 -0
- package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +37 -0
- package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +78 -0
- package/dist/collection/components/xpl-table/xpl-table.js +5 -5
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
- package/dist/collection/components/xpl-tabs/tabs.shared.js +0 -33
- 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 +8 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-9VnxPQLs.js +1 -0
- package/dist/components/p-B2oLZUDD.js +1 -0
- package/dist/components/p-BYYFsuD3.js +1 -0
- package/dist/components/p-BZtxVB1R.js +1 -0
- package/dist/components/{p-BGqQbjLl.js → p-BdpZR4KO.js} +1 -1
- package/dist/components/{p-DywQ3S73.js → p-Chpgh5SL.js} +1 -1
- package/dist/components/{p-2jYZ7ACH.js → p-CiHTfk3E.js} +1 -1
- package/dist/components/p-CnVGKN63.js +1 -0
- package/dist/components/p-Cz7zDaI4.js +1 -0
- package/dist/components/{p-CjbPCnPP.js → p-D--kzomA.js} +1 -1
- package/dist/components/p-D4rv6CNJ.js +1 -0
- package/dist/components/{p-Dzp5p-eh.js → p-DAb-txW3.js} +1 -1
- package/dist/components/p-DYmvElhR.js +1 -0
- package/dist/components/{p-DsRsm61K.js → p-EfW0v54z.js} +1 -1
- package/dist/components/{p-DWUJ_jsx.js → p-JyNpXfDe.js} +1 -1
- package/dist/components/{p-DS2Kv5fl.js → p-U0JYwf4c.js} +1 -1
- package/dist/components/p-YG9Jza0y.js +1 -0
- package/dist/components/{p-imCMp2Nl.js → p-l3EZ-agL.js} +1 -1
- package/dist/components/p-oIn1krdu.js +1 -0
- package/dist/components/p-wIU7KUhA.js +1 -0
- package/dist/components/{p-BnTsRbko.js → p-xFsB212F.js} +1 -1
- package/dist/components/p-xtOHikY0.js +1 -0
- package/dist/components/xpl-accordion.js +1 -1
- package/dist/components/xpl-application-shell.js +1 -1
- package/dist/components/xpl-avatar.js +1 -1
- package/dist/components/xpl-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.d.ts +11 -0
- package/dist/components/xpl-table-body.js +1 -0
- package/dist/components/xpl-table-footer-cell.d.ts +11 -0
- package/dist/components/xpl-table-footer-cell.js +1 -0
- package/dist/components/xpl-table-footer.d.ts +11 -0
- package/dist/components/xpl-table-footer.js +1 -0
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table-row.d.ts +11 -0
- package/dist/components/xpl-table-row.js +1 -0
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag.js +1 -1
- package/dist/components/xpl-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-modal/readme.md +18 -2
- package/dist/docs/xpl-table/xpl-table-body/readme.md +16 -0
- package/dist/docs/xpl-table/xpl-table-footer/readme.md +16 -0
- package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +31 -0
- package/dist/docs/xpl-table/xpl-table-row/readme.md +34 -0
- package/dist/docs.json +207 -6
- package/dist/esm/apollo-core.js +1 -1
- package/dist/esm/index-ukZKsqqq.js +16 -0
- package/dist/esm/loader.js +1 -1
- 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 +5 -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 +14 -11
- 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 +13 -13
- 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 +15 -14
- 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 +50 -21
- 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 +8 -4
- 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 +12 -0
- package/dist/esm/xpl-table-footer-cell.entry.js +16 -0
- package/dist/esm/xpl-table-footer.entry.js +12 -0
- package/dist/esm/xpl-table-header.entry.js +1 -1
- package/dist/esm/xpl-table-row.entry.js +18 -0
- package/dist/esm/xpl-table.entry.js +5 -5
- 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-modal/xpl-modal.d.ts +7 -1
- package/dist/types/components/xpl-select/select.shared.d.ts +23 -0
- package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +3 -0
- package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +3 -0
- package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +4 -0
- package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +6 -0
- package/dist/types/components/xpl-tabs/tabs.shared.d.ts +0 -2
- package/dist/types/components.d.ts +98 -0
- package/hydrate/index.js +302 -176
- package/hydrate/index.mjs +302 -176
- package/package.json +42 -46
- package/dist/apollo-core/p-0095174c.entry.js +0 -1
- package/dist/apollo-core/p-020ecd66.entry.js +0 -1
- package/dist/apollo-core/p-091411e3.entry.js +0 -1
- package/dist/apollo-core/p-0be4dbb8.entry.js +0 -1
- package/dist/apollo-core/p-1139fac0.entry.js +0 -1
- package/dist/apollo-core/p-140a96c7.entry.js +0 -1
- package/dist/apollo-core/p-26b6a0ed.entry.js +0 -1
- package/dist/apollo-core/p-39e71d86.entry.js +0 -1
- package/dist/apollo-core/p-3dd1de49.entry.js +0 -1
- package/dist/apollo-core/p-4129d971.entry.js +0 -1
- package/dist/apollo-core/p-5afc9831.entry.js +0 -1
- package/dist/apollo-core/p-5d25a84a.entry.js +0 -1
- package/dist/apollo-core/p-5e5c5016.entry.js +0 -1
- package/dist/apollo-core/p-638fd9b1.entry.js +0 -1
- package/dist/apollo-core/p-724c5038.entry.js +0 -1
- package/dist/apollo-core/p-80a11cad.entry.js +0 -1
- package/dist/apollo-core/p-875e0eaa.entry.js +0 -1
- package/dist/apollo-core/p-8ddbf2e2.entry.js +0 -1
- package/dist/apollo-core/p-a33b0943.entry.js +0 -1
- package/dist/apollo-core/p-ba41bbd5.entry.js +0 -1
- package/dist/apollo-core/p-cde21f72.entry.js +0 -1
- package/dist/apollo-core/p-d288c1d1.entry.js +0 -1
- package/dist/apollo-core/p-d3f2b8b8.entry.js +0 -1
- package/dist/apollo-core/p-dfaba114.entry.js +0 -1
- package/dist/apollo-core/p-e2a16242.entry.js +0 -1
- package/dist/apollo-core/p-ec488f9c.entry.js +0 -1
- package/dist/apollo-core/p-f2bfe6a6.entry.js +0 -1
- package/dist/collection/components/xpl-accordion/accordion.stories.js +0 -84
- package/dist/collection/components/xpl-application-shell/application-shell.stories.js +0 -755
- package/dist/collection/components/xpl-avatar/avatar.stories.js +0 -157
- package/dist/collection/components/xpl-backdrop/backdrop.stories.js +0 -38
- package/dist/collection/components/xpl-badge/badge.stories.js +0 -104
- package/dist/collection/components/xpl-banner/banner.stories.js +0 -69
- package/dist/collection/components/xpl-breadcrumbs/breadcrumbs.stories.js +0 -139
- package/dist/collection/components/xpl-button/button.stories.js +0 -144
- package/dist/collection/components/xpl-button-row/button-row.stories.js +0 -68
- package/dist/collection/components/xpl-calendar/calendar.stories.js +0 -71
- package/dist/collection/components/xpl-checkbox/checkbox.stories.js +0 -92
- package/dist/collection/components/xpl-choicelist/choicelist.stories.js +0 -162
- package/dist/collection/components/xpl-content-area/content-area.stories.js +0 -44
- package/dist/collection/components/xpl-dashboard/dashboard.stories.js +0 -57
- package/dist/collection/components/xpl-data-card/data-card.stories.js +0 -170
- package/dist/collection/components/xpl-divider/divider.stories.js +0 -47
- package/dist/collection/components/xpl-dropdown/dropdown.stories.js +0 -395
- package/dist/collection/components/xpl-dynamic-table/dynamic-table.stories.js +0 -169
- package/dist/collection/components/xpl-grid/grid.stories.js +0 -85
- package/dist/collection/components/xpl-header-accordion/header-accordion.stories.js +0 -56
- package/dist/collection/components/xpl-icon/icons.stories.js +0 -161
- package/dist/collection/components/xpl-input/input.stories.js +0 -712
- package/dist/collection/components/xpl-large-card/large-card.stories.js +0 -155
- package/dist/collection/components/xpl-list/list.stories.js +0 -398
- package/dist/collection/components/xpl-main-nav/main-nav.stories.js +0 -312
- package/dist/collection/components/xpl-modal/modal.stories.js +0 -100
- package/dist/collection/components/xpl-pagination/pagination.stories.js +0 -65
- package/dist/collection/components/xpl-panel/panel.stories.js +0 -62
- package/dist/collection/components/xpl-popover/popover.stories.js +0 -174
- package/dist/collection/components/xpl-progress-bar/progress-bar.stories.js +0 -105
- package/dist/collection/components/xpl-progress-indicator/progress-indicator.stories.js +0 -126
- package/dist/collection/components/xpl-radio/radio.stories.js +0 -115
- package/dist/collection/components/xpl-secondary-nav/secondary-nav.stories.js +0 -83
- package/dist/collection/components/xpl-select/select.stories.js +0 -300
- package/dist/collection/components/xpl-side-nav/side-nav.stories.js +0 -1070
- package/dist/collection/components/xpl-skeleton/skeleton.stories.js +0 -80
- package/dist/collection/components/xpl-slideout/slideout.stories.js +0 -122
- package/dist/collection/components/xpl-spotlight/spotlight.stories.js +0 -392
- package/dist/collection/components/xpl-table/table.stories.js +0 -156
- package/dist/collection/components/xpl-table-header/table-header.stories.js +0 -134
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +0 -83
- package/dist/collection/components/xpl-tabs/segment-control.stories.js +0 -40
- package/dist/collection/components/xpl-tabs/tabs.stories.js +0 -43
- package/dist/collection/components/xpl-tag/tag.stories.js +0 -159
- package/dist/collection/components/xpl-toast/toast.stories.js +0 -112
- package/dist/collection/components/xpl-toggle/toggle.stories.js +0 -95
- package/dist/collection/components/xpl-toolbar/toolbar.stories.js +0 -39
- package/dist/collection/components/xpl-tooltip/tooltip.stories.js +0 -67
- package/dist/collection/components/xpl-top-nav/top-nav.stories.js +0 -764
- package/dist/collection/components/xpl-utility-bar/utility-bar.stories.js +0 -94
- package/dist/components/p-Bseq_BgD.js +0 -1
- package/dist/components/p-CCgZCY_A.js +0 -1
- package/dist/components/p-CJzsLWeV.js +0 -1
- package/dist/components/p-CRKY79vL.js +0 -1
- package/dist/components/p-Cjxw-qOg.js +0 -1
- package/dist/components/p-D6JUVA1x.js +0 -1
- package/dist/components/p-DFGw0APN.js +0 -1
- package/dist/components/p-DLLQBDCb.js +0 -1
- package/dist/components/p-Di1NDy0w.js +0 -1
- package/dist/components/p-DkM7jyQB.js +0 -1
- package/dist/components/p-Mehog36m.js +0 -1
- package/dist/components/p-RYnBuuDE.js +0 -1
- package/dist/css/typography.stories.js +0 -153
- package/dist/types/components/xpl-accordion/accordion.stories.d.ts +0 -46
- package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +0 -46
- package/dist/types/components/xpl-avatar/avatar.stories.d.ts +0 -39
- package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +0 -23
- package/dist/types/components/xpl-badge/badge.stories.d.ts +0 -87
- package/dist/types/components/xpl-banner/banner.stories.d.ts +0 -79
- package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +0 -40
- package/dist/types/components/xpl-button/button.stories.d.ts +0 -136
- package/dist/types/components/xpl-button-row/button-row.stories.d.ts +0 -34
- package/dist/types/components/xpl-calendar/calendar.stories.d.ts +0 -45
- package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +0 -51
- package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +0 -30
- package/dist/types/components/xpl-content-area/content-area.stories.d.ts +0 -19
- package/dist/types/components/xpl-dashboard/dashboard.stories.d.ts +0 -22
- package/dist/types/components/xpl-data-card/data-card.stories.d.ts +0 -113
- package/dist/types/components/xpl-divider/divider.stories.d.ts +0 -28
- package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +0 -177
- package/dist/types/components/xpl-dynamic-table/dynamic-table.stories.d.ts +0 -30
- package/dist/types/components/xpl-grid/grid.stories.d.ts +0 -109
- package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts +0 -32
- package/dist/types/components/xpl-icon/icons.stories.d.ts +0 -31
- package/dist/types/components/xpl-input/input.stories.d.ts +0 -441
- package/dist/types/components/xpl-large-card/large-card.stories.d.ts +0 -57
- package/dist/types/components/xpl-list/list.stories.d.ts +0 -385
- package/dist/types/components/xpl-main-nav/main-nav.stories.d.ts +0 -19
- package/dist/types/components/xpl-modal/modal.stories.d.ts +0 -103
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +0 -31
- package/dist/types/components/xpl-panel/panel.stories.d.ts +0 -30
- package/dist/types/components/xpl-popover/popover.stories.d.ts +0 -21
- package/dist/types/components/xpl-progress-bar/progress-bar.stories.d.ts +0 -62
- package/dist/types/components/xpl-progress-indicator/progress-indicator.stories.d.ts +0 -64
- package/dist/types/components/xpl-radio/radio.stories.d.ts +0 -96
- package/dist/types/components/xpl-secondary-nav/secondary-nav.stories.d.ts +0 -8
- package/dist/types/components/xpl-select/select.stories.d.ts +0 -158
- package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts +0 -173
- package/dist/types/components/xpl-skeleton/skeleton.stories.d.ts +0 -36
- package/dist/types/components/xpl-slideout/slideout.stories.d.ts +0 -124
- package/dist/types/components/xpl-spotlight/spotlight.stories.d.ts +0 -203
- package/dist/types/components/xpl-table/table.stories.d.ts +0 -67
- package/dist/types/components/xpl-table-header/table-header.stories.d.ts +0 -80
- package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts +0 -36
- package/dist/types/components/xpl-tabs/segment-control.stories.d.ts +0 -134
- package/dist/types/components/xpl-tabs/tabs.stories.d.ts +0 -107
- package/dist/types/components/xpl-tag/tag.stories.d.ts +0 -68
- package/dist/types/components/xpl-toast/toast.stories.d.ts +0 -70
- package/dist/types/components/xpl-toggle/toggle.stories.d.ts +0 -53
- package/dist/types/components/xpl-toolbar/toolbar.stories.d.ts +0 -35
- package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts +0 -29
- package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +0 -549
- package/dist/types/components/xpl-utility-bar/utility-bar.stories.d.ts +0 -27
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/.storybook/utils/story-function.d.ts +0 -11
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/.storybook/utils/wait-for-hydration.d.ts +0 -1
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/src/css/typography.stories.d.ts +0 -76
- /package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/{src/utils → utils}/form-bindings.d.ts +0 -0
- /package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/{src/utils → utils}/story-vrt.d.ts +0 -0
|
@@ -321,11 +321,11 @@ export class Tabs {
|
|
|
321
321
|
}
|
|
322
322
|
render() {
|
|
323
323
|
const isSegment = this.type === 'segment';
|
|
324
|
-
return (h(Host, { key: '
|
|
324
|
+
return (h(Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
|
|
325
325
|
'xpl-tabs': true,
|
|
326
326
|
'xpl-tabs--full-width': this.fullWidth,
|
|
327
327
|
'xpl-tabs--segment': isSegment,
|
|
328
|
-
}, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '
|
|
328
|
+
}, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
|
|
329
329
|
if (event.detail) {
|
|
330
330
|
this.isMobileSelectChange = true;
|
|
331
331
|
}
|
|
@@ -336,17 +336,17 @@ export class Tabs {
|
|
|
336
336
|
this.tabChange.emit(selectedValue);
|
|
337
337
|
this.isMobileSelectChange = false;
|
|
338
338
|
}
|
|
339
|
-
} }), h("nav", { key: '
|
|
339
|
+
} }), h("nav", { key: 'd23f6edc5da0525e4c8fc10aa30af64986fdda36', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
|
|
340
340
|
this.headingsContainerRef = el;
|
|
341
341
|
}, onTabChange: (event) => {
|
|
342
342
|
event.stopPropagation();
|
|
343
343
|
this.isMobileSelectChange = false;
|
|
344
344
|
this.handleTabChange(event.detail);
|
|
345
345
|
this.tabChange.emit(event.detail);
|
|
346
|
-
} }, !isSegment && (h("div", { key: '
|
|
346
|
+
} }, !isSegment && (h("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
|
|
347
347
|
transform: `translateX(${this.activeBarPosition.left}px)`,
|
|
348
348
|
width: `${this.activeBarPosition.width}px`,
|
|
349
|
-
} })), h("slot", { key: '
|
|
349
|
+
} })), h("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), h("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, h("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
|
|
350
350
|
}
|
|
351
351
|
static get is() { return "xpl-tabs"; }
|
|
352
352
|
static get properties() {
|
|
@@ -119,7 +119,7 @@ export class Tag {
|
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
121
|
const dragEnabled = this.isDraggable && !this.disabled;
|
|
122
|
-
return (h(Host, { key: '
|
|
122
|
+
return (h(Host, { key: '4129a867a9581efc82985d11549810860a2c6f87', class: {
|
|
123
123
|
'xpl-tag': true,
|
|
124
124
|
'xpl-tag-container': true,
|
|
125
125
|
'xpl-tag--disabled': this.disabled,
|
|
@@ -127,7 +127,7 @@ export class Tag {
|
|
|
127
127
|
'xpl-tag--dragging': this.isDragging,
|
|
128
128
|
'xpl-tag--draggable': dragEnabled,
|
|
129
129
|
'xpl-tag--sm': this.size === 'sm',
|
|
130
|
-
}, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: '
|
|
130
|
+
}, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: 'fb10e5fe87053ff4c00f584d887e1f5c29b2dc74', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: 'e8afb0b6fbf1a942cce78cf6a26b420445094f30', icon: "xmark", size: 10 })))));
|
|
131
131
|
}
|
|
132
132
|
static get is() { return "xpl-tag"; }
|
|
133
133
|
static get properties() {
|
|
@@ -67,11 +67,11 @@ export class Toast {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, h("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, h("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (h("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
|
|
71
71
|
if (el) {
|
|
72
72
|
this.actionSlot = el;
|
|
73
73
|
}
|
|
74
|
-
} }, h("slot", { key: '
|
|
74
|
+
} }, h("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (h("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, h("xpl-button", { key: '2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "xpl-toast"; }
|
|
77
77
|
static get properties() {
|
|
@@ -16,13 +16,13 @@ export class Toggle {
|
|
|
16
16
|
let className = 'xpl-toggle';
|
|
17
17
|
if (this.variant === 'small')
|
|
18
18
|
className += ' xpl-toggle--small';
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
|
|
20
20
|
'xpl-label': true,
|
|
21
21
|
'xpl-label--disabled': !!this.disabled,
|
|
22
|
-
}, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '
|
|
22
|
+
}, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
|
|
23
23
|
'xpl-description': true,
|
|
24
24
|
'xpl-description--disabled': !!this.disabled,
|
|
25
|
-
} }, this.description)))), h("input", { key: '
|
|
25
|
+
} }, this.description)))), h("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xpl-toggle"; }
|
|
28
28
|
static get properties() {
|
|
@@ -12,11 +12,11 @@ export class Toolbar {
|
|
|
12
12
|
this.selectedItemCount = event.detail.length;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
|
|
16
16
|
'xpl-toolbar': true,
|
|
17
17
|
dark: true,
|
|
18
18
|
hidden: this.selectedItemCount === 0,
|
|
19
|
-
} }, h("div", { key: '
|
|
19
|
+
} }, h("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, h("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, h("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), h("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "xpl-toolbar"; }
|
|
22
22
|
static get properties() {
|
|
@@ -6,7 +6,7 @@ export class Tooltip {
|
|
|
6
6
|
this.hideArrow = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, h("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, h("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), h("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "xpl-tooltip"; }
|
|
12
12
|
static get properties() {
|
|
@@ -70,11 +70,11 @@ export class NavHeaderMenu {
|
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
72
|
const hasProfile = !!this.username || !!this.email;
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: '36df50ceb427be007b8da6c4e6154ab0267e7e6b', class: {
|
|
74
74
|
'xpl-nav-header-menu': true,
|
|
75
75
|
'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
|
|
76
76
|
dark: true,
|
|
77
|
-
} }, hasProfile && (h("div", { key: '
|
|
77
|
+
} }, hasProfile && (h("div", { key: '5906352d9c6580f96cb3e1ba3ae841b04c136a27', class: "xpl-nav-header-menu__profile" }, h("div", { key: '38ad80fe95f2ea56e12f3dfeea32af734f31aafd', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: 'a58f2ab162da92c5afbfaf01234748a6478a61db', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (h("div", { key: 'd91f764a3b4278937d1bac6ed670f1e2abf899b0', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), h("div", { key: '78fade2c6cc2ec049b40ca3093f77855b46ee7db', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: '9715e86a06f642f1b0455e43f12fc83c1fdc20f8', name: "right-aside-mobile" })), h("div", { key: 'c1893f276e93629ff8dd96f807579b2b991ea884', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: '23218885442af87a956216af71b598c2eb478eff' }))));
|
|
78
78
|
}
|
|
79
79
|
static get is() { return "xpl-nav-header-menu"; }
|
|
80
80
|
static get properties() {
|
|
@@ -403,7 +403,7 @@ export class TopNavItem {
|
|
|
403
403
|
return (h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
|
|
404
404
|
}
|
|
405
405
|
render() {
|
|
406
|
-
return (h(Host, { key: '
|
|
406
|
+
return (h(Host, { key: 'f895d73fc0f4c07150e9cd1c34d7b78a338a2032', class: {
|
|
407
407
|
'xpl-top-nav-item': true,
|
|
408
408
|
'xpl-top-nav-item--active': this.active,
|
|
409
409
|
'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
|
|
@@ -411,7 +411,7 @@ export class TopNavItem {
|
|
|
411
411
|
'xpl-top-nav-item--has-dropdown': this.hasDropdown,
|
|
412
412
|
'xpl-top-nav-item--selected': this.selected,
|
|
413
413
|
dark: true,
|
|
414
|
-
}, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '
|
|
414
|
+
}, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
|
|
415
415
|
}
|
|
416
416
|
static get is() { return "xpl-top-nav-item"; }
|
|
417
417
|
static get properties() {
|
|
@@ -76,10 +76,10 @@ export class TopNavMenu {
|
|
|
76
76
|
return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
|
|
77
77
|
}
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
|
|
80
80
|
'xpl-top-nav-menu': true,
|
|
81
81
|
dark: true,
|
|
82
|
-
}, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: '
|
|
82
|
+
}, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
|
|
83
83
|
}
|
|
84
84
|
static get is() { return "xpl-top-nav-menu"; }
|
|
85
85
|
static get properties() {
|
|
@@ -303,7 +303,7 @@ export class TopNav {
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
render() {
|
|
306
|
-
return (h(Host, { key: '
|
|
306
|
+
return (h(Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
|
|
307
307
|
'xpl-top-nav': true,
|
|
308
308
|
'xpl-top-nav--nav-control': Boolean(this.navControl),
|
|
309
309
|
'xpl-top-nav--open': this.open,
|
|
@@ -311,15 +311,15 @@ export class TopNav {
|
|
|
311
311
|
'xpl-top-nav--has-brand': this.hasBrand,
|
|
312
312
|
'xpl-top-nav--has-user-menu': this.hasUserMenu,
|
|
313
313
|
dark: true,
|
|
314
|
-
} }, h("nav", { key: '
|
|
314
|
+
} }, h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
|
|
315
315
|
? this.brandName.trim()
|
|
316
|
-
: 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '
|
|
316
|
+
: 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
|
|
317
317
|
'xpl-top-nav__aside': true,
|
|
318
318
|
'xpl-nav-left': true,
|
|
319
|
-
} }, h("div", { key: '
|
|
319
|
+
} }, h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
|
|
320
320
|
'xpl-top-nav__aside': true,
|
|
321
321
|
'xpl-nav-right': true,
|
|
322
|
-
} }, h("div", { key: '
|
|
322
|
+
} }, h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
|
|
323
323
|
? undefined
|
|
324
324
|
: 'Open account menu' }, this.childAccountLabelText.length > 0
|
|
325
325
|
? this.childAccountLabelText
|
|
@@ -11,7 +11,7 @@ export class UtilityBar {
|
|
|
11
11
|
this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "xpl-utility-bar"; }
|
|
17
17
|
static get properties() {
|
|
@@ -119,10 +119,18 @@ export { TabPanel as XplTabPanel } from '../types/components/xpl-tab-panel/xpl-t
|
|
|
119
119
|
export { defineCustomElement as defineCustomElementXplTabPanel } from './xpl-tab-panel';
|
|
120
120
|
export { Table as XplTable } from '../types/components/xpl-table/xpl-table';
|
|
121
121
|
export { defineCustomElement as defineCustomElementXplTable } from './xpl-table';
|
|
122
|
+
export { XplTableBody as XplTableBody } from '../types/components/xpl-table/xpl-table-body/xpl-table-body';
|
|
123
|
+
export { defineCustomElement as defineCustomElementXplTableBody } from './xpl-table-body';
|
|
124
|
+
export { XplTableFooter as XplTableFooter } from '../types/components/xpl-table/xpl-table-footer/xpl-table-footer';
|
|
125
|
+
export { defineCustomElement as defineCustomElementXplTableFooter } from './xpl-table-footer';
|
|
126
|
+
export { XplTableFooterCell as XplTableFooterCell } from '../types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell';
|
|
127
|
+
export { defineCustomElement as defineCustomElementXplTableFooterCell } from './xpl-table-footer-cell';
|
|
122
128
|
export { TableHeader as XplTableHeader } from '../types/components/xpl-table-header/xpl-table-header';
|
|
123
129
|
export { defineCustomElement as defineCustomElementXplTableHeader } from './xpl-table-header';
|
|
124
130
|
export { TableHeaderCell as XplTableHeaderCell } from '../types/components/xpl-table-header-cell/xpl-table-header-cell';
|
|
125
131
|
export { defineCustomElement as defineCustomElementXplTableHeaderCell } from './xpl-table-header-cell';
|
|
132
|
+
export { XplTableRow as XplTableRow } from '../types/components/xpl-table/xpl-table-row/xpl-table-row';
|
|
133
|
+
export { defineCustomElement as defineCustomElementXplTableRow } from './xpl-table-row';
|
|
126
134
|
export { Tabs as XplTabs } from '../types/components/xpl-tabs/xpl-tabs';
|
|
127
135
|
export { defineCustomElement as defineCustomElementXplTabs } from './xpl-tabs';
|
|
128
136
|
export { Tag as XplTag } from '../types/components/xpl-tag/xpl-tag';
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BSHdGbmH.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavHeaderItem,defineCustomElement as defineCustomElementXplSideNavHeaderItem}from"./xpl-side-nav-header-item.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSideNavSection,defineCustomElement as defineCustomElementXplSideNavSection}from"./xpl-side-nav-section.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplTopNavMenu,defineCustomElement as defineCustomElementXplTopNavMenu}from"./xpl-top-nav-menu.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";
|
|
1
|
+
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BSHdGbmH.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavHeaderItem,defineCustomElement as defineCustomElementXplSideNavHeaderItem}from"./xpl-side-nav-header-item.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSideNavSection,defineCustomElement as defineCustomElementXplSideNavSection}from"./xpl-side-nav-section.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableBody,defineCustomElement as defineCustomElementXplTableBody}from"./xpl-table-body.js";export{XplTableFooter,defineCustomElement as defineCustomElementXplTableFooter}from"./xpl-table-footer.js";export{XplTableFooterCell,defineCustomElement as defineCustomElementXplTableFooterCell}from"./xpl-table-footer-cell.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTableRow,defineCustomElement as defineCustomElementXplTableRow}from"./xpl-table-row.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplTopNavMenu,defineCustomElement as defineCustomElementXplTopNavMenu}from"./xpl-top-nav-menu.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as s,h as d,c as t,t as a}from"./p-BSHdGbmH.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,d(t,{key:"942681efa6bd2c3806109240a5ac5c179b112551",class:e},d("span",{key:"ce0b0ada57e7a51319260c88c10e411e3aaf2992"},d("slot",{key:"da50f574acdf87def6ff77ef743bf38cc8717a79"})))}},[260,"xpl-divider",{tier:[2]}]);function i(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}export{c as D,i as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as s,h as t,c as a,t as d}from"./p-BSHdGbmH.js";const i={success:"green",warning:"yellow",inactive:"gray",error:"red"},c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){return i[this.variant]??this.variant}render(){return t(a,{key:"1cb8de25626460ca2c30f82696440af4d140d5e9"},t("div",{key:"fc51fea564ee09d6c5234046c6ec3b1c92333b1d",class:{"xpl-badge--dot-only":!!this.dotOnly,"xpl-badge--dot-only-bordered":!!this.dotOnly&&!!this.bordered,"xpl-badge":!this.dotOnly,"xpl-badge--dot":!this.dotOnly&&!!this.dot,[`xpl-badge--${this.resolvedVariant}`]:!0,[`xpl-badge--size-${this.size}`]:!!this.size,[`xpl-badge--shape-${this.shape}`]:!this.dotOnly&&!!this.shape}},t("span",{key:"d993cc55487aaccd349ac8c3c783b63a3597a9b4",class:"xpl-badge__label"},t("slot",{key:"8a3e27a6725cba451b43398dad1d8a6604af4e5e"}))))}},[260,"xpl-badge",{bordered:[4],dot:[4],dotOnly:[4,"dot-only"],shape:[1],size:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(d(e))||customElements.define(d(e),c))}))}export{c as B,l as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,p as e,H as o,c as s,t as a}from"./p-BSHdGbmH.js";const l=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13"},t("path",{d:"M0.5 5h15l-7.5 7.5L0.5 5Z",fill:"white",stroke:"none",class:"xpl-tooltip-arrow__fill"}),t("path",{d:"M0.5 5 L8 12.5 L15.5 5",fill:"none",stroke:"black","stroke-width":"1",class:"xpl-tooltip-arrow__stroke"})),i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="top-middle",this.hideArrow=!1}render(){return t(s,{key:"834ba80f410bd7ed079b674b6f1d110235aaf826"},t("div",{key:"e45a7048339ce835ecabf5ef832a5ef2df6ded70",class:"xpl-tooltip-container"},t("slot",{key:"f56272df982aa6dc72ba2bf9776017235223de95"}),t("div",{key:"c5b1054301d08e1b83da61b565f0116f83f395c7",class:`xpl-tooltip xpl-tooltip--${this.position}`},this.text,!this.hideArrow&&t("div",{key:"e6a833629cf409644969d9c4da461a2016f2986b",class:"xpl-tooltip-arrow"},t(l,{key:"7a5893a25978635864ada200aea48660ca90d33c"})))))}},[260,"xpl-tooltip",{text:[1],position:[1],hideArrow:[4,"hide-arrow"]}]);function d(){"undefined"!=typeof customElements&&["xpl-tooltip"].forEach((t=>{"xpl-tooltip"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))}export{i as T,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,d as i,h as s,c as a,t as r}from"./p-BSHdGbmH.js";import{f as n}from"./p-CH4yJ6Qx.js";import{i as o}from"./p-Dqb1pIRo.js";import{d}from"./p-l3EZ-agL.js";function h(t){if(!o())return;let e=t.parentElement;for(;e&&e!==document.body&&e!==document.documentElement;){const t=getComputedStyle(e);if(/auto|scroll/.test(t.overflow+t.overflowX+t.overflowY))return e;e=e.parentElement}}const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.hasErrorStateChanged=i(this,"hasErrorStateChanged",7),this.rangeSelected=i(this,"rangeSelected",7),this.dateFormat="Y-m-d",this.mode="single",this.flatpickrStaticLayout=!1,this.valueChanged=t=>{this.valueChange.emit(t.target.value)}}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValueChanged(t){this.flatpickrInstance?.setDate(t)}connectedCallback(){queueMicrotask((()=>this.ensureFlatpickr()))}disconnectedCallback(){this.flatpickrInstance?.destroy(),this.flatpickrInstance=void 0,this.flatpickrStaticLayout=!1,this.unwrapStaleFlatpickrWrapper()}componentDidRender(){this.ensureFlatpickr()}ensureFlatpickr(){o()&&!this.flatpickrInstance&&this.input&&this.el.isConnected&&(this.unwrapStaleFlatpickrWrapper(),this.initFlatpickr())}initFlatpickr(){const{input:t}=this;if(!t)return;const e=function(t){if(!o())return!1;let e=t.parentElement;for(;e&&e!==document.body&&e!==document.documentElement;){if("fixed"===getComputedStyle(e).position)return!0;e=e.parentElement}return!1}(this.el);this.flatpickrInstance=n(t,{allowInput:!0,...e?{static:!0}:{appendTo:h(this.el)},dateFormat:this.dateFormat,defaultDate:this.value,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),onClose:t=>{if(this.hasErrorState=t.length<(this.required?"single"===this.mode?1:2:0)?"required":null,2===t.length){const[e,i]=t;this.rangeSelected.emit({start:e,end:i})}}}),queueMicrotask((()=>{this.flatpickrStaticLayout!==e&&(this.flatpickrStaticLayout=e)}))}unwrapStaleFlatpickrWrapper(){const{input:t}=this,e=t?.parentElement;if(!e?.classList.contains("flatpickr-wrapper"))return;const i=e.parentElement;if(i){for(;e.firstChild;)i.insertBefore(e.firstChild,e);i.removeChild(e)}}render(){return s(a,{key:"768d9bffdb7431a48824590f9ae61f8e77735e98",class:{"xpl-input-date":!0,[`xpl-input-date--mode-${this.mode}`]:!0,"xpl-input-date--error":!!this.hasErrorState,"xpl-input-date--flatpickr-static":this.flatpickrStaticLayout}},s("div",{key:"5b3421bad3bc8474b3724fc7a4287ccf98bd1ba5",class:"xpl-input-wrapper"},this.pre&&s("label",{key:"f0e88d0052247c15decc6de2635db1fb847fdd94",class:"xpl-input-pre",htmlFor:this.inputId},this.pre),s("input",{key:"251ddfab7140c7a13fd2ef36d7baefe81ed3e716",type:"date",id:this.inputId,disabled:this.disabled,name:this.name,required:this.required,readonly:this.readonly,placeholder:this.placeholder,max:this.max,min:this.min,ref:t=>{this.input=t??void 0},onChange:t=>{this.valueChanged(t)}}),s("xpl-icon",{key:"6828c8024496963a2a480091a40326154e21d1f5",class:"xpl-input-calendar",icon:"calendar",size:24}),this.post&&s("label",{key:"e08267b6ffc0d605b557e69784b54757621182c7",class:"xpl-input-post",htmlFor:this.inputId},this.post)))}get el(){return this}static get watchers(){return{hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChanged:0}]}}},[0,"xpl-input-date",{inputId:[1,"input-id"],disabled:[4],name:[1],required:[4],readonly:[4],value:[1],placeholder:[1],post:[1],pre:[1],max:[8],min:[8],dateFormat:[1,"date-format"],mode:[1],flatpickrStaticLayout:[32],hasErrorState:[32]},void 0,{hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValueChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-input-date","xpl-icon"].forEach((t=>{switch(t){case"xpl-input-date":customElements.get(r(t))||customElements.define(r(t),p);break;case"xpl-icon":customElements.get(r(t))||d()}}))}export{p as I,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as o,h as i,c as s,t as d}from"./p-BSHdGbmH.js";import{t as r}from"./p-CzwViN3U.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{t&&t instanceof Node&&!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)},this.handleWindowBlur=()=>{this.isOpenState&&(void 0!==this.blurCloseTimeoutId&&clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=setTimeout((()=>{this.blurCloseTimeoutId=void 0;const t=document.activeElement;this.isOpenState&&t instanceof HTMLIFrameElement&&!this.el.contains(t)&&(this.isOpenState=!1)}),0))}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){const{triggerRef:e}=this,{contentRef:o}=this;if(!e||!o||!t)return;const i={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:i,left:s,bottom:d,right:r}=e.getBoundingClientRect(),{width:n,height:a}=o.getBoundingClientRect(),{innerWidth:p,innerHeight:l}=window,m=d+a<l,h=i-a>=0,c=s-n>=0,b=r+n<p,f=(i+d)/2,u=t=>t&&f-a/2>=0&&f+a/2<=l,g=(s+r)/2,w=t=>t&&g-n/2>=0&&g+n/2<=p,k=s+n<p,v=r-n>=0;switch(t){case"top-left":return m&&c;case"middle-left":return u(c);case"bottom-left":return h&&c;case"top-right":return m&&b;case"middle-right":return u(b);case"bottom-right":return h&&b;case"top-middle":return w(h);case"bottom-middle":return w(m);case"top-start":return h&&k;case"top-end":return h&&v;case"bottom-start":return m&&k;case"bottom-end":return m&&v;default:return!1}}))||this.position;this.actualPosition=i}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown),window.addEventListener("blur",this.handleWindowBlur),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){void 0!==this.blurCloseTimeoutId&&(clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=void 0),document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("blur",this.handleWindowBlur),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(s,{key:"
|
|
1
|
+
import{p as t,H as e,d as o,h as i,c as s,t as d}from"./p-BSHdGbmH.js";import{t as r}from"./p-CzwViN3U.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{t&&t instanceof Node&&!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)},this.handleWindowBlur=()=>{this.isOpenState&&(void 0!==this.blurCloseTimeoutId&&clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=setTimeout((()=>{this.blurCloseTimeoutId=void 0;const t=document.activeElement;this.isOpenState&&t instanceof HTMLIFrameElement&&!this.el.contains(t)&&(this.isOpenState=!1)}),0))}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){const{triggerRef:e}=this,{contentRef:o}=this;if(!e||!o||!t)return;const i={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:i,left:s,bottom:d,right:r}=e.getBoundingClientRect(),{width:n,height:a}=o.getBoundingClientRect(),{innerWidth:p,innerHeight:l}=window,m=d+a<l,h=i-a>=0,c=s-n>=0,b=r+n<p,f=(i+d)/2,u=t=>t&&f-a/2>=0&&f+a/2<=l,g=(s+r)/2,w=t=>t&&g-n/2>=0&&g+n/2<=p,k=s+n<p,v=r-n>=0;switch(t){case"top-left":return m&&c;case"middle-left":return u(c);case"bottom-left":return h&&c;case"top-right":return m&&b;case"middle-right":return u(b);case"bottom-right":return h&&b;case"top-middle":return w(h);case"bottom-middle":return w(m);case"top-start":return h&&k;case"top-end":return h&&v;case"bottom-start":return m&&k;case"bottom-end":return m&&v;default:return!1}}))||this.position;this.actualPosition=i}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown),window.addEventListener("blur",this.handleWindowBlur),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){void 0!==this.blurCloseTimeoutId&&(clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=void 0),document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("blur",this.handleWindowBlur),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(s,{key:"b747fcdda5987a1d0506486d325cdf9a57cab6a8"},i("div",{key:"547d595121db1b713c204eb5ac173828fff4b35b",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"d12773148d327475c8ff51fbb5a717c95231cabf",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"6322dc3b9e7292eeb41aaf5c662aa99273868c7d",name:"trigger"})),"arrow"===this.display&&i("div",{key:"2a3fe87cc9a82c8e914f6917a999bdd4433b9042",class:"xpl-popover__arrow"},i("svg",{key:"a191461ac07cf6693d5461aa4d343214e62ed6ef",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"61003e404b4e031057e0d2ef39a31bc9b7fba6df",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"15de3ff2ec9657fd3e47410de79d2362076c797b",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"ec4ae8672673fa63b918ab6222a6fbf7099758ff",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"50c82f8c1833c91f6e2aabdfe3773725c9d9296d"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function a(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(d(t))||customElements.define(d(t),n))}))}export{n as P,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{d as l}from"./p-
|
|
1
|
+
import{p as t,H as s,h as i,c as n,t as o}from"./p-BSHdGbmH.js";import{d as l}from"./p-l3EZ-agL.js";const e=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1,this.fullWidth=!1,this.icon="",this.iconOnly=!1,this.iconPosition="start",this.isLoading=!1,this.sentiment="neutral",this.size="default",this.variant="primary"}componentDidRender(){const t=this.el.attributes,s=Object.keys(t).map((t=>Number(t))).filter((s=>{const i=t[s];return i?.name.includes("data-test")||i?.name.includes("aria-")||!1})).reduce(((s,i)=>{const n=t[i];return n&&(s[n.name]=n.value),s}),{}),i=this.el.querySelector("button");i&&Object.entries(s).forEach((([t,s])=>{i.setAttribute(t,s),this.el.removeAttribute(t)}))}handleDisabledClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}renderIcon(){return this.icon?i("xpl-icon",{icon:this.icon}):null}handleLoadingState(t){this.isLoading&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}render(){return i(n,{key:"d46884793521c327622838ceca0af98ec897912b",class:{"xpl-button":!0,[`xpl-button--${this.size}`]:!0,[`xpl-button--${this.variant}`]:!0,[`xpl-button--${this.state?this.state:this.sentiment}`]:!0,[this.icon?`xpl-button__icon-position--${this.iconPosition}`:""]:!!this.icon,"xpl-button--full-width":this.fullWidth,"xpl-button--icon-only":this.iconOnly,"xpl-button--disabled":this.disabled,"xpl-button--loading":this.isLoading&&!this.link}},this.link?i("slot",null):i("button",{...this.controlAttrs??{},disabled:this.disabled,onClick:t=>this.handleLoadingState(t),type:!this.isLoading||"submit"!==this.type&&"reset"!==this.type&&void 0!==this.type?this.type:"button",name:this.name,value:this.value,form:this.form,"aria-busy":this.isLoading?"true":void 0},this.icon&&i("span",{class:"xpl-button__icon"},this.renderIcon()),i("slot",null),this.isLoading&&i("span",{class:"xpl-button__loading-overlay","aria-hidden":"true"},i("span",{class:"xpl-button__loading-spinner"},i("xpl-icon",{icon:"loader-4"})))))}get el(){return this}},[260,"xpl-button",{controlAttrs:[16],disabled:[4],form:[1],fullWidth:[4,"full-width"],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],isLoading:[4,"is-loading"],link:[4],name:[1],sentiment:[1],size:[1],state:[1],type:[1],value:[1],variant:[1]},[[2,"click","handleDisabledClick"]]]);function a(){"undefined"!=typeof customElements&&["xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button":customElements.get(o(t))||customElements.define(o(t),e);break;case"xpl-icon":customElements.get(o(t))||l()}}))}export{e as B,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,d as i,h as s,c as a,F as l,t as r}from"./p-BSHdGbmH.js";import{d as n}from"./p-D6JUVA1x.js";import{d as h}from"./p-CRKY79vL.js";import{d}from"./p-DywQ3S73.js";import{d as o}from"./p-CJzsLWeV.js";import{d as c}from"./p-imCMp2Nl.js";import{d as m}from"./p-Cjxw-qOg.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDragEnd=i(this,"itemDragEnd",7),this.itemDragStart=i(this,"itemDragStart",7),this.itemDrop=i(this,"itemDrop",7),this.itemSelect=i(this,"itemSelect",7),this.dragFromHandle=!1,this.slotPresence={actions:!1,avatar:!1,badges:!1,details:!1,errorText:!1,metadata:!1,stackedExtra1:!1,stackedExtra2:!1,stackedExtra3:!1,titleBadge:!1,title:!1},this.isKeyboardMode=!1,this.disabled=!1,this.error=!1,this.hidden=!1,this.keyboardActive=!1,this.reorderable=!1,this.selectable=!1,this.selected=!1,this.showDivider=!1,this.handleDragStart=t=>{if(this.disabled)return void t.preventDefault();if(!this.dragFromHandle)return void t.preventDefault();this.detachDragHandlePointerReleaseListeners(),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",this.itemId||this.el.id||""));const e=this.el.querySelector(".xpl-list-item__wrapper");e?.classList.add("dragging"),this.itemDragStart.emit({itemId:this.itemId,item:this.el})},this.handleDrop=t=>{this.disabled||(t.preventDefault(),this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1,this.itemDrop.emit({itemId:this.itemId,item:this.el}))},this.handleDragOver=t=>{this.disabled||(t.preventDefault(),t.dataTransfer&&this.reorderable&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{if(this.disabled)return;t.preventDefault();const e=this.el.querySelector(".xpl-list-item__wrapper");e?.classList.add("drag-over")},this.handleDragLeave=t=>{if(this.disabled)return;const e=this.el.querySelector(".xpl-list-item__wrapper");e&&!e.contains(t.relatedTarget)&&e.classList.remove("drag-over")},this.handleDragEnd=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1;const t=this.el.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging","drag-over");const e=this.el.parentElement;e&&Array.from(e.children).forEach((t=>{if("xpl-list-item"!==t.tagName.toLowerCase())return;const e=t.querySelector(".xpl-list-item__wrapper");e?.classList.remove("drag-over")})),this.itemDragEnd.emit({itemId:this.itemId,item:this.el})},this.handleDragHandleMouseDown=()=>{if(this.disabled)return;this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!0;const t=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1};document.addEventListener("pointerup",t,!0),document.addEventListener("pointercancel",t,!0),this.dragHandlePointerReleaseCleanup=()=>{document.removeEventListener("pointerup",t,!0),document.removeEventListener("pointercancel",t,!0)},this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{exitKeyboardMode:!0}}))},this.preventRowLinkNavigation=t=>{this.href&&(t.preventDefault(),t.stopPropagation())},this.handleMouseDown=()=>{this.isKeyboardMode&&this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))},this.handleDragHandleKeyDown=t=>{this.disabled?"Escape"===t.key&&this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))):"Escape"!==t.key?this.isKeyboardMode?"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{direction:"ArrowUp"===t.key?"up":"down",item:this.el,itemId:this.itemId,keyboardMode:!0}}))):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{item:this.el,itemId:this.itemId,keyboardMode:!0}}))):this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}})))},this.handleRadioChange=()=>{this.disabled||this.itemSelect.emit({itemId:this.itemId})},this.handleRadioClick=t=>{this.href&&t.stopPropagation()}}handleItemChange(){this.updateSlotPresence()}handleKeyboardActiveChange(t){this.isKeyboardMode=t}handleSelectedChange(t){const e=this.el.querySelector('.xpl-list-item__selectable input[type="radio"]');e instanceof HTMLInputElement&&e.checked!==t&&(e.checked=t)}handleTitleBadgeVariantChange(){this.updateSlotPresence()}connectedCallback(){this.el.addEventListener("mousedown",this.handleMouseDown,!0)}disconnectedCallback(){this.el.removeEventListener("mousedown",this.handleMouseDown,!0),this.detachDragHandlePointerReleaseListeners()}componentWillLoad(){this.updateSlotPresence(),this.isKeyboardMode=!!this.keyboardActive;const t=this.el.getAttribute("item-id");t&&!this.itemId&&(this.itemId=t),this.el.id&&!this.itemId&&(this.itemId=this.el.id)}componentDidRender(){this.syncReorderDragHandleA11y()}handleSlotChange(){this.updateSlotPresence()}updateSlotPresence(){const t=this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant");this.slotPresence={actions:this.hasSlot("actions"),avatar:this.hasSlot("avatar"),badges:this.hasSlot("badges"),details:this.hasSlot("details"),errorText:this.hasSlot("error-text"),metadata:this.hasSlot("metadata"),stackedExtra1:this.hasSlot("stacked-extra-1"),stackedExtra2:this.hasSlot("stacked-extra-2"),stackedExtra3:this.hasSlot("stacked-extra-3"),title:this.hasSlot("title"),titleBadge:!!(this.titleBadgeVariant&&String(this.titleBadgeVariant).length>0||t&&t.length>0)}}detachDragHandlePointerReleaseListeners(){this.dragHandlePointerReleaseCleanup&&(this.dragHandlePointerReleaseCleanup(),this.dragHandlePointerReleaseCleanup=void 0)}hasSlot(t){if(Array.from(this.el.children).some((e=>e.getAttribute("slot")===t)))return!0;const e=Array.from(this.el.querySelectorAll(`slot[name="${t}"]`)).find((t=>t.closest("xpl-list-item")===this.el));return!(!e||"function"!=typeof e.assignedNodes)&&e.assignedNodes({flatten:!0}).length>0}getTitleSlotAccessibleText(){const t=Array.from(this.el.children).find((t=>"title"===t.getAttribute("slot")));if(t)return t.textContent??void 0;const e=Array.from(this.el.querySelectorAll('slot[name="title"]')).find((t=>t.closest("xpl-list-item")===this.el));return e&&"function"==typeof e.assignedNodes&&e.assignedNodes({flatten:!0}).map((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE?t.textContent??"":"")).join("").trim()||void 0}getRowIdForAccessibleLabel(){const t=this.itemId?.trim();if(t)return t;const e=this.el.getAttribute("item-id")?.trim();if(e)return e;const i=this.el.id?.trim();return i||""}getSelectableRadioLabel(){const t=this.getRowIdForAccessibleLabel();if(this.slotPresence.title){const e=this.getTitleSlotAccessibleText()?.trim();return e||(t?`Select ${t}`:"Select list item")}return t?`Select ${t}`:"Select list item"}renderPropBasedItem(){const{item:t}=this;if(!t)return null;const e=t.avatars||t.badges||t.subtext,i=t.href?"a":"div",l=t.href?{href:t.href}:{};return s(a,{role:"listitem",class:{"xpl-list-item":!0,"xpl-list-item--error":!!this.error,"xpl-list-item--disabled":!!this.disabled},hidden:this.hidden},function(t){return t.avatar&&"string"==typeof t.avatar?"/"===t.avatar.slice(0,1)||"http"===t.avatar.slice(0,4)?s("xpl-avatar",{src:t.avatar,name:t.title}):s("xpl-avatar",{name:t.title},t.avatar):null}(t),s(i,{class:"xpl-list-item-content",...l},s("div",{class:"xpl-list-left"},s("div",null,s("h4",null,t.title),t.metadata&&s("ul",{class:"xpl-list-item-metadata"},t.metadata.map((t=>"string"==typeof t?s("li",null,t):s("li",null,s("xpl-icon",{icon:t.icon})," ",t.text)))))),e&&s("div",{class:"xpl-list-right"},t.subtext&&s("div",{class:"xpl-list-item-subtext"},t.subtext),t.avatars&&s("div",{class:"xpl-avatar-group xpl-avatar-group--s"},t.avatars.map((t=>s("img",{src:t,alt:""})))),t.badges&&t.badges.map((t=>"string"==typeof t?s("xpl-badge",null,t):s("xpl-badge",{dot:t.dot,variant:t.variant},t.text)))),t.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null))}renderTitleBadge(){if(!this.slotPresence.titleBadge)return null;const t=this.titleBadgeVariant||this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant")||"purple";return s("div",{class:"xpl-list-item__title-badge"},s("xpl-badge",{dotOnly:!0,size:"small",variant:t}))}renderSlotBasedItem(){const t=this.slotPresence.details||this.slotPresence.badges||this.slotPresence.actions,e=this.slotPresence.title||this.slotPresence.metadata||this.slotPresence.stackedExtra1||this.slotPresence.stackedExtra2||this.slotPresence.stackedExtra3,i=this.radioName||this.el.getAttribute("radio-name")||"",r=this.reorderable&&!this.disabled,n="xpl-list-item__wrapper",h={draggable:r,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,onDragEnter:this.handleDragEnter,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onDragEnd:this.handleDragEnd},d=s(l,null,r&&s("div",{class:"xpl-list-item__reorderable"},s("xpl-button",{class:{"xpl-list-item__drag-handle":!0,"xpl-list-item__drag-handle--keyboard-mode":this.isKeyboardMode},type:"button",variant:"tertiary",sentiment:"neutral",iconOnly:!0,icon:this.isKeyboardMode?"caret-expand-y":"grip-dots-vertical",disabled:this.disabled,onClick:this.preventRowLinkNavigation,onMouseDown:this.handleDragHandleMouseDown,onKeyDown:this.handleDragHandleKeyDown})),this.selectable&&i?s("div",{class:"xpl-list-item__selectable",onClick:this.handleRadioClick},s("xpl-radio",{checked:this.selected,disabled:this.disabled,name:i,value:this.itemId??"",onRadioChange:this.handleRadioChange},this.getSelectableRadioLabel())):null,this.slotPresence.avatar&&s("div",{class:"xpl-list-item__avatar",onClick:this.preventRowLinkNavigation},s("slot",{name:"avatar"})),e&&s("div",{class:"xpl-list-item__stacked"},(this.slotPresence.title||this.slotPresence.titleBadge)&&s("div",{class:"xpl-list-item__title-row"},s("div",{class:"xpl-list-item__title-wrapper"},this.renderTitleBadge(),s("slot",{name:"title"}))),this.showDivider&&s("xpl-divider",null),this.slotPresence.metadata&&s("div",{class:"xpl-list-item__metadata-row"},s("slot",{name:"metadata"})),this.slotPresence.stackedExtra1&&s("div",{class:"xpl-list-item__stacked-extra-1"},s("slot",{name:"stacked-extra-1"})),this.slotPresence.stackedExtra2&&s("div",{class:"xpl-list-item__stacked-extra-2"},s("slot",{name:"stacked-extra-2"})),this.slotPresence.stackedExtra3&&s("div",{class:"xpl-list-item__stacked-extra-3"},s("slot",{name:"stacked-extra-3"}))),t&&s("div",{class:"xpl-list-item__right"},this.slotPresence.details&&s("div",{class:"xpl-list-item__details"},s("slot",{name:"details"})),this.slotPresence.badges&&s("div",{class:"xpl-list-item__badges"},s("slot",{name:"badges"})),this.slotPresence.actions&&s("div",{class:"xpl-list-item__actions",onClick:this.preventRowLinkNavigation},s("slot",{name:"actions"}))),this.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null);return s(a,{class:{"xpl-list-item":!0,"xpl-list-item--error":!(!this.error&&!this.slotPresence.errorText),"xpl-list-item--disabled":!!this.disabled,"xpl-list-item--slot-based":!0,"xpl-list-item--selected":!!this.selected},hidden:this.hidden},this.href?s("div",{role:"listitem",class:"xpl-list-item__listitem-shell"},s("a",{class:n,href:this.href,...h},d)):s("div",{role:"listitem",class:n,...h},d),this.slotPresence.errorText&&s("div",{class:"xpl-list-item__error-text"},s("xpl-icon",{icon:"circle-warning",size:16}),s("slot",{name:"error-text"})))}syncReorderDragHandleA11y(){if(!this.reorderable||this.disabled)return;const t=this.el.querySelector("xpl-button.xpl-list-item__drag-handle"),e=t?.querySelector("button");e&&(e.setAttribute("aria-label",this.isKeyboardMode?"Press arrow up or down to reorder, Escape to exit":"Press Enter or Space to activate keyboard reorder mode, or drag to reorder"),e.setAttribute("aria-pressed",this.isKeyboardMode?"true":"false"))}render(){return this.hidden?s(a,{hidden:!0}):this.item?this.renderPropBasedItem():this.renderSlotBasedItem()}get el(){return this}static get watchers(){return{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}}},[260,"xpl-list-item",{disabled:[4],error:[4],hidden:[4],href:[1],item:[16],itemId:[1025,"item-id"],keyboardActive:[4,"keyboard-active"],radioName:[1,"radio-name"],reorderable:[4],selectable:[4],selected:[4],showDivider:[4,"show-divider"],titleBadgeVariant:[1,"title-badge-variant"],slotPresence:[32],isKeyboardMode:[32]},[[0,"slotchange","handleSlotChange"]],{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}]);function x(){"undefined"!=typeof customElements&&["xpl-list-item","xpl-avatar","xpl-badge","xpl-button","xpl-divider","xpl-icon","xpl-radio"].forEach((t=>{switch(t){case"xpl-list-item":customElements.get(r(t))||customElements.define(r(t),p);break;case"xpl-avatar":customElements.get(r(t))||n();break;case"xpl-badge":customElements.get(r(t))||h();break;case"xpl-button":customElements.get(r(t))||d();break;case"xpl-divider":customElements.get(r(t))||o();break;case"xpl-icon":customElements.get(r(t))||c();break;case"xpl-radio":customElements.get(r(t))||m()}}))}export{p as X,x as d}
|
|
1
|
+
import{p as t,H as e,d as i,h as s,c as a,F as l,t as r}from"./p-BSHdGbmH.js";import{d as n}from"./p-wIU7KUhA.js";import{d as h}from"./p-B2oLZUDD.js";import{d}from"./p-Chpgh5SL.js";import{d as o}from"./p-9VnxPQLs.js";import{d as c}from"./p-l3EZ-agL.js";import{d as m}from"./p-oIn1krdu.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDragEnd=i(this,"itemDragEnd",7),this.itemDragStart=i(this,"itemDragStart",7),this.itemDrop=i(this,"itemDrop",7),this.itemSelect=i(this,"itemSelect",7),this.dragFromHandle=!1,this.slotPresence={actions:!1,avatar:!1,badges:!1,details:!1,errorText:!1,metadata:!1,stackedExtra1:!1,stackedExtra2:!1,stackedExtra3:!1,titleBadge:!1,title:!1},this.isKeyboardMode=!1,this.disabled=!1,this.error=!1,this.hidden=!1,this.keyboardActive=!1,this.reorderable=!1,this.selectable=!1,this.selected=!1,this.showDivider=!1,this.handleDragStart=t=>{if(this.disabled)return void t.preventDefault();if(!this.dragFromHandle)return void t.preventDefault();this.detachDragHandlePointerReleaseListeners(),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",this.itemId||this.el.id||""));const e=this.el.querySelector(".xpl-list-item__wrapper");e?.classList.add("dragging"),this.itemDragStart.emit({itemId:this.itemId,item:this.el})},this.handleDrop=t=>{this.disabled||(t.preventDefault(),this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1,this.itemDrop.emit({itemId:this.itemId,item:this.el}))},this.handleDragOver=t=>{this.disabled||(t.preventDefault(),t.dataTransfer&&this.reorderable&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{if(this.disabled)return;t.preventDefault();const e=this.el.querySelector(".xpl-list-item__wrapper");e?.classList.add("drag-over")},this.handleDragLeave=t=>{if(this.disabled)return;const e=this.el.querySelector(".xpl-list-item__wrapper");e&&!e.contains(t.relatedTarget)&&e.classList.remove("drag-over")},this.handleDragEnd=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1;const t=this.el.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging","drag-over");const e=this.el.parentElement;e&&Array.from(e.children).forEach((t=>{if("xpl-list-item"!==t.tagName.toLowerCase())return;const e=t.querySelector(".xpl-list-item__wrapper");e?.classList.remove("drag-over")})),this.itemDragEnd.emit({itemId:this.itemId,item:this.el})},this.handleDragHandleMouseDown=()=>{if(this.disabled)return;this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!0;const t=()=>{this.detachDragHandlePointerReleaseListeners(),this.dragFromHandle=!1};document.addEventListener("pointerup",t,!0),document.addEventListener("pointercancel",t,!0),this.dragHandlePointerReleaseCleanup=()=>{document.removeEventListener("pointerup",t,!0),document.removeEventListener("pointercancel",t,!0)},this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{exitKeyboardMode:!0}}))},this.preventRowLinkNavigation=t=>{this.href&&(t.preventDefault(),t.stopPropagation())},this.handleMouseDown=()=>{this.isKeyboardMode&&this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))},this.handleDragHandleKeyDown=t=>{this.disabled?"Escape"===t.key&&this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}}))):"Escape"!==t.key?this.isKeyboardMode?"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{direction:"ArrowUp"===t.key?"up":"down",item:this.el,itemId:this.itemId,keyboardMode:!0}}))):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{item:this.el,itemId:this.itemId,keyboardMode:!0}}))):this.isKeyboardMode&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("xplListItemReorder",{bubbles:!0,composed:!0,detail:{itemId:this.itemId,exitKeyboardMode:!0}})))},this.handleRadioChange=()=>{this.disabled||this.itemSelect.emit({itemId:this.itemId})},this.handleRadioClick=t=>{this.href&&t.stopPropagation()}}handleItemChange(){this.updateSlotPresence()}handleKeyboardActiveChange(t){this.isKeyboardMode=t}handleSelectedChange(t){const e=this.el.querySelector('.xpl-list-item__selectable input[type="radio"]');e instanceof HTMLInputElement&&e.checked!==t&&(e.checked=t)}handleTitleBadgeVariantChange(){this.updateSlotPresence()}connectedCallback(){this.el.addEventListener("mousedown",this.handleMouseDown,!0)}disconnectedCallback(){this.el.removeEventListener("mousedown",this.handleMouseDown,!0),this.detachDragHandlePointerReleaseListeners()}componentWillLoad(){this.updateSlotPresence(),this.isKeyboardMode=!!this.keyboardActive;const t=this.el.getAttribute("item-id");t&&!this.itemId&&(this.itemId=t),this.el.id&&!this.itemId&&(this.itemId=this.el.id)}componentDidRender(){this.syncReorderDragHandleA11y()}handleSlotChange(){this.updateSlotPresence()}updateSlotPresence(){const t=this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant");this.slotPresence={actions:this.hasSlot("actions"),avatar:this.hasSlot("avatar"),badges:this.hasSlot("badges"),details:this.hasSlot("details"),errorText:this.hasSlot("error-text"),metadata:this.hasSlot("metadata"),stackedExtra1:this.hasSlot("stacked-extra-1"),stackedExtra2:this.hasSlot("stacked-extra-2"),stackedExtra3:this.hasSlot("stacked-extra-3"),title:this.hasSlot("title"),titleBadge:!!(this.titleBadgeVariant&&String(this.titleBadgeVariant).length>0||t&&t.length>0)}}detachDragHandlePointerReleaseListeners(){this.dragHandlePointerReleaseCleanup&&(this.dragHandlePointerReleaseCleanup(),this.dragHandlePointerReleaseCleanup=void 0)}hasSlot(t){if(Array.from(this.el.children).some((e=>e.getAttribute("slot")===t)))return!0;const e=Array.from(this.el.querySelectorAll(`slot[name="${t}"]`)).find((t=>t.closest("xpl-list-item")===this.el));return!(!e||"function"!=typeof e.assignedNodes)&&e.assignedNodes({flatten:!0}).length>0}getTitleSlotAccessibleText(){const t=Array.from(this.el.children).find((t=>"title"===t.getAttribute("slot")));if(t)return t.textContent??void 0;const e=Array.from(this.el.querySelectorAll('slot[name="title"]')).find((t=>t.closest("xpl-list-item")===this.el));return e&&"function"==typeof e.assignedNodes&&e.assignedNodes({flatten:!0}).map((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE?t.textContent??"":"")).join("").trim()||void 0}getRowIdForAccessibleLabel(){const t=this.itemId?.trim();if(t)return t;const e=this.el.getAttribute("item-id")?.trim();if(e)return e;const i=this.el.id?.trim();return i||""}getSelectableRadioLabel(){const t=this.getRowIdForAccessibleLabel();if(this.slotPresence.title){const e=this.getTitleSlotAccessibleText()?.trim();return e||(t?`Select ${t}`:"Select list item")}return t?`Select ${t}`:"Select list item"}renderPropBasedItem(){const{item:t}=this;if(!t)return null;const e=t.avatars||t.badges||t.subtext,i=t.href?"a":"div",l=t.href?{href:t.href}:{};return s(a,{role:"listitem",class:{"xpl-list-item":!0,"xpl-list-item--error":!!this.error,"xpl-list-item--disabled":!!this.disabled},hidden:this.hidden},function(t){return t.avatar&&"string"==typeof t.avatar?"/"===t.avatar.slice(0,1)||"http"===t.avatar.slice(0,4)?s("xpl-avatar",{src:t.avatar,name:t.title}):s("xpl-avatar",{name:t.title},t.avatar):null}(t),s(i,{class:"xpl-list-item-content",...l},s("div",{class:"xpl-list-left"},s("div",null,s("h4",null,t.title),t.metadata&&s("ul",{class:"xpl-list-item-metadata"},t.metadata.map((t=>"string"==typeof t?s("li",null,t):s("li",null,s("xpl-icon",{icon:t.icon})," ",t.text)))))),e&&s("div",{class:"xpl-list-right"},t.subtext&&s("div",{class:"xpl-list-item-subtext"},t.subtext),t.avatars&&s("div",{class:"xpl-avatar-group xpl-avatar-group--s"},t.avatars.map((t=>s("img",{src:t,alt:""})))),t.badges&&t.badges.map((t=>"string"==typeof t?s("xpl-badge",null,t):s("xpl-badge",{dot:t.dot,variant:t.variant},t.text)))),t.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null))}renderTitleBadge(){if(!this.slotPresence.titleBadge)return null;const t=this.titleBadgeVariant||this.el.getAttribute("title-badge-variant")||this.el.getAttribute("titlebadgevariant")||"purple";return s("div",{class:"xpl-list-item__title-badge"},s("xpl-badge",{dotOnly:!0,size:"small",variant:t}))}renderSlotBasedItem(){const t=this.slotPresence.details||this.slotPresence.badges||this.slotPresence.actions,e=this.slotPresence.title||this.slotPresence.metadata||this.slotPresence.stackedExtra1||this.slotPresence.stackedExtra2||this.slotPresence.stackedExtra3,i=this.radioName||this.el.getAttribute("radio-name")||"",r=this.reorderable&&!this.disabled,n="xpl-list-item__wrapper",h={draggable:r,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,onDragEnter:this.handleDragEnter,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onDragEnd:this.handleDragEnd},d=s(l,null,r&&s("div",{class:"xpl-list-item__reorderable"},s("xpl-button",{class:{"xpl-list-item__drag-handle":!0,"xpl-list-item__drag-handle--keyboard-mode":this.isKeyboardMode},type:"button",variant:"tertiary",sentiment:"neutral",iconOnly:!0,icon:this.isKeyboardMode?"caret-expand-y":"grip-dots-vertical",disabled:this.disabled,onClick:this.preventRowLinkNavigation,onMouseDown:this.handleDragHandleMouseDown,onKeyDown:this.handleDragHandleKeyDown})),this.selectable&&i?s("div",{class:"xpl-list-item__selectable",onClick:this.handleRadioClick},s("xpl-radio",{checked:this.selected,disabled:this.disabled,name:i,value:this.itemId??"",onRadioChange:this.handleRadioChange},this.getSelectableRadioLabel())):null,this.slotPresence.avatar&&s("div",{class:"xpl-list-item__avatar",onClick:this.preventRowLinkNavigation},s("slot",{name:"avatar"})),e&&s("div",{class:"xpl-list-item__stacked"},(this.slotPresence.title||this.slotPresence.titleBadge)&&s("div",{class:"xpl-list-item__title-row"},s("div",{class:"xpl-list-item__title-wrapper"},this.renderTitleBadge(),s("slot",{name:"title"}))),this.showDivider&&s("xpl-divider",null),this.slotPresence.metadata&&s("div",{class:"xpl-list-item__metadata-row"},s("slot",{name:"metadata"})),this.slotPresence.stackedExtra1&&s("div",{class:"xpl-list-item__stacked-extra-1"},s("slot",{name:"stacked-extra-1"})),this.slotPresence.stackedExtra2&&s("div",{class:"xpl-list-item__stacked-extra-2"},s("slot",{name:"stacked-extra-2"})),this.slotPresence.stackedExtra3&&s("div",{class:"xpl-list-item__stacked-extra-3"},s("slot",{name:"stacked-extra-3"}))),t&&s("div",{class:"xpl-list-item__right"},this.slotPresence.details&&s("div",{class:"xpl-list-item__details"},s("slot",{name:"details"})),this.slotPresence.badges&&s("div",{class:"xpl-list-item__badges"},s("slot",{name:"badges"})),this.slotPresence.actions&&s("div",{class:"xpl-list-item__actions",onClick:this.preventRowLinkNavigation},s("slot",{name:"actions"}))),this.href?s("span",{class:"xpl-list-item__link-chevron","aria-hidden":"true"},s("xpl-icon",{icon:"chevron-right",size:12})):null);return s(a,{class:{"xpl-list-item":!0,"xpl-list-item--error":!(!this.error&&!this.slotPresence.errorText),"xpl-list-item--disabled":!!this.disabled,"xpl-list-item--slot-based":!0,"xpl-list-item--selected":!!this.selected},hidden:this.hidden},this.href?s("div",{role:"listitem",class:"xpl-list-item__listitem-shell"},s("a",{class:n,href:this.href,...h},d)):s("div",{role:"listitem",class:n,...h},d),this.slotPresence.errorText&&s("div",{class:"xpl-list-item__error-text"},s("xpl-icon",{icon:"circle-warning",size:16}),s("slot",{name:"error-text"})))}syncReorderDragHandleA11y(){if(!this.reorderable||this.disabled)return;const t=this.el.querySelector("xpl-button.xpl-list-item__drag-handle"),e=t?.querySelector("button");e&&(e.setAttribute("aria-label",this.isKeyboardMode?"Press arrow up or down to reorder, Escape to exit":"Press Enter or Space to activate keyboard reorder mode, or drag to reorder"),e.setAttribute("aria-pressed",this.isKeyboardMode?"true":"false"))}render(){return this.hidden?s(a,{hidden:!0}):this.item?this.renderPropBasedItem():this.renderSlotBasedItem()}get el(){return this}static get watchers(){return{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}}},[260,"xpl-list-item",{disabled:[4],error:[4],hidden:[4],href:[1],item:[16],itemId:[1025,"item-id"],keyboardActive:[4,"keyboard-active"],radioName:[1,"radio-name"],reorderable:[4],selectable:[4],selected:[4],showDivider:[4,"show-divider"],titleBadgeVariant:[1,"title-badge-variant"],slotPresence:[32],isKeyboardMode:[32]},[[0,"slotchange","handleSlotChange"]],{item:[{handleItemChange:0}],keyboardActive:[{handleKeyboardActiveChange:0}],selected:[{handleSelectedChange:0}],titleBadgeVariant:[{handleTitleBadgeVariantChange:0}]}]);function x(){"undefined"!=typeof customElements&&["xpl-list-item","xpl-avatar","xpl-badge","xpl-button","xpl-divider","xpl-icon","xpl-radio"].forEach((t=>{switch(t){case"xpl-list-item":customElements.get(r(t))||customElements.define(r(t),p);break;case"xpl-avatar":customElements.get(r(t))||n();break;case"xpl-badge":customElements.get(r(t))||h();break;case"xpl-button":customElements.get(r(t))||d();break;case"xpl-divider":customElements.get(r(t))||o();break;case"xpl-icon":customElements.get(r(t))||c();break;case"xpl-radio":customElements.get(r(t))||m()}}))}export{p as X,x as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as o,H as e,h as p,c as d,t as s}from"./p-BSHdGbmH.js";import{d as r}from"./p-YG9Jza0y.js";import{d as a}from"./p-DAb-txW3.js";import{d as n}from"./p-l3EZ-agL.js";const t=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,s=e&&e.length&&e.map((({groupName:o,...e})=>o?p("xpl-dropdown-group",{label:o,...e}):p("xpl-dropdown-option",{...e})));return p(d,{key:"232eccef872d6563c056b3b709d3a741473de2b0",role:"group","aria-label":o},p("li",{key:"2185c7b55139ab7b144290c94ab53675a6224b46",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"26c0d13d0742fd34eb629c668bd929e5541fffb8",label:o}),p("ul",{key:"0f13b81deda008bf0588393ff1a4102a5c7a171d",class:"xpl-dropdown-list"},s||p("slot",{key:"70cf6f662d1471c815f5e7c747080d7558efe407",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(s(o))||customElements.define(s(o),t);break;case"xpl-dropdown-group":customElements.get(s(o))||l();break;case"xpl-dropdown-heading":customElements.get(s(o))||r();break;case"xpl-dropdown-option":customElements.get(s(o))||a();break;case"xpl-icon":customElements.get(s(o))||n()}}))}export{t as D,l as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as s,d as t,h as a,c as i,t as c}from"./p-BSHdGbmH.js";import{v as d}from"./p-CK3_k8jD.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=t(this,"checkboxChange",7),this.id=d(),this.ariaLabel="",this.onChange=e=>{this.checkboxChange.emit(e.target.checked)}}render(){return a(i,{key:"d16058b571f7af6d2a83cbdce15b12bccadf0036",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},a("input",{key:"1001a243623e338fc4fefc9f58f251439c2fb74f",class:"xpl-checkbox",type:"checkbox","aria-label":(this.ariaLabel??"").trim()||void 0,checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),a("label",{key:"37e85b721cef98c8ccc448e08dbf9d9c968bd0a6",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},a("slot",{key:"ef36d317d97e26098396b1131a1acce6bce5ae8f"}),this.description&&a("small",{key:"9d710e4fa3f366965307908ca2e216ac46310f30",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}},[260,"xpl-checkbox",{ariaLabel:[1,"aria-label"],checked:[4],description:[1],disabled:[4],indeterminate:[4],name:[1],value:[1],required:[4],styled:[4],dataId:[1,"data-id"],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))}export{l as C,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,d as i,h as a,c as e,t as h}from"./p-BSHdGbmH.js";import{d as n}from"./p-
|
|
1
|
+
import{p as t,H as s,d as i,h as a,c as e,t as h}from"./p-BSHdGbmH.js";import{d as n}from"./p-l3EZ-agL.js";const g=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=i(this,"close",7),this.tagDragEnd=i(this,"tagDragEnd",7),this.tagDragStart=i(this,"tagDragStart",7),this.tagRemove=i(this,"tagRemove",7),this.dismissAriaLabelSuffix="tag",this.isDragging=!1,this.disabled=!1,this.dismissible=!0,this.isDraggable=!1,this.size="default",this.handleTagClick=()=>{this.disabled||this.isDraggable||this.close.emit()},this.setDragPreviewToHost=t=>{if(t.dataTransfer)try{const s=this.el.getBoundingClientRect(),i=Math.max(0,t.clientX-s.left),a=Math.max(0,t.clientY-s.top);t.dataTransfer.setDragImage(this.el,i,a)}catch{}},this.handleContentKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||t.preventDefault()},this.handleDismissClick=t=>{t.stopPropagation(),this.disabled||(this.close.emit(),this.tagRemove.emit())},this.handleDragStart=t=>{this.isDragging=!0,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",this.setDragPreviewToHost(t),this.tagId&&t.dataTransfer.setData("application/x-tag-id",this.tagId),t.dataTransfer.setData("text/plain",this.getContentLabelText())),this.tagDragStart.emit({tagId:this.tagId,content:this.getContentLabelText(),originalEvent:t})},this.handleDragEnd=t=>{this.isDragging=!1,this.tagDragEnd.emit({tagId:this.tagId,dropped:"move"===t.dataTransfer?.dropEffect,originalEvent:t})},this.handleDragOver=t=>{!this.disabled&&this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))},this.handleDragEnter=t=>{!this.disabled&&this.isDraggable&&t.preventDefault()},this.handleHostDragStart=t=>{t.target===this.el&&this.isDraggable&&t.preventDefault()}}onDisabledChange(t){t&&this.isDragging&&(this.isDragging=!1)}onIsDraggableChange(t){!t&&this.isDragging&&(this.isDragging=!1)}componentDidRender(){queueMicrotask((()=>this.syncDismissAriaLabelSuffix()))}getContentLabelText(){return(this.el.querySelector(".xpl-tag__content")?.textContent??"").trim()}syncDismissAriaLabelSuffix(){if(!this.el.isConnected)return;const t=this.getContentLabelText(),s=""===t?"tag":t;s!==this.dismissAriaLabelSuffix&&(this.dismissAriaLabelSuffix=s)}render(){const t=this.isDraggable&&!this.disabled;return a(e,{key:"4129a867a9581efc82985d11549810860a2c6f87",class:{"xpl-tag":!0,"xpl-tag-container":!0,"xpl-tag--disabled":this.disabled,"xpl-tag--dismissible":this.dismissible,"xpl-tag--dragging":this.isDragging,"xpl-tag--draggable":t,"xpl-tag--sm":"sm"===this.size},onDragOver:t?this.handleDragOver:void 0,onDragEnter:t?this.handleDragEnter:void 0,onDragStart:this.isDraggable?this.handleHostDragStart:void 0},t?a("div",{class:"xpl-tag__content xpl-tag",role:"button",tabIndex:0,draggable:!0,"aria-grabbed":String(this.isDragging),onClick:this.handleTagClick,onKeyDown:this.handleContentKeyDown,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd},a("slot",null)):a("button",{class:"xpl-tag__content xpl-tag",type:"button",disabled:this.disabled,onClick:this.handleTagClick},a("slot",null)),this.dismissible&&a("button",{key:"fb10e5fe87053ff4c00f584d887e1f5c29b2dc74",class:"xpl-tag__dismiss xpl-tag__close",type:"button",draggable:!1,disabled:this.disabled,"aria-label":`Dismiss ${this.dismissAriaLabelSuffix}`,onClick:this.handleDismissClick},a("xpl-icon",{key:"e8afb0b6fbf1a942cce78cf6a26b420445094f30",icon:"xmark",size:10})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}}},[260,"xpl-tag",{disabled:[4],dismissible:[4],isDraggable:[4,"is-draggable"],size:[1],tagId:[1,"tag-id"],dismissAriaLabelSuffix:[32],isDragging:[32]},void 0,{disabled:[{onDisabledChange:0}],isDraggable:[{onIsDraggableChange:0}]}]);function l(){"undefined"!=typeof customElements&&["xpl-tag","xpl-icon"].forEach((t=>{switch(t){case"xpl-tag":customElements.get(h(t))||customElements.define(h(t),g);break;case"xpl-icon":customElements.get(h(t))||n()}}))}export{g as T,l as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as s,h as t,t as r,c}from"./p-BSHdGbmH.js";const p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return t(c,{key:"cf17e9f02e1ee67631159e1d159f539827344c30",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function a(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(r(e))||customElements.define(r(e),p))}))}export{p as B,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,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,h as s,c as o,t as i}from"./p-BSHdGbmH.js";import{d as n}from"./p-l3EZ-agL.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropdown=null}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){if(!this.dropdown)return;const{closeOnSelect:t,mode:s}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===s&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){if(!this.dropdown)return;const{dropdown:t}=this,{closeOnSelect:s,mode:o,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const{activeElement:i}=document,n=i?.closest("xpl-dropdown-option")??null;return t.handleSelect(e,{component:{hostElement:n}}),void("single"===o&&s&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:c,icon:l}=this;return s(o,{key:"f4fa4b0a3150fafd4b1c259aa140925219487898",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":!!i,"xpl-dropdown-option--selected":!!t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},s("li",{key:"417af38233cd4765cc54a0cc4541bb5caeaf10ab",class:"xpl-dropdown-list-item"},l&&s("xpl-icon",{key:"48cbe69b056142ce5ef5cd6c608a99f1defd2e9f",class:"xpl-dropdown-list-item__icon",icon:l,size:20}),e||s("slot",{key:"14b86d61bab431487cdef906a0a9b138d6ab4bbb",name:"option"}),c&&s("span",{key:"c7ff5ee61b08f7a94d107183127c0b9cff0b49b5",class:"xpl-dropdown-list-item__subtitle"},c)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],icon:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option","xpl-icon"].forEach((e=>{switch(e){case"xpl-dropdown-option":customElements.get(i(e))||customElements.define(i(e),c);break;case"xpl-icon":customElements.get(i(e))||n()}}))}export{c as D,l as d}
|