@pine-ds/core 4.4.1 → 4.4.3
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/components/pds-combobox.js +2 -2
- package/dist/cjs/{index-Bl5KnQay.js → index-D8Gl0bIB.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mock-pds-modal.cjs.entry.js +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/pds-alert.cjs.entry.js +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/pds-box.cjs.entry.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +1 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +65 -12
- package/dist/cjs/pds-container.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
- package/dist/cjs/pds-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/pds-divider.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +1 -1
- package/dist/cjs/pds-filters.cjs.entry.js +1 -1
- package/dist/cjs/pds-icon.cjs.entry.js +1 -1
- package/dist/cjs/pds-image.cjs.entry.js +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +1 -1
- package/dist/cjs/pds-link.cjs.entry.js +1 -1
- package/dist/cjs/pds-loader.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal-content.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal.cjs.entry.js +1 -1
- package/dist/cjs/pds-multiselect.cjs.entry.js +1 -1
- package/dist/cjs/pds-popover.cjs.entry.js +1 -1
- package/dist/cjs/pds-progress.cjs.entry.js +1 -1
- package/dist/cjs/pds-property.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +1 -1
- package/dist/cjs/pds-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +1 -1
- package/dist/cjs/pds-sortable-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +1 -1
- package/dist/cjs/pds-tab.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabs.cjs.entry.js +1 -1
- package/dist/cjs/pds-text.cjs.entry.js +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/pds-toast.cjs.entry.js +1 -1
- package/dist/cjs/pds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-combobox/pds-combobox.css +7 -0
- package/dist/collection/components/pds-combobox/pds-combobox.js +64 -11
- package/dist/docs.json +2 -2
- package/dist/esm/{index-CB8Yh0Nt.js → index-bLhIfh0N.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mock-pds-modal.entry.js +1 -1
- package/dist/esm/pds-accordion.entry.js +1 -1
- package/dist/esm/pds-alert.entry.js +1 -1
- package/dist/esm/pds-avatar.entry.js +1 -1
- package/dist/esm/pds-box.entry.js +1 -1
- package/dist/esm/pds-button.entry.js +1 -1
- package/dist/esm/pds-checkbox.entry.js +1 -1
- package/dist/esm/pds-chip.entry.js +1 -1
- package/dist/esm/pds-combobox.entry.js +65 -12
- package/dist/esm/pds-container.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +1 -1
- package/dist/esm/pds-datepicker.entry.js +1 -1
- package/dist/esm/pds-divider.entry.js +1 -1
- package/dist/esm/pds-drawer-content.entry.js +1 -1
- package/dist/esm/pds-drawer-footer.entry.js +1 -1
- package/dist/esm/pds-drawer-header.entry.js +1 -1
- package/dist/esm/pds-drawer.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm/pds-filter.entry.js +1 -1
- package/dist/esm/pds-filters.entry.js +1 -1
- package/dist/esm/pds-icon.entry.js +1 -1
- package/dist/esm/pds-image.entry.js +1 -1
- package/dist/esm/pds-input.entry.js +1 -1
- package/dist/esm/pds-link.entry.js +1 -1
- package/dist/esm/pds-loader.entry.js +1 -1
- package/dist/esm/pds-modal-content.entry.js +1 -1
- package/dist/esm/pds-modal-footer.entry.js +1 -1
- package/dist/esm/pds-modal-header.entry.js +1 -1
- package/dist/esm/pds-modal.entry.js +1 -1
- package/dist/esm/pds-multiselect.entry.js +1 -1
- package/dist/esm/pds-popover.entry.js +1 -1
- package/dist/esm/pds-progress.entry.js +1 -1
- package/dist/esm/pds-property.entry.js +1 -1
- package/dist/esm/pds-radio-group.entry.js +1 -1
- package/dist/esm/pds-radio.entry.js +1 -1
- package/dist/esm/pds-row.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +1 -1
- package/dist/esm/pds-sortable-item.entry.js +1 -1
- package/dist/esm/pds-sortable.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +1 -1
- package/dist/esm/pds-tab.entry.js +1 -1
- package/dist/esm/pds-table-body.entry.js +1 -1
- package/dist/esm/pds-table-cell.entry.js +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +1 -1
- package/dist/esm/pds-table-head.entry.js +1 -1
- package/dist/esm/pds-table-row.entry.js +1 -1
- package/dist/esm/pds-table.entry.js +1 -1
- package/dist/esm/pds-tabpanel.entry.js +1 -1
- package/dist/esm/pds-tabs.entry.js +1 -1
- package/dist/esm/pds-text.entry.js +1 -1
- package/dist/esm/pds-textarea.entry.js +1 -1
- package/dist/esm/pds-toast.entry.js +1 -1
- package/dist/esm/pds-tooltip.entry.js +1 -1
- package/dist/esm/pine-core.js +2 -2
- package/dist/esm-es5/index-bLhIfh0N.js +2 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-box.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +2 -2
- package/dist/esm-es5/pds-container.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-datepicker.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
- package/dist/esm-es5/pds-drawer.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-filters.entry.js +1 -1
- package/dist/esm-es5/pds-icon.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js +1 -1
- package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
- package/dist/esm-es5/pds-modal-header.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-property.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-tab.entry.js +1 -1
- package/dist/esm-es5/pds-table-body.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-toast.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/{p-ac6a5bf0.entry.js → p-015d2ceb.entry.js} +1 -1
- package/dist/pine-core/{p-3a9c58bd.system.entry.js → p-02a428af.system.entry.js} +1 -1
- package/dist/pine-core/{p-b8693a87.entry.js → p-06534502.entry.js} +1 -1
- package/dist/pine-core/{p-b8ada1eb.entry.js → p-0827c6a6.entry.js} +1 -1
- package/dist/pine-core/{p-4b8cf04a.system.entry.js → p-085c92aa.system.entry.js} +1 -1
- package/dist/pine-core/{p-16c8f5e3.entry.js → p-0af4685d.entry.js} +1 -1
- package/dist/pine-core/{p-08f5d19c.entry.js → p-0bfe152a.entry.js} +1 -1
- package/dist/pine-core/{p-c6fa6744.system.entry.js → p-0ce3bcf2.system.entry.js} +1 -1
- package/dist/pine-core/{p-8252cd84.system.entry.js → p-1747c005.system.entry.js} +1 -1
- package/dist/pine-core/{p-61756414.system.entry.js → p-1dd395d8.system.entry.js} +1 -1
- package/dist/pine-core/{p-5db57551.system.entry.js → p-2126b4e4.system.entry.js} +1 -1
- package/dist/pine-core/{p-7c98c90a.system.entry.js → p-23044953.system.entry.js} +1 -1
- package/dist/pine-core/{p-fe3e2ebd.system.entry.js → p-26d8c4f7.system.entry.js} +1 -1
- package/dist/pine-core/{p-cfb8fa7c.system.entry.js → p-28abc253.system.entry.js} +1 -1
- package/dist/pine-core/{p-dc343b6d.entry.js → p-2a00844f.entry.js} +1 -1
- package/dist/pine-core/{p-abc0fe2f.system.entry.js → p-3653fd52.system.entry.js} +1 -1
- package/dist/pine-core/{p-dde753e7.system.entry.js → p-3add97f7.system.entry.js} +1 -1
- package/dist/pine-core/{p-dc27abe6.system.entry.js → p-40928521.system.entry.js} +1 -1
- package/dist/pine-core/{p-c2dd84bd.system.entry.js → p-40ebfe59.system.entry.js} +1 -1
- package/dist/pine-core/{p-74229b5e.system.entry.js → p-468f0dab.system.entry.js} +1 -1
- package/dist/pine-core/{p-6b180ee2.entry.js → p-478e69d1.entry.js} +1 -1
- package/dist/pine-core/{p-df29fd41.entry.js → p-495f791c.entry.js} +1 -1
- package/dist/pine-core/{p-4e7580c4.entry.js → p-4a43fbd9.entry.js} +1 -1
- package/dist/pine-core/{p-43c691bf.system.entry.js → p-4d3f5098.system.entry.js} +1 -1
- package/dist/pine-core/{p-3ebd543f.entry.js → p-517e04f6.entry.js} +1 -1
- package/dist/pine-core/{p-19dbd9f6.entry.js → p-517f9962.entry.js} +1 -1
- package/dist/pine-core/{p-257c6ef9.entry.js → p-563ba784.entry.js} +1 -1
- package/dist/pine-core/{p-0aaf8faa.system.entry.js → p-569b07ed.system.entry.js} +1 -1
- package/dist/pine-core/{p-1f228db9.entry.js → p-5986f3c9.entry.js} +1 -1
- package/dist/pine-core/{p-5eb00ba5.entry.js → p-5bf397ca.entry.js} +1 -1
- package/dist/pine-core/{p-c23097af.entry.js → p-5c7c2ffa.entry.js} +1 -1
- package/dist/pine-core/{p-166f61a6.system.entry.js → p-5e9396e2.system.entry.js} +1 -1
- package/dist/pine-core/{p-682e9e8f.entry.js → p-600be0e1.entry.js} +1 -1
- package/dist/pine-core/{p-eb71a82d.system.entry.js → p-601b646c.system.entry.js} +1 -1
- package/dist/pine-core/{p-d0d7d1d4.entry.js → p-60393d52.entry.js} +1 -1
- package/dist/pine-core/{p-07f0d168.system.entry.js → p-60a15bf7.system.entry.js} +1 -1
- package/dist/pine-core/{p-5613c64c.entry.js → p-60e687ac.entry.js} +1 -1
- package/dist/pine-core/{p-76db406d.system.entry.js → p-61ae5a4b.system.entry.js} +1 -1
- package/dist/pine-core/{p-1ea45d33.system.entry.js → p-62045f88.system.entry.js} +1 -1
- package/dist/pine-core/{p-fc455968.entry.js → p-62241978.entry.js} +1 -1
- package/dist/pine-core/{p-c7dba815.entry.js → p-62974869.entry.js} +1 -1
- package/dist/pine-core/p-63422f56.entry.js +2 -0
- package/dist/pine-core/{p-6e3bf862.system.entry.js → p-63930a06.system.entry.js} +1 -1
- package/dist/pine-core/{p-c4520b04.system.entry.js → p-6516adf7.system.entry.js} +1 -1
- package/dist/pine-core/{p-d1112c8a.entry.js → p-67227922.entry.js} +1 -1
- package/dist/pine-core/{p-9b66642d.entry.js → p-686b526d.entry.js} +1 -1
- package/dist/pine-core/{p-7512c2d4.system.entry.js → p-69f60432.system.entry.js} +1 -1
- package/dist/pine-core/{p-b4923acf.entry.js → p-6aaf945c.entry.js} +1 -1
- package/dist/pine-core/{p-84ba0e6a.system.entry.js → p-6b25f349.system.entry.js} +1 -1
- package/dist/pine-core/{p-5211aba7.entry.js → p-6eb2070a.entry.js} +1 -1
- package/dist/pine-core/{p-5bb24cb4.entry.js → p-715b8e6b.entry.js} +1 -1
- package/dist/pine-core/{p-da018dcb.entry.js → p-74b1b841.entry.js} +1 -1
- package/dist/pine-core/{p-f4f6dc36.entry.js → p-7608e9b2.entry.js} +1 -1
- package/dist/pine-core/{p-b4e440e3.system.entry.js → p-773f5771.system.entry.js} +1 -1
- package/dist/pine-core/{p-4566d659.system.entry.js → p-77961987.system.entry.js} +1 -1
- package/dist/pine-core/{p-5c6e0a26.system.entry.js → p-77e12080.system.entry.js} +1 -1
- package/dist/pine-core/{p-039369b4.system.entry.js → p-7a177548.system.entry.js} +1 -1
- package/dist/pine-core/{p-e8668178.entry.js → p-7fbb7037.entry.js} +1 -1
- package/dist/pine-core/{p-bb85bbb5.system.entry.js → p-806f17de.system.entry.js} +1 -1
- package/dist/pine-core/{p-b195d345.entry.js → p-832cedb7.entry.js} +1 -1
- package/dist/pine-core/{p-79aa5f43.system.entry.js → p-847e5f00.system.entry.js} +1 -1
- package/dist/pine-core/{p-33c63be6.system.entry.js → p-85981c5d.system.entry.js} +1 -1
- package/dist/pine-core/{p-948826db.entry.js → p-86978a51.entry.js} +1 -1
- package/dist/pine-core/{p-427b4aeb.entry.js → p-871894e1.entry.js} +1 -1
- package/dist/pine-core/{p-dea3a582.entry.js → p-893b02b7.entry.js} +1 -1
- package/dist/pine-core/p-8961d112.system.entry.js +3 -0
- package/dist/pine-core/{p-5bb80b3c.entry.js → p-8d42f505.entry.js} +1 -1
- package/dist/pine-core/{p-7c8946e6.entry.js → p-9452adc4.entry.js} +1 -1
- package/dist/pine-core/{p-524b7d3f.entry.js → p-977db8b2.entry.js} +1 -1
- package/dist/pine-core/{p-42bd87ea.system.entry.js → p-9903eb37.system.entry.js} +1 -1
- package/dist/pine-core/{p-26e1e5bb.entry.js → p-9b18314c.entry.js} +1 -1
- package/dist/pine-core/{p-0bad5955.entry.js → p-9b262a9d.entry.js} +1 -1
- package/dist/pine-core/{p-86fc0bfa.entry.js → p-9dbb8fe9.entry.js} +1 -1
- package/dist/pine-core/p-CrXTJmBd.system.js +2 -0
- package/dist/pine-core/{p-CTQZ2fkv.system.js → p-DO9XKAkv.system.js} +1 -1
- package/dist/pine-core/{p-0ce79cd0.entry.js → p-a44316ad.entry.js} +1 -1
- package/dist/pine-core/{p-16e258d1.entry.js → p-ae125139.entry.js} +1 -1
- package/dist/pine-core/{p-1e3a31da.entry.js → p-af9bce53.entry.js} +1 -1
- package/dist/pine-core/{p-26415245.system.entry.js → p-b2901e60.system.entry.js} +1 -1
- package/dist/pine-core/{p-bbc539bc.system.entry.js → p-b412473d.system.entry.js} +2 -2
- package/dist/pine-core/{p-6c53962f.entry.js → p-b51cfa3b.entry.js} +1 -1
- package/dist/pine-core/{p-1057b8c3.system.entry.js → p-b62e08c2.system.entry.js} +1 -1
- package/dist/pine-core/{p-4f4a2d2a.system.entry.js → p-b802776b.system.entry.js} +1 -1
- package/dist/pine-core/{p-71c9f866.system.entry.js → p-b823bde2.system.entry.js} +1 -1
- package/dist/pine-core/{p-1be33c95.entry.js → p-b82a0693.entry.js} +1 -1
- package/dist/pine-core/p-b852c82b.system.entry.js +1 -0
- package/dist/pine-core/{p-b130b716.entry.js → p-b979105e.entry.js} +1 -1
- package/dist/pine-core/p-bLhIfh0N.js +2 -0
- package/dist/pine-core/{p-7265b94c.system.entry.js → p-bb9d158c.system.entry.js} +1 -1
- package/dist/pine-core/{p-bf833976.system.entry.js → p-bd1bdb07.system.entry.js} +1 -1
- package/dist/pine-core/{p-d4e91ad9.system.entry.js → p-c53e560a.system.entry.js} +1 -1
- package/dist/pine-core/{p-3a1711c1.entry.js → p-c5c46b65.entry.js} +1 -1
- package/dist/pine-core/{p-eb28d21d.system.entry.js → p-cbae27a4.system.entry.js} +1 -1
- package/dist/pine-core/{p-4d6f471c.entry.js → p-cd7deae5.entry.js} +1 -1
- package/dist/pine-core/{p-a10af84b.system.entry.js → p-cd86ee3e.system.entry.js} +1 -1
- package/dist/pine-core/{p-90ea812c.system.entry.js → p-cf5a484e.system.entry.js} +1 -1
- package/dist/pine-core/{p-0c3bf377.system.entry.js → p-cf99f7d8.system.entry.js} +1 -1
- package/dist/pine-core/{p-7bbcda0f.system.entry.js → p-cff7013e.system.entry.js} +1 -1
- package/dist/pine-core/{p-3fbcb0c8.system.entry.js → p-d00c5b9c.system.entry.js} +1 -1
- package/dist/pine-core/{p-ed63873c.entry.js → p-d11e4956.entry.js} +1 -1
- package/dist/pine-core/{p-b0526f98.entry.js → p-da7a7cca.entry.js} +1 -1
- package/dist/pine-core/{p-e4e2eae2.system.entry.js → p-daaf653f.system.entry.js} +1 -1
- package/dist/pine-core/{p-f67a0ca8.system.entry.js → p-de740b3e.system.entry.js} +1 -1
- package/dist/pine-core/{p-8469cf3e.entry.js → p-e1d541f7.entry.js} +1 -1
- package/dist/pine-core/{p-344609f9.entry.js → p-ea0e5253.entry.js} +2 -2
- package/dist/pine-core/{p-c4f68dfc.entry.js → p-ea9468fb.entry.js} +1 -1
- package/dist/pine-core/{p-a85535a4.system.entry.js → p-f22abb4d.system.entry.js} +1 -1
- package/dist/pine-core/{p-04807201.entry.js → p-f2560935.entry.js} +1 -1
- package/dist/pine-core/{p-a21b530a.system.entry.js → p-f279f435.system.entry.js} +1 -1
- package/dist/pine-core/{p-330a76f6.system.entry.js → p-f5677949.system.entry.js} +1 -1
- package/dist/pine-core/{p-cb6f55ff.entry.js → p-f6943cbf.entry.js} +1 -1
- package/dist/pine-core/p-f794f7ad.entry.js +1 -0
- package/dist/pine-core/{p-108c910a.system.entry.js → p-fe09b6fb.system.entry.js} +1 -1
- package/dist/pine-core/pine-core.css +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/pine-core/pine-core.js +1 -1
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +15 -3
- package/dist/types/components.d.ts +2 -2
- package/dist/vscode.html-data.json +1 -1
- package/hydrate/index.js +79 -27
- package/hydrate/index.mjs +79 -27
- package/package.json +2 -2
- package/dist/esm-es5/index-CB8Yh0Nt.js +0 -2
- package/dist/pine-core/p-0414092a.system.entry.js +0 -1
- package/dist/pine-core/p-27c06bf8.entry.js +0 -2
- package/dist/pine-core/p-6965db1d.entry.js +0 -1
- package/dist/pine-core/p-6da6520b.system.entry.js +0 -3
- package/dist/pine-core/p-CB8Yh0Nt.js +0 -2
- package/dist/pine-core/p-D-akEPIU.system.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CB8Yh0Nt.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift,b as size}from"./floating-ui.dom-BPqJgIq6.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{e as enlarge,b as danger}from"./index-DxI-61GK.js";import{f as formatMessage,p as pluralize}from"./i18n-format-BJgZHCWe.js";var pdsMultiselectCss=function(){return":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__pill-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs)}.pds-multiselect__pill-list--inline{-ms-flex:1;flex:1;min-width:0}.pds-multiselect__pill-list--below{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-multiselect__pill-overflow{color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);white-space:nowrap}.pds-multiselect__trigger--pill-inline{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger--pill-inline:focus-within:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--invalid:focus-within{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__pill-toggle{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-width:0;cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-multiselect__pill-toggle:focus{outline:3px solid transparent}.pds-multiselect__trigger--disabled .pds-multiselect__pill-toggle{cursor:not-allowed;pointer-events:none}.pds-multiselect__panel{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__group-header{color:var(--pine-color-text-muted);display:block;font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-sm) var(--pine-dimension-xs) var(--pine-dimension-2xs);text-transform:uppercase}.pds-multiselect__listbox>li:first-child>.pds-multiselect__group-header{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-multiselect__group-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover:not(.pds-multiselect__option--disabled),.pds-multiselect__option.pds-multiselect__option--highlighted:not(.pds-multiselect__option--disabled){background:var(--pine-color-background-muted)}.pds-multiselect__option.pds-multiselect__option--disabled{cursor:not-allowed;opacity:0.5}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__option-action{-ms-flex-align:center;align-items:center;block-size:var(--pine-dimension-md);color:var(--pine-color-icon);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-md);-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__footer{-webkit-border-before:var(--pine-border);border-block-start:var(--pine-border);border-block-start-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}"};var PINE_ICON_NAME=/^[a-z0-9-]+$/i;var TABBABLE_SELECTOR='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';var PdsMultiselect=function(){function i(i){var e=this;registerInstance(this,i);this.pdsMultiselectChange=createEvent(this,"pdsMultiselectChange");this.pdsMultiselectSearch=createEvent(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=createEvent(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=createEvent(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=createEvent(this,"pdsMultiselectDismiss");this.pdsMultiselectOptionAction=createEvent(this,"pdsMultiselectOptionAction");this.hasDisabledSlottedTrigger=false;this.placeholder="Select...";this.searchPlaceholder="Find...";this.searchOptionsLabel="Search options";this.selectedItemsLabel="Selected items";this.optionsLabel="Options";this.noOptionsFoundLabel="No options found";this.createOptionLabel='Add "{text}"';this.createOptionAriaLabel="Create new tag: {text}";this.itemRemovedLabel="{item} removed";this.pillRemoveLabel="Remove";this.selectedCountLabelOne="{count} item";this.selectedCountLabelOther="{count} items";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.selectedDisplay="count";this.pillPosition="inline";this.maxInlinePills=3;this.optionDisplay="text";this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.optionActions=false;this.optionActionLabel="Edit {text}";this.optionActionDescription="Press Right Arrow to {action}";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.removalAnnouncement="";this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(i){if(e.disabled)return;if(i&&!e.slottedTriggerEl&&e.selectedDisplay==="pill"&&e.pillPosition==="inline"){var t=i.composedPath().some((function(i){var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(t)return}if(e.isOpen){e.closeDropdown()}else{e.openDropdown()}};this.handleTriggerKeyDown=function(i){if(e.disabled)return;if(i.target!==e.activeTriggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!e.isOpen){e.openDropdown()}break}};this.handleSearchInputChange=function(i){var t=i.target;e.searchQuery=t.value;e.highlightedIndex=-1;e.pdsMultiselectSearch.emit({query:e.searchQuery});if(e.asyncUrl){e.debouncedFetchAsyncOptions(e.searchQuery,1)}};this.handleSearchInputKeyDown=function(i){var t,s,n;var r=e.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();var o=e.highlightedIndex+1;while(o<r.length&&((t=r[o])===null||t===void 0?void 0:t.disabled)){o++}if(o<r.length){e.highlightedIndex=o;e.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();var a=Math.max(e.highlightedIndex-1,0);while(a>0&&((s=r[a])===null||s===void 0?void 0:s.disabled)){a--}if(!((n=r[a])===null||n===void 0?void 0:n.disabled)){e.highlightedIndex=a;e.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(e.highlightedIndex>=0){var l=r[e.highlightedIndex];if(l){e.selectOption(l)}}break;case"ArrowRight":{var l=r[e.highlightedIndex];var d=!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&!i.isComposing;if(d&&l&&e.hasOptionAction(l)&&e.isCaretAtEndOfSearch()){i.preventDefault();e.runOptionAction(l)}break}case"Tab":{var c=i.shiftKey?undefined:e.getFooterTabbables()[0];c===null||c===void 0?void 0:c.focus();if(c===null||c===void 0?void 0:c.matches(":focus")){i.preventDefault()}else{e.closeDropdown()}break}}};this.handleFooterKeyDown=function(i){var t;if(i.key!=="Tab")return;var s=e.getFooterTabbables();var n=i.composedPath()[0];if(i.shiftKey&&n===s[0]){i.preventDefault();(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else if(!i.shiftKey&&n===s[s.length-1]){e.closeDropdown()}};this.handleContainerFocusOut=function(){setTimeout((function(){var i;if(!e.isOpen||e.isOpening||e.isClosingViaSelection)return;var t=document.activeElement;var s=(i=e.el.shadowRoot)===null||i===void 0?void 0:i.contains(t);var n=e.el.contains(t);if(!s&&!n){e.pdsMultiselectDismiss.emit();e.closeDropdown()}}),0)};this.handleOptionMouseDown=function(i){return function(t){t.preventDefault();e.toggleOption(i)}};this.handleOptionMouseEnter=function(i,t){return function(){if(t.disabled)return;e.highlightedIndex=i}};this.handleOptionActionMouseDown=function(i){i.preventDefault();i.stopPropagation()};this.handleOptionActionClick=function(i){return function(){e.runOptionAction(i)}};this.handleFooterMouseDown=function(i){i.preventDefault()};this.handleScroll=function(i){if(!e.asyncUrl||!e.hasMore||e.loading)return;var t=i.target;var s=t.scrollHeight-t.scrollTop-t.clientHeight;if(s<50){e.pdsMultiselectLoadOptions.emit({query:e.searchQuery,page:e.currentPage+1});e.debouncedFetchAsyncOptions(e.searchQuery,e.currentPage+1)}};this.handlePillRemove=function(i){return function(){var t,s;if(e.disabled)return;var n=String(i.id);e.value=e.value.filter((function(i){return i!==n}));e.syncSelectedItems();e.emitChange({removed:[n]});e.removalAnnouncement="";queueMicrotask((function(){e.removalAnnouncement=formatMessage(e.itemRemovedLabel,{item:i.text})}));e.isClosingViaSelection=true;if(e.isOpen){(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else{(s=e.activeTriggerEl)===null||s===void 0?void 0:s.focus()}setTimeout((function(){e.isClosingViaSelection=false}),0)}}}i.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};i.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems();this.syncSlottedTrigger()};i.prototype.componentDidLoad=function(){var i=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};i.prototype.setupSlotChangeListener=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));this.updateOptionsFromSlot()}};i.prototype.disconnectedCallback=function(){var i,e;cancelDebouncedEvent(this.pdsMultiselectSearch);(i=this.observer)===null||i===void 0?void 0:i.disconnect();(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.clearAsyncFetchState()};i.prototype.setupDebounce=function(){var i=this,e=i.pdsMultiselectSearch,t=i.debounce,s=i.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:e:debounceEvent(e,t);flushDebouncedEvent(e)};i.prototype.valueChanged=function(i){if(typeof i==="string"){try{var e=JSON.parse(i);if(Array.isArray(e)){this.value=e;return}}catch(e){this.value=i?[i]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};i.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};i.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};i.prototype.isOpenChanged=function(){var i;(i=this.slottedTriggerEl)===null||i===void 0?void 0:i.setAttribute("aria-expanded",String(this.isOpen))};i.prototype.disabledChanged=function(){this.syncSlottedTrigger()};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){(i=this.activeTriggerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var i,e;return __generator(this,(function(t){i=this.value.length>0||this.searchQuery!=="";e=this.ensureValueArray();this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.emitChange({removed:e})}return[2]}))}))};i.prototype.refreshOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,this.fetchOptions(this.searchQuery,1)];case 1:i.sent();return[2]}}))}))};i.prototype.handleWindowKeyDown=function(i){var e;if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}};Object.defineProperty(i.prototype,"activeTriggerEl",{get:function(){var i;return(i=this.slottedTriggerEl)!==null&&i!==void 0?i:this.triggerEl},enumerable:false,configurable:true});i.prototype.syncSlottedTrigger=function(){var i=Array.from(this.el.children).find((function(i){return i.getAttribute("slot")==="trigger"}));if(i!==this.slottedTriggerEl){var e=this.slottedTriggerEl;if(e){e.removeEventListener("click",this.handleTriggerClick);e.removeEventListener("keydown",this.handleTriggerKeyDown);e.removeAttribute("aria-expanded");e.removeAttribute("aria-haspopup");e.removeAttribute("aria-disabled");this.setSlottedTriggerDisabled(e,false)}i===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);i===null||i===void 0?void 0:i.addEventListener("keydown",this.handleTriggerKeyDown);this.slottedTriggerEl=i}if(!i)return;i.setAttribute("aria-haspopup","listbox");i.setAttribute("aria-expanded",String(this.isOpen));if(this.disabled){i.setAttribute("aria-disabled","true")}else{i.removeAttribute("aria-disabled")}this.setSlottedTriggerDisabled(i,this.disabled)};i.prototype.setSlottedTriggerDisabled=function(i,e){var t=this;if(!("disabled"in i)){if(e&&i.localName.includes("-")&&customElements.get(i.localName)===undefined){customElements.whenDefined(i.localName).then((function(){return t.syncSlottedTrigger()}))}return}var s=i;if(e&&!s.disabled){s.disabled=true;this.hasDisabledSlottedTrigger=true}else if(!e&&this.hasDisabledSlottedTrigger){s.disabled=false;this.hasDisabledSlottedTrigger=false}};i.prototype.setupMutationObserver=function(){var i=this;this.observer=new MutationObserver((function(e){if(e.some((function(e){return e.target===i.el}))){i.syncSlottedTrigger()}var t=i.slottedTriggerEl;if(!t||e.some((function(i){return!t.contains(i.target)}))){i.updateOptionsFromSlot()}}));this.observer.observe(this.el,{childList:true,subtree:true})};i.prototype.updateOptionsFromSlot=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;var s=[];t.assignedElements({flatten:true}).forEach((function(e){if(e.tagName==="OPTGROUP"){var t=e;var n=t.label;var r=t.disabled;t.querySelectorAll("option").forEach((function(e){var t=i.parseSlottedOption(e,r);if(n){t.group=n}s.push(t)}))}else if(e.tagName==="OPTION"){s.push(i.parseSlottedOption(e,false))}}));if(s.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=s}};i.prototype.parseSlottedOption=function(i,e){var t;var s={id:i.value,text:((t=i.textContent)===null||t===void 0?void 0:t.trim())||i.value,disabled:i.disabled||e||undefined};var n=i.getAttribute("data-dot-color");if(n){s.dotColor=n}var r=i.getAttribute("data-action-icon");if(r){s.actionIcon=r}var o=i.getAttribute("data-action-label");if(o){s.actionLabel=o}return s};i.prototype.clearAsyncFetchState=function(){var i;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(i=this.abortController)===null||i===void 0?void 0:i.abort();this.abortController=undefined};i.prototype.debouncedFetchAsyncOptions=function(i,e){var t=this;if(e===void 0){e=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(i,e)}),n)};i.prototype.syncSelectedItems=function(){var i=this.ensureValueArray();var e=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(i){return[String(i.id),i]})));i.forEach((function(i){var n=e.find((function(e){return String(e.id)===String(i)}));if(n){t.push(n)}else if(s.has(String(i))){t.push(s.get(String(i)))}}));this.selectedItems=t};i.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){var e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};i.prototype.getAllOptions=function(){return this.options||this.internalOptions};i.prototype.getFilteredOptions=function(){var i=this.getAllOptions();var e=this.searchQuery.toLowerCase();var t=i.filter((function(i){if(e){return i.text.toLowerCase().includes(e)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};i.prototype.updateFormValue=function(){var i=this;var e;if(isSpecTest())return;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(e){if(i.name){s.append(i.name,e)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.activeTriggerEl)}else{this.internals.setValidity({})}}};i.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null};i.prototype.fetchOptions=function(i){return __awaiter(this,arguments,void 0,(function(i,e){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(e===void 0){e=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var i;(i=p.abortController)===null||i===void 0?void 0:i.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",i);s.searchParams.set("page",String(e))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(i){if(p.formatResult){return p.formatResult(i)}if(typeof i==="object"&&i!==null){return Object.assign({id:i.id,text:i.text},i)}return{id:String(i),text:String(i)}}));if(e===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=e;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};i.prototype.createOption=function(i){return __awaiter(this,void 0,void 0,(function(){var e,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!i.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);e=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:a});this.emitChange({added:[String(a.id)]});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var i;(i=d.searchInputEl)===null||i===void 0?void 0:i.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};i.prototype.getFooterTabbables=function(){var i=[];Array.from(this.el.children).filter((function(i){return i.getAttribute("slot")==="footer"})).forEach((function(e){return i.push.apply(i,__spreadArray([e],Array.from(e.querySelectorAll("*")),false))}));return i.map((function(i){var e;return i.matches(TABBABLE_SELECTOR)?i:(e=i.shadowRoot)===null||e===void 0?void 0:e.querySelector(TABBABLE_SELECTOR)})).filter((function(i){var e,t;return!!i&&((t=(e=i.checkVisibility)===null||e===void 0?void 0:e.call(i))!==null&&t!==void 0?t:true)}))};i.prototype.isCaretAtEndOfSearch=function(){var i,e;var t=this.searchInputEl;if(!t)return true;var s=t.value.length;return((i=t.selectionStart)!==null&&i!==void 0?i:s)===s&&((e=t.selectionEnd)!==null&&e!==void 0?e:s)===s};i.prototype.hasOptionAction=function(i){return this.optionActions&&typeof i.actionIcon==="string"&&PINE_ICON_NAME.test(i.actionIcon)&&!i.isCreateOption&&!i.disabled};Object.defineProperty(i.prototype,"isHoverless",{get:function(){var i,e,t;(i=this.hoverlessQuery)!==null&&i!==void 0?i:this.hoverlessQuery=(e=window.matchMedia)===null||e===void 0?void 0:e.call(window,"(hover: none)");return!!((t=this.hoverlessQuery)===null||t===void 0?void 0:t.matches)},enumerable:false,configurable:true});i.prototype.runOptionAction=function(i){var e;this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus();this.pdsMultiselectOptionAction.emit({option:i})};i.prototype.openDropdown=function(){var i=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var e;i.positionDropdown();(e=i.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((function(){i.isOpening=false}),50)}))};i.prototype.closeDropdown=function(){var i=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){i.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};i.prototype.positionDropdown=function(){var i=this;if(!this.containerEl||!this.panelEl)return;var e=this.slottedTriggerEl||this.pillInlineTriggerEl||this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){computePosition(e,i.panelEl,{placement:"bottom-start",strategy:"fixed",middleware:[offset(12),flip(),shift({padding:8}),size({apply:function(i){var e=i.rects,t=i.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(e.reference.width,"px"),minWidth:s})}})]}).then((function(e){var t=e.x,s=e.y;if(i.panelEl){i.panelEl.style.left="".concat(t,"px");i.panelEl.style.top="".concat(s,"px")}}))};r();var o=autoUpdate(e,this.panelEl,r);this.cleanupAutoUpdate=function(){o();i.clearAsyncFetchState()}};i.prototype.scrollOptionIntoView=function(){var i=this;requestAnimationFrame((function(){var e;var t=(e=i.listboxEl)===null||e===void 0?void 0:e.querySelector('[data-index="'.concat(i.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};i.prototype.emitChange=function(i){var e=i.added,t=e===void 0?[]:e,s=i.removed,n=s===void 0?[]:s;this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems,added:t,removed:n})};i.prototype.toggleOption=function(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(i.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(i){return i!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.emitChange(n?{removed:[s]}:{added:[s]});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};i.prototype.selectOption=function(i){this.toggleOption(i)};i.prototype.getGroupedRenderItems=function(i){var e=[];var t=null;i.forEach((function(i,s){var n=i.group;if(n!==undefined){if(!t||t.group!==n){t={type:"group",group:n,options:[]};e.push(t)}t.options.push({option:i,index:s})}else{t=null;e.push({type:"option",option:i,index:s})}}));return e};i.prototype.renderOption=function(i,e,t){var s=t.includes(String(i.id));var n=i.isCreateOption;var r=i.disabled;var o=e===this.highlightedIndex&&!n;var a="".concat(this.componentId,"-option-").concat(e);var l=n&&this.creating;var d=this.hasOptionAction(i);return h("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":o,"pds-multiselect__option--selected":s,"pds-multiselect__option--create":n,"pds-multiselect__option--disabled":r||l},role:"option","aria-selected":s?"true":"false","aria-disabled":r||l?"true":undefined,"aria-label":n?formatMessage(this.createOptionAriaLabel,{text:i.text}):undefined,"aria-describedby":d?"".concat(a,"-action-description"):undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onMouseEnter:this.handleOptionMouseEnter(e,i)},n?h("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},h("pds-icon",{name:"add",size:"small"}),h("pds-text",null,formatMessage(this.createOptionLabel,{text:i.text}))):h("pds-checkbox",{componentId:"".concat(this.componentId,"-checkbox-").concat(e),checked:s,label:i.text,disabled:r,style:{pointerEvents:"none"}},this.optionDisplay==="chip"&&h("pds-chip",{slot:"label",sentiment:"subtle",dot:!!i.dotColor,"dot-color":i.dotColor},i.text)),d&&this.renderOptionAction(i,a,o))};i.prototype.renderOptionAction=function(i,e,t){var s;var n=formatMessage((s=i.actionLabel)!==null&&s!==void 0?s:this.optionActionLabel,{text:i.text});return[h("span",{class:"pds-multiselect__option-action",title:n,"aria-hidden":"true",onMouseDown:this.handleOptionActionMouseDown,onClick:this.handleOptionActionClick(i)},(t||this.isHoverless)&&h("pds-icon",{name:i.actionIcon})),h("span",{id:"".concat(e,"-action-description"),hidden:true},formatMessage(this.optionActionDescription,{action:n}))]};i.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return h("div",{class:"pds-multiselect__selected-section"},h("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(i){return h("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)}))))};i.prototype.renderDropdown=function(){var i=this;if(!this.isOpen)return null;var e=this.getFilteredOptions();var t=this.ensureValueArray();var s=!!this.el.querySelector('[slot="empty"]');var n=!!this.el.querySelector('[slot="loading"]');var r=!!this.el.querySelector('[slot="footer"]');return h("div",{class:"pds-multiselect__panel",ref:function(e){return i.panelEl=e},style:{minWidth:this.minWidth}},h("div",{class:"pds-multiselect__search"},h("pds-icon",{name:"search",size:"small"}),h("input",{ref:function(e){return i.searchInputEl=e},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":this.searchOptionsLabel,"aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),h("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.optionsLabel,id:"".concat(this.componentId,"-listbox"),ref:function(e){return i.listboxEl=e},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&h("li",{class:"pds-multiselect__loading",role:"presentation"},n?h("slot",{name:"loading"}):h("pds-loader",{size:"small"})),!this.loading&&e.length===0&&h("li",{class:"pds-multiselect__empty",role:"presentation"},s?h("slot",{name:"empty"}):h("span",null,this.noOptionsFoundLabel)),this.getGroupedRenderItems(e).map((function(e,s){if(e.type==="group"){return h("li",{key:"group-".concat(s),role:"group","aria-label":e.group,class:"pds-multiselect__group"},h("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},e.group),h("ul",{class:"pds-multiselect__group-list",role:"presentation"},e.options.map((function(e){var s=e.option,n=e.index;return i.renderOption(s,n,t)}))))}return i.renderOption(e.option,e.index,t)})),this.hasMore&&!this.loading&&h("li",{class:"pds-multiselect__load-more",role:"presentation"},h("pds-loader",{size:"small"}))),r&&h("div",{class:"pds-multiselect__footer",onMouseDown:this.handleFooterMouseDown,onKeyDown:this.handleFooterKeyDown},h("slot",{name:"footer"})))};i.prototype.renderInlinePills=function(){var i=this;var e=this.selectedItems.length>0;if(!e){return h("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}var t=this.disabled?"text":"tag";var s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));var n=this.selectedItems.length-s.length;return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":this.selectedItemsLabel},s.map((function(e){return h("pds-chip",{key:String(e.id),"component-id":"".concat(i.componentId,"-pill-").concat(e.id),variant:t,size:"sm",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(e)},e.text)})),n>0&&h("span",{class:"pds-multiselect__pill-overflow"},"+",n))};i.prototype.renderBelowPills=function(){var i=this;if(this.selectedItems.length===0)return null;var e=this.disabled?"text":"tag";return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":this.selectedItemsLabel},this.selectedItems.map((function(t){return h("pds-chip",{key:String(t.id),"component-id":"".concat(i.componentId,"-pill-").concat(t.id),variant:e,size:"md",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(t)},t.text)})))};i.prototype.getTriggerText=function(){var i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return pluralize(this.el,i,this.resolveCountForms())};i.prototype.resolveCountForms=function(){var i={one:this.selectedCountLabelOne,other:this.selectedCountLabelOther};var e=this.selectedCountLabels;if(!e)return i;if(typeof e==="string"){try{var t=JSON.parse(e);return t&&typeof t==="object"?Object.assign(Object.assign({},i),t):i}catch(e){return i}}return Object.assign(Object.assign({},i),e)};i.prototype.render=function(){var i=this;var e=this.selectedItems.length>0;return h(Host,{key:"295354c218d03a512ee87a9f19d2267a59731eb1","aria-disabled":this.disabled?"true":null},h("div",{key:"8696c02fad869239fa85dcec7f92a3efb402c963",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&h("label",{key:"2a9cc565c5dbcf78305eb65e94d795669fb0f93b",id:"".concat(this.componentId,"-label"),htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),h("div",{key:"9358ebffb50e74fe4ceb9ca1c13cf819cc3e96e6",class:"pds-multiselect__wrapper",ref:function(e){return i.containerEl=e},style:{width:this.triggerWidth}},this.slottedTriggerEl?h("slot",{name:"trigger"}):this.selectedDisplay==="pill"&&this.pillPosition==="inline"?h("div",{ref:function(e){return i.pillInlineTriggerEl=e||undefined},part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),h("button",{ref:function(e){return i.triggerEl=e},type:"button",id:this.componentId,part:"pill-toggle",class:"pds-multiselect__pill-toggle",disabled:this.disabled,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.label?"".concat(this.componentId,"-label"):undefined,"aria-required":this.required?"true":undefined,"aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge}))):h("button",{ref:function(e){return i.triggerEl=e},type:"button",part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},h("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),h("span",{key:"722da251199792366dc72b6c7f016e24ae807b30",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&h("p",{key:"7b4da9b2e04f53f3e8f245c119135f3b664897ec",class:"pds-multiselect__helper",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"95a152f6a350eee2f67dbab2930f19e583ca3b85",class:"pds-multiselect__error",id:messageId(this.componentId,"error")},h("pds-icon",{key:"7b9cded907054757a6f054d0d325811a2199e496",icon:danger,size:"small"}),this.errorMessage),h("div",{key:"8b07974c8e2d838d76c17c3a52ba4282fb101968",style:{display:"none"}},h("slot",{key:"0a34d582bc4dd780072f00ac13bfdce7e297191e"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:[{setupDebounce:0}],value:[{valueChanged:0}],options:[{optionsChanged:0}],internalOptions:[{internalOptionsChanged:0}],isOpen:[{isOpenChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return i}();PdsMultiselect.style=pdsMultiselectCss();export{PdsMultiselect as pds_multiselect};
|
|
1
|
+
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift,b as size}from"./floating-ui.dom-BPqJgIq6.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{e as enlarge,b as danger}from"./index-DxI-61GK.js";import{f as formatMessage,p as pluralize}from"./i18n-format-BJgZHCWe.js";var pdsMultiselectCss=function(){return":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__pill-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs)}.pds-multiselect__pill-list--inline{-ms-flex:1;flex:1;min-width:0}.pds-multiselect__pill-list--below{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-multiselect__pill-overflow{color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);white-space:nowrap}.pds-multiselect__trigger--pill-inline{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger--pill-inline:focus-within:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--invalid:focus-within{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__pill-toggle{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-width:0;cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-multiselect__pill-toggle:focus{outline:3px solid transparent}.pds-multiselect__trigger--disabled .pds-multiselect__pill-toggle{cursor:not-allowed;pointer-events:none}.pds-multiselect__panel{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__group-header{color:var(--pine-color-text-muted);display:block;font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-sm) var(--pine-dimension-xs) var(--pine-dimension-2xs);text-transform:uppercase}.pds-multiselect__listbox>li:first-child>.pds-multiselect__group-header{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-multiselect__group-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover:not(.pds-multiselect__option--disabled),.pds-multiselect__option.pds-multiselect__option--highlighted:not(.pds-multiselect__option--disabled){background:var(--pine-color-background-muted)}.pds-multiselect__option.pds-multiselect__option--disabled{cursor:not-allowed;opacity:0.5}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__option-action{-ms-flex-align:center;align-items:center;block-size:var(--pine-dimension-md);color:var(--pine-color-icon);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-md);-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__footer{-webkit-border-before:var(--pine-border);border-block-start:var(--pine-border);border-block-start-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}"};var PINE_ICON_NAME=/^[a-z0-9-]+$/i;var TABBABLE_SELECTOR='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';var PdsMultiselect=function(){function i(i){var e=this;registerInstance(this,i);this.pdsMultiselectChange=createEvent(this,"pdsMultiselectChange");this.pdsMultiselectSearch=createEvent(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=createEvent(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=createEvent(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=createEvent(this,"pdsMultiselectDismiss");this.pdsMultiselectOptionAction=createEvent(this,"pdsMultiselectOptionAction");this.hasDisabledSlottedTrigger=false;this.placeholder="Select...";this.searchPlaceholder="Find...";this.searchOptionsLabel="Search options";this.selectedItemsLabel="Selected items";this.optionsLabel="Options";this.noOptionsFoundLabel="No options found";this.createOptionLabel='Add "{text}"';this.createOptionAriaLabel="Create new tag: {text}";this.itemRemovedLabel="{item} removed";this.pillRemoveLabel="Remove";this.selectedCountLabelOne="{count} item";this.selectedCountLabelOther="{count} items";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.selectedDisplay="count";this.pillPosition="inline";this.maxInlinePills=3;this.optionDisplay="text";this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.optionActions=false;this.optionActionLabel="Edit {text}";this.optionActionDescription="Press Right Arrow to {action}";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.removalAnnouncement="";this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(i){if(e.disabled)return;if(i&&!e.slottedTriggerEl&&e.selectedDisplay==="pill"&&e.pillPosition==="inline"){var t=i.composedPath().some((function(i){var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(t)return}if(e.isOpen){e.closeDropdown()}else{e.openDropdown()}};this.handleTriggerKeyDown=function(i){if(e.disabled)return;if(i.target!==e.activeTriggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!e.isOpen){e.openDropdown()}break}};this.handleSearchInputChange=function(i){var t=i.target;e.searchQuery=t.value;e.highlightedIndex=-1;e.pdsMultiselectSearch.emit({query:e.searchQuery});if(e.asyncUrl){e.debouncedFetchAsyncOptions(e.searchQuery,1)}};this.handleSearchInputKeyDown=function(i){var t,s,n;var r=e.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();var o=e.highlightedIndex+1;while(o<r.length&&((t=r[o])===null||t===void 0?void 0:t.disabled)){o++}if(o<r.length){e.highlightedIndex=o;e.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();var a=Math.max(e.highlightedIndex-1,0);while(a>0&&((s=r[a])===null||s===void 0?void 0:s.disabled)){a--}if(!((n=r[a])===null||n===void 0?void 0:n.disabled)){e.highlightedIndex=a;e.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(e.highlightedIndex>=0){var l=r[e.highlightedIndex];if(l){e.selectOption(l)}}break;case"ArrowRight":{var l=r[e.highlightedIndex];var d=!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&!i.isComposing;if(d&&l&&e.hasOptionAction(l)&&e.isCaretAtEndOfSearch()){i.preventDefault();e.runOptionAction(l)}break}case"Tab":{var c=i.shiftKey?undefined:e.getFooterTabbables()[0];c===null||c===void 0?void 0:c.focus();if(c===null||c===void 0?void 0:c.matches(":focus")){i.preventDefault()}else{e.closeDropdown()}break}}};this.handleFooterKeyDown=function(i){var t;if(i.key!=="Tab")return;var s=e.getFooterTabbables();var n=i.composedPath()[0];if(i.shiftKey&&n===s[0]){i.preventDefault();(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else if(!i.shiftKey&&n===s[s.length-1]){e.closeDropdown()}};this.handleContainerFocusOut=function(){setTimeout((function(){var i;if(!e.isOpen||e.isOpening||e.isClosingViaSelection)return;var t=document.activeElement;var s=(i=e.el.shadowRoot)===null||i===void 0?void 0:i.contains(t);var n=e.el.contains(t);if(!s&&!n){e.pdsMultiselectDismiss.emit();e.closeDropdown()}}),0)};this.handleOptionMouseDown=function(i){return function(t){t.preventDefault();e.toggleOption(i)}};this.handleOptionMouseEnter=function(i,t){return function(){if(t.disabled)return;e.highlightedIndex=i}};this.handleOptionActionMouseDown=function(i){i.preventDefault();i.stopPropagation()};this.handleOptionActionClick=function(i){return function(){e.runOptionAction(i)}};this.handleFooterMouseDown=function(i){i.preventDefault()};this.handleScroll=function(i){if(!e.asyncUrl||!e.hasMore||e.loading)return;var t=i.target;var s=t.scrollHeight-t.scrollTop-t.clientHeight;if(s<50){e.pdsMultiselectLoadOptions.emit({query:e.searchQuery,page:e.currentPage+1});e.debouncedFetchAsyncOptions(e.searchQuery,e.currentPage+1)}};this.handlePillRemove=function(i){return function(){var t,s;if(e.disabled)return;var n=String(i.id);e.value=e.value.filter((function(i){return i!==n}));e.syncSelectedItems();e.emitChange({removed:[n]});e.removalAnnouncement="";queueMicrotask((function(){e.removalAnnouncement=formatMessage(e.itemRemovedLabel,{item:i.text})}));e.isClosingViaSelection=true;if(e.isOpen){(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else{(s=e.activeTriggerEl)===null||s===void 0?void 0:s.focus()}setTimeout((function(){e.isClosingViaSelection=false}),0)}}}i.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};i.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems();this.syncSlottedTrigger()};i.prototype.componentDidLoad=function(){var i=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};i.prototype.setupSlotChangeListener=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));this.updateOptionsFromSlot()}};i.prototype.disconnectedCallback=function(){var i,e;cancelDebouncedEvent(this.pdsMultiselectSearch);(i=this.observer)===null||i===void 0?void 0:i.disconnect();(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.clearAsyncFetchState()};i.prototype.setupDebounce=function(){var i=this,e=i.pdsMultiselectSearch,t=i.debounce,s=i.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:e:debounceEvent(e,t);flushDebouncedEvent(e)};i.prototype.valueChanged=function(i){if(typeof i==="string"){try{var e=JSON.parse(i);if(Array.isArray(e)){this.value=e;return}}catch(e){this.value=i?[i]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};i.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};i.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};i.prototype.isOpenChanged=function(){var i;(i=this.slottedTriggerEl)===null||i===void 0?void 0:i.setAttribute("aria-expanded",String(this.isOpen))};i.prototype.disabledChanged=function(){this.syncSlottedTrigger()};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){(i=this.activeTriggerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var i,e;return __generator(this,(function(t){i=this.value.length>0||this.searchQuery!=="";e=this.ensureValueArray();this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.emitChange({removed:e})}return[2]}))}))};i.prototype.refreshOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,this.fetchOptions(this.searchQuery,1)];case 1:i.sent();return[2]}}))}))};i.prototype.handleWindowKeyDown=function(i){var e;if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}};Object.defineProperty(i.prototype,"activeTriggerEl",{get:function(){var i;return(i=this.slottedTriggerEl)!==null&&i!==void 0?i:this.triggerEl},enumerable:false,configurable:true});i.prototype.syncSlottedTrigger=function(){var i=Array.from(this.el.children).find((function(i){return i.getAttribute("slot")==="trigger"}));if(i!==this.slottedTriggerEl){var e=this.slottedTriggerEl;if(e){e.removeEventListener("click",this.handleTriggerClick);e.removeEventListener("keydown",this.handleTriggerKeyDown);e.removeAttribute("aria-expanded");e.removeAttribute("aria-haspopup");e.removeAttribute("aria-disabled");this.setSlottedTriggerDisabled(e,false)}i===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);i===null||i===void 0?void 0:i.addEventListener("keydown",this.handleTriggerKeyDown);this.slottedTriggerEl=i}if(!i)return;i.setAttribute("aria-haspopup","listbox");i.setAttribute("aria-expanded",String(this.isOpen));if(this.disabled){i.setAttribute("aria-disabled","true")}else{i.removeAttribute("aria-disabled")}this.setSlottedTriggerDisabled(i,this.disabled)};i.prototype.setSlottedTriggerDisabled=function(i,e){var t=this;if(!("disabled"in i)){if(e&&i.localName.includes("-")&&customElements.get(i.localName)===undefined){customElements.whenDefined(i.localName).then((function(){return t.syncSlottedTrigger()}))}return}var s=i;if(e&&!s.disabled){s.disabled=true;this.hasDisabledSlottedTrigger=true}else if(!e&&this.hasDisabledSlottedTrigger){s.disabled=false;this.hasDisabledSlottedTrigger=false}};i.prototype.setupMutationObserver=function(){var i=this;this.observer=new MutationObserver((function(e){if(e.some((function(e){return e.target===i.el}))){i.syncSlottedTrigger()}var t=i.slottedTriggerEl;if(!t||e.some((function(i){return!t.contains(i.target)}))){i.updateOptionsFromSlot()}}));this.observer.observe(this.el,{childList:true,subtree:true})};i.prototype.updateOptionsFromSlot=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;var s=[];t.assignedElements({flatten:true}).forEach((function(e){if(e.tagName==="OPTGROUP"){var t=e;var n=t.label;var r=t.disabled;t.querySelectorAll("option").forEach((function(e){var t=i.parseSlottedOption(e,r);if(n){t.group=n}s.push(t)}))}else if(e.tagName==="OPTION"){s.push(i.parseSlottedOption(e,false))}}));if(s.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=s}};i.prototype.parseSlottedOption=function(i,e){var t;var s={id:i.value,text:((t=i.textContent)===null||t===void 0?void 0:t.trim())||i.value,disabled:i.disabled||e||undefined};var n=i.getAttribute("data-dot-color");if(n){s.dotColor=n}var r=i.getAttribute("data-action-icon");if(r){s.actionIcon=r}var o=i.getAttribute("data-action-label");if(o){s.actionLabel=o}return s};i.prototype.clearAsyncFetchState=function(){var i;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(i=this.abortController)===null||i===void 0?void 0:i.abort();this.abortController=undefined};i.prototype.debouncedFetchAsyncOptions=function(i,e){var t=this;if(e===void 0){e=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(i,e)}),n)};i.prototype.syncSelectedItems=function(){var i=this.ensureValueArray();var e=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(i){return[String(i.id),i]})));i.forEach((function(i){var n=e.find((function(e){return String(e.id)===String(i)}));if(n){t.push(n)}else if(s.has(String(i))){t.push(s.get(String(i)))}}));this.selectedItems=t};i.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){var e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};i.prototype.getAllOptions=function(){return this.options||this.internalOptions};i.prototype.getFilteredOptions=function(){var i=this.getAllOptions();var e=this.searchQuery.toLowerCase();var t=i.filter((function(i){if(e){return i.text.toLowerCase().includes(e)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};i.prototype.updateFormValue=function(){var i=this;var e;if(isSpecTest())return;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(e){if(i.name){s.append(i.name,e)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.activeTriggerEl)}else{this.internals.setValidity({})}}};i.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null};i.prototype.fetchOptions=function(i){return __awaiter(this,arguments,void 0,(function(i,e){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(e===void 0){e=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var i;(i=p.abortController)===null||i===void 0?void 0:i.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",i);s.searchParams.set("page",String(e))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(i){if(p.formatResult){return p.formatResult(i)}if(typeof i==="object"&&i!==null){return Object.assign({id:i.id,text:i.text},i)}return{id:String(i),text:String(i)}}));if(e===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=e;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};i.prototype.createOption=function(i){return __awaiter(this,void 0,void 0,(function(){var e,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!i.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);e=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:a});this.emitChange({added:[String(a.id)]});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var i;(i=d.searchInputEl)===null||i===void 0?void 0:i.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};i.prototype.getFooterTabbables=function(){var i=[];Array.from(this.el.children).filter((function(i){return i.getAttribute("slot")==="footer"})).forEach((function(e){return i.push.apply(i,__spreadArray([e],Array.from(e.querySelectorAll("*")),false))}));return i.map((function(i){var e;return i.matches(TABBABLE_SELECTOR)?i:(e=i.shadowRoot)===null||e===void 0?void 0:e.querySelector(TABBABLE_SELECTOR)})).filter((function(i){var e,t;return!!i&&((t=(e=i.checkVisibility)===null||e===void 0?void 0:e.call(i))!==null&&t!==void 0?t:true)}))};i.prototype.isCaretAtEndOfSearch=function(){var i,e;var t=this.searchInputEl;if(!t)return true;var s=t.value.length;return((i=t.selectionStart)!==null&&i!==void 0?i:s)===s&&((e=t.selectionEnd)!==null&&e!==void 0?e:s)===s};i.prototype.hasOptionAction=function(i){return this.optionActions&&typeof i.actionIcon==="string"&&PINE_ICON_NAME.test(i.actionIcon)&&!i.isCreateOption&&!i.disabled};Object.defineProperty(i.prototype,"isHoverless",{get:function(){var i,e,t;(i=this.hoverlessQuery)!==null&&i!==void 0?i:this.hoverlessQuery=(e=window.matchMedia)===null||e===void 0?void 0:e.call(window,"(hover: none)");return!!((t=this.hoverlessQuery)===null||t===void 0?void 0:t.matches)},enumerable:false,configurable:true});i.prototype.runOptionAction=function(i){var e;this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus();this.pdsMultiselectOptionAction.emit({option:i})};i.prototype.openDropdown=function(){var i=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var e;i.positionDropdown();(e=i.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((function(){i.isOpening=false}),50)}))};i.prototype.closeDropdown=function(){var i=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){i.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};i.prototype.positionDropdown=function(){var i=this;if(!this.containerEl||!this.panelEl)return;var e=this.slottedTriggerEl||this.pillInlineTriggerEl||this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){computePosition(e,i.panelEl,{placement:"bottom-start",strategy:"fixed",middleware:[offset(12),flip(),shift({padding:8}),size({apply:function(i){var e=i.rects,t=i.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(e.reference.width,"px"),minWidth:s})}})]}).then((function(e){var t=e.x,s=e.y;if(i.panelEl){i.panelEl.style.left="".concat(t,"px");i.panelEl.style.top="".concat(s,"px")}}))};r();var o=autoUpdate(e,this.panelEl,r);this.cleanupAutoUpdate=function(){o();i.clearAsyncFetchState()}};i.prototype.scrollOptionIntoView=function(){var i=this;requestAnimationFrame((function(){var e;var t=(e=i.listboxEl)===null||e===void 0?void 0:e.querySelector('[data-index="'.concat(i.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};i.prototype.emitChange=function(i){var e=i.added,t=e===void 0?[]:e,s=i.removed,n=s===void 0?[]:s;this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems,added:t,removed:n})};i.prototype.toggleOption=function(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(i.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(i){return i!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.emitChange(n?{removed:[s]}:{added:[s]});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};i.prototype.selectOption=function(i){this.toggleOption(i)};i.prototype.getGroupedRenderItems=function(i){var e=[];var t=null;i.forEach((function(i,s){var n=i.group;if(n!==undefined){if(!t||t.group!==n){t={type:"group",group:n,options:[]};e.push(t)}t.options.push({option:i,index:s})}else{t=null;e.push({type:"option",option:i,index:s})}}));return e};i.prototype.renderOption=function(i,e,t){var s=t.includes(String(i.id));var n=i.isCreateOption;var r=i.disabled;var o=e===this.highlightedIndex&&!n;var a="".concat(this.componentId,"-option-").concat(e);var l=n&&this.creating;var d=this.hasOptionAction(i);return h("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":o,"pds-multiselect__option--selected":s,"pds-multiselect__option--create":n,"pds-multiselect__option--disabled":r||l},role:"option","aria-selected":s?"true":"false","aria-disabled":r||l?"true":undefined,"aria-label":n?formatMessage(this.createOptionAriaLabel,{text:i.text}):undefined,"aria-describedby":d?"".concat(a,"-action-description"):undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onMouseEnter:this.handleOptionMouseEnter(e,i)},n?h("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},h("pds-icon",{name:"add",size:"small"}),h("pds-text",null,formatMessage(this.createOptionLabel,{text:i.text}))):h("pds-checkbox",{componentId:"".concat(this.componentId,"-checkbox-").concat(e),checked:s,label:i.text,disabled:r,style:{pointerEvents:"none"}},this.optionDisplay==="chip"&&h("pds-chip",{slot:"label",sentiment:"subtle",dot:!!i.dotColor,"dot-color":i.dotColor},i.text)),d&&this.renderOptionAction(i,a,o))};i.prototype.renderOptionAction=function(i,e,t){var s;var n=formatMessage((s=i.actionLabel)!==null&&s!==void 0?s:this.optionActionLabel,{text:i.text});return[h("span",{class:"pds-multiselect__option-action",title:n,"aria-hidden":"true",onMouseDown:this.handleOptionActionMouseDown,onClick:this.handleOptionActionClick(i)},(t||this.isHoverless)&&h("pds-icon",{name:i.actionIcon})),h("span",{id:"".concat(e,"-action-description"),hidden:true},formatMessage(this.optionActionDescription,{action:n}))]};i.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return h("div",{class:"pds-multiselect__selected-section"},h("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(i){return h("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)}))))};i.prototype.renderDropdown=function(){var i=this;if(!this.isOpen)return null;var e=this.getFilteredOptions();var t=this.ensureValueArray();var s=!!this.el.querySelector('[slot="empty"]');var n=!!this.el.querySelector('[slot="loading"]');var r=!!this.el.querySelector('[slot="footer"]');return h("div",{class:"pds-multiselect__panel",ref:function(e){return i.panelEl=e},style:{minWidth:this.minWidth}},h("div",{class:"pds-multiselect__search"},h("pds-icon",{name:"search",size:"small"}),h("input",{ref:function(e){return i.searchInputEl=e},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":this.searchOptionsLabel,"aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),h("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.optionsLabel,id:"".concat(this.componentId,"-listbox"),ref:function(e){return i.listboxEl=e},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&h("li",{class:"pds-multiselect__loading",role:"presentation"},n?h("slot",{name:"loading"}):h("pds-loader",{size:"small"})),!this.loading&&e.length===0&&h("li",{class:"pds-multiselect__empty",role:"presentation"},s?h("slot",{name:"empty"}):h("span",null,this.noOptionsFoundLabel)),this.getGroupedRenderItems(e).map((function(e,s){if(e.type==="group"){return h("li",{key:"group-".concat(s),role:"group","aria-label":e.group,class:"pds-multiselect__group"},h("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},e.group),h("ul",{class:"pds-multiselect__group-list",role:"presentation"},e.options.map((function(e){var s=e.option,n=e.index;return i.renderOption(s,n,t)}))))}return i.renderOption(e.option,e.index,t)})),this.hasMore&&!this.loading&&h("li",{class:"pds-multiselect__load-more",role:"presentation"},h("pds-loader",{size:"small"}))),r&&h("div",{class:"pds-multiselect__footer",onMouseDown:this.handleFooterMouseDown,onKeyDown:this.handleFooterKeyDown},h("slot",{name:"footer"})))};i.prototype.renderInlinePills=function(){var i=this;var e=this.selectedItems.length>0;if(!e){return h("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}var t=this.disabled?"text":"tag";var s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));var n=this.selectedItems.length-s.length;return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":this.selectedItemsLabel},s.map((function(e){return h("pds-chip",{key:String(e.id),"component-id":"".concat(i.componentId,"-pill-").concat(e.id),variant:t,size:"sm",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(e)},e.text)})),n>0&&h("span",{class:"pds-multiselect__pill-overflow"},"+",n))};i.prototype.renderBelowPills=function(){var i=this;if(this.selectedItems.length===0)return null;var e=this.disabled?"text":"tag";return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":this.selectedItemsLabel},this.selectedItems.map((function(t){return h("pds-chip",{key:String(t.id),"component-id":"".concat(i.componentId,"-pill-").concat(t.id),variant:e,size:"md",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(t)},t.text)})))};i.prototype.getTriggerText=function(){var i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return pluralize(this.el,i,this.resolveCountForms())};i.prototype.resolveCountForms=function(){var i={one:this.selectedCountLabelOne,other:this.selectedCountLabelOther};var e=this.selectedCountLabels;if(!e)return i;if(typeof e==="string"){try{var t=JSON.parse(e);return t&&typeof t==="object"?Object.assign(Object.assign({},i),t):i}catch(e){return i}}return Object.assign(Object.assign({},i),e)};i.prototype.render=function(){var i=this;var e=this.selectedItems.length>0;return h(Host,{key:"295354c218d03a512ee87a9f19d2267a59731eb1","aria-disabled":this.disabled?"true":null},h("div",{key:"8696c02fad869239fa85dcec7f92a3efb402c963",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&h("label",{key:"2a9cc565c5dbcf78305eb65e94d795669fb0f93b",id:"".concat(this.componentId,"-label"),htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),h("div",{key:"9358ebffb50e74fe4ceb9ca1c13cf819cc3e96e6",class:"pds-multiselect__wrapper",ref:function(e){return i.containerEl=e},style:{width:this.triggerWidth}},this.slottedTriggerEl?h("slot",{name:"trigger"}):this.selectedDisplay==="pill"&&this.pillPosition==="inline"?h("div",{ref:function(e){return i.pillInlineTriggerEl=e||undefined},part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),h("button",{ref:function(e){return i.triggerEl=e},type:"button",id:this.componentId,part:"pill-toggle",class:"pds-multiselect__pill-toggle",disabled:this.disabled,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.label?"".concat(this.componentId,"-label"):undefined,"aria-required":this.required?"true":undefined,"aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge}))):h("button",{ref:function(e){return i.triggerEl=e},type:"button",part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},h("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),h("span",{key:"722da251199792366dc72b6c7f016e24ae807b30",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&h("p",{key:"7b4da9b2e04f53f3e8f245c119135f3b664897ec",class:"pds-multiselect__helper",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"95a152f6a350eee2f67dbab2930f19e583ca3b85",class:"pds-multiselect__error",id:messageId(this.componentId,"error")},h("pds-icon",{key:"7b9cded907054757a6f054d0d325811a2199e496",icon:danger,size:"small"}),this.errorMessage),h("div",{key:"8b07974c8e2d838d76c17c3a52ba4282fb101968",style:{display:"none"}},h("slot",{key:"0a34d582bc4dd780072f00ac13bfdce7e297191e"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:[{setupDebounce:0}],value:[{valueChanged:0}],options:[{optionsChanged:0}],internalOptions:[{internalOptionsChanged:0}],isOpen:[{isOpenChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return i}();PdsMultiselect.style=pdsMultiselectCss();export{PdsMultiselect as pds_multiselect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CB8Yh0Nt.js";import{c as containsComposed}from"./closest-DHPzKMVS.js";var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.triggerEl=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right";this.handleTriggerSlotChange=function(t){var e=t.target;var s=e.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick)}if(s.length>0){i.triggerEl=s[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick)}else{i.triggerEl=null}};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var e=t.composedPath();var s=e.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!s){t.preventDefault()}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}}}t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var e=typeof window!=="undefined"?window.Event:global.Event;var s=new e("slotchange");Object.defineProperty(s,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(s)}else{this.linkTriggerToPortal()}};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return;this.triggerEl.setAttribute("aria-expanded",String(this.active));this.triggerEl.setAttribute("aria-controls",this.portalEl.id)};t.prototype.disconnectedCallback=function(){this.isComponentMounted=false;if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding="var(--pine-dimension-md)";if(!this.componentId){var t=PdsPopover.instanceCounter++;this.portalEl.id="pds-popover-portal-".concat(t)}else{this.portalEl.id="".concat(this.componentId,"-portal")}this.portalEl.setAttribute("aria-modal","false");document.body.appendChild(this.portalEl);this.addPortalFocusStyles()};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i)return;var e=document.createElement("style");e.setAttribute("data-pds-popover-focus",t);e.textContent="\n #".concat(t,":focus {\n outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n outline-offset: var(--pine-border-width, 1px);\n }\n #").concat(t,':focus:not(:focus-visible) {\n outline: none;\n }\n [data-theme="dark"] #').concat(t," {\n border: var(--pine-border);\n }\n ");document.head.appendChild(e)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var s=e===null||e===void 0?void 0:e.querySelector("slot");if(s){var n=s.assignedNodes();n.forEach((function(i){var e;var s=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(s||n){return}var r=document.createComment("pds-popover-placeholder");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(r,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:r})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,e=t.placeholder;if(e.parentNode){e.parentNode.insertBefore(i,e);e.parentNode.removeChild(e)}}));this.movedNodes=[]};t.prototype.removePortal=function(){if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i&&i.parentNode){i.parentNode.removeChild(i)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","true")}this.updatePortalContent();this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();if(this.popoverType==="auto"){this.addLightDismissListeners()}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){if(!this.active||!this.portalEl)return[2];this.active=false;t=this.portalEl.contains(document.activeElement);if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","false")}this.restorePortalContent();this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,e,s,n;var r=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(r<=this.openTimestamp){return}var o=t.target;var a=(e=(i=o).closest)===null||e===void 0?void 0:e.call(i,".pds-datepicker-calendar-portal");var h=a===null||a===void 0?void 0:a.pdsDatepicker;if(h&&(containsComposed(this.portalEl,h)||containsComposed(this.triggerEl,h)))return;var u=(s=this.portalEl)===null||s===void 0?void 0:s.contains(o);var c=(n=this.triggerEl)===null||n===void 0?void 0:n.contains(o);if(!u&&!c){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.hide()}};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var e=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var s=0;var n=0;var r=8;switch(this.placement){case"top":s=i.top-e.height-r;n=i.left+(i.width-e.width)/2;break;case"top-start":s=i.top-e.height-r;n=i.left;break;case"top-end":s=i.top-e.height-r;n=i.right-e.width;break;case"right":s=i.top+(i.height-e.height)/2;n=i.right+r;break;case"right-start":s=i.top;n=i.right+r;break;case"right-end":s=i.bottom-e.height;n=i.right+r;break;case"bottom":s=i.bottom+r;n=i.left+(i.width-e.width)/2;break;case"bottom-start":s=i.bottom+r;n=i.left;break;case"bottom-end":s=i.bottom+r;n=i.right-e.width;break;case"left":s=i.top+(i.height-e.height)/2;n=i.left-e.width-r;break;case"left-start":s=i.top;n=i.left-e.width-r;break;case"left-end":s=i.bottom-e.height;n=i.left-e.width-r;break}this.portalEl.style.top="".concat(s,"px");this.portalEl.style.left="".concat(n,"px");setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"7f02e4a9af4d2dc4cafb9187fc2263edaa79af86",id:this.componentId},h("span",{key:"128828d5fc52478b3e9670418a8e9c2d5ce6e7f6",class:"pds-popover__trigger-wrapper"},h("slot",{key:"c479f39a3653d6627a20d05c3a87ea1a5e2bebf2",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"e730149edce755c8789ec700c0a95dfa4b4ab835",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"2f5ab80b4d75c114568d364ce9a74a658e426766",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{c as containsComposed}from"./closest-DHPzKMVS.js";var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.triggerEl=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right";this.handleTriggerSlotChange=function(t){var e=t.target;var s=e.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick)}if(s.length>0){i.triggerEl=s[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick)}else{i.triggerEl=null}};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var e=t.composedPath();var s=e.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!s){t.preventDefault()}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}}}t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var e=typeof window!=="undefined"?window.Event:global.Event;var s=new e("slotchange");Object.defineProperty(s,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(s)}else{this.linkTriggerToPortal()}};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return;this.triggerEl.setAttribute("aria-expanded",String(this.active));this.triggerEl.setAttribute("aria-controls",this.portalEl.id)};t.prototype.disconnectedCallback=function(){this.isComponentMounted=false;if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding="var(--pine-dimension-md)";if(!this.componentId){var t=PdsPopover.instanceCounter++;this.portalEl.id="pds-popover-portal-".concat(t)}else{this.portalEl.id="".concat(this.componentId,"-portal")}this.portalEl.setAttribute("aria-modal","false");document.body.appendChild(this.portalEl);this.addPortalFocusStyles()};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i)return;var e=document.createElement("style");e.setAttribute("data-pds-popover-focus",t);e.textContent="\n #".concat(t,":focus {\n outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n outline-offset: var(--pine-border-width, 1px);\n }\n #").concat(t,':focus:not(:focus-visible) {\n outline: none;\n }\n [data-theme="dark"] #').concat(t," {\n border: var(--pine-border);\n }\n ");document.head.appendChild(e)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var s=e===null||e===void 0?void 0:e.querySelector("slot");if(s){var n=s.assignedNodes();n.forEach((function(i){var e;var s=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(s||n){return}var r=document.createComment("pds-popover-placeholder");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(r,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:r})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,e=t.placeholder;if(e.parentNode){e.parentNode.insertBefore(i,e);e.parentNode.removeChild(e)}}));this.movedNodes=[]};t.prototype.removePortal=function(){if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var t=this.portalEl.id;var i=document.querySelector('style[data-pds-popover-focus="'.concat(t,'"]'));if(i&&i.parentNode){i.parentNode.removeChild(i)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","true")}this.updatePortalContent();this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();if(this.popoverType==="auto"){this.addLightDismissListeners()}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){if(!this.active||!this.portalEl)return[2];this.active=false;t=this.portalEl.contains(document.activeElement);if(this.triggerEl){this.triggerEl.setAttribute("aria-expanded","false")}this.restorePortalContent();this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.removeLightDismissListeners();this.removeScrollAndResizeListeners();this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,e,s,n;var r=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(r<=this.openTimestamp){return}var o=t.target;var a=(e=(i=o).closest)===null||e===void 0?void 0:e.call(i,".pds-datepicker-calendar-portal");var h=a===null||a===void 0?void 0:a.pdsDatepicker;if(h&&(containsComposed(this.portalEl,h)||containsComposed(this.triggerEl,h)))return;var u=(s=this.portalEl)===null||s===void 0?void 0:s.contains(o);var c=(n=this.triggerEl)===null||n===void 0?void 0:n.contains(o);if(!u&&!c){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.hide()}};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var e=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var s=0;var n=0;var r=8;switch(this.placement){case"top":s=i.top-e.height-r;n=i.left+(i.width-e.width)/2;break;case"top-start":s=i.top-e.height-r;n=i.left;break;case"top-end":s=i.top-e.height-r;n=i.right-e.width;break;case"right":s=i.top+(i.height-e.height)/2;n=i.right+r;break;case"right-start":s=i.top;n=i.right+r;break;case"right-end":s=i.bottom-e.height;n=i.right+r;break;case"bottom":s=i.bottom+r;n=i.left+(i.width-e.width)/2;break;case"bottom-start":s=i.bottom+r;n=i.left;break;case"bottom-end":s=i.bottom+r;n=i.right-e.width;break;case"left":s=i.top+(i.height-e.height)/2;n=i.left-e.width-r;break;case"left-start":s=i.top;n=i.left-e.width-r;break;case"left-end":s=i.bottom-e.height;n=i.left-e.width-r;break}this.portalEl.style.top="".concat(s,"px");this.portalEl.style.left="".concat(n,"px");setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"7f02e4a9af4d2dc4cafb9187fc2263edaa79af86",id:this.componentId},h("span",{key:"128828d5fc52478b3e9670418a8e9c2d5ce6e7f6",class:"pds-popover__trigger-wrapper"},h("slot",{key:"c479f39a3653d6627a20d05c3a87ea1a5e2bebf2",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"e730149edce755c8789ec700c0a95dfa4b4ab835",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"2f5ab80b4d75c114568d364ce9a74a658e426766",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-bLhIfh0N.js";import{n as normalizeColorValue}from"./utils-OYK5-nwe.js";var pdsProgressCss=function(){return":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}"};var PdsProgress=function(){function r(r){registerInstance(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){var r=normalizeColorValue(this.fillColor);return h(Host,{key:"2aaabbb78cef6237b47408a6766936a4ce065e40",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"192ce4a08155a84577ed46d9dc342a744354213a",class:"pds-progress"},h("label",{key:"3e9f16f9a4c5d822ef6493d6457dbb657835903a",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"35b4cd422bb247b8ae8eeaa7c3ea231d312197c9",id:this.componentId,max:"100",style:r?{"--color-progress-fill":r}:{},value:this.percent})),this.showPercent&&h("div",{key:"a4952bcda7ab062da7ff706b519476f8e7fff898",class:"pds-progress__percentage"},this.percent,"%"))};return r}();PdsProgress.style=pdsProgressCss();export{PdsProgress as pds_progress};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-bLhIfh0N.js";var pdsPropertyCss=function(){return":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}"};var PdsProperty=function(){function e(e){registerInstance(this,e);this.icon="star"}e.prototype.render=function(){return h(Host,{key:"0f6195faaaf3adb11ad14f09a36c78f94e2bdf65",id:this.componentId},h("pds-box",{key:"0a9670c0e38065f5fbe035b81703e21155396ff8","align-items":"center",gap:"xs"},h("pds-icon",{key:"13b497e8670bc5210a752b8c24b9fd6397b1a8c9",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),h("slot",{key:"a9b3cf5fd830b7551f68866a62341670f8b61b34"})))};return e}();PdsProperty.style=pdsPropertyCss();export{PdsProperty as pds_property};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var pdsRadioGroupCss=function(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"};var PdsRadioGroup=function(){function r(r){registerInstance(this,r);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}r.prototype.handlePropsChange=function(){this.updateChildRadios()};r.prototype.handleRadioChange=function(r){var e=r.target;if(e.type!=="radio"){return}if(e.checked){var i=e.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}};r.prototype.updateChildRadios=function(){var r=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(r.name){e.setAttribute("name",r.name)}else{e.removeAttribute("name")}if(r.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(r.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(r.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};r.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}};r.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};r.prototype.componentDidRender=function(){var r=this.el.querySelector(".pds-radio-group__radios");if(r===null)return;var e=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var i=function(){return Array.from(r.children).find((function(r){return r.matches(e)}))};var s=i();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(e){return r.insertBefore(e,s)}))}s.remove();s=i()}};r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}return r.join(" ")};r.prototype.getGapValue=function(){var r={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(r[this.gap]){return r[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};r.prototype.getAriaDescribedBy=function(){var r=[];if(this.errorMessage){r.push(messageId(this._groupId,"error"))}if(this.helperMessage){r.push(messageId(this._groupId,"helper"))}return r.length>0?r.join(" "):undefined};r.prototype.render=function(){var r=this;var e=this.getGapValue();var i=this.getAriaDescribedBy();return h(Host,{key:"3f35b3cea2933ed25174387fc45d80f0d6bceced",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":i,style:{"--pds-radio-group-gap":e}},this.groupLabel&&h("div",{key:"83764282e3049b0802e966c306654bbdda4f0c02",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"39c0e97e5280527d9ab597dcf4f5b0282b19d69a",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"ef827a254e8b9bac58f297f5bbd6a37f8e132677",onSlotchange:function(){return r.updateChildRadios()}})),this.helperMessage&&h("div",{key:"4d2f58d979a34e685d00f04483c20a0f9e286af2",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"c05a32676fd6fe8aee30e1ea5c476424e10945f3",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"1bc3177459e179af3709f1cacd329980a8a45df7",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return r}();PdsRadioGroup.style=pdsRadioGroupCss();export{PdsRadioGroup as pds_radio_group};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CB8Yh0Nt.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"4a8736c360681b399c4e70ef9e6612d4cb4f9285","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"093d96ac788d713eafb2e537c812145869dddad8",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"55fc5ab2a5a18734dbd8ed452c4e3794ece7fe15",icon:danger,size:"small"}),e.errorMessage)]};return h(Host,{key:"97d0f61aeb93bb29e3d21281e72775cb274de072",class:this.classNames()},this.hasImage()&&h("div",{key:"0d1fb05dc00617945350e9d1ffeec9e17fc4affa",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"1cd8494378269651730ea64f25af4e9572ede794",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"4a8736c360681b399c4e70ef9e6612d4cb4f9285","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"093d96ac788d713eafb2e537c812145869dddad8",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"55fc5ab2a5a18734dbd8ed452c4e3794ece7fe15",icon:danger,size:"small"}),e.errorMessage)]};return h(Host,{key:"97d0f61aeb93bb29e3d21281e72775cb274de072",class:this.classNames()},this.hasImage()&&h("div",{key:"0d1fb05dc00617945350e9d1ffeec9e17fc4affa",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"1cd8494378269651730ea64f25af4e9572ede794",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-bLhIfh0N.js";var pdsRowCss=function(){return":host{--row-gap-y:var(--pine-dimension-125);--row-gap-x:var(--pine-dimension-125);display:block;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -0.5);margin-inline-end:calc(var(--row-gap-x) * -0.5);-webkit-margin-start:calc(var(--row-gap-x) * -0.5);margin-inline-start:calc(var(--row-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -1);margin-inline-end:calc(var(--row-gap-x) * -1);-webkit-margin-start:calc(var(--row-gap-x) * -1);margin-inline-start:calc(var(--row-gap-x) * -1)}@layer layout{.pds-row>*{-webkit-padding-after:calc(var(--row-gap-y));padding-block-end:calc(var(--row-gap-y));-webkit-padding-before:calc(var(--row-gap-y));padding-block-start:calc(var(--row-gap-y));-webkit-padding-end:calc(var(--row-gap-x));padding-inline-end:calc(var(--row-gap-x));-webkit-padding-start:calc(var(--row-gap-x));padding-inline-start:calc(var(--row-gap-x))}}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}"};var PdsRow=function(){function e(e){registerInstance(this,e);this.border=false;this.noWrap=false;this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem","025":"var(--pine-dimension-025)","050":"var(--pine-dimension-050)",100:"var(--pine-dimension-100)",125:"var(--pine-dimension-125)",150:"var(--pine-dimension-150)",200:"var(--pine-dimension-200)",250:"var(--pine-dimension-250)",300:"var(--pine-dimension-300)",350:"var(--pine-dimension-350)",400:"var(--pine-dimension-400)",450:"var(--pine-dimension-450)",500:"var(--pine-dimension-500)",550:"var(--pine-dimension-550)",600:"var(--pine-dimension-600)",650:"var(--pine-dimension-650)",700:"var(--pine-dimension-700)",750:"var(--pine-dimension-750)",800:"var(--pine-dimension-800)"}}e.prototype.render=function(){var e="\n ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n ").concat(this.border?"pds-row--border":"","\n ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n ").concat(this.noWrap?"pds-row--no-wrap":"","\n ");var n=Object.assign(Object.assign(Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.colGapBlock&&{"--row-gap-y":this.colGapBlock!==undefined&&this.colGapBlock.trim()!==""?this.colGapMap[this.colGapBlock]:""}),this.colGapInline&&{"--row-gap-x":this.colGapInline!==undefined&&this.colGapInline.trim()!==""?this.colGapMap[this.colGapInline]:""}),this.minHeight&&{"min-height":this.minHeight});return h(Host,{key:"2d71570cba49c0e896ffe29c0a7727d7c2872036",class:"pds-row ".concat(e),style:n})};return e}();PdsRow.style=pdsRowCss();export{PdsRow as pds_row};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CB8Yh0Nt.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger,e as enlarge}from"./index-DxI-61GK.js";var pdsSelectTokensCss=function(){return":host{--pine-select-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSelectCss=function(){return':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'};var PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var r=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!i.multiple){i.value=r[0]}else{i.value=r}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{"aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.isInvalid=function(){return Boolean(this.invalid)||Boolean(this.errorMessage)};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;return h(Host,{key:"89ba8f5f06b2a1bf82a495992efcb8490021e19f","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":i&&!this.hideLabel?"true":null},h("div",{key:"009dd8fe960889fd85a6cbe3239d94f81eddc9bb",class:"pds-select"},!this.hideLabel&&h("div",{key:"e198c3dcd664da65c0356b7eb7f9b4dff8c27035",class:"pds-select__label-wrapper"},h("label",{key:"914b278a8e154b17365ffadcfe655139d3bef915",htmlFor:this.componentId},h("span",{key:"6cd42f182ae8c585364a781044b8fd2fa3d61304",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"7a3a91336f938ffb13a1e7ea1632090c37b5ad78","aria-describedby":assignDescription(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":undefined,"aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"d3ddc61e4458e5ec0af1e700e69355d1cabaa651","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"dae8f36dd59e84f502500a24fec97a6fad305167",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"66fd7ed9fd065b6aff73df75234fa9534c828b6f","aria-hidden":"true",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss()+(labelCss()+pdsSelectCss());export{PdsSelect as pds_select};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger,e as enlarge}from"./index-DxI-61GK.js";var pdsSelectTokensCss=function(){return":host{--pine-select-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSelectCss=function(){return':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'};var PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var r=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!i.multiple){i.value=r[0]}else{i.value=r}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{"aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.isInvalid=function(){return Boolean(this.invalid)||Boolean(this.errorMessage)};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;return h(Host,{key:"89ba8f5f06b2a1bf82a495992efcb8490021e19f","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":i&&!this.hideLabel?"true":null},h("div",{key:"009dd8fe960889fd85a6cbe3239d94f81eddc9bb",class:"pds-select"},!this.hideLabel&&h("div",{key:"e198c3dcd664da65c0356b7eb7f9b4dff8c27035",class:"pds-select__label-wrapper"},h("label",{key:"914b278a8e154b17365ffadcfe655139d3bef915",htmlFor:this.componentId},h("span",{key:"6cd42f182ae8c585364a781044b8fd2fa3d61304",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"7a3a91336f938ffb13a1e7ea1632090c37b5ad78","aria-describedby":assignDescription(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":undefined,"aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"d3ddc61e4458e5ec0af1e700e69355d1cabaa651","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"dae8f36dd59e84f502500a24fec97a6fad305167",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"66fd7ed9fd065b6aff73df75234fa9534c828b6f","aria-hidden":"true",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss()+(labelCss()+pdsSelectCss());export{PdsSelect as pds_select};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{h as handle}from"./index-DxI-61GK.js";var pdsSortableItemCss=function(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"};var PdsSortableItem=function(){function e(e){registerInstance(this,e);this.enableActions=false;this.showHandle=false}e.prototype.componentDidRender=function(){var e=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__handle")}));e.slice(1).forEach((function(e){return e.remove()}));var s=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__actions")}));var t=s[s.length-1];s.slice(0,-1).forEach((function(e){if(t!==undefined){Array.from(e.children).forEach((function(e){return t.appendChild(e)}))}e.remove()}))};e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){return h(Host,{key:"a401963153e64b33f47f8897f2e8a157557d625e",class:"pds-sortable-item",id:this.componentId},this.showHandle&&h("div",{key:"e93df2aea5fcad497bd64f54b09a3e700141dfa6",class:"pds-sortable-item__handle"},h("pds-icon",{key:"9454196233b1c12a232815a2a14f05e41721a152","aria-hidden":"true",icon:handle})),h("slot",{key:"da456ae383e8fe7dd9375eada035bee755cdd684"}),this.enableActions&&h("div",{key:"bed7efa1c242e59b547e5e09018b1aacb1c1b172",class:"pds-sortable-item__actions"},h("slot",{key:"c4563d2a50c3bb55108527ae1f0a68a84d5749a7",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsSortableItem.style=pdsSortableItemCss();export{PdsSortableItem as pds_sortable_item};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-bLhIfh0N.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-DxI-61GK.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSwitchCss=function(){return':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'};var PdsSwitch=function(){function i(i){var e=this;registerInstance(this,i);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.hasLabelSlot=false;this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(e.disabled)return;var t=i.target;e.checked=t.checked;e.updateFormValue();e.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(e.invalid===true){i+=" pds-switch--error"}if(e.helperMessage!==undefined){i+=" pds-switch--message"}if(e.hasLabelSlot){i+=" pds-switch--label-slot"}return i};this.updateHasLabelSlot=function(){e.hasLabelSlot=Array.from(e.el.children).some((function(i){return i.getAttribute("slot")==="label"}))}}i.prototype.connectedCallback=function(){var i=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return i._type}))};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.updateHasLabelSlot()};i.prototype.render=function(){return h(Host,{key:"b04295a8cc5acec33c5c6461516e9ec57ff9c396",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},h("label",{key:"f052e2409b0d7603598fd59bcdd382d6091cd794",htmlFor:this.componentId},h("input",Object.assign({key:"d61df3ac3762af2dcc27a8800f7317ac03994ea3","aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"0f921ea88d5706c364b1d8e4e05afac95be9f092",class:this.hideLabel?"visually-hidden":""},h("slot",{key:"10f20c7f761635be8d90580be85fd7d62e2968f3",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&h("div",{key:"97a0281aa88b9208128fa169740cc710beed5538",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"26dd988675278031577df77560557484a8187cd5",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"ed674224e564f330ea797d0b4196442ad372ae99",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:[{checkedChanged:0}]}},enumerable:false,configurable:true});return i}();PdsSwitch.style=labelCss()+pdsSwitchCss();export{PdsSwitch as pds_switch};
|