@pine-ds/core 3.25.1 → 3.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/pds-combobox.js +230 -53
- package/components/pds-combobox.js.map +1 -1
- package/dist/cjs/{index-Cc_o_7az.js → index-Dlc5O3n_.js} +3 -3
- package/dist/cjs/index-Dlc5O3n_.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- 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 +228 -53
- package/dist/cjs/pds-combobox.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-container.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
- package/dist/cjs/pds-divider.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 +2 -2
- package/dist/collection/components/pds-combobox/pds-combobox.css +24 -22
- package/dist/collection/components/pds-combobox/pds-combobox.js +253 -54
- package/dist/collection/components/pds-combobox/pds-combobox.js.map +1 -1
- package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +58 -0
- package/dist/docs.json +35 -1
- package/dist/esm/{index-C_yp7uLt.js → index-CO9kz-Pi.js} +3 -3
- package/dist/esm/index-CO9kz-Pi.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- 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 +229 -54
- package/dist/esm/pds-combobox.entry.js.map +1 -1
- package/dist/esm/pds-container.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +1 -1
- package/dist/esm/pds-divider.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 +3 -3
- package/dist/esm-es5/{index-C_yp7uLt.js → index-CO9kz-Pi.js} +3 -3
- package/dist/esm-es5/index-CO9kz-Pi.js.map +1 -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-combobox.entry.js.map +1 -1
- 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-divider.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-zU_JmyYX.system.js.map → p--fC0IwVR.system.js.map} +1 -1
- package/dist/pine-core/{p-64c94251.system.entry.js → p-00e487c4.system.entry.js} +2 -2
- package/dist/pine-core/{p-0b370949.entry.js → p-0561744f.entry.js} +2 -2
- package/dist/pine-core/{p-5fcdc321.system.entry.js → p-05771ef2.system.entry.js} +2 -2
- package/dist/pine-core/{p-f418ab61.entry.js → p-06fbdc35.entry.js} +2 -2
- package/dist/pine-core/p-0bf1fee1.entry.js +2 -0
- package/dist/pine-core/{p-d20af63e.system.entry.js → p-0d4b2bbc.system.entry.js} +2 -2
- package/dist/pine-core/{p-1da31e21.system.entry.js → p-0f037132.system.entry.js} +2 -2
- package/dist/pine-core/p-0fefe6ef.entry.js +2 -0
- package/dist/pine-core/{p-Dug3XS8i.system.js.map → p-0mArGKTT.system.js.map} +1 -1
- package/dist/pine-core/p-127a84bf.entry.js +3 -0
- package/dist/pine-core/p-127a84bf.entry.js.map +1 -0
- package/dist/pine-core/{p-19fbf372.system.entry.js → p-128a483e.system.entry.js} +2 -2
- package/dist/pine-core/{p-5ab1ae44.entry.js → p-13821696.entry.js} +2 -2
- package/dist/pine-core/{p-64ee9d79.system.entry.js → p-13a814c0.system.entry.js} +2 -2
- package/dist/pine-core/{p-b3a36a0e.entry.js → p-1768ad5e.entry.js} +2 -2
- package/dist/pine-core/{p-C3FLsHGa.system.js.map → p-1S7sNRrT.system.js.map} +1 -1
- package/dist/pine-core/{p-f8321fa1.system.entry.js → p-1c26a838.system.entry.js} +2 -2
- package/dist/pine-core/{p-6f65a129.system.entry.js → p-1fd52c1b.system.entry.js} +2 -2
- package/dist/pine-core/{p-dcf0eb78.entry.js → p-205d8c56.entry.js} +2 -2
- package/dist/pine-core/{p-ab4e9e84.system.entry.js → p-24f9a03b.system.entry.js} +2 -2
- package/dist/pine-core/{p-9280c9d2.system.entry.js → p-253e2bfd.system.entry.js} +2 -2
- package/dist/pine-core/{p-175f34e1.entry.js → p-26aa3195.entry.js} +2 -2
- package/dist/pine-core/{p-7243f550.system.entry.js → p-2c2d2080.system.entry.js} +2 -2
- package/dist/pine-core/{p-b600e6a7.entry.js → p-2c48e33c.entry.js} +2 -2
- package/dist/pine-core/{p-0370de3e.system.entry.js → p-2c7f3d5e.system.entry.js} +2 -2
- package/dist/pine-core/{p-c19802c2.system.entry.js → p-2ca648d8.system.entry.js} +2 -2
- package/dist/pine-core/{p-4542a964.entry.js → p-31b51eae.entry.js} +2 -2
- package/dist/pine-core/{p-f9a4836b.system.entry.js → p-3524e30c.system.entry.js} +2 -2
- package/dist/pine-core/{p-19c70693.system.entry.js → p-35d9e3c8.system.entry.js} +2 -2
- package/dist/pine-core/{p-6b153192.entry.js → p-3c864e3d.entry.js} +2 -2
- package/dist/pine-core/{p-00024af8.entry.js → p-42d83b1f.entry.js} +2 -2
- package/dist/pine-core/{p-7047497f.entry.js → p-4710c59d.entry.js} +2 -2
- package/dist/pine-core/{p-ae97912f.system.entry.js → p-4768b52b.system.entry.js} +2 -2
- package/dist/pine-core/{p-5b591069.system.entry.js → p-4993f30e.system.entry.js} +2 -2
- package/dist/pine-core/{p-7c23fcf5.entry.js → p-4beb8ae5.entry.js} +2 -2
- package/dist/pine-core/{p-9b3a5038.entry.js → p-4cf4558e.entry.js} +2 -2
- package/dist/pine-core/{p-ee8748ec.system.entry.js → p-4d3122ff.system.entry.js} +2 -2
- package/dist/pine-core/{p-Sf7x15si.system.js.map → p-4d6YziBa.system.js.map} +1 -1
- package/dist/pine-core/{p-d26019b2.entry.js → p-519d44b8.entry.js} +2 -2
- package/dist/pine-core/{p-feb34c51.entry.js → p-54e967ca.entry.js} +2 -2
- package/dist/pine-core/{p-b5e7228a.system.entry.js → p-5552ca6b.system.entry.js} +2 -2
- package/dist/pine-core/{p-VGFWbsWb.system.js.map → p-5MZ-y5Ap.system.js.map} +1 -1
- package/dist/pine-core/{p-3d057491.entry.js → p-5df670e9.entry.js} +3 -3
- package/dist/pine-core/{p-7b1cebb9.entry.js → p-5eb9a3e2.entry.js} +2 -2
- package/dist/pine-core/{p-b175be8e.entry.js → p-61674647.entry.js} +2 -2
- package/dist/pine-core/{p-c36eabe8.system.entry.js → p-617dc902.system.entry.js} +2 -2
- package/dist/pine-core/{p-feb666bb.entry.js → p-61c885c7.entry.js} +2 -2
- package/dist/pine-core/{p-b209eccb.system.entry.js → p-63fd14b1.system.entry.js} +2 -2
- package/dist/pine-core/{p-41af5414.system.entry.js → p-673dd006.system.entry.js} +2 -2
- package/dist/pine-core/{p-893f4679.system.entry.js → p-69221099.system.entry.js} +2 -2
- package/dist/pine-core/{p-469e54ee.system.entry.js → p-6acc2e5b.system.entry.js} +2 -2
- package/dist/pine-core/{p-8911278b.entry.js → p-6ff1d23e.entry.js} +2 -2
- package/dist/pine-core/{p-ed89e732.system.entry.js → p-779c4bd5.system.entry.js} +2 -2
- package/dist/pine-core/{p-88ee0c95.system.entry.js → p-7bc34bce.system.entry.js} +2 -2
- package/dist/pine-core/{p-b25c2d6b.entry.js → p-7d9f7018.entry.js} +2 -2
- package/dist/pine-core/{p-26cdbf99.entry.js → p-8731836c.entry.js} +2 -2
- package/dist/pine-core/p-88c2001b.entry.js +2 -0
- package/dist/pine-core/{p-4b5a97ad.entry.js → p-8a2433ba.entry.js} +2 -2
- package/dist/pine-core/{p-afa702b7.entry.js → p-8b997cb3.entry.js} +2 -2
- package/dist/pine-core/{p-f4eec381.entry.js → p-8d0c1f6d.entry.js} +2 -2
- package/dist/pine-core/{p-45b5fa65.system.entry.js → p-90126a46.system.entry.js} +3 -3
- package/dist/pine-core/{p-78c25934.entry.js → p-932f4860.entry.js} +2 -2
- package/dist/pine-core/{p-540cc2b1.entry.js → p-939ae09f.entry.js} +2 -2
- package/dist/pine-core/{p-690143be.system.entry.js → p-93b379c2.system.entry.js} +2 -2
- package/dist/pine-core/{p-ac2704ac.system.entry.js → p-94fde072.system.entry.js} +2 -2
- package/dist/pine-core/{p-134af443.system.entry.js → p-952b41e5.system.entry.js} +2 -2
- package/dist/pine-core/{p-f34e1d0b.system.entry.js → p-9d7f17a4.system.entry.js} +2 -2
- package/dist/pine-core/{p-5a07cff6.entry.js → p-9e073662.entry.js} +2 -2
- package/dist/pine-core/{p-a4255685.system.entry.js → p-9e8b71ed.system.entry.js} +2 -2
- package/dist/pine-core/{p-B9WMqbbz.system.js.map → p-A6hgZgB9.system.js.map} +1 -1
- package/dist/pine-core/{p-BtSNy3kN.system.js.map → p-AcWjVzMO.system.js.map} +1 -1
- package/dist/pine-core/{p-C8uRauPw.system.js → p-B1bh2Wvv.system.js} +3 -3
- package/dist/pine-core/p-B1bh2Wvv.system.js.map +1 -0
- package/dist/pine-core/{p-VD9N6wlm.system.js.map → p-B2EsHCoA.system.js.map} +1 -1
- package/dist/pine-core/{p-DB5uGIa_.system.js.map → p-B7_7oNQG.system.js.map} +1 -1
- package/dist/pine-core/{p-DLLxnMGt.system.js.map → p-B8BcpYlQ.system.js.map} +1 -1
- package/dist/pine-core/{p-BliJJW1j.system.js.map → p-BD9ysh2r.system.js.map} +1 -1
- package/dist/pine-core/{p-CgWQPL_r.system.js.map → p-BFO0Qv1J.system.js.map} +1 -1
- package/dist/pine-core/{p-B-E5vUXg.system.js.map → p-BHXH-Irt.system.js.map} +1 -1
- package/dist/pine-core/{p-Cmqc3dXq.system.js.map → p-BLil033h.system.js.map} +1 -1
- package/dist/pine-core/{p-B1H_HZwJ.system.js.map → p-BYHypIS4.system.js.map} +1 -1
- package/dist/pine-core/{p-B9XGJbRZ.system.js.map → p-BjaDq65J.system.js.map} +1 -1
- package/dist/pine-core/{p-D-OPCAZp.system.js.map → p-Bm0i20zh.system.js.map} +1 -1
- package/dist/pine-core/{p-CqXA936G.system.js.map → p-BtXGBfVh.system.js.map} +1 -1
- package/dist/pine-core/{p-BGDY9PLj.system.js.map → p-BuXqrZlE.system.js.map} +1 -1
- package/dist/pine-core/{p-U881Jw53.system.js.map → p-BvEsTKJw.system.js.map} +1 -1
- package/dist/pine-core/{p-BCjnOrSN.system.js.map → p-BvlpNhcl.system.js.map} +1 -1
- package/dist/pine-core/{p-B9BjjBgt.system.js.map → p-BwqSEhik.system.js.map} +1 -1
- package/dist/pine-core/{p-Is08Hq3K.system.js.map → p-C08fY97u.system.js.map} +1 -1
- package/dist/pine-core/{p-W82-XbRW.system.js.map → p-C1AMzooU.system.js.map} +1 -1
- package/dist/pine-core/{p-CgnpUgBl.system.js.map → p-C7zvuvWK.system.js.map} +1 -1
- package/dist/pine-core/{p-wAXk8ww_.system.js.map → p-CHUAwdle.system.js.map} +1 -1
- package/dist/pine-core/{p-fpT973d4.system.js.map → p-CIRw0SFV.system.js.map} +1 -1
- package/dist/pine-core/{p-BT8dqDAs.system.js.map → p-CNgeZOJ8.system.js.map} +1 -1
- package/dist/pine-core/{p-C_yp7uLt.js → p-CO9kz-Pi.js} +3 -3
- package/dist/pine-core/p-CO9kz-Pi.js.map +1 -0
- package/dist/pine-core/{p-BJIYR_AY.system.js.map → p-CeUxuw8r.system.js.map} +1 -1
- package/dist/pine-core/{p-B1RhEuhm.system.js.map → p-Cng7Mtub.system.js.map} +1 -1
- package/dist/pine-core/{p-BZb-VHul.system.js.map → p-CoxD4Fzc.system.js.map} +1 -1
- package/dist/pine-core/{p-bHMH0lWb.system.js.map → p-D0Q8TzYd.system.js.map} +1 -1
- package/dist/pine-core/{p-DqLcHuGq.system.js.map → p-D2CTdoEq.system.js.map} +1 -1
- package/dist/pine-core/{p-CGu84YSR.system.js.map → p-D4yK_qVB.system.js.map} +1 -1
- package/dist/pine-core/{p-DU4ZC8FC.system.js.map → p-D504xCQQ.system.js.map} +1 -1
- package/dist/pine-core/{p-kdYEMtne.system.js.map → p-DDgPxucg.system.js.map} +1 -1
- package/dist/pine-core/{p-DqpW04yq.system.js.map → p-DFd5KJNr.system.js.map} +1 -1
- package/dist/pine-core/{p-BMZZBVr0.system.js.map → p-DMxjKSUq.system.js.map} +1 -1
- package/dist/pine-core/{p-eR8WkMT9.system.js.map → p-DUvF_h4G.system.js.map} +1 -1
- package/dist/pine-core/{p-BQQNaMkA.system.js.map → p-DWrLi0lj.system.js.map} +1 -1
- package/dist/pine-core/{p-DA-RbdlV.system.js → p-Djhe2zUv.system.js} +2 -2
- package/dist/pine-core/{p-DA-RbdlV.system.js.map → p-Djhe2zUv.system.js.map} +1 -1
- package/dist/pine-core/{p-CSHbB28_.system.js.map → p-DkENjswB.system.js.map} +1 -1
- package/dist/pine-core/{p-Bl3RALlE.system.js.map → p-DxU4fApL.system.js.map} +1 -1
- package/dist/pine-core/{p-CbV_pmpw.system.js.map → p-IrhpBtZN.system.js.map} +1 -1
- package/dist/pine-core/{p-BkfYC3QG.system.js.map → p-M5aqIQje.system.js.map} +1 -1
- package/dist/pine-core/{p-B01-GY9x.system.js.map → p-MtzjfzAh.system.js.map} +1 -1
- package/dist/pine-core/p-NzmeWArw.system.js.map +1 -0
- package/dist/pine-core/{p-CgohfVVy.system.js.map → p-UYm57tw3.system.js.map} +1 -1
- package/dist/pine-core/{p-BRDfQlTR.system.js.map → p-VWcPIY1a.system.js.map} +1 -1
- package/dist/pine-core/{p-2a7105ce.system.entry.js → p-a12e38aa.system.entry.js} +2 -2
- package/dist/pine-core/{p-6742ac53.system.entry.js → p-a713fedd.system.entry.js} +2 -2
- package/dist/pine-core/{p-428ca3f6.system.entry.js → p-a76a454f.system.entry.js} +2 -2
- package/dist/pine-core/{p-200365ba.system.entry.js → p-aed5cf70.system.entry.js} +2 -2
- package/dist/pine-core/{p-c649b996.system.entry.js → p-b117b00a.system.entry.js} +2 -2
- package/dist/pine-core/{p-fc9981e2.system.entry.js → p-b272656d.system.entry.js} +2 -2
- package/dist/pine-core/{p-ae7f32cd.entry.js → p-b63c7247.entry.js} +2 -2
- package/dist/pine-core/{p-3b32b411.entry.js → p-b8ca7bca.entry.js} +2 -2
- package/dist/pine-core/{p-b49dfc1f.entry.js → p-bb4bb3a7.entry.js} +2 -2
- package/dist/pine-core/{p-a99138df.entry.js → p-bd277581.entry.js} +2 -2
- package/dist/pine-core/{p-4f2ff60a.entry.js → p-be76de9e.entry.js} +2 -2
- package/dist/pine-core/{p-b2e1b6de.system.entry.js → p-bf1ab568.system.entry.js} +2 -2
- package/dist/pine-core/{p-09b3671c.system.entry.js → p-c299c019.system.entry.js} +2 -2
- package/dist/pine-core/{p-db8de76a.system.entry.js → p-c424a27a.system.entry.js} +2 -2
- package/dist/pine-core/{p-c16dc54e.entry.js → p-c54334bf.entry.js} +2 -2
- package/dist/pine-core/p-c5dc1e2d.system.entry.js +2 -0
- package/dist/pine-core/{p-5eba0eed.entry.js → p-c5f4d4c0.entry.js} +2 -2
- package/dist/pine-core/{p-ee66ed28.system.entry.js → p-c7246fe4.system.entry.js} +2 -2
- package/dist/pine-core/{p-6a585d38.system.entry.js → p-c746c9ad.system.entry.js} +2 -2
- package/dist/pine-core/{p-8d887560.entry.js → p-c7cab4ca.entry.js} +2 -2
- package/dist/pine-core/{p-ce5bba8d.system.entry.js → p-cb733c9c.system.entry.js} +2 -2
- package/dist/pine-core/{p-4bcdb26e.system.entry.js → p-cea4bfaa.system.entry.js} +2 -2
- package/dist/pine-core/{p-356aea4b.entry.js → p-d90f7fe4.entry.js} +2 -2
- package/dist/pine-core/{p-348c17bf.entry.js → p-da50a223.entry.js} +2 -2
- package/dist/pine-core/{p-7d46955b.entry.js → p-dc724dee.entry.js} +2 -2
- package/dist/pine-core/{p-097a9e35.entry.js → p-dd9888e9.entry.js} +2 -2
- package/dist/pine-core/{p-9b71468c.entry.js → p-e0862ab5.entry.js} +2 -2
- package/dist/pine-core/{p-d8f68dae.entry.js → p-e7e166f2.entry.js} +2 -2
- package/dist/pine-core/p-ea94b002.system.entry.js +4 -0
- package/dist/pine-core/p-ea94b002.system.entry.js.map +1 -0
- package/dist/pine-core/{p-65000aac.system.entry.js → p-ebf96abc.system.entry.js} +2 -2
- package/dist/pine-core/{p-aaba036c.entry.js → p-ec974e1d.entry.js} +2 -2
- package/dist/pine-core/{p-e414be23.system.entry.js → p-f30bde36.system.entry.js} +2 -2
- package/dist/pine-core/{p-19c80180.system.entry.js → p-f4662c9d.system.entry.js} +2 -2
- package/dist/pine-core/{p-8771e85a.entry.js → p-f924994c.entry.js} +2 -2
- package/dist/pine-core/{p-53698627.entry.js → p-fbd8a4ac.entry.js} +2 -2
- package/dist/pine-core/{p-3e6ca680.entry.js → p-fd6e7155.entry.js} +2 -2
- package/dist/pine-core/{p-DXfFlVU2.system.js.map → p-iOyU21aP.system.js.map} +1 -1
- package/dist/pine-core/{p-pj5WZS7o.system.js.map → p-sB8ZB68H.system.js.map} +1 -1
- package/dist/pine-core/{p-CuDPU9tR.system.js.map → p-xKyEDmi0.system.js.map} +1 -1
- package/dist/pine-core/pds-combobox.entry.esm.js.map +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 +36 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/vscode.html-data.json +15 -0
- package/hydrate/index.js +229 -53
- package/hydrate/index.mjs +229 -53
- package/package.json +2 -2
- package/dist/cjs/index-Cc_o_7az.js.map +0 -1
- package/dist/esm/index-C_yp7uLt.js.map +0 -1
- package/dist/esm-es5/index-C_yp7uLt.js.map +0 -1
- package/dist/pine-core/p-16c99374.entry.js +0 -2
- package/dist/pine-core/p-4d2c4f5d.system.entry.js +0 -4
- package/dist/pine-core/p-4d2c4f5d.system.entry.js.map +0 -1
- package/dist/pine-core/p-57e36acc.entry.js +0 -3
- package/dist/pine-core/p-57e36acc.entry.js.map +0 -1
- package/dist/pine-core/p-5c7819b2.system.entry.js +0 -2
- package/dist/pine-core/p-8ab0fe54.entry.js +0 -2
- package/dist/pine-core/p-99343ac6.entry.js +0 -2
- package/dist/pine-core/p-C8uRauPw.system.js.map +0 -1
- package/dist/pine-core/p-C_yp7uLt.js.map +0 -1
- package/dist/pine-core/p-DCcwKJEN.system.js.map +0 -1
- /package/dist/pine-core/{p-64c94251.system.entry.js.map → p-00e487c4.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0b370949.entry.js.map → p-0561744f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5fcdc321.system.entry.js.map → p-05771ef2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f418ab61.entry.js.map → p-06fbdc35.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8ab0fe54.entry.js.map → p-0bf1fee1.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d20af63e.system.entry.js.map → p-0d4b2bbc.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-1da31e21.system.entry.js.map → p-0f037132.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-16c99374.entry.js.map → p-0fefe6ef.entry.js.map} +0 -0
- /package/dist/pine-core/{p-19fbf372.system.entry.js.map → p-128a483e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5ab1ae44.entry.js.map → p-13821696.entry.js.map} +0 -0
- /package/dist/pine-core/{p-64ee9d79.system.entry.js.map → p-13a814c0.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b3a36a0e.entry.js.map → p-1768ad5e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f8321fa1.system.entry.js.map → p-1c26a838.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6f65a129.system.entry.js.map → p-1fd52c1b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-dcf0eb78.entry.js.map → p-205d8c56.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ab4e9e84.system.entry.js.map → p-24f9a03b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9280c9d2.system.entry.js.map → p-253e2bfd.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-175f34e1.entry.js.map → p-26aa3195.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7243f550.system.entry.js.map → p-2c2d2080.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b600e6a7.entry.js.map → p-2c48e33c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0370de3e.system.entry.js.map → p-2c7f3d5e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c19802c2.system.entry.js.map → p-2ca648d8.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4542a964.entry.js.map → p-31b51eae.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f9a4836b.system.entry.js.map → p-3524e30c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-19c70693.system.entry.js.map → p-35d9e3c8.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6b153192.entry.js.map → p-3c864e3d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-00024af8.entry.js.map → p-42d83b1f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7047497f.entry.js.map → p-4710c59d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ae97912f.system.entry.js.map → p-4768b52b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5b591069.system.entry.js.map → p-4993f30e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7c23fcf5.entry.js.map → p-4beb8ae5.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9b3a5038.entry.js.map → p-4cf4558e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ee8748ec.system.entry.js.map → p-4d3122ff.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d26019b2.entry.js.map → p-519d44b8.entry.js.map} +0 -0
- /package/dist/pine-core/{p-feb34c51.entry.js.map → p-54e967ca.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b5e7228a.system.entry.js.map → p-5552ca6b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3d057491.entry.js.map → p-5df670e9.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7b1cebb9.entry.js.map → p-5eb9a3e2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b175be8e.entry.js.map → p-61674647.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c36eabe8.system.entry.js.map → p-617dc902.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-feb666bb.entry.js.map → p-61c885c7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b209eccb.system.entry.js.map → p-63fd14b1.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-41af5414.system.entry.js.map → p-673dd006.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-893f4679.system.entry.js.map → p-69221099.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-469e54ee.system.entry.js.map → p-6acc2e5b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8911278b.entry.js.map → p-6ff1d23e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ed89e732.system.entry.js.map → p-779c4bd5.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-88ee0c95.system.entry.js.map → p-7bc34bce.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b25c2d6b.entry.js.map → p-7d9f7018.entry.js.map} +0 -0
- /package/dist/pine-core/{p-26cdbf99.entry.js.map → p-8731836c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-99343ac6.entry.js.map → p-88c2001b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4b5a97ad.entry.js.map → p-8a2433ba.entry.js.map} +0 -0
- /package/dist/pine-core/{p-afa702b7.entry.js.map → p-8b997cb3.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f4eec381.entry.js.map → p-8d0c1f6d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-45b5fa65.system.entry.js.map → p-90126a46.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-78c25934.entry.js.map → p-932f4860.entry.js.map} +0 -0
- /package/dist/pine-core/{p-540cc2b1.entry.js.map → p-939ae09f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-690143be.system.entry.js.map → p-93b379c2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ac2704ac.system.entry.js.map → p-94fde072.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-134af443.system.entry.js.map → p-952b41e5.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f34e1d0b.system.entry.js.map → p-9d7f17a4.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5a07cff6.entry.js.map → p-9e073662.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a4255685.system.entry.js.map → p-9e8b71ed.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-2a7105ce.system.entry.js.map → p-a12e38aa.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6742ac53.system.entry.js.map → p-a713fedd.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-428ca3f6.system.entry.js.map → p-a76a454f.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-200365ba.system.entry.js.map → p-aed5cf70.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c649b996.system.entry.js.map → p-b117b00a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-fc9981e2.system.entry.js.map → p-b272656d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ae7f32cd.entry.js.map → p-b63c7247.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3b32b411.entry.js.map → p-b8ca7bca.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b49dfc1f.entry.js.map → p-bb4bb3a7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a99138df.entry.js.map → p-bd277581.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4f2ff60a.entry.js.map → p-be76de9e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b2e1b6de.system.entry.js.map → p-bf1ab568.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-09b3671c.system.entry.js.map → p-c299c019.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-db8de76a.system.entry.js.map → p-c424a27a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c16dc54e.entry.js.map → p-c54334bf.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5c7819b2.system.entry.js.map → p-c5dc1e2d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5eba0eed.entry.js.map → p-c5f4d4c0.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ee66ed28.system.entry.js.map → p-c7246fe4.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6a585d38.system.entry.js.map → p-c746c9ad.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8d887560.entry.js.map → p-c7cab4ca.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ce5bba8d.system.entry.js.map → p-cb733c9c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4bcdb26e.system.entry.js.map → p-cea4bfaa.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-356aea4b.entry.js.map → p-d90f7fe4.entry.js.map} +0 -0
- /package/dist/pine-core/{p-348c17bf.entry.js.map → p-da50a223.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7d46955b.entry.js.map → p-dc724dee.entry.js.map} +0 -0
- /package/dist/pine-core/{p-097a9e35.entry.js.map → p-dd9888e9.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9b71468c.entry.js.map → p-e0862ab5.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d8f68dae.entry.js.map → p-e7e166f2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-65000aac.system.entry.js.map → p-ebf96abc.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-aaba036c.entry.js.map → p-ec974e1d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e414be23.system.entry.js.map → p-f30bde36.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-19c80180.system.entry.js.map → p-f4662c9d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8771e85a.entry.js.map → p-f924994c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-53698627.entry.js.map → p-fbd8a4ac.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3e6ca680.entry.js.map → p-fd6e7155.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as s,a as n}from"./p-C_yp7uLt.js";import{a as o,c as r,o as l,f as a,s as d,b as c}from"./p-DDtwbwIl.js";import{d as p}from"./p-tJa4KYNO.js";import{i as h,a as u,m}from"./p-C3xDZBme.js";import{e as g,b as f}from"./p-D4ys0pep.js";const b=":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 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s 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-container);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:absolute;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__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__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-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);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}";const v=class{constructor(t){i(this,t);this.pdsMultiselectChange=e(this,"pdsMultiselectChange");this.pdsMultiselectSearch=e(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=e(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=e(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=e(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";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.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";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=i=>{if(this.disabled)return;if(i&&this.selectedDisplay==="pill"&&this.pillPosition==="inline"){const e=i.composedPath().some((i=>{var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(e)return}if(this.isOpen){this.closeDropdown()}else{this.openDropdown()}};this.handleTriggerKeyDown=i=>{if(i.target!==this.triggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!this.isOpen){this.openDropdown()}break}};this.handleSearchInputChange=i=>{const e=i.target;this.searchQuery=e.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=i=>{var e,t,s;const n=this.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();let t=this.highlightedIndex+1;while(t<n.length&&((e=n[t])===null||e===void 0?void 0:e.disabled)){t++}if(t<n.length){this.highlightedIndex=t;this.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();let e=Math.max(this.highlightedIndex-1,0);while(e>0&&((t=n[e])===null||t===void 0?void 0:t.disabled)){e--}if(!((s=n[e])===null||s===void 0?void 0:s.disabled)){this.highlightedIndex=e;this.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(this.highlightedIndex>=0){const i=n[this.highlightedIndex];if(i){this.selectOption(i)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var i;if(!this.isOpen||this.isOpening||this.isClosingViaSelection)return;const e=document.activeElement;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.contains(e);const s=e===this.el;if(!t&&!s){this.pdsMultiselectDismiss.emit();this.closeDropdown()}}),0)};this.handleOptionMouseDown=i=>e=>{e.preventDefault();this.toggleOption(i)};this.handleOptionMouseEnter=(i,e)=>()=>{if(e.disabled)return;this.highlightedIndex=i};this.handleScroll=i=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const e=i.target;const t=e.scrollHeight-e.scrollTop-e.clientHeight;if(t<50){this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1});this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1)}};this.handlePillRemove=i=>()=>{var e,t;if(this.disabled)return;const s=String(i.id);this.value=this.value.filter((i=>i!==s));this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.removalAnnouncement="";queueMicrotask((()=>{this.removalAnnouncement=`${i.text} removed`}));this.isClosingViaSelection=true;if(this.isOpen){(e=this.searchInputEl)===null||e===void 0?void 0:e.focus()}else{(t=this.triggerEl)===null||t===void 0?void 0:t.focus()}setTimeout((()=>{this.isClosingViaSelection=false}),0)}}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()}componentDidLoad(){this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}}setupSlotChangeListener(){var i;const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(e){e.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var i,e;(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()}setupDebounce(){const{pdsMultiselectSearch:i,debounce:e,originalSearchEmitter:t}=this;this.pdsMultiselectSearch=e===undefined?t!==null&&t!==void 0?t:i:p(i,e)}valueChanged(i){if(typeof i==="string"){try{const 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){const i=this.ensureValueArray();const e=i.length>0&&this.selectedItems.length<i.length;if(e){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}}optionsChanged(){if(this.options){this.internalOptions=[...this.options]}}internalOptionsChanged(){this.syncSelectedItems()}async setFocus(){var i;(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}async clear(){const i=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.pdsMultiselectChange.emit({values:[],items:[]})}}handleWindowKeyDown(i){var e;if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var i;const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(!e)return;const t=[];e.assignedElements({flatten:true}).forEach((i=>{var e;if(i.tagName==="OPTGROUP"){const e=i;const s=e.label;const n=e.disabled;e.querySelectorAll("option").forEach((i=>{var e;const o={id:i.value,text:((e=i.textContent)===null||e===void 0?void 0:e.trim())||i.value,disabled:i.disabled||n||undefined};if(s){o.group=s}t.push(o)}))}else if(i.tagName==="OPTION"){const s=i;t.push({id:s.value,text:((e=s.textContent)===null||e===void 0?void 0:e.trim())||s.value,disabled:s.disabled||undefined})}}));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}}clearAsyncFetchState(){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}debouncedFetchAsyncOptions(i,e=1){var t;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(t=this.debounce)!==null&&t!==void 0?t:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(i,e)}),s)}syncSelectedItems(){const i=this.ensureValueArray();const e=this.getAllOptions();const t=[];const s=new Map(this.selectedItems.map((i=>[String(i.id),i])));i.forEach((i=>{const n=e.find((e=>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}ensureValueArray(){if(typeof this.value==="string"){try{const i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){const e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const i=this.getAllOptions();const e=this.searchQuery.toLowerCase();const t=i.filter((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}updateFormValue(){var i;if(h())return;if((i=this.internals)===null||i===void 0?void 0:i.setFormValue){const i=this.ensureValueArray();const e=new FormData;i.forEach((i=>{if(this.name){e.append(this.name,i)}}));this.internals.setFormValue(e);if(this.required&&i.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}}getCsrfToken(){if(this.csrfToken){return this.csrfToken}const i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null}async fetchOptions(i,e=1){var t;if(!this.asyncUrl)return;(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((()=>{var i;(i=this.abortController)===null||i===void 0?void 0:i.abort();this.fetchTimeoutTimer=undefined}),this.fetchTimeout);try{let t;try{t=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){t.searchParams.set("search",i);t.searchParams.set("page",String(e))}const s=this.getCsrfToken();const n={"Content-Type":"application/json",Accept:"application/json"};if(s){const i=this.csrfHeaderName||"X-CSRF-Token";n[i]=s}const o=await fetch(t.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}));if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");const r=await o.json();const l=r.results.map((i=>{if(this.formatResult){return this.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=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=e}catch(i){if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(i.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",i)}}finally{this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;const i=this.ensureValueArray();const e=i.length>0&&this.selectedItems.length<i.length;if(e){this.fetchOptions("",1)}}}}async createOption(i){if(!this.createUrl||!i.trim())return;if(this.creating)return;this.creating=true;try{const e=new URL(this.createUrl,window.location.origin);const t=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(t){const i=this.csrfHeaderName||"X-CSRF-Token";s[i]=t}const n=await fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json();const r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r];this.value=[...this.value,String(r.id)];this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:r});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((()=>{var i;(i=this.searchInputEl)===null||i===void 0?void 0:i.focus()}))}catch(i){console.error("PdsMultiselect: Failed to create option",i)}finally{this.creating=false}}openDropdown(){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((()=>{var i;this.positionDropdown();(i=this.searchInputEl)===null||i===void 0?void 0:i.focus();setTimeout((()=>{this.isOpening=false}),50)}))}closeDropdown(){this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((()=>{this.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const i=this.pillInlineTriggerEl||this.triggerEl||this.containerEl;const{minWidth:e,panelWidth:t}=this;const s=()=>{r(i,this.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),a(),d({padding:8}),c({apply:({rects:i,elements:s})=>{Object.assign(s.floating.style,{width:t!==null&&t!==void 0?t:`${i.reference.width}px`,minWidth:e})}})]}).then((({x:i,y:e})=>{if(this.panelEl){this.panelEl.style.left=`${i}px`;this.panelEl.style.top=`${e}px`}}))};s();const n=o(i,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var i;const e=(i=this.listboxEl)===null||i===void 0?void 0:i.querySelector(`[data-index="${this.highlightedIndex}"]`);e===null||e===void 0?void 0:e.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const s=String(i.id);const n=this.value.includes(s);if(n){this.value=this.value.filter((i=>i!==s))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,s]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}}selectOption(i){this.toggleOption(i)}getGroupedRenderItems(i){const e=[];let t=null;i.forEach(((i,s)=>{const 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}renderOption(i,e,s){const n=s.includes(String(i.id));const o=i.isCreateOption;const r=i.disabled;const l=e===this.highlightedIndex&&!o;const a=`${this.componentId}-option-${e}`;const d=o&&this.creating;return t("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":l,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":r||d},role:"option","aria-selected":n?"true":"false","aria-disabled":r||d?"true":undefined,"aria-label":o?`Create new tag: ${i.text}`:undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onMouseEnter:this.handleOptionMouseEnter(e,i)},o?t("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},t("pds-icon",{name:"add",size:"small"}),t("pds-text",null,'Add "',i.text,'"')):t("pds-checkbox",{componentId:`${this.componentId}-checkbox-${e}`,checked:n,label:i.text,disabled:r,style:{pointerEvents:"none"}}))}renderSelectedItemsList(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return t("div",{class:"pds-multiselect__selected-section"},t("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((i=>t("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)))))}renderDropdown(){if(!this.isOpen)return null;const i=this.getFilteredOptions();const e=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return t("div",{class:"pds-multiselect__panel",ref:i=>this.panelEl=i,style:{minWidth:this.minWidth}},t("div",{class:"pds-multiselect__search"},t("pds-icon",{name:"search",size:"small"}),t("input",{ref:i=>this.searchInputEl=i,type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),t("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:`${this.componentId}-listbox`,ref:i=>this.listboxEl=i,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&t("li",{class:"pds-multiselect__loading",role:"presentation"},n?t("slot",{name:"loading"}):t("pds-loader",{size:"small"})),!this.loading&&i.length===0&&t("li",{class:"pds-multiselect__empty",role:"presentation"},s?t("slot",{name:"empty"}):t("span",null,"No options found")),this.getGroupedRenderItems(i).map(((i,s)=>{if(i.type==="group"){return t("li",{key:`group-${s}`,role:"group","aria-label":i.group,class:"pds-multiselect__group"},t("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},i.group),t("ul",{class:"pds-multiselect__group-list",role:"presentation"},i.options.map((({option:i,index:t})=>this.renderOption(i,t,e)))))}return this.renderOption(i.option,i.index,e)})),this.hasMore&&!this.loading&&t("li",{class:"pds-multiselect__load-more",role:"presentation"},t("pds-loader",{size:"small"}))))}renderInlinePills(){const i=this.selectedItems.length>0;if(!i){return t("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}const e=this.disabled?"text":"tag";const s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));const n=this.selectedItems.length-s.length;return t("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":"Selected items"},s.map((i=>t("pds-chip",{key:String(i.id),"component-id":`${this.componentId}-pill-${i.id}`,variant:e,size:"sm",sentiment:"neutral",onPdsTagCloseClick:this.handlePillRemove(i)},i.text))),n>0&&t("span",{class:"pds-multiselect__pill-overflow"},"+",n))}renderBelowPills(){if(this.selectedItems.length===0)return null;const i=this.disabled?"text":"tag";return t("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":"Selected items"},this.selectedItems.map((e=>t("pds-chip",{key:String(e.id),"component-id":`${this.componentId}-pill-${e.id}`,variant:i,size:"md",sentiment:"neutral",onPdsTagCloseClick:this.handlePillRemove(e)},e.text))))}getTriggerText(){const i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return`${i} item${i===1?"":"s"}`}render(){const i=this.selectedItems.length>0;return t(s,{key:"086b6d2d199b35110e64ba1da3c12f1a81360581","aria-disabled":this.disabled?"true":null},t("div",{key:"c2faf217a97de056a9111a78e7077025e4ab5ee1",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&t("label",{key:"0aff86a3a0054aef256bac5c0204dd914a9bd3ae",id:`${this.componentId}-label`,htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),t("div",{key:"3b92119871dc32bb3c9a559be816bdece2fc30a6",class:"pds-multiselect__wrapper",ref:i=>this.containerEl=i,style:{width:this.triggerWidth}},this.selectedDisplay==="pill"&&this.pillPosition==="inline"?t("div",{ref:i=>this.pillInlineTriggerEl=i||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":i,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),t("button",{ref:i=>this.triggerEl=i,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?`${this.componentId}-label`:undefined,"aria-required":this.required?"true":undefined,"aria-describedby":u(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},t("pds-icon",{class:"pds-multiselect__icon",icon:g}))):t("button",{ref:i=>this.triggerEl=i,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":i},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":u(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},t("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!i||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),t("pds-icon",{class:"pds-multiselect__icon",icon:g})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),t("span",{key:"07d6a6bf9ccc2fe8bfcf9502a1cd4b7abf5c5e6f",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&t("p",{key:"a94bb6f31805d31ec3cd5b5f2ca8b1984f4d41d1",class:"pds-multiselect__helper",id:m(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("p",{key:"15afc6b9313e1fe22bd56b00eee1ebcf9e085c2e",class:"pds-multiselect__error",id:m(this.componentId,"error")},t("pds-icon",{key:"452814577b14ca8f891b101903bd1a7a7e5d8bb1",icon:f,size:"small"}),this.errorMessage),t("div",{key:"d8ce787886e666303759cd2654c78b44269a40ff",style:{display:"none"}},t("slot",{key:"8295376fb03b23d44c5baeca9bc967514e433e0f"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};v.style=b;export{v as pds_multiselect};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as e,h as t,H as s,a as n}from"./p-CO9kz-Pi.js";import{a as o,c as r,o as l,f as a,s as d,b as c}from"./p-DDtwbwIl.js";import{d as p}from"./p-tJa4KYNO.js";import{i as h,a as u,m}from"./p-C3xDZBme.js";import{e as g,b as f}from"./p-D4ys0pep.js";const b=":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 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s 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-container);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:absolute;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__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__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-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);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}";const v=class{constructor(t){i(this,t);this.pdsMultiselectChange=e(this,"pdsMultiselectChange");this.pdsMultiselectSearch=e(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=e(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=e(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=e(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";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.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";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=i=>{if(this.disabled)return;if(i&&this.selectedDisplay==="pill"&&this.pillPosition==="inline"){const e=i.composedPath().some((i=>{var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(e)return}if(this.isOpen){this.closeDropdown()}else{this.openDropdown()}};this.handleTriggerKeyDown=i=>{if(i.target!==this.triggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!this.isOpen){this.openDropdown()}break}};this.handleSearchInputChange=i=>{const e=i.target;this.searchQuery=e.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=i=>{var e,t,s;const n=this.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();let t=this.highlightedIndex+1;while(t<n.length&&((e=n[t])===null||e===void 0?void 0:e.disabled)){t++}if(t<n.length){this.highlightedIndex=t;this.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();let e=Math.max(this.highlightedIndex-1,0);while(e>0&&((t=n[e])===null||t===void 0?void 0:t.disabled)){e--}if(!((s=n[e])===null||s===void 0?void 0:s.disabled)){this.highlightedIndex=e;this.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(this.highlightedIndex>=0){const i=n[this.highlightedIndex];if(i){this.selectOption(i)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var i;if(!this.isOpen||this.isOpening||this.isClosingViaSelection)return;const e=document.activeElement;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.contains(e);const s=e===this.el;if(!t&&!s){this.pdsMultiselectDismiss.emit();this.closeDropdown()}}),0)};this.handleOptionMouseDown=i=>e=>{e.preventDefault();this.toggleOption(i)};this.handleOptionMouseEnter=(i,e)=>()=>{if(e.disabled)return;this.highlightedIndex=i};this.handleScroll=i=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const e=i.target;const t=e.scrollHeight-e.scrollTop-e.clientHeight;if(t<50){this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1});this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1)}};this.handlePillRemove=i=>()=>{var e,t;if(this.disabled)return;const s=String(i.id);this.value=this.value.filter((i=>i!==s));this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.removalAnnouncement="";queueMicrotask((()=>{this.removalAnnouncement=`${i.text} removed`}));this.isClosingViaSelection=true;if(this.isOpen){(e=this.searchInputEl)===null||e===void 0?void 0:e.focus()}else{(t=this.triggerEl)===null||t===void 0?void 0:t.focus()}setTimeout((()=>{this.isClosingViaSelection=false}),0)}}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()}componentDidLoad(){this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}}setupSlotChangeListener(){var i;const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(e){e.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var i,e;(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()}setupDebounce(){const{pdsMultiselectSearch:i,debounce:e,originalSearchEmitter:t}=this;this.pdsMultiselectSearch=e===undefined?t!==null&&t!==void 0?t:i:p(i,e)}valueChanged(i){if(typeof i==="string"){try{const 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){const i=this.ensureValueArray();const e=i.length>0&&this.selectedItems.length<i.length;if(e){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}}optionsChanged(){if(this.options){this.internalOptions=[...this.options]}}internalOptionsChanged(){this.syncSelectedItems()}async setFocus(){var i;(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}async clear(){const i=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.pdsMultiselectChange.emit({values:[],items:[]})}}handleWindowKeyDown(i){var e;if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var i;const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(!e)return;const t=[];e.assignedElements({flatten:true}).forEach((i=>{var e;if(i.tagName==="OPTGROUP"){const e=i;const s=e.label;const n=e.disabled;e.querySelectorAll("option").forEach((i=>{var e;const o={id:i.value,text:((e=i.textContent)===null||e===void 0?void 0:e.trim())||i.value,disabled:i.disabled||n||undefined};if(s){o.group=s}t.push(o)}))}else if(i.tagName==="OPTION"){const s=i;t.push({id:s.value,text:((e=s.textContent)===null||e===void 0?void 0:e.trim())||s.value,disabled:s.disabled||undefined})}}));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}}clearAsyncFetchState(){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}debouncedFetchAsyncOptions(i,e=1){var t;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(t=this.debounce)!==null&&t!==void 0?t:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(i,e)}),s)}syncSelectedItems(){const i=this.ensureValueArray();const e=this.getAllOptions();const t=[];const s=new Map(this.selectedItems.map((i=>[String(i.id),i])));i.forEach((i=>{const n=e.find((e=>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}ensureValueArray(){if(typeof this.value==="string"){try{const i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){const e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const i=this.getAllOptions();const e=this.searchQuery.toLowerCase();const t=i.filter((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}updateFormValue(){var i;if(h())return;if((i=this.internals)===null||i===void 0?void 0:i.setFormValue){const i=this.ensureValueArray();const e=new FormData;i.forEach((i=>{if(this.name){e.append(this.name,i)}}));this.internals.setFormValue(e);if(this.required&&i.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}}getCsrfToken(){if(this.csrfToken){return this.csrfToken}const i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null}async fetchOptions(i,e=1){var t;if(!this.asyncUrl)return;(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((()=>{var i;(i=this.abortController)===null||i===void 0?void 0:i.abort();this.fetchTimeoutTimer=undefined}),this.fetchTimeout);try{let t;try{t=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){t.searchParams.set("search",i);t.searchParams.set("page",String(e))}const s=this.getCsrfToken();const n={"Content-Type":"application/json",Accept:"application/json"};if(s){const i=this.csrfHeaderName||"X-CSRF-Token";n[i]=s}const o=await fetch(t.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}));if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");const r=await o.json();const l=r.results.map((i=>{if(this.formatResult){return this.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=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=e}catch(i){if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(i.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",i)}}finally{this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;const i=this.ensureValueArray();const e=i.length>0&&this.selectedItems.length<i.length;if(e){this.fetchOptions("",1)}}}}async createOption(i){if(!this.createUrl||!i.trim())return;if(this.creating)return;this.creating=true;try{const e=new URL(this.createUrl,window.location.origin);const t=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(t){const i=this.csrfHeaderName||"X-CSRF-Token";s[i]=t}const n=await fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json();const r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r];this.value=[...this.value,String(r.id)];this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:r});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((()=>{var i;(i=this.searchInputEl)===null||i===void 0?void 0:i.focus()}))}catch(i){console.error("PdsMultiselect: Failed to create option",i)}finally{this.creating=false}}openDropdown(){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((()=>{var i;this.positionDropdown();(i=this.searchInputEl)===null||i===void 0?void 0:i.focus();setTimeout((()=>{this.isOpening=false}),50)}))}closeDropdown(){this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((()=>{this.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const i=this.pillInlineTriggerEl||this.triggerEl||this.containerEl;const{minWidth:e,panelWidth:t}=this;const s=()=>{r(i,this.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),a(),d({padding:8}),c({apply:({rects:i,elements:s})=>{Object.assign(s.floating.style,{width:t!==null&&t!==void 0?t:`${i.reference.width}px`,minWidth:e})}})]}).then((({x:i,y:e})=>{if(this.panelEl){this.panelEl.style.left=`${i}px`;this.panelEl.style.top=`${e}px`}}))};s();const n=o(i,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var i;const e=(i=this.listboxEl)===null||i===void 0?void 0:i.querySelector(`[data-index="${this.highlightedIndex}"]`);e===null||e===void 0?void 0:e.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const s=String(i.id);const n=this.value.includes(s);if(n){this.value=this.value.filter((i=>i!==s))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,s]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}}selectOption(i){this.toggleOption(i)}getGroupedRenderItems(i){const e=[];let t=null;i.forEach(((i,s)=>{const 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}renderOption(i,e,s){const n=s.includes(String(i.id));const o=i.isCreateOption;const r=i.disabled;const l=e===this.highlightedIndex&&!o;const a=`${this.componentId}-option-${e}`;const d=o&&this.creating;return t("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":l,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":r||d},role:"option","aria-selected":n?"true":"false","aria-disabled":r||d?"true":undefined,"aria-label":o?`Create new tag: ${i.text}`:undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onMouseEnter:this.handleOptionMouseEnter(e,i)},o?t("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},t("pds-icon",{name:"add",size:"small"}),t("pds-text",null,'Add "',i.text,'"')):t("pds-checkbox",{componentId:`${this.componentId}-checkbox-${e}`,checked:n,label:i.text,disabled:r,style:{pointerEvents:"none"}}))}renderSelectedItemsList(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return t("div",{class:"pds-multiselect__selected-section"},t("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((i=>t("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)))))}renderDropdown(){if(!this.isOpen)return null;const i=this.getFilteredOptions();const e=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return t("div",{class:"pds-multiselect__panel",ref:i=>this.panelEl=i,style:{minWidth:this.minWidth}},t("div",{class:"pds-multiselect__search"},t("pds-icon",{name:"search",size:"small"}),t("input",{ref:i=>this.searchInputEl=i,type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),t("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:`${this.componentId}-listbox`,ref:i=>this.listboxEl=i,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&t("li",{class:"pds-multiselect__loading",role:"presentation"},n?t("slot",{name:"loading"}):t("pds-loader",{size:"small"})),!this.loading&&i.length===0&&t("li",{class:"pds-multiselect__empty",role:"presentation"},s?t("slot",{name:"empty"}):t("span",null,"No options found")),this.getGroupedRenderItems(i).map(((i,s)=>{if(i.type==="group"){return t("li",{key:`group-${s}`,role:"group","aria-label":i.group,class:"pds-multiselect__group"},t("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},i.group),t("ul",{class:"pds-multiselect__group-list",role:"presentation"},i.options.map((({option:i,index:t})=>this.renderOption(i,t,e)))))}return this.renderOption(i.option,i.index,e)})),this.hasMore&&!this.loading&&t("li",{class:"pds-multiselect__load-more",role:"presentation"},t("pds-loader",{size:"small"}))))}renderInlinePills(){const i=this.selectedItems.length>0;if(!i){return t("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}const e=this.disabled?"text":"tag";const s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));const n=this.selectedItems.length-s.length;return t("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":"Selected items"},s.map((i=>t("pds-chip",{key:String(i.id),"component-id":`${this.componentId}-pill-${i.id}`,variant:e,size:"sm",sentiment:"neutral",onPdsTagCloseClick:this.handlePillRemove(i)},i.text))),n>0&&t("span",{class:"pds-multiselect__pill-overflow"},"+",n))}renderBelowPills(){if(this.selectedItems.length===0)return null;const i=this.disabled?"text":"tag";return t("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":"Selected items"},this.selectedItems.map((e=>t("pds-chip",{key:String(e.id),"component-id":`${this.componentId}-pill-${e.id}`,variant:i,size:"md",sentiment:"neutral",onPdsTagCloseClick:this.handlePillRemove(e)},e.text))))}getTriggerText(){const i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return`${i} item${i===1?"":"s"}`}render(){const i=this.selectedItems.length>0;return t(s,{key:"086b6d2d199b35110e64ba1da3c12f1a81360581","aria-disabled":this.disabled?"true":null},t("div",{key:"c2faf217a97de056a9111a78e7077025e4ab5ee1",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&t("label",{key:"0aff86a3a0054aef256bac5c0204dd914a9bd3ae",id:`${this.componentId}-label`,htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),t("div",{key:"3b92119871dc32bb3c9a559be816bdece2fc30a6",class:"pds-multiselect__wrapper",ref:i=>this.containerEl=i,style:{width:this.triggerWidth}},this.selectedDisplay==="pill"&&this.pillPosition==="inline"?t("div",{ref:i=>this.pillInlineTriggerEl=i||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":i,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),t("button",{ref:i=>this.triggerEl=i,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?`${this.componentId}-label`:undefined,"aria-required":this.required?"true":undefined,"aria-describedby":u(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},t("pds-icon",{class:"pds-multiselect__icon",icon:g}))):t("button",{ref:i=>this.triggerEl=i,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":i},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":u(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},t("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!i||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),t("pds-icon",{class:"pds-multiselect__icon",icon:g})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),t("span",{key:"07d6a6bf9ccc2fe8bfcf9502a1cd4b7abf5c5e6f",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&t("p",{key:"a94bb6f31805d31ec3cd5b5f2ca8b1984f4d41d1",class:"pds-multiselect__helper",id:m(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("p",{key:"15afc6b9313e1fe22bd56b00eee1ebcf9e085c2e",class:"pds-multiselect__error",id:m(this.componentId,"error")},t("pds-icon",{key:"452814577b14ca8f891b101903bd1a7a7e5d8bb1",icon:f,size:"small"}),this.errorMessage),t("div",{key:"d8ce787886e666303759cd2654c78b44269a40ff",style:{display:"none"}},t("slot",{key:"8295376fb03b23d44c5baeca9bc967514e433e0f"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};v.style=b;export{v as pds_multiselect};
|
|
2
|
+
//# sourceMappingURL=p-bb4bb3a7.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as a,a as s}from"./p-C_yp7uLt.js";import{i as r,b as o,e as n,a as l,m as d}from"./p-C3xDZBme.js";import{d as c}from"./p-tJa4KYNO.js";import{i as h,a as p}from"./p-C0M1gTKv.js";import{b as u}from"./p-D4ys0pep.js";const b=":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)}";const f=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const x=":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__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{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{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)}.pds-textarea__error-message{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)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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}";const m=class{constructor(i){e(this,i);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.pdsKeyDown=t(this,"pdsKeyDown");this.inheritedAttributes={};this._type="textarea";this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocus=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onInput=e=>{const t=e.target;if(t){if(this.maxLength&&t.value.length>this.maxLength){t.value=t.value.substring(0,this.maxLength)}this.value=t.value||""}this.emitInputChange(e);if(this.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}};this.onTextareaChange=e=>{this.emitValueChange(e)};this.onKeyDown=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){if(this.nativeTextarea){this.nativeTextarea.focus()}}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=t===undefined?i!==null&&i!==void 0?i:e:c(e,t)}valueChanged(){const e=this.nativeTextarea;const t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}}maxLengthChanged(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(!r()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){const e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;o(t,this);const{value:i}=t;const a=i==null?i:i.toString();this.focusedValue=a;this.pdsTextareaChange.emit({value:a,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join(" ")}connectedCallback(){this.debounceChanged();if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},h(this.el)),p(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null}componentDidLoad(){this.originalPdsInput=this.pdsInput;this.updateFormValue();this.setupResizeObserver();n(this.el,(()=>this._type))}setupResizeObserver(){if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}}updateCharacterCounterPosition(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}const e=this.nativeTextarea.offsetWidth;const t=this.nativeTextarea.offsetHeight;const i=this.characterCounter.offsetWidth;const a=this.characterCounter.offsetHeight;const s=e-i-8;const r=t-a-8;const o=Math.max(8,Math.min(s,e-i-8));const n=Math.max(8,Math.min(r,t-a-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left=`${o}px`;this.characterCounter.style.top=`${n}px`;this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"}renderCharacterCounter(){if(!this.maxLength){return null}const e=this.getValue().length;return i("div",{class:"pds-textarea__character-counter",ref:e=>this.characterCounter=e,role:"status","aria-live":"polite","aria-label":`${e} of ${this.maxLength} characters`},e," / ",this.maxLength)}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-textarea__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(r())return;if(this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const t=e.get(this.name);if(typeof t==="string"){this.value=t}}}render(){const e=this.getValue();return i(a,{key:"09726ef6454fe84a5c8d0ea25c6e8a7a6da128f9","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},i("div",{key:"6244104f11d26b25a908fbaf13a815988a3c33d9",class:"pds-textarea"},this.label&&i("div",{key:"5dd7f6caedd7ebf5ecaacf8d111ec5e2426e84ae",class:"pds-textarea__label-wrapper"},i("label",{key:"d19f62cd28612423abf0d5696ff1cd88f39d32fe",htmlFor:this.componentId},i("span",{key:"37f4e9e34ae3205bafa5f1bc8574a98d3a90060d",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),i("div",{key:"4c3c8fadc5596630485ee1775f5d87d77c11d95b",class:"pds-textarea__field-wrapper"},i("textarea",Object.assign({key:"a60be5f3d362cb9bcd2ecf5af16ffc467fc8322a",ref:e=>this.nativeTextarea=e,"aria-describedby":l(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),e),this.renderCharacterCounter()),this.helperMessage&&i("p",{key:"ae03337ef85ac2a3995e967fe671e0ad2c352710",class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"a2bda9a477e7d2b81862833da43158a626d8cc6f","aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},i("pds-icon",{key:"5ac785e8012aeb49dd0b1c5823233671531b0a7a",icon:u,size:"small"}),this.errorMessage)))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],maxLength:["maxLengthChanged"]}}};m.style=b+(f+x);export{m as pds_textarea};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,h as i,H as a,a as s}from"./p-CO9kz-Pi.js";import{i as r,b as o,e as n,a as l,m as d}from"./p-C3xDZBme.js";import{d as c}from"./p-tJa4KYNO.js";import{i as h,a as p}from"./p-C0M1gTKv.js";import{b as u}from"./p-D4ys0pep.js";const b=":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)}";const f=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const x=":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__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{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{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)}.pds-textarea__error-message{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)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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}";const m=class{constructor(i){e(this,i);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.pdsKeyDown=t(this,"pdsKeyDown");this.inheritedAttributes={};this._type="textarea";this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocus=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onInput=e=>{const t=e.target;if(t){if(this.maxLength&&t.value.length>this.maxLength){t.value=t.value.substring(0,this.maxLength)}this.value=t.value||""}this.emitInputChange(e);if(this.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}};this.onTextareaChange=e=>{this.emitValueChange(e)};this.onKeyDown=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){if(this.nativeTextarea){this.nativeTextarea.focus()}}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=t===undefined?i!==null&&i!==void 0?i:e:c(e,t)}valueChanged(){const e=this.nativeTextarea;const t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}}maxLengthChanged(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(!r()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){const e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;o(t,this);const{value:i}=t;const a=i==null?i:i.toString();this.focusedValue=a;this.pdsTextareaChange.emit({value:a,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join(" ")}connectedCallback(){this.debounceChanged();if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},h(this.el)),p(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null}componentDidLoad(){this.originalPdsInput=this.pdsInput;this.updateFormValue();this.setupResizeObserver();n(this.el,(()=>this._type))}setupResizeObserver(){if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))}}updateCharacterCounterPosition(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}const e=this.nativeTextarea.offsetWidth;const t=this.nativeTextarea.offsetHeight;const i=this.characterCounter.offsetWidth;const a=this.characterCounter.offsetHeight;const s=e-i-8;const r=t-a-8;const o=Math.max(8,Math.min(s,e-i-8));const n=Math.max(8,Math.min(r,t-a-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left=`${o}px`;this.characterCounter.style.top=`${n}px`;this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"}renderCharacterCounter(){if(!this.maxLength){return null}const e=this.getValue().length;return i("div",{class:"pds-textarea__character-counter",ref:e=>this.characterCounter=e,role:"status","aria-live":"polite","aria-label":`${e} of ${this.maxLength} characters`},e," / ",this.maxLength)}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-textarea__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(r())return;if(this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const t=e.get(this.name);if(typeof t==="string"){this.value=t}}}render(){const e=this.getValue();return i(a,{key:"09726ef6454fe84a5c8d0ea25c6e8a7a6da128f9","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},i("div",{key:"6244104f11d26b25a908fbaf13a815988a3c33d9",class:"pds-textarea"},this.label&&i("div",{key:"5dd7f6caedd7ebf5ecaacf8d111ec5e2426e84ae",class:"pds-textarea__label-wrapper"},i("label",{key:"d19f62cd28612423abf0d5696ff1cd88f39d32fe",htmlFor:this.componentId},i("span",{key:"37f4e9e34ae3205bafa5f1bc8574a98d3a90060d",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),i("div",{key:"4c3c8fadc5596630485ee1775f5d87d77c11d95b",class:"pds-textarea__field-wrapper"},i("textarea",Object.assign({key:"a60be5f3d362cb9bcd2ecf5af16ffc467fc8322a",ref:e=>this.nativeTextarea=e,"aria-describedby":l(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),e),this.renderCharacterCounter()),this.helperMessage&&i("p",{key:"ae03337ef85ac2a3995e967fe671e0ad2c352710",class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"a2bda9a477e7d2b81862833da43158a626d8cc6f","aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},i("pds-icon",{key:"5ac785e8012aeb49dd0b1c5823233671531b0a7a",icon:u,size:"small"}),this.errorMessage)))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"],maxLength:["maxLengthChanged"]}}};m.style=b+(f+x);export{m as pds_textarea};
|
|
2
|
+
//# sourceMappingURL=p-bd277581.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,H as o,a as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as r,H as o,a as t}from"./p-CO9kz-Pi.js";import{e as a,i as n,m as s,a as d}from"./p-C3xDZBme.js";import{b as c}from"./p-D4ys0pep.js";import{i as l}from"./p-C0M1gTKv.js";const h=":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)}";const p=':host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.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-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const b=class{constructor(r){e(this,r);this.pdsCheckboxChange=i(this,"pdsCheckboxChange");this.pdsCheckboxInput=i(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=e=>{if(this.disabled){return}const i=e.target;this.checked=i.checked;this.updateFormValue();this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})};this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})}}updateIndeterminate(){this.indeterminate=undefined}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}a(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){if(n())return;if(this.internals&&this.internals.setFormValue){const e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}}componentWillLoad(){this.inheritedAttributes=Object.assign({},l(this.el))}render(){return r(o,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},r("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},r("input",Object.assign({key:"5238103a16bc1c6baf92b5802bca17db748a14b2",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),r("span",{key:"0a652dc44e4c35d3a5484065f140a231a0d46424",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&r("div",{key:"76f40eba1d92ffcdb9946c8cc17714bda421a8a7",class:"pds-checkbox__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"ad05bf066a91bc934344c3696ec82ec6b9813c07",class:`pds-checkbox__message pds-checkbox__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"4d3f9dddea4be870323db41a6cc5d69a9be44d7d",icon:c,size:"small"}),this.errorMessage))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{checked:["updateIndeterminate","checkedChanged"]}}};b.style=h+p;export{b as pds_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-be76de9e.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-B1bh2Wvv.system.js"],(function(e){"use strict";var s,t,a;return{setters:[function(e){s=e.r;t=e.h;a=e.H}],execute:function(){var f=":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}";var i=e("pds_filters",function(){function e(e){s(this,e)}e.prototype.render=function(){return t(a,{key:"7007a635d3866781dfd67bd2d3b2dab46d36cffc",id:this.componentId},t("div",{key:"e6eb4c76bfb39050aaa01ad297df995de7df484b",class:"pds-filters"},t("slot",{key:"543c83c7422b3e1e9a2446618fe8119d76478df4"})))};return e}());i.style=f}}}));
|
|
2
|
+
//# sourceMappingURL=p-bf1ab568.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-B1bh2Wvv.system.js"],(function(e){"use strict";var a,t,n,i;return{setters:[function(e){a=e.r;t=e.h;n=e.H;i=e.a}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";var l=e("pds_tabpanel",function(){function e(e){a(this,e);this.selected=false}e.prototype.render=function(){return t(n,{key:"6ba83ea71c899d61f67884780731591a05aa1894",slot:"tabpanels"},t("div",{key:"abaa610f7a68a3977303e08f1221976ae2840272",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},t("slot",{key:"b80ecc1380f424d545b31843b53de1b2854e9f28"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l.style=s}}}));
|
|
2
|
+
//# sourceMappingURL=p-c299c019.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-B1bh2Wvv.system.js"],(function(e){"use strict";var r,n,i;return{setters:[function(e){r=e.r;n=e.h;i=e.H}],execute:function(){var t=":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}";var o=e("pds_dropdown_menu_separator",function(){function e(e){r(this,e);this.disabled=false}e.prototype.render=function(){return n(i,{key:"1058ea61d2ad7c311ee162b909df2531f3589e4c",id:this.componentId},n("hr",{key:"a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b"}))};return e}());o.style=t}}}));
|
|
2
|
+
//# sourceMappingURL=p-c424a27a.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,c as e,h as o,H as l,a as i}from"./p-C_yp7uLt.js";const n=":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}";const a=":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";const s=class{constructor(o){r(this,o);this.pdsAlertDismissClick=e(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.hideIcon=false;this.variant="default";this.hasActionsContent=false;this.handleCloseClick=()=>{this.pdsAlertDismissClick.emit()}}componentWillRender(){const r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r}renderActions(r){return o("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},o("slot",{name:"actions"}))}renderContent(){if(this.small){return o("pds-box",{display:"flex",gap:"md","align-items":"center"},o("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(true))}return o("div",null,o("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(false))}render(){const r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};const e=r[this.variant]||r.default;return o(l,{key:"fb36c6626a4b775971032936f3cc876d2471fc71",class:"pds-alert",id:this.componentId,variant:this.variant},o("pds-box",{key:"5f80f68bfce168e11b9e83760b4a8d08b4a73b6b",class:`pds-alert__container pds-alert__container--${this.variant}`,"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block"},o("pds-box",{key:"6047b04859a12d5dc48f263cdf66074a2a2940f1",gap:"sm",display:"flex"},!this.hideIcon&&o("pds-icon",{key:"578a6932dd90984c21e797b8e57523ca29e9a723",class:`pds-alert__icon ${this.small?"pds-alert__icon--small":""}`,color:"var(--pds-alert-color-icon)",icon:e,size:"var(--pds-alert-icon-size)"}),o("pds-box",{key:"abf825088987691dcf716937d2c0ad831e0f6bcf",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&o("pds-text",{key:"539bda19f7b9e01192442a8895fa9439db56bd93",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&o("button",{key:"a233aabbc825584339cd1bcf7919db11b8a27479",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":"Dismiss alert",onClick:this.handleCloseClick},o("pds-icon",{key:"887a026480d80f407472e79cb1def7f691bd1a2d",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))}get el(){return i(this)}};s.style=n+a;export{s as pds_alert};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,c as e,h as o,H as l,a as i}from"./p-CO9kz-Pi.js";const n=":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}";const a=":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";const s=class{constructor(o){r(this,o);this.pdsAlertDismissClick=e(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.hideIcon=false;this.variant="default";this.hasActionsContent=false;this.handleCloseClick=()=>{this.pdsAlertDismissClick.emit()}}componentWillRender(){const r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r}renderActions(r){return o("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},o("slot",{name:"actions"}))}renderContent(){if(this.small){return o("pds-box",{display:"flex",gap:"md","align-items":"center"},o("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(true))}return o("div",null,o("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},o("slot",null)),this.hasActionsContent&&this.renderActions(false))}render(){const r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};const e=r[this.variant]||r.default;return o(l,{key:"fb36c6626a4b775971032936f3cc876d2471fc71",class:"pds-alert",id:this.componentId,variant:this.variant},o("pds-box",{key:"5f80f68bfce168e11b9e83760b4a8d08b4a73b6b",class:`pds-alert__container pds-alert__container--${this.variant}`,"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block"},o("pds-box",{key:"6047b04859a12d5dc48f263cdf66074a2a2940f1",gap:"sm",display:"flex"},!this.hideIcon&&o("pds-icon",{key:"578a6932dd90984c21e797b8e57523ca29e9a723",class:`pds-alert__icon ${this.small?"pds-alert__icon--small":""}`,color:"var(--pds-alert-color-icon)",icon:e,size:"var(--pds-alert-icon-size)"}),o("pds-box",{key:"abf825088987691dcf716937d2c0ad831e0f6bcf",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&o("pds-text",{key:"539bda19f7b9e01192442a8895fa9439db56bd93",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&o("button",{key:"a233aabbc825584339cd1bcf7919db11b8a27479",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":"Dismiss alert",onClick:this.handleCloseClick},o("pds-icon",{key:"887a026480d80f407472e79cb1def7f691bd1a2d",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))}get el(){return i(this)}};s.style=n+a;export{s as pds_alert};
|
|
2
|
+
//# sourceMappingURL=p-c54334bf.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./p-B1bh2Wvv.system.js"],(function(e){"use strict";var t,n,a;return{setters:[function(e){t=e.r;n=e.h;a=e.H}],execute:function(){var i=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";var s=e("pds_property",function(){function e(e){t(this,e);this.icon="star"}e.prototype.render=function(){return n(a,{key:"947e0adfc46ab267b4a5f3e3da5dedcd8ab64d3e",id:this.componentId},n("pds-box",{key:"bc6fbd4eaa162a7d9ff6348d74bf15f71e776db6","align-items":"center",gap:"xs"},n("pds-icon",{key:"5d703e9afd94761aae842c82c7b5e9223b63b894",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),n("slot",{key:"e5e02fb21c783f7e4027591e99cd966981babc04"})))};return e}());s.style=i}}}));
|
|
2
|
+
//# sourceMappingURL=p-c5dc1e2d.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as r,a as o}from"./p-C_yp7uLt.js";import{t as s,e as n}from"./p-D4ys0pep.js";const a=":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";const l=class{constructor(t){e(this,t);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};this.handleKeyDown=e=>{if(this.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();this.handleClick()}};this.handleClick=e=>{if(this.variant==="clear"){this.pdsFilterClear.emit({componentId:this.componentId,text:this.text});return}this.closeOtherPopovers();const i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((()=>{if(this.popoverEl!=null){this.isOpen=!this.isOpen;if(this.isOpen){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open");this.adjustPopoverPosition();this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open");this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}}disconnectedCallback(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}componentDidRender(){if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}}handleWindowResize(){if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),16)}}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style;const i=performance.now();const t=e?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((()=>{if(this.isOpen&&this.popoverEl&&this.el.isConnected){this.adjustPopoverPosition()}this.scrollRAF=null}))}}closeOtherPopovers(){const e=document.querySelectorAll("pds-filter");e.forEach((e=>{var i;if(e===this.el)return;const t=(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){let e=false;try{e=t.matches(":popover-open")}catch(i){e=t.style.display==="block"}if(e){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||this.variant==="clear")return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect();const r=window.innerWidth;const o=window.innerHeight;const s="anchorName"in document.documentElement.style;const n=228;const a=this.popoverEl.getBoundingClientRect().height||200;const l=20;const p=t.left+n+l>r;const c=t.bottom+8+a+l>o;if(s){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{let e=t.left;let i=t.bottom+8;let r="top left";if(p){const i=this.popoverEl.getBoundingClientRect().width||n;e=t.right-i;r="top right"}if(c){i=t.top-a-8;r=r.replace("top","bottom")}this.popoverEl.style.cssText=`\n position: fixed;\n left: ${e}px;\n top: ${i}px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ${r};\n `}}async showFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}}async hideFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}handlePopoverToggle(e){const i=e.target;const t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}handleDocumentClick(e){if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}handleEscapeKey(e){if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}getIcon(){if(this.variant==="clear"){return s}return this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];e.push(`pds-filter__trigger--${this.variant}`);if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")}renderIcon(){const e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){if(this.variant==="selected"){return t("pds-icon",{icon:n,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null}render(){return t(r,{key:"e70f7bf3612c5c8abe7445ba3a4e53391a68de9e",id:this.componentId},t("button",{key:"2cba723795c43509762f75cb4b6607ce547f7c39",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?`${this.componentId}-popover`:undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?`${this.componentId}-popover`:undefined},t("span",{key:"8244dd35cc74c6f0138be2d3495d94b97f60474f",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"d97c085d1df1ca13ccaf1f26ca2dac81bdfb105a",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"0b9daf4591ea20db06813ce4c39442d69af3fda1",ref:e=>this.popoverEl=e,id:`${this.componentId}-popover`,class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"f4499fe2d5a6a169318fe65cbbc558565c8644f9"})))}get el(){return o(this)}};l.style=a;export{l as pds_filter};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as t,H as r,a as o}from"./p-CO9kz-Pi.js";import{t as s,e as n}from"./p-D4ys0pep.js";const a=":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";const l=class{constructor(t){e(this,t);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};this.handleKeyDown=e=>{if(this.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();this.handleClick()}};this.handleClick=e=>{if(this.variant==="clear"){this.pdsFilterClear.emit({componentId:this.componentId,text:this.text});return}this.closeOtherPopovers();const i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((()=>{if(this.popoverEl!=null){this.isOpen=!this.isOpen;if(this.isOpen){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open");this.adjustPopoverPosition();this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open");this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}}disconnectedCallback(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}componentDidRender(){if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}}handleWindowResize(){if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),16)}}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style;const i=performance.now();const t=e?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((()=>{if(this.isOpen&&this.popoverEl&&this.el.isConnected){this.adjustPopoverPosition()}this.scrollRAF=null}))}}closeOtherPopovers(){const e=document.querySelectorAll("pds-filter");e.forEach((e=>{var i;if(e===this.el)return;const t=(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){let e=false;try{e=t.matches(":popover-open")}catch(i){e=t.style.display==="block"}if(e){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||this.variant==="clear")return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect();const r=window.innerWidth;const o=window.innerHeight;const s="anchorName"in document.documentElement.style;const n=228;const a=this.popoverEl.getBoundingClientRect().height||200;const l=20;const p=t.left+n+l>r;const c=t.bottom+8+a+l>o;if(s){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{let e=t.left;let i=t.bottom+8;let r="top left";if(p){const i=this.popoverEl.getBoundingClientRect().width||n;e=t.right-i;r="top right"}if(c){i=t.top-a-8;r=r.replace("top","bottom")}this.popoverEl.style.cssText=`\n position: fixed;\n left: ${e}px;\n top: ${i}px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ${r};\n `}}async showFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}}async hideFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}handlePopoverToggle(e){const i=e.target;const t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}handleDocumentClick(e){if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}handleEscapeKey(e){if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}getIcon(){if(this.variant==="clear"){return s}return this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];e.push(`pds-filter__trigger--${this.variant}`);if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")}renderIcon(){const e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){if(this.variant==="selected"){return t("pds-icon",{icon:n,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null}render(){return t(r,{key:"e70f7bf3612c5c8abe7445ba3a4e53391a68de9e",id:this.componentId},t("button",{key:"2cba723795c43509762f75cb4b6607ce547f7c39",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?`${this.componentId}-popover`:undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?`${this.componentId}-popover`:undefined},t("span",{key:"8244dd35cc74c6f0138be2d3495d94b97f60474f",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"d97c085d1df1ca13ccaf1f26ca2dac81bdfb105a",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"0b9daf4591ea20db06813ce4c39442d69af3fda1",ref:e=>this.popoverEl=e,id:`${this.componentId}-popover`,class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"f4499fe2d5a6a169318fe65cbbc558565c8644f9"})))}get el(){return o(this)}};l.style=a;export{l as pds_filter};
|
|
2
|
+
//# sourceMappingURL=p-c5f4d4c0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-B1bh2Wvv.system.js","./p-B1u-QvFn.system.js","./p-C62JIZmE.system.js","./p-BhQhw0S3.system.js"],(function(i){"use strict";var e,t,r,n,s,a,o,c,l,d,h;return{setters:[function(i){e=i.r;t=i.c;r=i.h;n=i.H;s=i.a},function(i){a=i.e;o=i.i;c=i.m;l=i.a},function(i){d=i.b},function(i){h=i.i}],execute:function(){var p=":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 b=':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:0.15s 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:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.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{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}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 u=i("pds_switch",function(){function i(i){var r=this;e(this,i);this.pdsSwitchChange=t(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(r.disabled)return;var e=i.target;r.checked=e.checked;r.updateFormValue();r.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(r.invalid===true){i+=" pds-switch--error"}if(r.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){var i=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}a(this.el,(function(){return i._type}))};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){if(o())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({},h(this.el))};i.prototype.render=function(){return r(n,{key:"96ee8c40c04e95b461ba2942b740503897a56b27",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},r("label",{key:"441d6854f2c0b02ecf3d874198b3e0636d68c83b",htmlFor:this.componentId},r("input",Object.assign({key:"a26cd5fb407abc20da3e9dcfe0e52333690b783a","aria-describedby":l(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"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)),r("span",{key:"5762c48f481c5c5d7b62e8dab40579a4e7ff290b",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&r("div",{key:"64c14b8833b45b4e9efb2f76faa47f0d24127c91",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"cecd2e8da713e74b8e6b528b50733015f5d5069b",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"3a1c8f87b3909cdad1bc680931f5521ecb77acd6",icon:d,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}());u.style=p+b}}}));
|
|
2
|
+
//# sourceMappingURL=p-c7246fe4.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function d(e){try{n(i.next(e))}catch(e){o(e)}}function s(e){try{n(i["throw"](e))}catch(e){o(e)}}function n(e){e.done?a(e.value):r(e.value).then(d,s)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,d=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return d.next=s(0),d["throw"]=s(1),d["return"]=s(2),typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(e){return function(t){return n([e,t])}}function n(s){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,s[0]&&(a=0)),a)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;r=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(s[0]===6&&a.label<o[1]){a.label=o[1];o=s;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(s);break}if(o[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function d(e){try{n(i.next(e))}catch(e){o(e)}}function s(e){try{n(i["throw"](e))}catch(e){o(e)}}function n(e){e.done?a(e.value):r(e.value).then(d,s)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,d=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return d.next=s(0),d["throw"]=s(1),d["return"]=s(2),typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(e){return function(t){return n([e,t])}}function n(s){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,s[0]&&(a=0)),a)try{if(i=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;r=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(s[0]===6&&a.label<o[1]){a.label=o[1];o=s;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(s);break}if(o[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];r=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-B1bh2Wvv.system.js"],(function(e){"use strict";var t,a,i,r;return{setters:[function(e){t=e.r;a=e.c;i=e.h;r=e.a}],execute:function(){var o=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";var d=e("mock_pds_modal",function(){function e(e){t(this,e);this.pdsModalOpen=a(this,"pdsModalOpen");this.pdsModalClose=a(this,"pdsModalClose");this.pdsModalBackdropClick=a(this,"pdsModalBackdropClick");this.size="md";this.scrollable=true;this.backdropDismiss=true;this.open=false}e.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.pdsModalOpen.emit();return[2]}))}))};e.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.pdsModalClose.emit();return[2]}))}))};e.prototype.handleBackdropClick=function(e){var t=this.el.querySelector(".pds-modal__backdrop");if(e.target===t&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}};e.prototype.handleKeyDown=function(e){if(e.key==="Escape"&&this.open===true){e.preventDefault();if(this.backdropDismiss===true){this.hideModal()}}};e.prototype.componentDidLoad=function(){};e.prototype.render=function(){var e;var t=(e={"pds-modal":true},e["pds-modal--".concat(this.size)]=true,e["pds-modal--scrollable"]=this.scrollable,e);var a={"pds-modal__backdrop":true,open:this.open};return i("div",{key:"6e7f71b339764894e1f17d253fc3c8e0243e4f90",class:a},i("div",{key:"25b2f82c1af743156d152880631d4294dfec68b5",class:t,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?"".concat(this.componentId,"-heading"):null,part:"modal"},i("div",{key:"6bc97e805daee5e5dd547fa0b919a05cf1b6a6a1",class:"pds-modal__header"},i("slot",{key:"d9e7c248d983e3c055ed7e0aea5a4d5a15dfea12",name:"header"})),i("div",{key:"5608ee069b59cb34dc812bde22f83c6bce7e6904",class:"pds-modal-content"},i("slot",{key:"6e3e790330598e1bde733350e5e216d269426e51"})),i("div",{key:"381f3c4e1c9c83b0687e1f1484b64334e388d669",class:"pds-modal__footer"},i("slot",{key:"6e3a3cb64623de59a409072ab9c1bf65af8c2f6c",name:"footer"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());d.style=o}}}));
|
|
2
|
+
//# sourceMappingURL=p-c746c9ad.system.entry.js.map
|