@pine-ds/core 3.24.3 → 3.25.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-alert.js +7 -1
- package/components/pds-alert.js.map +1 -1
- package/components/pds-chip2.js +2 -2
- package/components/pds-chip2.js.map +1 -1
- package/dist/cjs/{index-D5emBryO.js → index-Cc_o_7az.js} +3 -3
- package/dist/cjs/index-Cc_o_7az.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 +7 -2
- package/dist/cjs/pds-alert.entry.cjs.js.map +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 +3 -3
- package/dist/cjs/pds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +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-alert/pds-alert.js +29 -1
- package/dist/collection/components/pds-alert/pds-alert.js.map +1 -1
- package/dist/collection/components/pds-alert/stories/pds-alert.stories.js +19 -0
- package/dist/collection/components/pds-chip/pds-chip.css +6 -8
- package/dist/collection/components/pds-chip/pds-chip.tokens.css +33 -0
- package/dist/docs.json +30 -1
- package/dist/esm/{index-DgugD5OF.js → index-C_yp7uLt.js} +3 -3
- package/dist/esm/index-C_yp7uLt.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 +7 -2
- package/dist/esm/pds-alert.entry.js.map +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 +3 -3
- package/dist/esm/pds-chip.entry.js.map +1 -1
- package/dist/esm/pds-combobox.entry.js +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-DgugD5OF.js → index-C_yp7uLt.js} +3 -3
- package/dist/esm-es5/index-C_yp7uLt.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-alert.entry.js.map +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-chip.entry.js.map +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +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-4ef40e46.entry.js → p-00024af8.entry.js} +2 -2
- package/dist/pine-core/{p-77929a62.system.entry.js → p-0370de3e.system.entry.js} +2 -2
- package/dist/pine-core/{p-ce720bfc.entry.js → p-097a9e35.entry.js} +2 -2
- package/dist/pine-core/{p-96cc703a.system.entry.js → p-09b3671c.system.entry.js} +2 -2
- package/dist/pine-core/{p-9b6a70b7.entry.js → p-0b370949.entry.js} +2 -2
- package/dist/pine-core/{p-8067095b.entry.js → p-1208f3f4.entry.js} +3 -3
- package/dist/pine-core/{p-e2e2ec2a.system.entry.js → p-134af443.system.entry.js} +2 -2
- package/dist/pine-core/{p-daf68bad.entry.js → p-16c99374.entry.js} +2 -2
- package/dist/pine-core/{p-e6471ada.entry.js → p-175f34e1.entry.js} +2 -2
- package/dist/pine-core/{p-bdf72bf1.system.entry.js → p-19c70693.system.entry.js} +2 -2
- package/dist/pine-core/{p-5539b141.system.entry.js → p-19c80180.system.entry.js} +2 -2
- package/dist/pine-core/{p-e23d362f.system.entry.js → p-19fbf372.system.entry.js} +2 -2
- package/dist/pine-core/{p-f9a7e38c.system.entry.js → p-1da31e21.system.entry.js} +2 -2
- package/dist/pine-core/{p-d472ad6a.system.entry.js → p-200365ba.system.entry.js} +2 -2
- package/dist/pine-core/p-200365ba.system.entry.js.map +1 -0
- package/dist/pine-core/{p-0a4707b8.entry.js → p-26cdbf99.entry.js} +2 -2
- package/dist/pine-core/{p-21f92ead.system.entry.js → p-2a7105ce.system.entry.js} +2 -2
- package/dist/pine-core/{p-09827b7b.system.entry.js → p-3321448e.system.entry.js} +3 -3
- package/dist/pine-core/{p-230606be.entry.js → p-348c17bf.entry.js} +2 -2
- package/dist/pine-core/{p-fce808ec.entry.js → p-356aea4b.entry.js} +2 -2
- package/dist/pine-core/{p-cff05483.entry.js → p-3b32b411.entry.js} +2 -2
- package/dist/pine-core/{p-5a5b4ab8.entry.js → p-3d057491.entry.js} +3 -3
- package/dist/pine-core/{p-e5a45329.entry.js → p-3e6ca680.entry.js} +2 -2
- package/dist/pine-core/{p-69f53e4d.system.entry.js → p-41af5414.system.entry.js} +2 -2
- package/dist/pine-core/{p-707e19af.system.entry.js → p-428ca3f6.system.entry.js} +2 -2
- package/dist/pine-core/{p-a1c8b41b.entry.js → p-4542a964.entry.js} +2 -2
- package/dist/pine-core/{p-a2f7beec.system.entry.js → p-45b5fa65.system.entry.js} +3 -3
- package/dist/pine-core/{p-9cb18d50.system.entry.js → p-469e54ee.system.entry.js} +2 -2
- package/dist/pine-core/{p-30973c73.entry.js → p-4b5a97ad.entry.js} +2 -2
- package/dist/pine-core/{p-39cd6169.system.entry.js → p-4bcdb26e.system.entry.js} +2 -2
- package/dist/pine-core/{p-24c47b6e.entry.js → p-4f2ff60a.entry.js} +2 -2
- package/dist/pine-core/{p-60815dd1.entry.js → p-53698627.entry.js} +2 -2
- package/dist/pine-core/{p-d8d73a39.entry.js → p-540cc2b1.entry.js} +2 -2
- package/dist/pine-core/{p-179f2687.entry.js → p-5a07cff6.entry.js} +2 -2
- package/dist/pine-core/{p-5c64764b.entry.js → p-5ab1ae44.entry.js} +2 -2
- package/dist/pine-core/{p-fde51521.system.entry.js → p-5b591069.system.entry.js} +2 -2
- package/dist/pine-core/p-5c7819b2.system.entry.js +2 -0
- package/dist/pine-core/{p-c58100b9.entry.js → p-5eba0eed.entry.js} +2 -2
- package/dist/pine-core/p-5fcdc321.system.entry.js +2 -0
- package/dist/pine-core/{p-391dcc54.system.entry.js → p-64c94251.system.entry.js} +2 -2
- package/dist/pine-core/{p-40e3129d.system.entry.js → p-64ee9d79.system.entry.js} +2 -2
- package/dist/pine-core/{p-f14161da.system.entry.js → p-65000aac.system.entry.js} +2 -2
- package/dist/pine-core/{p-42d449ef.system.entry.js → p-6742ac53.system.entry.js} +2 -2
- package/dist/pine-core/{p-0dd25018.system.entry.js → p-690143be.system.entry.js} +2 -2
- package/dist/pine-core/{p-f1f6d593.system.entry.js → p-6a585d38.system.entry.js} +2 -2
- package/dist/pine-core/{p-cae7b9c3.entry.js → p-6b153192.entry.js} +2 -2
- package/dist/pine-core/{p-a60560b3.system.entry.js → p-6f65a129.system.entry.js} +2 -2
- package/dist/pine-core/{p-4f8de670.entry.js → p-7047497f.entry.js} +2 -2
- package/dist/pine-core/{p-42660908.system.entry.js → p-7243f550.system.entry.js} +2 -2
- package/dist/pine-core/{p-45f39906.entry.js → p-78c25934.entry.js} +2 -2
- package/dist/pine-core/{p-03e88bde.entry.js → p-7b1cebb9.entry.js} +2 -2
- package/dist/pine-core/{p-d90cd1b9.entry.js → p-7c23fcf5.entry.js} +2 -2
- package/dist/pine-core/{p-67756adb.entry.js → p-7d46955b.entry.js} +2 -2
- package/dist/pine-core/{p-857f5bba.entry.js → p-8771e85a.entry.js} +2 -2
- package/dist/pine-core/{p-f260b20f.system.entry.js → p-88ee0c95.system.entry.js} +2 -2
- package/dist/pine-core/{p-0be2b5af.entry.js → p-8911278b.entry.js} +2 -2
- package/dist/pine-core/{p-a53561cd.system.entry.js → p-893f4679.system.entry.js} +2 -2
- package/dist/pine-core/p-8ab0fe54.entry.js +2 -0
- package/dist/pine-core/{p-8b71fd72.entry.js → p-8d887560.entry.js} +2 -2
- package/dist/pine-core/{p-92f296a3.system.entry.js → p-9280c9d2.system.entry.js} +2 -2
- package/dist/pine-core/{p-eacb5f93.entry.js → p-99343ac6.entry.js} +2 -2
- package/dist/pine-core/{p-23f99ae0.entry.js → p-9b3a5038.entry.js} +2 -2
- package/dist/pine-core/{p-230c360e.entry.js → p-9b71468c.entry.js} +2 -2
- package/dist/pine-core/{p-X-_QFsqW.system.js.map → p-B-E5vUXg.system.js.map} +1 -1
- package/dist/pine-core/{p-CBFhigZb.system.js.map → p-B01-GY9x.system.js.map} +1 -1
- package/dist/pine-core/p-B1H_HZwJ.system.js.map +1 -0
- package/dist/pine-core/{p-mdynSWU3.system.js.map → p-B1RhEuhm.system.js.map} +1 -1
- package/dist/pine-core/{p-Buf4EdHt.system.js.map → p-B9BjjBgt.system.js.map} +1 -1
- package/dist/pine-core/{p-C03R7FZv.system.js.map → p-B9WMqbbz.system.js.map} +1 -1
- package/dist/pine-core/{p-uQTY4qb6.system.js.map → p-B9XGJbRZ.system.js.map} +1 -1
- package/dist/pine-core/{p-DZ2D-r2g.system.js.map → p-BCjnOrSN.system.js.map} +1 -1
- package/dist/pine-core/{p-BbuTTos7.system.js.map → p-BGDY9PLj.system.js.map} +1 -1
- package/dist/pine-core/{p-Co3JLySa.system.js.map → p-BJIYR_AY.system.js.map} +1 -1
- package/dist/pine-core/{p-CozIBrS2.system.js.map → p-BMZZBVr0.system.js.map} +1 -1
- package/dist/pine-core/{p-4RbkT-4n.system.js.map → p-BQQNaMkA.system.js.map} +1 -1
- package/dist/pine-core/{p-DsahHuq2.system.js.map → p-BRDfQlTR.system.js.map} +1 -1
- package/dist/pine-core/{p-DwDmfw9W.system.js.map → p-BT8dqDAs.system.js.map} +1 -1
- package/dist/pine-core/{p-ZfPiYr6Z.system.js.map → p-BZb-VHul.system.js.map} +1 -1
- package/dist/pine-core/{p-BHIlil3I.system.js.map → p-BkfYC3QG.system.js.map} +1 -1
- package/dist/pine-core/{p-DbekLgeQ.system.js.map → p-Bl3RALlE.system.js.map} +1 -1
- package/dist/pine-core/{p-BbvW_CBL.system.js.map → p-BliJJW1j.system.js.map} +1 -1
- package/dist/pine-core/{p-QhNaWlKc.system.js.map → p-BtSNy3kN.system.js.map} +1 -1
- package/dist/pine-core/{p-B8_sE91r.system.js.map → p-C3FLsHGa.system.js.map} +1 -1
- package/dist/pine-core/{p-Cd1r5glT.system.js → p-C8uRauPw.system.js} +3 -3
- package/dist/pine-core/p-C8uRauPw.system.js.map +1 -0
- package/dist/pine-core/{p-C5nO4zps.system.js.map → p-CGu84YSR.system.js.map} +1 -1
- package/dist/pine-core/{p-QCoEC6bt.system.js.map → p-CSHbB28_.system.js.map} +1 -1
- package/dist/pine-core/p-C_yp7uLt.js +3 -0
- package/dist/pine-core/p-C_yp7uLt.js.map +1 -0
- package/dist/pine-core/{p-BeRmTY98.system.js.map → p-CbV_pmpw.system.js.map} +1 -1
- package/dist/pine-core/{p-cFoJhW1l.system.js.map → p-CgWQPL_r.system.js.map} +1 -1
- package/dist/pine-core/{p-p0pHH2bh.system.js.map → p-CgnpUgBl.system.js.map} +1 -1
- package/dist/pine-core/{p-C5o2YF82.system.js.map → p-CgohfVVy.system.js.map} +1 -1
- package/dist/pine-core/{p-CiVqzPUt.system.js.map → p-Cmqc3dXq.system.js.map} +1 -1
- package/dist/pine-core/{p-D8Jy1X-i.system.js.map → p-CqXA936G.system.js.map} +1 -1
- package/dist/pine-core/{p-BZToZN3B.system.js.map → p-CuDPU9tR.system.js.map} +1 -1
- package/dist/pine-core/{p-ar9ZYqmc.system.js.map → p-D-OPCAZp.system.js.map} +1 -1
- package/dist/pine-core/{p-cm65m7sx.system.js.map → p-D0ED3Slj.system.js.map} +1 -1
- package/dist/pine-core/p-DA-RbdlV.system.js +2 -0
- package/dist/pine-core/{p-tz7Wp4Pc.system.js.map → p-DA-RbdlV.system.js.map} +1 -1
- package/dist/pine-core/{p-BsoxjrRK.system.js.map → p-DB5uGIa_.system.js.map} +1 -1
- package/dist/pine-core/{p-DYxb0HtA.system.js.map → p-DLLxnMGt.system.js.map} +1 -1
- package/dist/pine-core/{p-CnS7JOrE.system.js.map → p-DU4ZC8FC.system.js.map} +1 -1
- package/dist/pine-core/{p-DKrAolNL.system.js.map → p-DXfFlVU2.system.js.map} +1 -1
- package/dist/pine-core/{p-D9m0torX.system.js.map → p-DqLcHuGq.system.js.map} +1 -1
- package/dist/pine-core/{p-BIeE3p6o.system.js.map → p-DqpW04yq.system.js.map} +1 -1
- package/dist/pine-core/{p-U11kcmQt.system.js.map → p-Dug3XS8i.system.js.map} +1 -1
- package/dist/pine-core/{p-CvAkhP3X.system.js.map → p-Is08Hq3K.system.js.map} +1 -1
- package/dist/pine-core/{p-Rc2xglVQ.system.js.map → p-Sf7x15si.system.js.map} +1 -1
- package/dist/pine-core/{p-CzooU5nP.system.js.map → p-U881Jw53.system.js.map} +1 -1
- package/dist/pine-core/{p-Bd9sMbXw.system.js.map → p-VD9N6wlm.system.js.map} +1 -1
- package/dist/pine-core/{p-C1PQgahj.system.js.map → p-VGFWbsWb.system.js.map} +1 -1
- package/dist/pine-core/p-W82-XbRW.system.js.map +1 -0
- package/dist/pine-core/{p-ef13e073.system.entry.js → p-a4255685.system.entry.js} +2 -2
- package/dist/pine-core/{p-96b609c3.entry.js → p-a99138df.entry.js} +2 -2
- package/dist/pine-core/{p-611b1256.entry.js → p-aaba036c.entry.js} +2 -2
- package/dist/pine-core/{p-0388f3e1.system.entry.js → p-ab4e9e84.system.entry.js} +2 -2
- package/dist/pine-core/{p-0e144510.system.entry.js → p-ac2704ac.system.entry.js} +2 -2
- package/dist/pine-core/{p-57df9565.entry.js → p-ae7f32cd.entry.js} +2 -2
- package/dist/pine-core/{p-aca15b0e.system.entry.js → p-ae97912f.system.entry.js} +2 -2
- package/dist/pine-core/{p-3092b4cf.entry.js → p-afa702b7.entry.js} +2 -2
- package/dist/pine-core/{p-df932a4f.entry.js → p-b175be8e.entry.js} +2 -2
- package/dist/pine-core/{p-54df0ad1.system.entry.js → p-b209eccb.system.entry.js} +2 -2
- package/dist/pine-core/{p-db6d3b2c.entry.js → p-b25c2d6b.entry.js} +2 -2
- package/dist/pine-core/{p-a571cf06.system.entry.js → p-b2e1b6de.system.entry.js} +2 -2
- package/dist/pine-core/{p-54a9b03a.entry.js → p-b3a36a0e.entry.js} +2 -2
- package/dist/pine-core/{p-9e4d448f.entry.js → p-b49dfc1f.entry.js} +2 -2
- package/dist/pine-core/{p-b10f808b.system.entry.js → p-b5e7228a.system.entry.js} +2 -2
- package/dist/pine-core/{p-17f536fe.entry.js → p-b600e6a7.entry.js} +2 -2
- package/dist/pine-core/{p-BCj3Pqhe.system.js.map → p-bHMH0lWb.system.js.map} +1 -1
- package/dist/pine-core/{p-f40123a0.entry.js → p-c16dc54e.entry.js} +2 -2
- package/dist/pine-core/p-c16dc54e.entry.js.map +1 -0
- package/dist/pine-core/{p-23f4a834.system.entry.js → p-c19802c2.system.entry.js} +2 -2
- package/dist/pine-core/{p-173900fe.system.entry.js → p-c36eabe8.system.entry.js} +2 -2
- package/dist/pine-core/{p-c8fa81f8.system.entry.js → p-c649b996.system.entry.js} +2 -2
- package/dist/pine-core/{p-e220638d.system.entry.js → p-ce5bba8d.system.entry.js} +2 -2
- package/dist/pine-core/{p-647f9864.system.entry.js → p-d20af63e.system.entry.js} +2 -2
- package/dist/pine-core/p-d26019b2.entry.js +2 -0
- package/dist/pine-core/{p-726f3947.entry.js.map → p-d26019b2.entry.js.map} +1 -1
- package/dist/pine-core/{p-df7f26bc.entry.js → p-d8f68dae.entry.js} +2 -2
- package/dist/pine-core/{p-3261ca06.system.entry.js → p-db8de76a.system.entry.js} +2 -2
- package/dist/pine-core/{p-7babada1.entry.js → p-dcf0eb78.entry.js} +2 -2
- package/dist/pine-core/{p-a9ab40e0.system.entry.js → p-e414be23.system.entry.js} +2 -2
- package/dist/pine-core/{p-_O99x0uU.system.js.map → p-eR8WkMT9.system.js.map} +1 -1
- package/dist/pine-core/{p-ea229386.system.entry.js → p-ed89e732.system.entry.js} +2 -2
- package/dist/pine-core/{p-6c2db3fa.system.entry.js → p-ee66ed28.system.entry.js} +2 -2
- package/dist/pine-core/{p-7f9909ee.system.entry.js → p-ee8748ec.system.entry.js} +2 -2
- package/dist/pine-core/p-f34e1d0b.system.entry.js +2 -0
- package/dist/pine-core/{p-8502e648.system.entry.js.map → p-f34e1d0b.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-03926d00.entry.js → p-f418ab61.entry.js} +2 -2
- package/dist/pine-core/{p-cf135908.entry.js → p-f4eec381.entry.js} +2 -2
- package/dist/pine-core/{p-55e850a8.system.entry.js → p-f8321fa1.system.entry.js} +2 -2
- package/dist/pine-core/{p-2744531f.system.entry.js → p-f9a4836b.system.entry.js} +2 -2
- package/dist/pine-core/{p-b2548217.system.entry.js → p-fc9981e2.system.entry.js} +2 -2
- package/dist/pine-core/{p-9ba01afe.entry.js → p-feb34c51.entry.js} +2 -2
- package/dist/pine-core/{p-0e88b9e8.entry.js → p-feb666bb.entry.js} +2 -2
- package/dist/pine-core/{p-Bynxlopm.system.js.map → p-fpT973d4.system.js.map} +1 -1
- package/dist/pine-core/{p-YQUlAibS.system.js.map → p-kdYEMtne.system.js.map} +1 -1
- package/dist/pine-core/{p-CWWPfGzp.system.js.map → p-pj5WZS7o.system.js.map} +1 -1
- package/dist/pine-core/{p-BxonANqX.system.js.map → p-wAXk8ww_.system.js.map} +1 -1
- package/dist/pine-core/{p-D-ugJ_Vb.system.js.map → p-zU_JmyYX.system.js.map} +1 -1
- package/dist/pine-core/pds-alert.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-chip.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-alert/pds-alert.d.ts +5 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/vscode.html-data.json +7 -0
- package/hydrate/index.js +9 -3
- package/hydrate/index.mjs +9 -3
- package/package.json +2 -2
- package/dist/cjs/index-D5emBryO.js.map +0 -1
- package/dist/esm/index-DgugD5OF.js.map +0 -1
- package/dist/esm-es5/index-DgugD5OF.js.map +0 -1
- package/dist/pine-core/p-726f3947.entry.js +0 -2
- package/dist/pine-core/p-72918478.entry.js +0 -2
- package/dist/pine-core/p-7f7cd54c.system.entry.js +0 -2
- package/dist/pine-core/p-8502e648.system.entry.js +0 -2
- package/dist/pine-core/p-8d1cc70e.system.entry.js +0 -2
- package/dist/pine-core/p-Br9NgHnL.system.js.map +0 -1
- package/dist/pine-core/p-Cd1r5glT.system.js.map +0 -1
- package/dist/pine-core/p-DgugD5OF.js +0 -3
- package/dist/pine-core/p-DgugD5OF.js.map +0 -1
- package/dist/pine-core/p-NOwphlXM.system.js.map +0 -1
- package/dist/pine-core/p-d472ad6a.system.entry.js.map +0 -1
- package/dist/pine-core/p-f40123a0.entry.js.map +0 -1
- package/dist/pine-core/p-tz7Wp4Pc.system.js +0 -2
- /package/dist/pine-core/{p-4ef40e46.entry.js.map → p-00024af8.entry.js.map} +0 -0
- /package/dist/pine-core/{p-77929a62.system.entry.js.map → p-0370de3e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ce720bfc.entry.js.map → p-097a9e35.entry.js.map} +0 -0
- /package/dist/pine-core/{p-96cc703a.system.entry.js.map → p-09b3671c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9b6a70b7.entry.js.map → p-0b370949.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8067095b.entry.js.map → p-1208f3f4.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e2e2ec2a.system.entry.js.map → p-134af443.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-daf68bad.entry.js.map → p-16c99374.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e6471ada.entry.js.map → p-175f34e1.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bdf72bf1.system.entry.js.map → p-19c70693.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5539b141.system.entry.js.map → p-19c80180.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e23d362f.system.entry.js.map → p-19fbf372.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f9a7e38c.system.entry.js.map → p-1da31e21.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0a4707b8.entry.js.map → p-26cdbf99.entry.js.map} +0 -0
- /package/dist/pine-core/{p-21f92ead.system.entry.js.map → p-2a7105ce.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-09827b7b.system.entry.js.map → p-3321448e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-230606be.entry.js.map → p-348c17bf.entry.js.map} +0 -0
- /package/dist/pine-core/{p-fce808ec.entry.js.map → p-356aea4b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-cff05483.entry.js.map → p-3b32b411.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5a5b4ab8.entry.js.map → p-3d057491.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e5a45329.entry.js.map → p-3e6ca680.entry.js.map} +0 -0
- /package/dist/pine-core/{p-69f53e4d.system.entry.js.map → p-41af5414.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-707e19af.system.entry.js.map → p-428ca3f6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a1c8b41b.entry.js.map → p-4542a964.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a2f7beec.system.entry.js.map → p-45b5fa65.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9cb18d50.system.entry.js.map → p-469e54ee.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-30973c73.entry.js.map → p-4b5a97ad.entry.js.map} +0 -0
- /package/dist/pine-core/{p-39cd6169.system.entry.js.map → p-4bcdb26e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-24c47b6e.entry.js.map → p-4f2ff60a.entry.js.map} +0 -0
- /package/dist/pine-core/{p-60815dd1.entry.js.map → p-53698627.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d8d73a39.entry.js.map → p-540cc2b1.entry.js.map} +0 -0
- /package/dist/pine-core/{p-179f2687.entry.js.map → p-5a07cff6.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5c64764b.entry.js.map → p-5ab1ae44.entry.js.map} +0 -0
- /package/dist/pine-core/{p-fde51521.system.entry.js.map → p-5b591069.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8d1cc70e.system.entry.js.map → p-5c7819b2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c58100b9.entry.js.map → p-5eba0eed.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7f7cd54c.system.entry.js.map → p-5fcdc321.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-391dcc54.system.entry.js.map → p-64c94251.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-40e3129d.system.entry.js.map → p-64ee9d79.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f14161da.system.entry.js.map → p-65000aac.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-42d449ef.system.entry.js.map → p-6742ac53.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0dd25018.system.entry.js.map → p-690143be.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f1f6d593.system.entry.js.map → p-6a585d38.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-cae7b9c3.entry.js.map → p-6b153192.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a60560b3.system.entry.js.map → p-6f65a129.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4f8de670.entry.js.map → p-7047497f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-42660908.system.entry.js.map → p-7243f550.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-45f39906.entry.js.map → p-78c25934.entry.js.map} +0 -0
- /package/dist/pine-core/{p-03e88bde.entry.js.map → p-7b1cebb9.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d90cd1b9.entry.js.map → p-7c23fcf5.entry.js.map} +0 -0
- /package/dist/pine-core/{p-67756adb.entry.js.map → p-7d46955b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-857f5bba.entry.js.map → p-8771e85a.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f260b20f.system.entry.js.map → p-88ee0c95.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0be2b5af.entry.js.map → p-8911278b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a53561cd.system.entry.js.map → p-893f4679.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-72918478.entry.js.map → p-8ab0fe54.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8b71fd72.entry.js.map → p-8d887560.entry.js.map} +0 -0
- /package/dist/pine-core/{p-92f296a3.system.entry.js.map → p-9280c9d2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-eacb5f93.entry.js.map → p-99343ac6.entry.js.map} +0 -0
- /package/dist/pine-core/{p-23f99ae0.entry.js.map → p-9b3a5038.entry.js.map} +0 -0
- /package/dist/pine-core/{p-230c360e.entry.js.map → p-9b71468c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ef13e073.system.entry.js.map → p-a4255685.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-96b609c3.entry.js.map → p-a99138df.entry.js.map} +0 -0
- /package/dist/pine-core/{p-611b1256.entry.js.map → p-aaba036c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0388f3e1.system.entry.js.map → p-ab4e9e84.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0e144510.system.entry.js.map → p-ac2704ac.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-57df9565.entry.js.map → p-ae7f32cd.entry.js.map} +0 -0
- /package/dist/pine-core/{p-aca15b0e.system.entry.js.map → p-ae97912f.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3092b4cf.entry.js.map → p-afa702b7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-df932a4f.entry.js.map → p-b175be8e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-54df0ad1.system.entry.js.map → p-b209eccb.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-db6d3b2c.entry.js.map → p-b25c2d6b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a571cf06.system.entry.js.map → p-b2e1b6de.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-54a9b03a.entry.js.map → p-b3a36a0e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9e4d448f.entry.js.map → p-b49dfc1f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b10f808b.system.entry.js.map → p-b5e7228a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-17f536fe.entry.js.map → p-b600e6a7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-23f4a834.system.entry.js.map → p-c19802c2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-173900fe.system.entry.js.map → p-c36eabe8.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c8fa81f8.system.entry.js.map → p-c649b996.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e220638d.system.entry.js.map → p-ce5bba8d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-647f9864.system.entry.js.map → p-d20af63e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-df7f26bc.entry.js.map → p-d8f68dae.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3261ca06.system.entry.js.map → p-db8de76a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7babada1.entry.js.map → p-dcf0eb78.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a9ab40e0.system.entry.js.map → p-e414be23.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ea229386.system.entry.js.map → p-ed89e732.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6c2db3fa.system.entry.js.map → p-ee66ed28.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7f9909ee.system.entry.js.map → p-ee8748ec.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-03926d00.entry.js.map → p-f418ab61.entry.js.map} +0 -0
- /package/dist/pine-core/{p-cf135908.entry.js.map → p-f4eec381.entry.js.map} +0 -0
- /package/dist/pine-core/{p-55e850a8.system.entry.js.map → p-f8321fa1.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-2744531f.system.entry.js.map → p-f9a4836b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b2548217.system.entry.js.map → p-fc9981e2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9ba01afe.entry.js.map → p-feb34c51.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0e88b9e8.entry.js.map → p-feb666bb.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DgugD5OF.js";import{h as hasShadowDom}from"./utils-tJa4KYNO.js";import{f as addCircle,g as caretDown}from"./index-D4ys0pep.js";var pdsButtonCss=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--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-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";var PdsButton=function(){function o(o){var r=this;registerInstance(this,o);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.handleStartSlotChange=function(o){r.hasStartContent=o.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(o){r.hasEndContent=o.target.assignedElements({flatten:true}).length>0};this.handleClick=function(o){if(r.loading){o.preventDefault();return}if(r.disabled){o.preventDefault();return}if(!r.href&&r.type!="button"){if(hasShadowDom(r.el)){var t=r.el.closest("form");if(t){o.preventDefault();var e=document.createElement("button");e.type=r.type;e.style.display="none";t.appendChild(e);e.click();e.remove()}}}r.pdsClick.emit(o)}}o.prototype.handleFormKeyDown=function(o){if(o.defaultPrevented){return}if(o.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var r=o.target;if(!r||typeof r.matches!=="function"){return}var t=this.el.closest("form");if(!t||!r||!t.contains(r)){return}var e=r.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||r.matches("pds-input")||r.matches("pds-select")||r.matches("pds-switch")||r.matches("pds-checkbox")||r.matches("pds-radio");if(e){var n=Array.from(t.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=n.filter((function(o){if(o.tagName.toLowerCase()==="pds-button"){var r=o;return r.type==="submit"&&!r.disabled}else{return!o.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){o.preventDefault();this.el.click()}}};o.prototype.classNames=function(){var o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){o.push("pds-button--"+this.size)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")};o.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var o=this.icon&&this.variant!=="disclosure";if(Boolean(o)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var r="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:r},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};o.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};o.prototype.render=function(){var o=this;var r={class:this.classNames(),part:"button"};var t=function(){if(o.href){return Object.assign(Object.assign({},r),{download:o.download,href:o.disabled?null:o.href,target:o.target})}return Object.assign(Object.assign({},r),{"aria-busy":o.loading?"true":null,"aria-live":o.loading?"polite":null,disabled:o.disabled,name:o.name,type:o.type,value:o.value})};var e=this.href?"a":"button";var n=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(n?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},h(e,Object.assign({},t()),i))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();PdsButton.style=pdsButtonCss;export{PdsButton as pds_button};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-C_yp7uLt.js";import{h as hasShadowDom}from"./utils-tJa4KYNO.js";import{f as addCircle,g as caretDown}from"./index-D4ys0pep.js";var pdsButtonCss=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--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-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";var PdsButton=function(){function o(o){var r=this;registerInstance(this,o);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.handleStartSlotChange=function(o){r.hasStartContent=o.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(o){r.hasEndContent=o.target.assignedElements({flatten:true}).length>0};this.handleClick=function(o){if(r.loading){o.preventDefault();return}if(r.disabled){o.preventDefault();return}if(!r.href&&r.type!="button"){if(hasShadowDom(r.el)){var t=r.el.closest("form");if(t){o.preventDefault();var e=document.createElement("button");e.type=r.type;e.style.display="none";t.appendChild(e);e.click();e.remove()}}}r.pdsClick.emit(o)}}o.prototype.handleFormKeyDown=function(o){if(o.defaultPrevented){return}if(o.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var r=o.target;if(!r||typeof r.matches!=="function"){return}var t=this.el.closest("form");if(!t||!r||!t.contains(r)){return}var e=r.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||r.matches("pds-input")||r.matches("pds-select")||r.matches("pds-switch")||r.matches("pds-checkbox")||r.matches("pds-radio");if(e){var n=Array.from(t.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=n.filter((function(o){if(o.tagName.toLowerCase()==="pds-button"){var r=o;return r.type==="submit"&&!r.disabled}else{return!o.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){o.preventDefault();this.el.click()}}};o.prototype.classNames=function(){var o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){o.push("pds-button--"+this.size)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")};o.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var o=this.icon&&this.variant!=="disclosure";if(Boolean(o)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var r="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:r},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};o.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};o.prototype.render=function(){var o=this;var r={class:this.classNames(),part:"button"};var t=function(){if(o.href){return Object.assign(Object.assign({},r),{download:o.download,href:o.disabled?null:o.href,target:o.target})}return Object.assign(Object.assign({},r),{"aria-busy":o.loading?"true":null,"aria-live":o.loading?"polite":null,disabled:o.disabled,name:o.name,type:o.type,value:o.value})};var e=this.href?"a":"button";var n=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(n?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},h(e,Object.assign({},t()),i))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();PdsButton.style=pdsButtonCss;export{PdsButton as pds_button};
|
|
2
2
|
//# sourceMappingURL=pds-button.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-C_yp7uLt.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":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 pdsCheckboxCss=':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)}';var PdsCheckbox=function(){function e(e){var r=this;registerInstance(this,e);this.pdsCheckboxChange=createEvent(this,"pdsCheckboxChange");this.pdsCheckboxInput=createEvent(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=function(e){if(r.disabled){return}var i=e.target;r.checked=i.checked;r.updateFormValue();r.pdsCheckboxChange.emit({checked:i.checked,value:r.value})};this.handleInput=function(){r.pdsCheckboxInput.emit({checked:r.checked,value:r.value})}}e.prototype.updateIndeterminate=function(){this.indeterminate=undefined};e.prototype.classNames=function(){var 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(" ")};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var r=this.value||"on";this.checked=e.get(this.name)===r}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.render=function(){return h(Host,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},h("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},h("input",Object.assign({key:"5238103a16bc1c6baf92b5802bca17db748a14b2",type:"checkbox","aria-describedby":assignDescription(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)),h("span",{key:"0a652dc44e4c35d3a5484065f140a231a0d46424",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"76f40eba1d92ffcdb9946c8cc17714bda421a8a7",class:"pds-checkbox__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"ad05bf066a91bc934344c3696ec82ec6b9813c07",class:"pds-checkbox__message pds-checkbox__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"4d3f9dddea4be870323db41a6cc5d69a9be44d7d",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["updateIndeterminate","checkedChanged"]}},enumerable:false,configurable:true});return e}();PdsCheckbox.style=labelCss+pdsCheckboxCss;export{PdsCheckbox as pds_checkbox};
|
|
2
2
|
//# sourceMappingURL=pds-checkbox.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-DgugD5OF.js";import{d as downSmall,r as remove}from"./index-D4ys0pep.js";var pdsChipTokensCss=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";var pdsChipCss=":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";var PdsChip=function(){function i(i){var n=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.dot=false;this.large=false;this.sentiment="neutral";this.variant="text";this.handleCloseClick=function(){n.pdsTagCloseClick.emit()}}Object.defineProperty(i.prototype,"effectiveSize",{get:function(){if(this.size!=null)return this.size;if(this.large)return"lg";return"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var n=this.effectiveSize;if(n&&n!=="md"){i.push("pds-chip--"+n)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this.effectiveVariant==="dropdown";var n=this.sentiment==="brand"?false:this.dot;var e=i?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null));return e};i.prototype.renderCloseButton=function(){var i=this;var n=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var n={class:"pds-chip__close",href:i.removeUrl,"aria-label":"Remove"};if(i.removeTarget){n.target=i.removeTarget}if(i.removeHttpMethod){n["data-method"]=i.removeHttpMethod;n["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){n.rel=e.join(" ")}return n}return{class:"pds-chip__close",type:"button","aria-label":"Remove"}};return h(n,Object.assign({},e(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize}))};i.prototype.render=function(){return h(Host,{key:"1d75f8ea7583f53191467b568352664ea0313c79",class:this.classNames(),id:this.componentId},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};return i}();PdsChip.style=pdsChipTokensCss+pdsChipCss;export{PdsChip as pds_chip};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-C_yp7uLt.js";import{d as downSmall,r as remove}from"./index-D4ys0pep.js";var pdsChipTokensCss=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}";var pdsChipCss=":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";var PdsChip=function(){function i(i){var e=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.dot=false;this.large=false;this.sentiment="neutral";this.variant="text";this.handleCloseClick=function(){e.pdsTagCloseClick.emit()}}Object.defineProperty(i.prototype,"effectiveSize",{get:function(){if(this.size!=null)return this.size;if(this.large)return"lg";return"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var e=this.effectiveSize;if(e&&e!=="md"){i.push("pds-chip--"+e)}var n=this.sentiment==="brand"?"text":this.variant;if(n){i.push("pds-chip--"+n)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this.effectiveVariant==="dropdown";var e=this.sentiment==="brand"?false:this.dot;var n=i?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null));return n};i.prototype.renderCloseButton=function(){var i=this;var e=this.removeUrl?"a":"button";var n=function(){if(i.removeUrl){var e={class:"pds-chip__close",href:i.removeUrl,"aria-label":"Remove"};if(i.removeTarget){e.target=i.removeTarget}if(i.removeHttpMethod){e["data-method"]=i.removeHttpMethod;e["data-turbo-method"]=i.removeHttpMethod}var n=[];if(i.removeTarget==="_blank"){n.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){n.push("nofollow")}if(n.length>0){e.rel=n.join(" ")}return e}return{class:"pds-chip__close",type:"button","aria-label":"Remove"}};return h(e,Object.assign({},n(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize}))};i.prototype.render=function(){return h(Host,{key:"1d75f8ea7583f53191467b568352664ea0313c79",class:this.classNames(),id:this.componentId},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};return i}();PdsChip.style=pdsChipTokensCss+pdsChipCss;export{PdsChip as pds_chip};
|
|
2
2
|
//# sourceMappingURL=pds-chip.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pds-chip.entry.js","sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-chip/pds-chip.tokens'\n","@use 'sass:map';\n\n:host {\n --sizing-close: var(--pine-dimension-125);\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n/* stylelint-disable pine-design-system/prefer-semantic-tokens */\n$pds-chip-sentiment-text: (\n accent: var(--pine-color-text-accent),\n danger: var(--pine-color-text-danger),\n info: var(--pine-color-text-info),\n neutral: var(--pine-color-grey-900),\n success: var(--pine-color-text-success),\n warning: var(--pine-color-text-warning),\n);\n/* stylelint-enable pine-design-system/prefer-semantic-tokens */\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n /* stylelint-disable-next-line */\n color: map.get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label {\n align-items: center;\n display: flex;\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: flex;\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n }\n\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n\n pds-icon:last-child {\n margin-inline-end: calc(var(--pine-dimension-025) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n box-sizing: border-box;\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n}\n\n// small\n\n:host(.pds-chip--sm) {\n --sizing-close: var(--pine-dimension-100);\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-sm-medium);\n letter-spacing: var(--pine-letter-spacing);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--brand) {\n .pds-chip__label {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n// large\n\n:host(.pds-chip--lg) {\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font-family: var(--pine-font-family-heading);\n font-size: var(--pine-font-size-heading-6);\n font-weight: var(--pine-font-weight-medium);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n\n:host(.pds-chip--lg.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-150);\n }\n}\n\n:host(.pds-chip--brand) {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);\n border: 0;\n padding: 1px;\n position: relative;\n\n .pds-chip__label {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: rgba(255, 255, 255, 0.9);\n border-radius: calc(var(--pine-dimension-sm) - 1px);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n position: relative;\n z-index: var(--pine-z-index-raised);\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n .pds-chip__button, .pds-chip__close {\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n position: relative;\n z-index: var(--pine-z-index-raised);\n }\n\n .pds-chip__button {\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: rgba(255, 255, 255, 0.8);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport type { ChipSentimentType, ChipSizeType, ChipVariantType } from '@utils/types';\n\n/**\n * @slot (default) - The chip's label text.\n * @part button\n */\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Determines whether a dot should be displayed on the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue false\n */\n @Prop() dot = false;\n\n /**\n * The name of the icon to display before the chip text.\n */\n @Prop() icon?: string;\n\n /**\n * Determines whether the chip should be displayed in a larger size. DEPRECATED.\n * @defaultValue false\n * @deprecated Use `size` prop instead. Set `size=\"lg\"` for the large variant.\n */\n @Prop() large = false;\n\n /**\n * Sets the size of the chip.\n * @defaultValue 'md'\n */\n @Prop() size?: ChipSizeType;\n\n /**\n * Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n */\n @Prop() sentiment: ChipSentimentType = 'neutral';\n\n /**\n * Sets the style variant of the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue 'text'\n */\n @Prop() variant: ChipVariantType = 'text';\n\n /**\n * URL to navigate to when the remove button is clicked.\n * When provided, renders the close button as a link instead of a button.\n * Only applies to tag variant.\n */\n @Prop() removeUrl?: string;\n\n /**\n * HTTP method to use for the remove action.\n * Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\n * Only applies when removeUrl is provided.\n */\n @Prop() removeHttpMethod?: 'get' | 'post' | 'put' | 'patch' | 'delete';\n\n /**\n * Specifies where to open the linked document when removeUrl is provided.\n * Only applies when removeUrl is set.\n */\n @Prop() removeTarget?: '_blank' | '_self' | '_parent' | '_top';\n\n /**\n * Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter<void>;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private get effectiveSize(): ChipSizeType {\n if (this.size != null) return this.size;\n if (this.large) return 'lg';\n return 'md';\n }\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n const size = this.effectiveSize;\n if (size && size !== 'md') {\n classNames.push('pds-chip--' + size);\n }\n\n // For brand sentiment, always use text variant\n const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;\n if (effectiveVariant) {\n classNames.push('pds-chip--' + effectiveVariant);\n }\n\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private get effectiveVariant() {\n // For brand sentiment, force text variant behavior\n return this.sentiment === 'brand' ? 'text' : this.variant;\n }\n\n private get iconSize() {\n switch (this.effectiveSize) {\n case 'sm': return '10px';\n case 'lg': return '14px';\n default: return '12px';\n }\n }\n\n private setChipContent() {\n const isDropdown = this.effectiveVariant === 'dropdown';\n\n // For brand sentiment, ignore dot prop\n const showDot = this.sentiment === 'brand' ? false : this.dot;\n\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\" part=\"button\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n <pds-icon icon={downSmall} size={this.iconSize} aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n </span>\n );\n\n return chipContent;\n }\n\n private renderCloseButton() {\n const CloseElement = this.removeUrl ? 'a' : 'button';\n\n const closeAttributes = () => {\n if (this.removeUrl) {\n // Link attributes\n const linkAttrs: any = {\n class: 'pds-chip__close',\n href: this.removeUrl,\n 'aria-label': 'Remove',\n };\n\n // Add target if specified\n if (this.removeTarget) {\n linkAttrs.target = this.removeTarget;\n }\n\n // Add HTTP method attributes if specified\n if (this.removeHttpMethod) {\n linkAttrs['data-method'] = this.removeHttpMethod;\n linkAttrs['data-turbo-method'] = this.removeHttpMethod;\n }\n\n // Build rel attribute by collecting all required values\n const relValues = [];\n\n // Add noopener noreferrer if target is _blank\n if (this.removeTarget === '_blank') {\n relValues.push('noopener', 'noreferrer');\n }\n\n // Add nofollow for non-GET methods (best practice)\n if (this.removeHttpMethod && this.removeHttpMethod !== 'get') {\n relValues.push('nofollow');\n }\n\n // Set rel attribute if we have any values\n if (relValues.length > 0) {\n linkAttrs.rel = relValues.join(' ');\n }\n\n return linkAttrs;\n }\n\n // Button attributes\n return {\n class: 'pds-chip__close',\n type: 'button',\n 'aria-label': 'Remove',\n };\n };\n\n return (\n <CloseElement {...closeAttributes()} onClick={this.handleCloseClick}>\n <pds-icon icon={remove} size={this.iconSize}></pds-icon>\n </CloseElement>\n );\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.effectiveVariant === 'tag' && this.renderCloseButton()}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,2/BAA2/B;;ACAphC,MAAM,UAAU,GAAG,wwQAAwwQ;;MCc9wQ,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAWE;;;;AAIG;AACK,QAAA,IAAG,CAAA,GAAA,GAAG,KAAK;AAOnB;;;;AAIG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAQrB;;;AAGG;AACK,QAAA,IAAS,CAAA,SAAA,GAAsB,SAAS;AAEhD;;;;AAIG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,MAAM;AA2BjC,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;AAC9B,SAAC;AAqIF;AAnIC,IAAA,IAAY,aAAa,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI;QACvC,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI;AAC3B,QAAA,OAAO,IAAI;;IAGL,UAAU,GAAA;AAChB,QAAA,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AAE/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa;AAC/B,QAAA,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;AACzB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;;;AAItC,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO;QAC3E,IAAI,gBAAgB,EAAE;AACpB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;;AAGlD,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC;;AAGhD,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;;AAG7B,IAAA,IAAY,gBAAgB,GAAA;;AAE1B,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO;;AAG3D,IAAA,IAAY,QAAQ,GAAA;AAClB,QAAA,QAAQ,IAAI,CAAC,aAAa;AACxB,YAAA,KAAK,IAAI,EAAE,OAAO,MAAM;AACxB,YAAA,KAAK,IAAI,EAAE,OAAO,MAAM;AACxB,YAAA,SAAS,OAAO,MAAM;;;IAIlB,cAAc,GAAA;AACpB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,KAAK,UAAU;;AAGvD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG;AAE7D,QAAA,MAAM,WAAW,GAAG,UAAU,IAC5B,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EACzD,IAAI,CAAC,IAAI,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,EAC3F,OAAO,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,aAAA,EAAa,MAAM,EAAK,CAAA,EAC5D,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACb,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,CACvE,KAET,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAA,EAC1B,IAAI,CAAC,IAAI,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,EAC3F,OAAO,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,aAAA,EAAa,MAAM,EAAK,CAAA,EAC5D,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACR,CACR;AAED,QAAA,OAAO,WAAW;;IAGZ,iBAAiB,GAAA;AACvB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,QAAQ;QAEpD,MAAM,eAAe,GAAG,MAAK;AAC3B,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;;AAElB,gBAAA,MAAM,SAAS,GAAQ;AACrB,oBAAA,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,IAAI,CAAC,SAAS;AACpB,oBAAA,YAAY,EAAE,QAAQ;iBACvB;;AAGD,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY;;;AAItC,gBAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,oBAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,gBAAgB;AAChD,oBAAA,SAAS,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,gBAAgB;;;gBAIxD,MAAM,SAAS,GAAG,EAAE;;AAGpB,gBAAA,IAAI,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;AAClC,oBAAA,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;;;gBAI1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE;AAC5D,oBAAA,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;;;AAI5B,gBAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;oBACxB,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGrC,gBAAA,OAAO,SAAS;;;YAIlB,OAAO;AACL,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,YAAY,EAAE,QAAQ;aACvB;AACH,SAAC;AAED,QAAA,QACE,CAAC,CAAA,YAAY,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,eAAe,EAAE,EAAA,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAA,EACjE,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAa,CAC3C;;IAInB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,cAAc,EAAE,EACrB,IAAI,CAAC,gBAAgB,KAAK,KAAK,IAAI,IAAI,CAAC,iBAAiB,EAAE,CACvD;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"pds-chip.entry.js","sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-chip/pds-chip.tokens'\n","@use 'sass:map';\n\n:host {\n --sizing-close: var(--pine-dimension-125);\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n$pds-chip-sentiment-text: (\n accent: var(--pine-chip-color-accent-text),\n danger: var(--pine-chip-color-danger-text),\n info: var(--pine-chip-color-info-text),\n neutral: var(--pine-chip-color-neutral-text),\n success: var(--pine-chip-color-success-text),\n warning: var(--pine-chip-color-warning-text),\n);\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n /* stylelint-disable-next-line */\n color: map.get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n /* stylelint-disable-next-line */\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label {\n align-items: center;\n display: flex;\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: flex;\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n }\n\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n\n pds-icon:last-child {\n margin-inline-end: calc(var(--pine-dimension-025) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n box-sizing: border-box;\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n}\n\n// small\n\n:host(.pds-chip--sm) {\n --sizing-close: var(--pine-dimension-100);\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-sm-medium);\n letter-spacing: var(--pine-letter-spacing);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--brand) {\n .pds-chip__label {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n// large\n\n:host(.pds-chip--lg) {\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font-family: var(--pine-font-family-heading);\n font-size: var(--pine-font-size-heading-6);\n font-weight: var(--pine-font-weight-medium);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n\n:host(.pds-chip--lg.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-150);\n }\n}\n\n:host(.pds-chip--brand) {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);\n border: 0;\n padding: 1px;\n position: relative;\n\n .pds-chip__label {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: rgba(255, 255, 255, 0.9);\n border-radius: calc(var(--pine-dimension-sm) - 1px);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n position: relative;\n z-index: var(--pine-z-index-raised);\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n .pds-chip__button, .pds-chip__close {\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n position: relative;\n z-index: var(--pine-z-index-raised);\n }\n\n .pds-chip__button {\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background: rgba(255, 255, 255, 0.8);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport type { ChipSentimentType, ChipSizeType, ChipVariantType } from '@utils/types';\n\n/**\n * @slot (default) - The chip's label text.\n * @part button\n */\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Determines whether a dot should be displayed on the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue false\n */\n @Prop() dot = false;\n\n /**\n * The name of the icon to display before the chip text.\n */\n @Prop() icon?: string;\n\n /**\n * Determines whether the chip should be displayed in a larger size. DEPRECATED.\n * @defaultValue false\n * @deprecated Use `size` prop instead. Set `size=\"lg\"` for the large variant.\n */\n @Prop() large = false;\n\n /**\n * Sets the size of the chip.\n * @defaultValue 'md'\n */\n @Prop() size?: ChipSizeType;\n\n /**\n * Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n */\n @Prop() sentiment: ChipSentimentType = 'neutral';\n\n /**\n * Sets the style variant of the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue 'text'\n */\n @Prop() variant: ChipVariantType = 'text';\n\n /**\n * URL to navigate to when the remove button is clicked.\n * When provided, renders the close button as a link instead of a button.\n * Only applies to tag variant.\n */\n @Prop() removeUrl?: string;\n\n /**\n * HTTP method to use for the remove action.\n * Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\n * Only applies when removeUrl is provided.\n */\n @Prop() removeHttpMethod?: 'get' | 'post' | 'put' | 'patch' | 'delete';\n\n /**\n * Specifies where to open the linked document when removeUrl is provided.\n * Only applies when removeUrl is set.\n */\n @Prop() removeTarget?: '_blank' | '_self' | '_parent' | '_top';\n\n /**\n * Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter<void>;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private get effectiveSize(): ChipSizeType {\n if (this.size != null) return this.size;\n if (this.large) return 'lg';\n return 'md';\n }\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n const size = this.effectiveSize;\n if (size && size !== 'md') {\n classNames.push('pds-chip--' + size);\n }\n\n // For brand sentiment, always use text variant\n const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;\n if (effectiveVariant) {\n classNames.push('pds-chip--' + effectiveVariant);\n }\n\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private get effectiveVariant() {\n // For brand sentiment, force text variant behavior\n return this.sentiment === 'brand' ? 'text' : this.variant;\n }\n\n private get iconSize() {\n switch (this.effectiveSize) {\n case 'sm': return '10px';\n case 'lg': return '14px';\n default: return '12px';\n }\n }\n\n private setChipContent() {\n const isDropdown = this.effectiveVariant === 'dropdown';\n\n // For brand sentiment, ignore dot prop\n const showDot = this.sentiment === 'brand' ? false : this.dot;\n\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\" part=\"button\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n <pds-icon icon={downSmall} size={this.iconSize} aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n </span>\n );\n\n return chipContent;\n }\n\n private renderCloseButton() {\n const CloseElement = this.removeUrl ? 'a' : 'button';\n\n const closeAttributes = () => {\n if (this.removeUrl) {\n // Link attributes\n const linkAttrs: any = {\n class: 'pds-chip__close',\n href: this.removeUrl,\n 'aria-label': 'Remove',\n };\n\n // Add target if specified\n if (this.removeTarget) {\n linkAttrs.target = this.removeTarget;\n }\n\n // Add HTTP method attributes if specified\n if (this.removeHttpMethod) {\n linkAttrs['data-method'] = this.removeHttpMethod;\n linkAttrs['data-turbo-method'] = this.removeHttpMethod;\n }\n\n // Build rel attribute by collecting all required values\n const relValues = [];\n\n // Add noopener noreferrer if target is _blank\n if (this.removeTarget === '_blank') {\n relValues.push('noopener', 'noreferrer');\n }\n\n // Add nofollow for non-GET methods (best practice)\n if (this.removeHttpMethod && this.removeHttpMethod !== 'get') {\n relValues.push('nofollow');\n }\n\n // Set rel attribute if we have any values\n if (relValues.length > 0) {\n linkAttrs.rel = relValues.join(' ');\n }\n\n return linkAttrs;\n }\n\n // Button attributes\n return {\n class: 'pds-chip__close',\n type: 'button',\n 'aria-label': 'Remove',\n };\n };\n\n return (\n <CloseElement {...closeAttributes()} onClick={this.handleCloseClick}>\n <pds-icon icon={remove} size={this.iconSize}></pds-icon>\n </CloseElement>\n );\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.effectiveVariant === 'tag' && this.renderCloseButton()}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,qsFAAqsF;;ACA9tF,MAAM,UAAU,GAAG,0yQAA0yQ;;MCchzQ,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAWE;;;;AAIG;AACK,QAAA,IAAG,CAAA,GAAA,GAAG,KAAK;AAOnB;;;;AAIG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAQrB;;;AAGG;AACK,QAAA,IAAS,CAAA,SAAA,GAAsB,SAAS;AAEhD;;;;AAIG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,MAAM;AA2BjC,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;AAC9B,SAAC;AAqIF;AAnIC,IAAA,IAAY,aAAa,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI;QACvC,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI;AAC3B,QAAA,OAAO,IAAI;;IAGL,UAAU,GAAA;AAChB,QAAA,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC;AAE/B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa;AAC/B,QAAA,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;AACzB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;;;AAItC,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO;QAC3E,IAAI,gBAAgB,EAAE;AACpB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;;AAGlD,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC;;AAGhD,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;;AAG7B,IAAA,IAAY,gBAAgB,GAAA;;AAE1B,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO;;AAG3D,IAAA,IAAY,QAAQ,GAAA;AAClB,QAAA,QAAQ,IAAI,CAAC,aAAa;AACxB,YAAA,KAAK,IAAI,EAAE,OAAO,MAAM;AACxB,YAAA,KAAK,IAAI,EAAE,OAAO,MAAM;AACxB,YAAA,SAAS,OAAO,MAAM;;;IAIlB,cAAc,GAAA;AACpB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,KAAK,UAAU;;AAGvD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG;AAE7D,QAAA,MAAM,WAAW,GAAG,UAAU,IAC5B,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EACzD,IAAI,CAAC,IAAI,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,EAC3F,OAAO,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,aAAA,EAAa,MAAM,EAAK,CAAA,EAC5D,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACb,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,CACvE,KAET,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAA,EAC1B,IAAI,CAAC,IAAI,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,aAAA,EAAc,MAAM,EAAY,CAAA,EAC3F,OAAO,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,aAAA,EAAa,MAAM,EAAK,CAAA,EAC5D,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACR,CACR;AAED,QAAA,OAAO,WAAW;;IAGZ,iBAAiB,GAAA;AACvB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,QAAQ;QAEpD,MAAM,eAAe,GAAG,MAAK;AAC3B,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;;AAElB,gBAAA,MAAM,SAAS,GAAQ;AACrB,oBAAA,KAAK,EAAE,iBAAiB;oBACxB,IAAI,EAAE,IAAI,CAAC,SAAS;AACpB,oBAAA,YAAY,EAAE,QAAQ;iBACvB;;AAGD,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY;;;AAItC,gBAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,oBAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,gBAAgB;AAChD,oBAAA,SAAS,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,gBAAgB;;;gBAIxD,MAAM,SAAS,GAAG,EAAE;;AAGpB,gBAAA,IAAI,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;AAClC,oBAAA,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;;;gBAI1C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE;AAC5D,oBAAA,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;;;AAI5B,gBAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;oBACxB,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGrC,gBAAA,OAAO,SAAS;;;YAIlB,OAAO;AACL,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,YAAY,EAAE,QAAQ;aACvB;AACH,SAAC;AAED,QAAA,QACE,CAAC,CAAA,YAAY,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,eAAe,EAAE,EAAA,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAA,EACjE,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAa,CAC3C;;IAInB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,cAAc,EAAE,EACrB,IAAI,CAAC,gBAAgB,KAAK,KAAK,IAAI,IAAI,CAAC,iBAAiB,EAAE,CACvD;;;;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-C_yp7uLt.js";import{i as isSpecTest}from"./form-C3xDZBme.js";import{c as computePosition,o as offset,f as flip,s as shift}from"./floating-ui.dom-DDtwbwIl.js";import{d as debounceEvent}from"./utils-tJa4KYNO.js";
|
|
2
2
|
/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */var entries=Object.entries,setPrototypeOf=Object.setPrototypeOf,isFrozen=Object.isFrozen,getPrototypeOf=Object.getPrototypeOf,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor;var freeze=Object.freeze,seal=Object.seal,create=Object.create;var _d=typeof Reflect!=="undefined"&&Reflect,apply=_d.apply,construct=_d.construct;if(!freeze){freeze=function e(t){return t}}if(!seal){seal=function e(t){return t}}if(!apply){apply=function e(t,r){for(var i=arguments.length,o=new Array(i>2?i-2:0),n=2;n<i;n++){o[n-2]=arguments[n]}return t.apply(r,o)}}if(!construct){construct=function e(t){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++){i[o-1]=arguments[o]}return new(t.bind.apply(t,__spreadArray([void 0],i,false)))}}var arrayForEach=unapply(Array.prototype.forEach);var arrayLastIndexOf=unapply(Array.prototype.lastIndexOf);var arrayPop=unapply(Array.prototype.pop);var arrayPush=unapply(Array.prototype.push);var arraySplice=unapply(Array.prototype.splice);var stringToLowerCase=unapply(String.prototype.toLowerCase);var stringToString=unapply(String.prototype.toString);var stringMatch=unapply(String.prototype.match);var stringReplace=unapply(String.prototype.replace);var stringIndexOf=unapply(String.prototype.indexOf);var stringTrim=unapply(String.prototype.trim);var objectHasOwnProperty=unapply(Object.prototype.hasOwnProperty);var regExpTest=unapply(RegExp.prototype.test);var typeErrorCreate=unconstruct(TypeError);function unapply(e){return function(t){if(t instanceof RegExp){t.lastIndex=0}for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++){i[o-1]=arguments[o]}return apply(e,t,i)}}function unconstruct(e){return function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++){r[i]=arguments[i]}return construct(e,r)}}function addToSet(e,t){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:stringToLowerCase;if(setPrototypeOf){setPrototypeOf(e,null)}var i=t.length;while(i--){var o=t[i];if(typeof o==="string"){var n=r(o);if(n!==o){if(!isFrozen(t)){t[i]=n}o=n}}e[o]=true}return e}function cleanArray(e){for(var t=0;t<e.length;t++){var r=objectHasOwnProperty(e,t);if(!r){e[t]=null}}return e}function clone(e){var t=create(null);for(var r=0,i=entries(e);r<i.length;r++){var o=i[r],n=o[0],a=o[1];var s=objectHasOwnProperty(e,n);if(s){if(Array.isArray(a)){t[n]=cleanArray(a)}else if(a&&typeof a==="object"&&a.constructor===Object){t[n]=clone(a)}else{t[n]=a}}}return t}function lookupGetter(e,t){while(e!==null){var r=getOwnPropertyDescriptor(e,t);if(r){if(r.get){return unapply(r.get)}if(typeof r.value==="function"){return unapply(r.value)}}e=getPrototypeOf(e)}function i(){return null}return i}var html$1=freeze(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);var svg$1=freeze(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);var svgFilters=freeze(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);var svgDisallowed=freeze(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);var mathMl$1=freeze(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);var mathMlDisallowed=freeze(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);var text=freeze(["#text"]);var html=freeze(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);var svg=freeze(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);var mathMl=freeze(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);var xml=freeze(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);var MUSTACHE_EXPR=seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm);var ERB_EXPR=seal(/<%[\w\W]*|[\w\W]*%>/gm);var TMPLIT_EXPR=seal(/\$\{[\w\W]*/gm);var DATA_ATTR=seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);var ARIA_ATTR=seal(/^aria-[\-\w]+$/);var IS_ALLOWED_URI=seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);var IS_SCRIPT_OR_DATA=seal(/^(?:\w+script|data):/i);var ATTR_WHITESPACE=seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);var DOCTYPE_NAME=seal(/^html$/i);var CUSTOM_ELEMENT=seal(/^[a-z][.\w]*(-[.\w]+)+$/i);var EXPRESSIONS=Object.freeze({__proto__:null,ARIA_ATTR:ARIA_ATTR,ATTR_WHITESPACE:ATTR_WHITESPACE,CUSTOM_ELEMENT:CUSTOM_ELEMENT,DATA_ATTR:DATA_ATTR,DOCTYPE_NAME:DOCTYPE_NAME,ERB_EXPR:ERB_EXPR,IS_ALLOWED_URI:IS_ALLOWED_URI,IS_SCRIPT_OR_DATA:IS_SCRIPT_OR_DATA,MUSTACHE_EXPR:MUSTACHE_EXPR,TMPLIT_EXPR:TMPLIT_EXPR});var NODE_TYPE={element:1,text:3,progressingInstruction:7,comment:8,document:9};var getGlobal=function e(){return typeof window==="undefined"?null:window};var _createTrustedTypesPolicy=function e(t,r){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}var i=null;var o="data-tt-policy-suffix";if(r&&r.hasAttribute(o)){i=r.getAttribute(o)}var n="dompurify"+(i?"#"+i:"");try{return t.createPolicy(n,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){console.warn("TrustedTypes policy "+n+" could not be created.");return null}};var _createHooksMap=function e(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function createDOMPurify(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:getGlobal();var t=function(e){return createDOMPurify(e)};t.version="3.3.3";t.removed=[];if(!e||!e.document||e.document.nodeType!==NODE_TYPE.document||!e.Element){t.isSupported=false;return t}var r=e.document;var i=r;var o=i.currentScript;var n=e.DocumentFragment,a=e.HTMLTemplateElement,s=e.Node,l=e.Element,c=e.NodeFilter,d=e.NamedNodeMap,p=d===void 0?e.NamedNodeMap||e.MozNamedAttrMap:d,u=e.HTMLFormElement,f=e.DOMParser,h=e.trustedTypes;var b=l.prototype;var m=lookupGetter(b,"cloneNode");var v=lookupGetter(b,"remove");var g=lookupGetter(b,"nextSibling");var x=lookupGetter(b,"childNodes");var _=lookupGetter(b,"parentNode");if(typeof a==="function"){var y=r.createElement("template");if(y.content&&y.content.ownerDocument){r=y.content.ownerDocument}}var w;var T="";var k=r.implementation,E=r.createNodeIterator,S=r.createDocumentFragment,O=r.getElementsByTagName;var A=i.importNode;var P=_createHooksMap();t.isSupported=typeof entries==="function"&&typeof _==="function"&&k&&k.createHTMLDocument!==undefined;var R=EXPRESSIONS.MUSTACHE_EXPR,D=EXPRESSIONS.ERB_EXPR,C=EXPRESSIONS.TMPLIT_EXPR,I=EXPRESSIONS.DATA_ATTR,z=EXPRESSIONS.ARIA_ATTR,j=EXPRESSIONS.IS_SCRIPT_OR_DATA,M=EXPRESSIONS.ATTR_WHITESPACE,L=EXPRESSIONS.CUSTOM_ELEMENT;var N=EXPRESSIONS.IS_ALLOWED_URI;var F=null;var H=addToSet({},__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([],html$1,true),svg$1,true),svgFilters,true),mathMl$1,true),text,true));var U=null;var X=addToSet({},__spreadArray(__spreadArray(__spreadArray(__spreadArray([],html,true),svg,true),mathMl,true),xml,true));var G=Object.seal(create(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));var B=null;var $=null;var W=Object.seal(create(null,{tagCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeCheck:{writable:true,configurable:false,enumerable:true,value:null}}));var Y=true;var q=true;var K=false;var Z=true;var J=false;var V=true;var Q=false;var ee=false;var te=false;var re=false;var ie=false;var oe=false;var ne=true;var ae=false;var se="user-content-";var le=true;var ce=false;var de={};var pe=null;var ue=addToSet({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);var fe=null;var he=addToSet({},["audio","video","img","source","image","track"]);var be=null;var me=addToSet({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);var ve="http://www.w3.org/1998/Math/MathML";var ge="http://www.w3.org/2000/svg";var xe="http://www.w3.org/1999/xhtml";var _e=xe;var ye=false;var we=null;var Te=addToSet({},[ve,ge,xe],stringToString);var ke=addToSet({},["mi","mo","mn","ms","mtext"]);var Ee=addToSet({},["annotation-xml"]);var Se=addToSet({},["title","style","font","a","script"]);var Oe=null;var Ae=["application/xhtml+xml","text/html"];var Pe="text/html";var Re=null;var De=null;var Ce=r.createElement("form");var Ie=function e(t){return t instanceof RegExp||t instanceof Function};var ze=function e(){var t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(De&&De===t){return}if(!t||typeof t!=="object"){t={}}t=clone(t);Oe=Ae.indexOf(t.PARSER_MEDIA_TYPE)===-1?Pe:t.PARSER_MEDIA_TYPE;Re=Oe==="application/xhtml+xml"?stringToString:stringToLowerCase;F=objectHasOwnProperty(t,"ALLOWED_TAGS")?addToSet({},t.ALLOWED_TAGS,Re):H;U=objectHasOwnProperty(t,"ALLOWED_ATTR")?addToSet({},t.ALLOWED_ATTR,Re):X;we=objectHasOwnProperty(t,"ALLOWED_NAMESPACES")?addToSet({},t.ALLOWED_NAMESPACES,stringToString):Te;be=objectHasOwnProperty(t,"ADD_URI_SAFE_ATTR")?addToSet(clone(me),t.ADD_URI_SAFE_ATTR,Re):me;fe=objectHasOwnProperty(t,"ADD_DATA_URI_TAGS")?addToSet(clone(he),t.ADD_DATA_URI_TAGS,Re):he;pe=objectHasOwnProperty(t,"FORBID_CONTENTS")?addToSet({},t.FORBID_CONTENTS,Re):ue;B=objectHasOwnProperty(t,"FORBID_TAGS")?addToSet({},t.FORBID_TAGS,Re):clone({});$=objectHasOwnProperty(t,"FORBID_ATTR")?addToSet({},t.FORBID_ATTR,Re):clone({});de=objectHasOwnProperty(t,"USE_PROFILES")?t.USE_PROFILES:false;Y=t.ALLOW_ARIA_ATTR!==false;q=t.ALLOW_DATA_ATTR!==false;K=t.ALLOW_UNKNOWN_PROTOCOLS||false;Z=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;J=t.SAFE_FOR_TEMPLATES||false;V=t.SAFE_FOR_XML!==false;Q=t.WHOLE_DOCUMENT||false;re=t.RETURN_DOM||false;ie=t.RETURN_DOM_FRAGMENT||false;oe=t.RETURN_TRUSTED_TYPE||false;te=t.FORCE_BODY||false;ne=t.SANITIZE_DOM!==false;ae=t.SANITIZE_NAMED_PROPS||false;le=t.KEEP_CONTENT!==false;ce=t.IN_PLACE||false;N=t.ALLOWED_URI_REGEXP||IS_ALLOWED_URI;_e=t.NAMESPACE||xe;ke=t.MATHML_TEXT_INTEGRATION_POINTS||ke;Ee=t.HTML_INTEGRATION_POINTS||Ee;G=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&Ie(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){G.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&Ie(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){G.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){G.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(J){q=false}if(ie){re=true}if(de){F=addToSet({},text);U=create(null);if(de.html===true){addToSet(F,html$1);addToSet(U,html)}if(de.svg===true){addToSet(F,svg$1);addToSet(U,svg);addToSet(U,xml)}if(de.svgFilters===true){addToSet(F,svgFilters);addToSet(U,svg);addToSet(U,xml)}if(de.mathMl===true){addToSet(F,mathMl$1);addToSet(U,mathMl);addToSet(U,xml)}}if(!objectHasOwnProperty(t,"ADD_TAGS")){W.tagCheck=null}if(!objectHasOwnProperty(t,"ADD_ATTR")){W.attributeCheck=null}if(t.ADD_TAGS){if(typeof t.ADD_TAGS==="function"){W.tagCheck=t.ADD_TAGS}else{if(F===H){F=clone(F)}addToSet(F,t.ADD_TAGS,Re)}}if(t.ADD_ATTR){if(typeof t.ADD_ATTR==="function"){W.attributeCheck=t.ADD_ATTR}else{if(U===X){U=clone(U)}addToSet(U,t.ADD_ATTR,Re)}}if(t.ADD_URI_SAFE_ATTR){addToSet(be,t.ADD_URI_SAFE_ATTR,Re)}if(t.FORBID_CONTENTS){if(pe===ue){pe=clone(pe)}addToSet(pe,t.FORBID_CONTENTS,Re)}if(t.ADD_FORBID_CONTENTS){if(pe===ue){pe=clone(pe)}addToSet(pe,t.ADD_FORBID_CONTENTS,Re)}if(le){F["#text"]=true}if(Q){addToSet(F,["html","head","body"])}if(F.table){addToSet(F,["tbody"]);delete B.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}w=t.TRUSTED_TYPES_POLICY;T=w.createHTML("")}else{if(w===undefined){w=_createTrustedTypesPolicy(h,o)}if(w!==null&&typeof T==="string"){T=w.createHTML("")}}if(freeze){freeze(t)}De=t};var je=addToSet({},__spreadArray(__spreadArray(__spreadArray([],svg$1,true),svgFilters,true),svgDisallowed,true));var Me=addToSet({},__spreadArray(__spreadArray([],mathMl$1,true),mathMlDisallowed,true));var Le=function e(t){var r=_(t);if(!r||!r.tagName){r={namespaceURI:_e,tagName:"template"}}var i=stringToLowerCase(t.tagName);var o=stringToLowerCase(r.tagName);if(!we[t.namespaceURI]){return false}if(t.namespaceURI===ge){if(r.namespaceURI===xe){return i==="svg"}if(r.namespaceURI===ve){return i==="svg"&&(o==="annotation-xml"||ke[o])}return Boolean(je[i])}if(t.namespaceURI===ve){if(r.namespaceURI===xe){return i==="math"}if(r.namespaceURI===ge){return i==="math"&&Ee[o]}return Boolean(Me[i])}if(t.namespaceURI===xe){if(r.namespaceURI===ge&&!Ee[o]){return false}if(r.namespaceURI===ve&&!ke[o]){return false}return!Me[i]&&(Se[i]||!je[i])}if(Oe==="application/xhtml+xml"&&we[t.namespaceURI]){return true}return false};var Ne=function e(r){arrayPush(t.removed,{element:r});try{_(r).removeChild(r)}catch(e){v(r)}};var Fe=function e(r,i){try{arrayPush(t.removed,{attribute:i.getAttributeNode(r),from:i})}catch(e){arrayPush(t.removed,{attribute:null,from:i})}i.removeAttribute(r);if(r==="is"){if(re||ie){try{Ne(i)}catch(e){}}else{try{i.setAttribute(r,"")}catch(e){}}}};var He=function e(t){var i=null;var o=null;if(te){t="<remove></remove>"+t}else{var n=stringMatch(t,/^[\r\n\t ]+/);o=n&&n[0]}if(Oe==="application/xhtml+xml"&&_e===xe){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}var a=w?w.createHTML(t):t;if(_e===xe){try{i=(new f).parseFromString(a,Oe)}catch(e){}}if(!i||!i.documentElement){i=k.createDocument(_e,"template",null);try{i.documentElement.innerHTML=ye?T:a}catch(e){}}var s=i.body||i.documentElement;if(t&&o){s.insertBefore(r.createTextNode(o),s.childNodes[0]||null)}if(_e===xe){return O.call(i,Q?"html":"body")[0]}return Q?i.documentElement:s};var Ue=function e(t){return E.call(t.ownerDocument||t,t,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)};var Xe=function e(t){return t instanceof u&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof p)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};var Ge=function e(t){return typeof s==="function"&&t instanceof s};function Be(e,r,i){arrayForEach(e,(function(e){e.call(t,r,i,De)}))}var $e=function e(r){var i=null;Be(P.beforeSanitizeElements,r,null);if(Xe(r)){Ne(r);return true}var o=Re(r.nodeName);Be(P.uponSanitizeElement,r,{tagName:o,allowedTags:F});if(V&&r.hasChildNodes()&&!Ge(r.firstElementChild)&®ExpTest(/<[/\w!]/g,r.innerHTML)&®ExpTest(/<[/\w!]/g,r.textContent)){Ne(r);return true}if(r.nodeType===NODE_TYPE.progressingInstruction){Ne(r);return true}if(V&&r.nodeType===NODE_TYPE.comment&®ExpTest(/<[/\w]/g,r.data)){Ne(r);return true}if(!(W.tagCheck instanceof Function&&W.tagCheck(o))&&(!F[o]||B[o])){if(!B[o]&&Ye(o)){if(G.tagNameCheck instanceof RegExp&®ExpTest(G.tagNameCheck,o)){return false}if(G.tagNameCheck instanceof Function&&G.tagNameCheck(o)){return false}}if(le&&!pe[o]){var n=_(r)||r.parentNode;var a=x(r)||r.childNodes;if(a&&n){var s=a.length;for(var c=s-1;c>=0;--c){var d=m(a[c],true);d.__removalCount=(r.__removalCount||0)+1;n.insertBefore(d,g(r))}}}Ne(r);return true}if(r instanceof l&&!Le(r)){Ne(r);return true}if((o==="noscript"||o==="noembed"||o==="noframes")&®ExpTest(/<\/no(script|embed|frames)/i,r.innerHTML)){Ne(r);return true}if(J&&r.nodeType===NODE_TYPE.text){i=r.textContent;arrayForEach([R,D,C],(function(e){i=stringReplace(i,e," ")}));if(r.textContent!==i){arrayPush(t.removed,{element:r.cloneNode()});r.textContent=i}}Be(P.afterSanitizeElements,r,null);return false};var We=function e(t,i,o){if($[i]){return false}if(ne&&(i==="id"||i==="name")&&(o in r||o in Ce)){return false}if(q&&!$[i]&®ExpTest(I,i));else if(Y&®ExpTest(z,i));else if(W.attributeCheck instanceof Function&&W.attributeCheck(i,t));else if(!U[i]||$[i]){if(Ye(t)&&(G.tagNameCheck instanceof RegExp&®ExpTest(G.tagNameCheck,t)||G.tagNameCheck instanceof Function&&G.tagNameCheck(t))&&(G.attributeNameCheck instanceof RegExp&®ExpTest(G.attributeNameCheck,i)||G.attributeNameCheck instanceof Function&&G.attributeNameCheck(i,t))||i==="is"&&G.allowCustomizedBuiltInElements&&(G.tagNameCheck instanceof RegExp&®ExpTest(G.tagNameCheck,o)||G.tagNameCheck instanceof Function&&G.tagNameCheck(o)));else{return false}}else if(be[i]);else if(regExpTest(N,stringReplace(o,M,"")));else if((i==="src"||i==="xlink:href"||i==="href")&&t!=="script"&&stringIndexOf(o,"data:")===0&&fe[t]);else if(K&&!regExpTest(j,stringReplace(o,M,"")));else if(o){return false}else;return true};var Ye=function e(t){return t!=="annotation-xml"&&stringMatch(t,L)};var qe=function e(r){Be(P.beforeSanitizeAttributes,r,null);var i=r.attributes;if(!i||Xe(r)){return}var o={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:U,forceKeepAttr:undefined};var n=i.length;var a=function(){var e=i[n];var a=e.name,s=e.namespaceURI,l=e.value;var c=Re(a);var d=l;var p=a==="value"?d:stringTrim(d);o.attrName=c;o.attrValue=p;o.keepAttr=true;o.forceKeepAttr=undefined;Be(P.uponSanitizeAttribute,r,o);p=o.attrValue;if(ae&&(c==="id"||c==="name")){Fe(a,r);p=se+p}if(V&®ExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,p)){Fe(a,r);return"continue"}if(c==="attributename"&&stringMatch(p,"href")){Fe(a,r);return"continue"}if(o.forceKeepAttr){return"continue"}if(!o.keepAttr){Fe(a,r);return"continue"}if(!Z&®ExpTest(/\/>/i,p)){Fe(a,r);return"continue"}if(J){arrayForEach([R,D,C],(function(e){p=stringReplace(p,e," ")}))}var u=Re(r.nodeName);if(!We(u,c,p)){Fe(a,r);return"continue"}if(w&&typeof h==="object"&&typeof h.getAttributeType==="function"){if(s);else{switch(h.getAttributeType(u,c)){case"TrustedHTML":{p=w.createHTML(p);break}case"TrustedScriptURL":{p=w.createScriptURL(p);break}}}}if(p!==d){try{if(s){r.setAttributeNS(s,a,p)}else{r.setAttribute(a,p)}if(Xe(r)){Ne(r)}else{arrayPop(t.removed)}}catch(e){Fe(a,r)}}};while(n--){a()}Be(P.afterSanitizeAttributes,r,null)};var Ke=function e(t){var r=null;var i=Ue(t);Be(P.beforeSanitizeShadowDOM,t,null);while(r=i.nextNode()){Be(P.uponSanitizeShadowNode,r,null);$e(r);qe(r);if(r.content instanceof n){e(r.content)}}Be(P.afterSanitizeShadowDOM,t,null)};t.sanitize=function(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var o=null;var a=null;var l=null;var c=null;ye=!e;if(ye){e="\x3c!--\x3e"}if(typeof e!=="string"&&!Ge(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw typeErrorCreate("dirty is not a string, aborting")}}else{throw typeErrorCreate("toString is not a function")}}if(!t.isSupported){return e}if(!ee){ze(r)}t.removed=[];if(typeof e==="string"){ce=false}if(ce){if(e.nodeName){var d=Re(e.nodeName);if(!F[d]||B[d]){throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof s){o=He("\x3c!----\x3e");a=o.ownerDocument.importNode(e,true);if(a.nodeType===NODE_TYPE.element&&a.nodeName==="BODY"){o=a}else if(a.nodeName==="HTML"){o=a}else{o.appendChild(a)}}else{if(!re&&!J&&!Q&&e.indexOf("<")===-1){return w&&oe?w.createHTML(e):e}o=He(e);if(!o){return re?null:oe?T:""}}if(o&&te){Ne(o.firstChild)}var p=Ue(ce?e:o);while(l=p.nextNode()){$e(l);qe(l);if(l.content instanceof n){Ke(l.content)}}if(ce){return e}if(re){if(ie){c=S.call(o.ownerDocument);while(o.firstChild){c.appendChild(o.firstChild)}}else{c=o}if(U.shadowroot||U.shadowrootmode){c=A.call(i,c,true)}return c}var u=Q?o.outerHTML:o.innerHTML;if(Q&&F["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&®ExpTest(DOCTYPE_NAME,o.ownerDocument.doctype.name)){u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u}if(J){arrayForEach([R,D,C],(function(e){u=stringReplace(u,e," ")}))}return w&&oe?w.createHTML(u):u};t.setConfig=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};ze(e);ee=true};t.clearConfig=function(){De=null;ee=false};t.isValidAttribute=function(e,t,r){if(!De){ze({})}var i=Re(e);var o=Re(t);return We(i,o,r)};t.addHook=function(e,t){if(typeof t!=="function"){return}arrayPush(P[e],t)};t.removeHook=function(e,t){if(t!==undefined){var r=arrayLastIndexOf(P[e],t);return r===-1?undefined:arraySplice(P[e],r,1)[0]}return arrayPop(P[e])};t.removeHooks=function(e){P[e]=[]};t.removeAllHooks=function(){P=_createHooksMap()};return t}var purify=createDOMPurify();var pdsComboboxCss=':host{display:block}:host([disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__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-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input: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-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);pointer-events:none;position:absolute;right:var(--pine-dimension-150);z-index:var(--pine-z-index-raised)}.pds-combobox__listbox{background:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option .pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option .pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);min-height:var(--pine-dimension-500)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.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}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__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-150)}';var PdsCombobox=function(){function e(e){var t=this;registerInstance(this,e);this.pdsComboboxChange=createEvent(this,"pdsComboboxChange");this.pdsComboboxSearch=createEvent(this,"pdsComboboxSearch");this.pdsComboboxLoadOptions=createEvent(this,"pdsComboboxLoadOptions");this.customOptionLayouts=false;this.customTriggerContent=false;this.disabled=false;this.dropdownPlacement="bottom-start";this.dropdownWidth="236px";this.hideLabel=false;this.mode="filter";this.trigger="input";this.triggerWidth="fit-content";this.triggerVariant="secondary";this.triggerShape="pill";this.chipSentiment="neutral";this.chipLarge=false;this.chipDot=false;this.value="";this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.loading=false;this.displayText="";this.filteredItems=[];this.highlightedIndex=-1;this.isOpen=false;this.selectedOption=null;this.selectedOptionLayoutContent="";this.selectedOptionChipProps=null;this.internalOptions=[];this.currentPage=1;this.hasMore=false;this.optionEls=[];this.allItems=[];this.isUpdatingFromSelection=false;this.handleInput=function(e){var r=e.target;t.displayText=r.value;t.isOpen=true;t.filterOptions();t.pdsComboboxSearch.emit({query:t.displayText});if(t.asyncUrl){t.debouncedFetchAsyncOptions(t.displayText,1)}setTimeout((function(){return t.openDropdownPositioning()}),0)};this.handleInputClick=function(){if(!t.isOpen){t.isOpen=true;t.filterOptions();if(t.asyncUrl&&t.internalOptions.length===0){t.debouncedFetchAsyncOptions(t.displayText,1)}t.setInitialHighlightedIndex();setTimeout((function(){return t.openDropdownPositioning()}),0)}};this.handleKeyDown=function(e){if(!t.isOpen&&(e.key==="ArrowDown"||e.key==="ArrowUp"||e.altKey&&e.key==="ArrowDown")){e.preventDefault();t.isOpen=true;t.filterOptions();t.setInitialHighlightedIndex();setTimeout((function(){t.openDropdownPositioning();if(t.trigger==="input"){t.focusFirstOption()}else{t.focusFirstOptionForArrowKeys()}}),0);return}if(!t.isOpen){return}var r=t.filteredItems.filter((function(e){return e.tagName==="OPTION"}));switch(e.key){case"ArrowDown":e.preventDefault();if(t.highlightedIndex<0&&r.length>0){t.highlightedIndex=0}else{t.highlightedIndex=Math.min(t.highlightedIndex+1,r.length-1)}t.updateOptionFocus();break;case"ArrowUp":e.preventDefault();if(t.highlightedIndex<0&&r.length>0){t.highlightedIndex=r.length-1}else{t.highlightedIndex=Math.max(t.highlightedIndex-1,0)}t.updateOptionFocus();break;case"Home":e.preventDefault();if(r.length>0){t.highlightedIndex=0;t.updateOptionFocus()}break;case"End":e.preventDefault();if(r.length>0){t.highlightedIndex=r.length-1;t.updateOptionFocus()}break;case"PageDown":e.preventDefault();if(r.length>0){var i=Math.min(t.highlightedIndex+10,r.length-1);t.highlightedIndex=i;t.updateOptionFocus()}break;case"PageUp":e.preventDefault();if(r.length>0){var o=Math.max(t.highlightedIndex-10,0);t.highlightedIndex=o;t.updateOptionFocus()}break;case"Enter":e.preventDefault();if(t.highlightedIndex>=0&&t.highlightedIndex<r.length){t.handleOptionClick(r[t.highlightedIndex]);t.restoreFocusToTrigger()}break;case" ":e.preventDefault();if(t.highlightedIndex>=0&&t.highlightedIndex<r.length){t.handleOptionClick(r[t.highlightedIndex]);t.restoreFocusToTrigger()}break;case"Escape":e.preventDefault();t.isOpen=false;t.highlightedIndex=-1;t.isArrowKeyNavigationMode=false;t.restoreFocusToTrigger();break;case"Tab":t.isOpen=false;t.highlightedIndex=-1;t.isArrowKeyNavigationMode=false;break}};this.isArrowKeyNavigationMode=false;this.onOptionClick=function(e){var r=Number(e.currentTarget.getAttribute("data-option-index"));var i=t.filteredItems.filter((function(e){return e.tagName==="OPTION"}));var o=i[r];t.handleOptionClick(o)};this.onOptionMouseEnter=function(e){var r=Number(e.currentTarget.getAttribute("data-option-index"));t.highlightedIndex=r};this.onOptionMouseDown=function(e){e.preventDefault()};this.onOptionKeyDown=function(e){t.handleKeyDown(e)};this.onButtonTriggerClick=function(){t.isOpen=!t.isOpen;if(t.isOpen){t.filterOptions();if(t.asyncUrl&&t.internalOptions.length===0){t.debouncedFetchAsyncOptions(t.displayText,1)}t.setInitialHighlightedIndex();t.isArrowKeyNavigationMode=true;setTimeout((function(){return t.openDropdownPositioning()}),0)}else{t.isArrowKeyNavigationMode=false}};this.onButtonTriggerKeyDown=function(e){if((e.key==="Enter"||e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&!t.isOpen){e.preventDefault();e.stopPropagation();t.isOpen=true;t.filterOptions();t.setInitialHighlightedIndex();setTimeout((function(){t.openDropdownPositioning();t.focusFirstOptionForArrowKeys()}),0)}else if(e.key==="Escape"){e.preventDefault();if(t.isOpen){t.isOpen=false;t.highlightedIndex=-1;t.updateAriaActiveDescendant();t.restoreFocusToTrigger()}}else if(t.isOpen){t.handleKeyDown(e)}};this.onButtonTriggerKeyUp=function(e){if(e.key===" "){e.preventDefault();e.stopPropagation()}};this.onComboboxFocusOut=function(e){var r;var i=e.relatedTarget;var o=i&&((r=t.listboxEl)===null||r===void 0?void 0:r.contains(i));var n=t.el.contains(i);if(!n&&!o){t.isOpen=false;t.highlightedIndex=-1;t.isArrowKeyNavigationMode=false;t.updateAriaActiveDescendant();if(t.selectedOption&&t.displayText!==t.getOptionLabel(t.selectedOption)){t.displayText=t.getOptionLabel(t.selectedOption)}}};this.handleScroll=function(e){if(!t.asyncUrl||!t.hasMore||t.loading)return;var r=e.target;var i=r.scrollHeight-r.scrollTop-r.clientHeight;if(i<50){t.pdsComboboxLoadOptions.emit({query:t.displayText,page:t.currentPage+1});t.debouncedFetchAsyncOptions(t.displayText,t.currentPage+1)}}}e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};e.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsComboboxSearch;this.updateOptions()};e.prototype.componentDidLoad=function(){var e=this;var t,r,i;this.setupDebounce();if(!this.selectedOption&&this.value&&this.optionEls.length>0){var o=this.optionEls.find((function(t){return t.value===e.value}));if(o){this.setSelectedOption(o);this.displayText=this.getOptionLabel(o)}}this.updateFormValue((i=(r=(t=this.selectedOption)===null||t===void 0?void 0:t.value)!==null&&r!==void 0?r:this.value)!==null&&i!==void 0?i:"")};e.prototype.disconnectedCallback=function(){var e;(e=this.observer)===null||e===void 0?void 0:e.disconnect();this.clearAsyncFetchState()};e.prototype.setupDebounce=function(){var e=this,t=e.pdsComboboxSearch,r=e.debounce,i=e.originalSearchEmitter;this.pdsComboboxSearch=r===undefined?i!==null&&i!==void 0?i:t:debounceEvent(t,r)};e.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true);this.updateOptionsFromAsync()}};e.prototype.handleValueChange=function(){var e=this;this.filterOptions();this.updateFormValue(this.value);if(!this.isUpdatingFromSelection&&this.value&&this.optionEls.length>0){var t=this.selectedOption?this.selectedOption.value:null;if(this.value!==t){var r=this.optionEls.find((function(t){return t.value===e.value}));if(r){this.isUpdatingFromSelection=true;this.setSelectedOption(r);this.displayText=this.getOptionLabel(r);this.isUpdatingFromSelection=false}}}};e.prototype.handleSelectedOptionChange=function(){this.selectedOptionLayoutContent=this.selectedOption&&this.isOptionLayout(this.selectedOption)?this.getOptionLayoutContent(this.selectedOption):"";this.selectedOptionChipProps=this.selectedOption&&this.isOptionChip(this.selectedOption)?this.getOptionChipProps(this.selectedOption):null;if(this.selectedOption){this.displayText=this.getOptionLabel(this.selectedOption);this.value=this.selectedOption.value;this.updateFormValue(this.selectedOption.value)}else{this.displayText="";this.value="";this.updateFormValue("")}};e.prototype.updateFormValue=function(e){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){this.internals.setFormValue(e)}};e.prototype.clearAsyncFetchState=function(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined};e.prototype.debouncedFetchAsyncOptions=function(e,t){var r=this;if(t===void 0){t=1}var i;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var o=Math.max(0,(i=this.debounce)!==null&&i!==void 0?i:0);this.fetchDebounceTimer=window.setTimeout((function(){r.fetchDebounceTimer=undefined;r.fetchOptions(e,t)}),o)};e.prototype.fetchOptions=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var r,i,o,n,a,s;var l=this;if(t===void 0){t=1}return __generator(this,(function(c){switch(c.label){case 0:if(!this.asyncUrl)return[2];(r=this.abortController)===null||r===void 0?void 0:r.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var e;(e=l.abortController)===null||e===void 0?void 0:e.abort();l.fetchTimeoutTimer=undefined}),this.fetchTimeout);c.label=1;case 1:c.trys.push([1,4,5,6]);i=void 0;try{i=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){i.searchParams.set("search",e);i.searchParams.set("page",String(t))}return[4,fetch(i.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:{"Content-Type":"application/json",Accept:"application/json"}},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:t})}))];case 2:o=c.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");return[4,o.json()];case 3:n=c.sent();a=n.results.map((function(e){if(l.formatResult){return l.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(t===1){this.internalOptions=a}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),a,true)}this.hasMore=n.totalCount?this.internalOptions.length<n.totalCount:false;this.currentPage=t;this.updateOptionsFromAsync();return[3,6];case 4:s=c.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(s.name!=="AbortError"){console.error("PdsCombobox: Failed to fetch options",s)}return[3,6];case 5:this.loading=false;return[7];case 6:return[2]}}))}))};e.prototype.updateOptionsFromAsync=function(){var e=this;if(!this.asyncUrl&&!this.options)return;this.optionEls=[];this.allItems=[];var t=this.options||this.internalOptions;t.forEach((function(t){var r=document.createElement("option");r.value=String(t.id);r.textContent=t.text;e.optionEls.push(r);e.allItems.push(r)}));if(this.value&&!this.selectedOption){var r=this.optionEls.find((function(t){return t.value===e.value}));if(r){this.setSelectedOption(r)}}this.filterOptions()};e.prototype.updateOptions=function(){var e=this;var t;if(this.asyncUrl||this.options){this.updateOptionsFromAsync();return}var r=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="option"], slot:not([name])');if(r){var i=r.assignedElements({flatten:true});this.allItems=[];this.optionEls=[];i.forEach((function(t){if(t.tagName==="OPTION"){e.optionEls.push(t);e.allItems.push(t)}else if(t.tagName==="OPTGROUP"){var r=t;e.allItems.push(r);Array.from(r.children).forEach((function(t){if(t.tagName==="OPTION"){e.optionEls.push(t);e.allItems.push(t)}}))}else if(t.tagName==="PDS-TEXT"){e.allItems.push(t)}}));var o=null;if(this.value){o=this.optionEls.find((function(t){return t.value===e.value}))||null;if(o){this.displayText=this.getOptionLabel(o)}}if(!o&&this.trigger==="chip"&&this.optionEls.length>0){o=this.optionEls[0];this.value=o.value;this.displayText=this.getOptionLabel(o);console.warn("PDS Combobox: Chip triggers should always have a selected option. Automatically selected the first option.")}if(o&&o!==this.selectedOption){this.setSelectedOption(o)}else if(!this.selectedOption&&o){this.setSelectedOption(o)}this.filterOptions()}};e.prototype.getOptionLabel=function(e){return e.label||e.textContent||""};e.prototype.getOptionLayoutContent=function(e){return this.sanitizeHtml(e.innerHTML||"")};e.prototype.sanitizeHtml=function(e){var t={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:function(e){return e.startsWith("pds-")||/^[a-z]+$/i.test(e)},attributeNameCheck:function(e){return/^[a-zA-Z][a-zA-Z0-9-]*$/.test(e)||e.startsWith("data-")||e.startsWith("aria-")},allowCustomizedBuiltInElements:false},ALLOW_DATA_ATTR:true,ALLOW_ARIA_ATTR:true,FORBID_TAGS:["script","iframe","object","embed","form","input","textarea","select","button","style"],FORBID_ATTR:["onerror","onload","onclick","onmouseover","onmouseout","onmousemove","onfocus","onblur","onchange","onsubmit","onkeydown","onkeyup","onkeypress","onmousedown","onmouseup","ondblclick","oncontextmenu","onscroll"],ALLOWED_URI_REGEXP:/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i};return purify.sanitize(e,t)};e.prototype.isOptionLayout=function(e){return this.customOptionLayouts&&e.hasAttribute("data-layout")};e.prototype.isOptionChip=function(e){return e.hasAttribute("chip-sentiment")||e.hasAttribute("chip-large")||e.hasAttribute("chip-icon")||e.hasAttribute("chip-dot")};e.prototype.getOptionChipProps=function(e){return{sentiment:e.getAttribute("chip-sentiment")||"neutral",large:e.hasAttribute("chip-large"),icon:e.getAttribute("chip-icon")||undefined,dot:e.hasAttribute("chip-dot")}};e.prototype.isOptionSelected=function(e){return this.selectedOption===e};e.prototype.setSelectedOption=function(e){this.selectedOption=e;if(e&&this.isOptionChip(e)){this.selectedOptionChipProps=this.getOptionChipProps(e)}else{this.selectedOptionChipProps=null}};e.prototype.filterOptions=function(){var e=this;if(this.allItems.length===0&&this.optionEls.length>0){this.allItems=__spreadArray([],this.optionEls,true)}if(this.mode==="select-only"){this.filteredItems=__spreadArray([],this.allItems,true)}else{var t=this.displayText.toLowerCase();var r=this.optionEls.filter((function(r){if(e.isOptionLayout(r)){var i=r.getAttribute("data-search-text")||r.textContent||"";return i.toLowerCase().includes(t)}return e.getOptionLabel(r).toLowerCase().includes(t)}));this.filteredItems=[];var i=null;this.allItems.forEach((function(t){if(t.tagName==="OPTGROUP"||t.tagName==="PDS-TEXT"){i=t}else if(t.tagName==="OPTION"&&r.includes(t)){var o=t;var n=o.parentElement;var a=null;if(n&&n.tagName==="OPTGROUP"){a=n}else if(i&&i.tagName==="PDS-TEXT"){a=i}if(a&&!e.filteredItems.includes(a)){e.filteredItems.push(a)}e.filteredItems.push(o)}}))}this.highlightedIndex=-1};e.prototype.openDropdownPositioning=function(){var e=this;if(this.triggerEl&&this.listboxEl){this.listboxEl.style.width=this.dropdownWidth;if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight;this.listboxEl.style.overflowY="auto"}computePosition(this.triggerEl,this.listboxEl,{placement:this.dropdownPlacement,strategy:"absolute",middleware:[offset(12),flip(),shift({padding:5})]}).then((function(t){var r=t.x,i=t.y;Object.assign(e.listboxEl.style,{left:"".concat(r,"px"),top:"".concat(i,"px"),position:"absolute",zIndex:"var(--pine-z-index-raised)"})}))}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){if(this.inputEl){this.inputEl.focus()}else{(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}return[2]}))}))};e.prototype.setInitialHighlightedIndex=function(){var e=this;var t=this.filteredItems.filter((function(e){return e.tagName==="OPTION"}));if(t.length===0){this.highlightedIndex=-1;return}if(this.selectedOption){var r=t.findIndex((function(t){return t===e.selectedOption}));if(r>=0){this.highlightedIndex=r;return}}this.highlightedIndex=0};e.prototype.focusFirstOption=function(){if(this.isOpen){var e=this.filteredItems.filter((function(e){return e.tagName==="OPTION"}));if(e.length>0){this.setInitialHighlightedIndex();if(this.listboxEl){this.updateOptionFocus()}}}};e.prototype.focusFirstOptionForArrowKeys=function(){if(this.isOpen){this.isArrowKeyNavigationMode=true;var e=this.filteredItems.filter((function(e){return e.tagName==="OPTION"}));if(e.length>0){this.setInitialHighlightedIndex();if(this.listboxEl){var t=this.listboxEl.querySelectorAll('[role="option"]');var r=t[this.highlightedIndex];if(r){t.forEach((function(e){e.setAttribute("tabindex","-1")}));r.setAttribute("tabindex","0");r.focus();r.scrollIntoView({block:"nearest",behavior:"smooth"})}}this.updateAriaActiveDescendant()}}};e.prototype.updateOptionFocus=function(){if(!this.listboxEl||this.highlightedIndex<0)return;var e=this.listboxEl.querySelectorAll('[role="option"]');var t=e[this.highlightedIndex];if(t){var r=Array.from(e).some((function(e){return e===document.activeElement}));if(r||this.isArrowKeyNavigationMode){e.forEach((function(e){e.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}t.scrollIntoView({block:"nearest",behavior:"smooth"})}this.updateAriaActiveDescendant()};e.prototype.updateAriaActiveDescendant=function(){if(this.triggerEl&&this.highlightedIndex>=0){this.triggerEl.setAttribute("aria-activedescendant","pds-combobox-option-".concat(this.highlightedIndex))}else if(this.triggerEl){this.triggerEl.removeAttribute("aria-activedescendant")}};e.prototype.restoreFocusToTrigger=function(){var e=this;setTimeout((function(){if(e.inputEl){e.inputEl.focus()}else if(e.triggerEl){e.triggerEl.focus()}}),0)};e.prototype.getSelectedValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.selectedOption?this.selectedOption.value:null]}))}))};Object.defineProperty(e.prototype,"selectedLabel",{get:function(){return this.displayText||""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedLayoutContent",{get:function(){return this.selectedOptionLayoutContent},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedHasLayout",{get:function(){return this.selectedOption?this.isOptionLayout(this.selectedOption):false},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedChipSentiment",{get:function(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){var e=this.selectedOption.getAttribute("chip-sentiment");if(e)return e}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){var t=this.selectedOption.querySelector("pds-chip");var e=t===null||t===void 0?void 0:t.getAttribute("sentiment");if(e)return e}if(this.customTriggerContent){var r=this.el.querySelector('pds-chip[slot="trigger-content"]');if(r){var e=r.getAttribute("sentiment");if(e)return e}}return this.chipSentiment},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedChipLarge",{get:function(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){if(this.selectedOption.hasAttribute("chip-large"))return true}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){var e=this.selectedOption.querySelector("pds-chip");if(e===null||e===void 0?void 0:e.hasAttribute("large"))return true}if(this.customTriggerContent){var t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t&&t.hasAttribute("large")){return true}}return this.chipLarge},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedChipIcon",{get:function(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){var e=this.selectedOption.getAttribute("chip-icon");if(e)return e}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){var t=this.selectedOption.querySelector("pds-chip");var e=t===null||t===void 0?void 0:t.getAttribute("icon");if(e)return e}if(this.customTriggerContent){var r=this.el.querySelector('pds-chip[slot="trigger-content"]');if(r){var e=r.getAttribute("icon");if(e)return e}}return this.chipIcon},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedChipDot",{get:function(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){if(this.selectedOption.hasAttribute("chip-dot"))return true}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){var e=this.selectedOption.querySelector("pds-chip");if(e===null||e===void 0?void 0:e.hasAttribute("dot"))return true}if(this.customTriggerContent){var t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t&&t.hasAttribute("dot")){return true}}return this.chipDot},enumerable:false,configurable:true});e.prototype.handleOptionClick=function(e){this.setSelectedOption(e);this.isOpen=false;this.pdsComboboxChange.emit({value:e.value})};e.prototype.renderDropdown=function(){var e=this;if(!this.isOpen){return null}var t=!!this.el.querySelector('[slot="empty"]');var r=!!this.el.querySelector('[slot="loading"]');var i=0;var o=this.filteredItems.filter((function(e){return e.tagName==="OPTION"}));return h("ul",{class:"pds-combobox__listbox",role:"listbox",id:"pds-combobox-listbox","aria-label":this.label||"Options","aria-multiselectable":"false",ref:function(t){return e.listboxEl=t},onScroll:this.handleScroll},this.loading&&h("li",{class:"pds-combobox__loading",role:"presentation"},r?h("slot",{name:"loading"}):h("pds-loader",{size:"small"})),!this.loading&&this.filteredItems.length===0&&h("li",{class:"pds-combobox__empty",role:"presentation"},t?h("slot",{name:"empty"}):h("span",null,"No options found")),this.filteredItems.map((function(t,r){if(t.tagName==="OPTGROUP"){var n=t;return h("li",{key:"optgroup-".concat(r),class:"pds-combobox__group-label",role:"presentation","aria-label":n.label},n.label)}else if(t.tagName==="PDS-TEXT"){var a=t;return h("li",{key:"pds-text-".concat(r),class:"pds-combobox__group-label",role:"presentation"},a.textContent)}else if(t.tagName==="OPTION"){var s=t;var l=e.isOptionSelected(s);var c=e.highlightedIndex===i;var d=e.isOptionLayout(s);var p=e.isOptionChip(s);var u=i++;return h("li",{key:s.value,id:"pds-combobox-option-".concat(u),role:"option","aria-selected":l?"true":"false","aria-setsize":o.length,"aria-posinset":u+1,"aria-label":d||p?s.getAttribute("aria-label")||e.getOptionLabel(s):undefined,tabindex:c?"0":"-1",class:{"pds-combobox__option":true,"pds-combobox__option--highlighted":c,"pds-combobox__option--layout":d,"pds-combobox__option--chip":p},"data-option-index":u,onMouseDown:e.onOptionMouseDown,onClick:e.onOptionClick,onMouseEnter:e.onOptionMouseEnter,onKeyDown:e.onOptionKeyDown},d?h("pds-box",{class:"pds-combobox__option-layout-wrapper",innerHTML:e.getOptionLayoutContent(s)}):p?e.renderOptionChip(s):e.getOptionLabel(s),l&&h("pds-icon",{icon:"check",size:"regular",class:"pds-combobox__option-check"}))}return null})),this.hasMore&&!this.loading&&h("li",{class:"pds-combobox__load-more",role:"presentation"},h("pds-loader",{size:"small"})))};e.prototype.renderCaretIcon=function(){return h("pds-icon",{icon:"caret-down","aria-hidden":"true",class:"pds-combobox__button-trigger-chevron"})};e.prototype.renderLayoutContent=function(){return h("div",{class:"pds-combobox__button-trigger-layout-wrapper",innerHTML:this.selectedLayoutContent})};e.prototype.renderDefaultContent=function(){return h("span",{class:"pds-combobox__button-trigger-label"},this.selectedLabel||this.placeholder)};e.prototype.shouldShowLayoutContent=function(){return this.selectedHasLayout&&!!this.selectedLayoutContent};e.prototype.getChipTriggerClass=function(){var e=["pds-combobox__chip-trigger"];e.push("pds-combobox__chip-trigger--".concat(this.selectedChipSentiment));e.push("pds-combobox__chip-trigger--dropdown");if(this.selectedChipLarge){e.push("pds-combobox__chip-trigger--large")}if(this.selectedChipDot){e.push("pds-combobox__chip-trigger--dot")}return e.join(" ")};e.prototype.renderButtonTriggerContent=function(){if(this.customTriggerContent){if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return h("slot",{name:"trigger-content"})}if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return[this.renderDefaultContent(),this.renderCaretIcon()]};e.prototype.renderChipTriggerContent=function(){if(this.customTriggerContent){if(this.shouldShowLayoutContent()){return this.renderChipTriggerLayoutContent()}return h("slot",{name:"trigger-content"})}if(this.shouldShowLayoutContent()){return this.renderChipTriggerLayoutContent()}if(this.selectedOption&&this.selectedOptionChipProps){return this.renderSelectedOptionAsChip()}return[this.renderChipTriggerDefaultContent(),this.renderCaretIcon()]};e.prototype.renderSelectedOptionAsChip=function(){if(!this.selectedOption||!this.selectedOptionChipProps)return null;return h("pds-chip",{sentiment:this.selectedOptionChipProps.sentiment,variant:"dropdown",large:this.selectedOptionChipProps.large,icon:this.selectedOptionChipProps.icon,dot:this.selectedOptionChipProps.dot,class:"pds-combobox__chip-trigger-auto"},this.getOptionLabel(this.selectedOption))};e.prototype.renderChipTriggerLayoutContent=function(){return h("div",{class:"pds-combobox__chip-trigger-layout-wrapper",innerHTML:this.getModifiedLayoutContentForTrigger()})};e.prototype.getModifiedLayoutContentForTrigger=function(){var e=this.selectedLayoutContent;if(e.includes("<pds-chip")){var t=document.createElement("div");t.innerHTML=e;var r=t.querySelector("pds-chip");if(r){r.setAttribute("variant","dropdown");e=t.innerHTML}}return e};e.prototype.renderChipTriggerDefaultContent=function(){return h("span",{class:"pds-combobox__chip-trigger-label"},this.selectedChipIcon&&h("pds-icon",{icon:this.selectedChipIcon,class:"pds-combobox__chip-trigger-icon"}),this.selectedLabel||this.placeholder)};e.prototype.renderOptionChip=function(e){var t=this.getOptionChipProps(e);return h("pds-chip",{sentiment:t.sentiment,variant:"text",large:t.large,icon:t.icon,dot:t.dot,class:"pds-combobox__option-chip"},this.getOptionLabel(e))};e.prototype.render=function(){var e=this;var t=["pds-combobox__button-trigger","pds-combobox__button-trigger--".concat(this.triggerVariant),this.triggerShape==="input"&&"pds-combobox__button-trigger--input-shape"].filter(Boolean).join(" ");return h(Host,{key:"6a8f372c89a896d2d7e67661e84053c4c95b93c9"},h("div",{key:"7b4747885bfa9aaa6e698bf13b6cdf9d4e77b3b1",class:"pds-combobox",tabIndex:-1,onFocusout:this.onComboboxFocusOut,part:"combobox"},this.label&&!this.hideLabel&&h("label",{key:"46acd60080458de682516becc6144b38675a3f2d",htmlFor:this.componentId,class:"pds-combobox__label"},this.label),this.trigger==="input"?h("div",{class:"pds-combobox__input-wrapper",style:{width:this.triggerWidth}},h("input",{ref:function(t){e.inputEl=t;e.triggerEl=t},class:"pds-combobox__input",type:"text",role:"combobox","aria-autocomplete":"list","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?"pds-combobox-option-".concat(this.highlightedIndex):undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,value:this.displayText,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onClick:this.handleInputClick,onKeyDown:this.handleKeyDown,autocomplete:"off",part:"input"}),h("pds-icon",{icon:"enlarge","aria-hidden":"true",class:"pds-combobox__input-icon"})):this.trigger==="chip"?h("div",{class:this.getChipTriggerClass(),style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?"pds-combobox-option-".concat(this.highlightedIndex):undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,tabIndex:this.disabled?-1:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,onKeyUp:this.onButtonTriggerKeyUp,ref:function(t){return e.triggerEl=t},part:"chip-trigger"},this.renderChipTriggerContent()):h("div",{class:t,style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?"pds-combobox-option-".concat(this.highlightedIndex):undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,tabIndex:this.disabled?-1:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,onKeyUp:this.onButtonTriggerKeyUp,ref:function(t){return e.triggerEl=t},part:"button-trigger"},this.renderButtonTriggerContent()),h("div",{key:"4e4bd7cb7139416f3f59b1c9736a1fad85c09c24",style:{display:"none"}},h("slot",{key:"79e4c181d161a56acba68e1f7ca932369e938e10",onSlotchange:function(){return e.updateOptions()}})),this.renderDropdown()))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["setupDebounce"],options:["optionsChanged"],value:["handleValueChange"],selectedOption:["handleSelectedOptionChange"]}},enumerable:false,configurable:true});return e}();PdsCombobox.style=pdsComboboxCss;export{PdsCombobox as pds_combobox};
|
|
3
3
|
//# sourceMappingURL=pds-combobox.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-C_yp7uLt.js";var pdsContainerCss=":host{display:block;margin-inline:auto;max-width:var(--pine-container-max-width, none);width:100%}:host(.pds-container--sm){--pine-container-max-width:340px}:host(.pds-container--md){--pine-container-max-width:520px}:host(.pds-container--lg){--pine-container-max-width:700px}:host(.pds-container--xl){--pine-container-max-width:1064px}:host(.pds-container--full){--pine-container-max-width:1440px}";var NAMED_SIZES=new Set(["sm","md","lg","xl","full"]);var PdsContainer=function(){function n(n){registerInstance(this,n);this.tag="div";this.centered=true}n.prototype.render=function(){var n;var t=this.tag;var e=this.size!==undefined&&NAMED_SIZES.has(this.size);var i=this.size!==undefined&&!e?this.size:undefined;var a={};if(i)a["--pine-container-max-width"]=i;if(!this.centered)a["margin-inline"]="0";return h(Host,{key:"b8055b9add2e9abfeaf61f233a0f22e559829eb2",class:(n={},n["pds-container--".concat(this.size)]=e,n),style:Object.keys(a).length?a:undefined},h(t,{key:"8aac62d1a6639063d10b8c51539ca0bc3ca0bae4",part:"container"},h("slot",{key:"747e55553b7660159ee9d0192ccb8ed29a99f0b0"})))};return n}();PdsContainer.style=pdsContainerCss;export{PdsContainer as pds_container};
|
|
2
2
|
//# sourceMappingURL=pds-container.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-C_yp7uLt.js";import{a as copy}from"./index-D4ys0pep.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-Blk4GigP.js";import"./floating-ui.dom-DDtwbwIl.js";var pdsCopytextCss=":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}";var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick");this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)}}t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""}})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;return h(Host,{key:"43a3870fa4c24416e2e6e99dd7c423a5c32ac91e",class:this.classNames(),id:this.componentId},h("pds-button",{key:"f0735d3f245dd7150e88b3dd1a191c3ee86b6293",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"ddf7cf205f9bb11dd4b4111435bb7efc15b0af61",ref:function(e){return t.valueSpanEl=e}},this.value),h("pds-icon",{key:"0f35d997eb1766631ac6098bdb12d0aff9813012",icon:copy,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:["handleTruncateChange"],value:["handleValueChange"]}},enumerable:false,configurable:true});return t}();PdsCopytext.style=pdsCopytextCss;export{PdsCopytext as pds_copytext};
|
|
2
2
|
//# sourceMappingURL=pds-copytext.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-C_yp7uLt.js";var pdsDividerCss=".pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var PdsDivider=function(){function i(i){registerInstance(this,i);this.vertical=false}i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"c3a01882db1119b8397353aaed193813cba0bfb8",id:this.componentId},h("hr",{key:"fe20a28dbd2f10cec125df4dbb4ba7a2837628f1",class:this.classNames()}))};return i}();PdsDivider.style=pdsDividerCss;export{PdsDivider as pds_divider};
|
|
2
2
|
//# sourceMappingURL=pds-divider.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-C_yp7uLt.js";var pdsDropdownMenuItemCss=":host{cursor:pointer;display:-ms-flexbox;display:flex;width:100%;}:host(.is-disabled){cursor:not-allowed !important;opacity:0.5 !important}:host(.is-disabled) .pds-dropdown-menu-item__content{cursor:not-allowed !important;pointer-events:none !important}.pds-dropdown-menu-item__content{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;width:100%;}.pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-background-muted);color:var(--pine-color-text-hover)}.pds-dropdown-menu-item__content{}.pds-dropdown-menu-item__content:focus,.pds-dropdown-menu-item__content:focus-visible,.pds-dropdown-menu-item__content.has-focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host(.destructive) .pds-dropdown-menu-item__content{--pds-context-link-color:var(--pine-color-danger);--pds-context-link-color-hover:var(--pine-color-danger-hover);-ms-flex-align:center;align-items:center;color:var(--pine-color-danger)}:host(.destructive) .pds-dropdown-menu-item__content:hover{background-color:var(--pine-color-danger-disabled);color:var(--pine-color-danger-hover)}:host(.destructive) .pds-dropdown-menu-item__content:focus,:host(.destructive) .pds-dropdown-menu-item__content:focus-visible,:host(.destructive) .pds-dropdown-menu-item__content.has-focus{background-color:var(--pine-color-danger-disabled);outline:var(--pine-outline-focus-danger);outline-offset:var(--pine-border-width)}pds-link::part(link):focus,pds-link::part(link):focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:none}pds-link::part(link){-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);margin:calc(var(--pine-dimension-xs) * -1);padding:var(--pine-dimension-xs);text-decoration:none;width:calc(100% + var(--pine-dimension-xs) * 2)}";var PdsDropdownMenuItem=function(){function e(e){var n=this;registerInstance(this,e);this.pdsClick=createEvent(this,"pdsClick");this.destructive=false;this.disabled=false;this.external=false;this.hasFocus=false;this.handleFocus=function(){n.hasFocus=true};this.handleBlur=function(){n.hasFocus=false};this.handleKeyDown=function(e){if(!n.disabled&&e.key==="Enter"){if(!n.href){e.preventDefault()}n.handleClick()}}}e.prototype.clickItem=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleClick();return[2]}))}))};e.prototype.handleClick=function(){var e;var n=Array.from(this.host.parentNode.children).filter((function(e){return e.tagName.toLowerCase()==="pds-dropdown-menu-item"}));var t=n.indexOf(this.host);var o=((e=this.host.textContent)===null||e===void 0?void 0:e.trim())||"";this.pdsClick.emit({itemIndex:t,item:this.host,content:o})};e.prototype.renderElement=function(){if(this.href!==undefined){return h("pds-link",{download:this.download,href:this.disabled?null:this.href,external:this.external,target:this.target,class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,"aria-disabled":this.disabled?"true":null},h("slot",null))}return h("button",{class:{"pds-dropdown-menu-item__content":true,"has-focus":this.hasFocus},tabIndex:this.disabled?-1:0,type:"button",part:"button",onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.disabled,"aria-disabled":this.disabled?"true":null},h("slot",null))};e.prototype.render=function(){var e=this;return h(Host,{key:"d2a6c182b330dae3738650002a4643c0f1fd3d1a",id:this.componentId,class:{"is-disabled":this.disabled,destructive:!this.disabled&&this.destructive},onClick:function(){return!e.disabled&&e.handleClick()},role:"none",tabIndex:-1,"aria-disabled":this.disabled?"true":null},this.renderElement())};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsDropdownMenuItem.style=pdsDropdownMenuItemCss;export{PdsDropdownMenuItem as pds_dropdown_menu_item};
|
|
2
2
|
//# sourceMappingURL=pds-dropdown-menu-item.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-C_yp7uLt.js";var pdsDropdownMenuSeparatorCss=":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 PdsDropdownMenuSeparator=function(){function r(r){registerInstance(this,r);this.disabled=false}r.prototype.render=function(){return h(Host,{key:"1058ea61d2ad7c311ee162b909df2531f3589e4c",id:this.componentId},h("hr",{key:"a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b"}))};return r}();PdsDropdownMenuSeparator.style=pdsDropdownMenuSeparatorCss;export{PdsDropdownMenuSeparator as pds_dropdown_menu_separator};
|
|
2
2
|
//# sourceMappingURL=pds-dropdown-menu-separator.entry.js.map
|