@pine-ds/core 4.2.0 → 4.3.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/mock-pds-modal.js +1 -1
- package/components/pds-button2.js +1 -1
- package/components/pds-checkbox2.js +1 -1
- package/components/pds-chip2.js +1 -1
- package/components/pds-combobox.js +1 -1
- package/components/pds-icon2.js +1 -1
- package/components/pds-modal2.js +1 -1
- package/components/pds-progress.js +1 -1
- package/components/pds-radio.js +1 -1
- package/dist/cjs/{index-CuQil7H0.js → index-CaLa1zy9.js} +1 -1
- package/dist/cjs/{index-Bu3NXpbK.js → index-DYvijwA6.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mock-pds-modal.cjs.entry.js +2 -2
- package/dist/cjs/pds-accordion.cjs.entry.js +2 -2
- package/dist/cjs/pds-alert.cjs.entry.js +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +2 -2
- package/dist/cjs/pds-box.cjs.entry.js +2 -2
- package/dist/cjs/pds-button.cjs.entry.js +4 -4
- package/dist/cjs/pds-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/pds-chip.cjs.entry.js +32 -7
- package/dist/cjs/pds-combobox.cjs.entry.js +3 -3
- package/dist/cjs/pds-container.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +2 -2
- package/dist/cjs/pds-divider.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +2 -2
- package/dist/cjs/pds-filters.cjs.entry.js +1 -1
- package/dist/cjs/pds-icon.cjs.entry.js +2 -2
- package/dist/cjs/pds-image.cjs.entry.js +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +3 -3
- package/dist/cjs/pds-link.cjs.entry.js +3 -3
- 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 +35 -7
- package/dist/cjs/pds-multiselect.cjs.entry.js +3 -3
- package/dist/cjs/pds-popover.cjs.entry.js +1 -1
- package/dist/cjs/pds-progress.cjs.entry.js +4 -2
- package/dist/cjs/pds-property.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/pds-radio.cjs.entry.js +3 -3
- package/dist/cjs/pds-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +2 -2
- package/dist/cjs/pds-sortable-item.cjs.entry.js +2 -2
- package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/cjs/pds-textarea.cjs.entry.js +3 -3
- 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/cjs/{utils-7jx8T2mW.js → utils-KWALOgy9.js} +16 -2
- package/dist/collection/components/pds-button/pds-button.css +1 -2
- package/dist/collection/components/pds-checkbox/pds-checkbox.css +6 -4
- package/dist/collection/components/pds-chip/pds-chip.css +60 -6
- package/dist/collection/components/pds-chip/pds-chip.js +69 -4
- package/dist/collection/components/pds-chip/pds-chip.tokens.css +16 -0
- package/dist/collection/components/pds-chip/stories/pds-chip.stories.js +39 -1
- package/dist/collection/components/pds-combobox/pds-combobox.css +1 -2
- package/dist/collection/components/pds-combobox/pds-combobox.js +1 -1
- package/dist/collection/components/pds-modal/pds-modal.css +4 -0
- package/dist/collection/components/pds-modal/pds-modal.js +48 -9
- package/dist/collection/components/pds-modal/stories/pds-modal.stories.js +14 -0
- package/dist/collection/components/pds-progress/pds-progress.js +3 -1
- package/dist/collection/components/pds-radio/pds-radio.css +1 -2
- package/dist/collection/utils/utils.js +16 -2
- package/dist/docs.json +108 -11
- package/dist/esm/{index-DdPaBxPo.js → index-BU1hN5Vy.js} +1 -1
- package/dist/esm/{index-CTLu1TM4.js → index-DcT8--Dn.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mock-pds-modal.entry.js +2 -2
- package/dist/esm/pds-accordion.entry.js +2 -2
- package/dist/esm/pds-alert.entry.js +1 -1
- package/dist/esm/pds-avatar.entry.js +2 -2
- package/dist/esm/pds-box.entry.js +2 -2
- package/dist/esm/pds-button.entry.js +4 -4
- package/dist/esm/pds-checkbox.entry.js +3 -3
- package/dist/esm/pds-chip.entry.js +32 -7
- package/dist/esm/pds-combobox.entry.js +3 -3
- package/dist/esm/pds-container.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +2 -2
- package/dist/esm/pds-divider.entry.js +1 -1
- package/dist/esm/pds-drawer-content.entry.js +1 -1
- package/dist/esm/pds-drawer-footer.entry.js +1 -1
- package/dist/esm/pds-drawer-header.entry.js +1 -1
- package/dist/esm/pds-drawer.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm/pds-filter.entry.js +2 -2
- package/dist/esm/pds-filters.entry.js +1 -1
- package/dist/esm/pds-icon.entry.js +2 -2
- package/dist/esm/pds-image.entry.js +1 -1
- package/dist/esm/pds-input.entry.js +3 -3
- package/dist/esm/pds-link.entry.js +3 -3
- 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 +35 -7
- package/dist/esm/pds-multiselect.entry.js +3 -3
- package/dist/esm/pds-popover.entry.js +1 -1
- package/dist/esm/pds-progress.entry.js +4 -2
- package/dist/esm/pds-property.entry.js +1 -1
- package/dist/esm/pds-radio-group.entry.js +2 -2
- package/dist/esm/pds-radio.entry.js +3 -3
- package/dist/esm/pds-row.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +2 -2
- package/dist/esm/pds-sortable-item.entry.js +2 -2
- package/dist/esm/pds-sortable.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/pds-textarea.entry.js +3 -3
- 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/{utils-tJa4KYNO.js → utils-u_0lxWnH.js} +16 -2
- package/dist/esm-es5/{index-CTLu1TM4.js → index-DcT8--Dn.js} +2 -2
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-box.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +2 -2
- package/dist/esm-es5/pds-container.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
- package/dist/esm-es5/pds-drawer.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-filters.entry.js +1 -1
- package/dist/esm-es5/pds-icon.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js +1 -1
- package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
- package/dist/esm-es5/pds-modal-header.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-property.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-tab.entry.js +1 -1
- package/dist/esm-es5/pds-table-body.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-toast.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/p-003df3b3.entry.js +1 -0
- package/dist/pine-core/{p-92ef1608.system.entry.js → p-02452806.system.entry.js} +1 -1
- package/dist/pine-core/{p-5d585aa8.entry.js → p-026ee6de.entry.js} +1 -1
- package/dist/pine-core/{p-4661259e.system.entry.js → p-03f3fc92.system.entry.js} +1 -1
- package/dist/pine-core/{p-18a59cdd.system.entry.js → p-06375326.system.entry.js} +1 -1
- package/dist/pine-core/{p-e5bbe8cc.entry.js → p-08196d6c.entry.js} +1 -1
- package/dist/pine-core/{p-bf3afa16.system.entry.js → p-089606b8.system.entry.js} +1 -1
- package/dist/pine-core/p-12941e0d.entry.js +1 -0
- package/dist/pine-core/{p-8eef80d5.entry.js → p-13bb89ff.entry.js} +1 -1
- package/dist/pine-core/{p-e410b0d8.system.entry.js → p-15a0fa0a.system.entry.js} +1 -1
- package/dist/pine-core/{p-51b8490d.entry.js → p-1abae35f.entry.js} +1 -1
- package/dist/pine-core/{p-a4a58477.entry.js → p-1df5e088.entry.js} +1 -1
- package/dist/pine-core/{p-5dd393cd.system.entry.js → p-20753e42.system.entry.js} +1 -1
- package/dist/pine-core/{p-12ec8186.system.entry.js → p-24214ab9.system.entry.js} +1 -1
- package/dist/pine-core/p-250011ba.entry.js +1 -0
- package/dist/pine-core/{p-8be301b6.entry.js → p-2b420257.entry.js} +1 -1
- package/dist/pine-core/{p-86bc2a0c.entry.js → p-2bb101c2.entry.js} +1 -1
- package/dist/pine-core/{p-049681fc.entry.js → p-2dbc90ba.entry.js} +1 -1
- package/dist/pine-core/{p-5aea1082.entry.js → p-317337e4.entry.js} +1 -1
- package/dist/pine-core/{p-e3a7d2db.entry.js → p-32fc82c2.entry.js} +1 -1
- package/dist/pine-core/{p-714bfdbd.entry.js → p-35edd8b0.entry.js} +1 -1
- package/dist/pine-core/{p-02a47ebb.entry.js → p-375eb7f4.entry.js} +1 -1
- package/dist/pine-core/{p-e1653d75.system.entry.js → p-3b555f06.system.entry.js} +1 -1
- package/dist/pine-core/{p-db5703f2.entry.js → p-3b796898.entry.js} +1 -1
- package/dist/pine-core/{p-17dc3f87.entry.js → p-3c5489ce.entry.js} +1 -1
- package/dist/pine-core/{p-76286a68.system.entry.js → p-3e868906.system.entry.js} +1 -1
- package/dist/pine-core/{p-869ed1c0.system.entry.js → p-441682f4.system.entry.js} +1 -1
- package/dist/pine-core/{p-7b1e3e91.entry.js → p-44222439.entry.js} +1 -1
- package/dist/pine-core/{p-c1f8a187.entry.js → p-45d55983.entry.js} +1 -1
- package/dist/pine-core/{p-ed297f3e.entry.js → p-464f23e6.entry.js} +1 -1
- package/dist/pine-core/{p-ac0098fd.entry.js → p-49c6112a.entry.js} +1 -1
- package/dist/pine-core/{p-43338f77.system.entry.js → p-4bd57896.system.entry.js} +1 -1
- package/dist/pine-core/{p-09413b07.entry.js → p-4cbb691f.entry.js} +1 -1
- package/dist/pine-core/{p-3c4236a8.system.entry.js → p-4ebdb90b.system.entry.js} +1 -1
- package/dist/pine-core/{p-b109de2e.entry.js → p-4f5aacd9.entry.js} +1 -1
- package/dist/pine-core/{p-9187c26c.system.entry.js → p-55532d56.system.entry.js} +1 -1
- package/dist/pine-core/{p-f35596cd.entry.js → p-558ac401.entry.js} +1 -1
- package/dist/pine-core/{p-c09dab1a.system.entry.js → p-57784f2f.system.entry.js} +1 -1
- package/dist/pine-core/{p-2016c878.entry.js → p-5a8345e2.entry.js} +1 -1
- package/dist/pine-core/{p-e3600c53.entry.js → p-5c5bd609.entry.js} +1 -1
- package/dist/pine-core/{p-12182cab.entry.js → p-5d2f95bd.entry.js} +1 -1
- package/dist/pine-core/p-5f3d0c86.system.entry.js +1 -0
- package/dist/pine-core/{p-f7a5062f.entry.js → p-5f5339ab.entry.js} +1 -1
- package/dist/pine-core/{p-2eb8d697.system.entry.js → p-67fc26e5.system.entry.js} +1 -1
- package/dist/pine-core/{p-d0d2a886.system.entry.js → p-6a6a767b.system.entry.js} +1 -1
- package/dist/pine-core/{p-f94667b5.entry.js → p-6b260a97.entry.js} +1 -1
- package/dist/pine-core/{p-be819bff.system.entry.js → p-6b3d8c2b.system.entry.js} +1 -1
- package/dist/pine-core/p-6dabeebc.system.entry.js +3 -0
- package/dist/pine-core/{p-32f10aa9.entry.js → p-70891202.entry.js} +1 -1
- package/dist/pine-core/p-70fb83d4.entry.js +1 -0
- package/dist/pine-core/{p-d7865297.entry.js → p-73c3a73f.entry.js} +1 -1
- package/dist/pine-core/p-73fa955a.system.entry.js +1 -0
- package/dist/pine-core/p-755e0b3c.system.entry.js +1 -0
- package/dist/pine-core/p-77082557.system.entry.js +1 -0
- package/dist/pine-core/{p-376f8286.entry.js → p-7e4729e0.entry.js} +1 -1
- package/dist/pine-core/{p-7e44106e.entry.js → p-8b051229.entry.js} +1 -1
- package/dist/pine-core/{p-1e2a9b5d.system.entry.js → p-8d1e7b3c.system.entry.js} +1 -1
- package/dist/pine-core/{p-324a7ae4.system.entry.js → p-8d8a8550.system.entry.js} +1 -1
- package/dist/pine-core/{p-6f7a7d55.entry.js → p-93486f2e.entry.js} +1 -1
- package/dist/pine-core/{p-957dbb0c.entry.js → p-93ae562d.entry.js} +1 -1
- package/dist/pine-core/{p-a11a9c40.system.entry.js → p-93c52e2b.system.entry.js} +1 -1
- package/dist/pine-core/{p-8cc270f0.system.entry.js → p-95b8bece.system.entry.js} +1 -1
- package/dist/pine-core/{p-31e1722e.entry.js → p-95defb53.entry.js} +1 -1
- package/dist/pine-core/{p-4d388957.system.entry.js → p-99f300ef.system.entry.js} +1 -1
- package/dist/pine-core/{p-053b0898.system.entry.js → p-9d77f2f8.system.entry.js} +1 -1
- package/dist/pine-core/{p-cf24ed1e.system.entry.js → p-9d902000.system.entry.js} +1 -1
- package/dist/pine-core/{p-84ade640.entry.js → p-9ef355b7.entry.js} +1 -1
- package/dist/pine-core/{p-Dr-FzkdE.system.js → p-BI7Ml0VF.system.js} +1 -1
- package/dist/pine-core/p-CJ8t3EBJ.system.js +2 -0
- package/dist/pine-core/p-DcT8--Dn.js +2 -0
- package/dist/pine-core/{p-dd6d9807.system.entry.js → p-a009ab10.system.entry.js} +1 -1
- package/dist/pine-core/{p-78fd593d.system.entry.js → p-a616385b.system.entry.js} +1 -1
- package/dist/pine-core/{p-1614c000.system.entry.js → p-a6a269da.system.entry.js} +1 -1
- package/dist/pine-core/{p-fbf5f315.entry.js → p-a8cd2ab5.entry.js} +1 -1
- package/dist/pine-core/{p-591fbff5.entry.js → p-a8f1a48d.entry.js} +1 -1
- package/dist/pine-core/p-b0becff3.system.entry.js +1 -0
- package/dist/pine-core/p-b45b8f8b.system.entry.js +1 -0
- package/dist/pine-core/{p-51dff5af.system.entry.js → p-b53d9620.system.entry.js} +1 -1
- package/dist/pine-core/p-b85bb61d.system.entry.js +1 -0
- package/dist/pine-core/{p-7e2b934d.entry.js → p-b8a5597d.entry.js} +1 -1
- package/dist/pine-core/p-b9a857fc.system.entry.js +1 -0
- package/dist/pine-core/{p-e0da17aa.system.entry.js → p-bd9b2931.system.entry.js} +1 -1
- package/dist/pine-core/{p-c0b3f2c1.system.entry.js → p-bdded57a.system.entry.js} +1 -1
- package/dist/pine-core/{p-e95225cf.entry.js → p-bf025e38.entry.js} +1 -1
- package/dist/pine-core/{p-3f12afb1.entry.js → p-c08b1697.entry.js} +1 -1
- package/dist/pine-core/p-c1a65082.entry.js +1 -0
- package/dist/pine-core/{p-8cea0d7a.system.entry.js → p-c1d1befb.system.entry.js} +1 -1
- package/dist/pine-core/{p-d46adf7d.entry.js → p-c5b6b545.entry.js} +2 -2
- package/dist/pine-core/{p-1f307e59.system.entry.js → p-c6426e16.system.entry.js} +1 -1
- package/dist/pine-core/{p-56b34569.system.entry.js → p-cfcb89d1.system.entry.js} +1 -1
- package/dist/pine-core/{p-d21739eb.entry.js → p-d33d65f6.entry.js} +1 -1
- package/dist/pine-core/{p-15d3a4bc.system.entry.js → p-d70aa0c7.system.entry.js} +1 -1
- package/dist/pine-core/{p-34e38037.system.entry.js → p-d9c1ee36.system.entry.js} +1 -1
- package/dist/pine-core/{p-630f33d6.system.entry.js → p-df285ece.system.entry.js} +1 -1
- package/dist/pine-core/{p-e3cd4627.system.entry.js → p-e039ebb6.system.entry.js} +1 -1
- package/dist/pine-core/{p-c5ce6dea.entry.js → p-e055c543.entry.js} +1 -1
- package/dist/pine-core/{p-b923a70b.entry.js → p-e08e4ca7.entry.js} +1 -1
- package/dist/pine-core/{p-53a4852e.system.entry.js → p-ea986474.system.entry.js} +1 -1
- package/dist/pine-core/{p-3e0c6384.entry.js → p-ec04d4c3.entry.js} +1 -1
- package/dist/pine-core/{p-d280741f.entry.js → p-ee114aef.entry.js} +1 -1
- package/dist/pine-core/{p-d415bb01.entry.js → p-ee997fbf.entry.js} +2 -2
- package/dist/pine-core/{p-3605a5f5.entry.js → p-f1365550.entry.js} +1 -1
- package/dist/pine-core/{p-f21aea90.system.entry.js → p-f26dcbc2.system.entry.js} +1 -1
- package/dist/pine-core/{p-5772f260.system.entry.js → p-f5cf98be.system.entry.js} +1 -1
- package/dist/pine-core/{p-3464b456.system.entry.js → p-f682f08a.system.entry.js} +1 -1
- package/dist/pine-core/{p-be4a6cc2.entry.js → p-f89197c9.entry.js} +1 -1
- package/dist/pine-core/{p-3eca0b00.entry.js → p-f9f7101e.entry.js} +1 -1
- package/dist/pine-core/{p-d9ffb2d9.system.entry.js → p-fa2a786d.system.entry.js} +1 -1
- package/dist/pine-core/{p-fec298bb.system.entry.js → p-fa8d3155.system.entry.js} +2 -2
- package/dist/pine-core/p-fb774f89.system.entry.js +1 -0
- package/dist/pine-core/{p-0ab735aa.system.entry.js → p-fbb72e66.system.entry.js} +1 -1
- package/dist/pine-core/pine-core.css +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/pine-core/pine-core.js +1 -1
- package/dist/types/components/pds-chip/pds-chip.d.ts +12 -0
- package/dist/types/components/pds-modal/pds-modal.d.ts +9 -2
- package/dist/types/components.d.ts +25 -7
- package/dist/types/utils/types.d.ts +2 -1
- package/dist/types/utils/utils.d.ts +16 -1
- package/dist/vscode.html-data.json +30 -4
- package/hydrate/index.js +92 -21
- package/hydrate/index.mjs +92 -21
- package/package.json +2 -2
- package/dist/pine-core/p-222ff58e.system.entry.js +0 -1
- package/dist/pine-core/p-33c0f3c9.system.entry.js +0 -1
- package/dist/pine-core/p-3873f55b.entry.js +0 -1
- package/dist/pine-core/p-3aec9079.entry.js +0 -1
- package/dist/pine-core/p-3c229a00.system.entry.js +0 -1
- package/dist/pine-core/p-585ad368.system.entry.js +0 -1
- package/dist/pine-core/p-613a64f1.entry.js +0 -1
- package/dist/pine-core/p-63686e2a.system.entry.js +0 -1
- package/dist/pine-core/p-6fd863e5.system.entry.js +0 -1
- package/dist/pine-core/p-7691a875.system.entry.js +0 -3
- package/dist/pine-core/p-CTLu1TM4.js +0 -2
- package/dist/pine-core/p-DAIsVNlL.system.js +0 -2
- package/dist/pine-core/p-a98bf89f.system.entry.js +0 -1
- package/dist/pine-core/p-b32e3174.system.entry.js +0 -1
- package/dist/pine-core/p-c8bffb08.system.entry.js +0 -1
- package/dist/pine-core/p-d12ef40d.entry.js +0 -1
- package/dist/pine-core/p-d43db3ba.entry.js +0 -1
- /package/dist/esm-es5/{index-DdPaBxPo.js → index-BU1hN5Vy.js} +0 -0
- /package/dist/esm-es5/{utils-tJa4KYNO.js → utils-u_0lxWnH.js} +0 -0
- /package/dist/pine-core/{p-DdPaBxPo.js → p-BU1hN5Vy.js} +0 -0
- /package/dist/pine-core/{p-BG6uGRQj.system.js → p-D_I-k33A.system.js} +0 -0
- /package/dist/pine-core/{p--Llh7wKm.system.js → p-ctdGub9B.system.js} +0 -0
- /package/dist/pine-core/{p-tJa4KYNO.js → p-u_0lxWnH.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host,a as getElement}from"./index-DcT8--Dn.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift}from"./floating-ui.dom-DDtwbwIl.js";var pdsDropdownMenuCss=function(){return":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-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) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}"};var PdsDropdownMenu=function(){function i(i){var e=this;registerInstance(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();e.triggerEl=t[0];e.triggerEl.onclick=e.handleClick;e.triggerEl.setAttribute("aria-haspopup","menu");e.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var o=t.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(o.length>0){var s=o.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}e.menuItems=t.filter((function(i){var e=i.tagName.toLowerCase();return e==="pds-dropdown-menu-item"||e==="a"||e==="button"}))};this.toggleDropdown=function(){e.isOpen=!e.isOpen;if(e.isOpen){e.openDropdown()}else{e.closeDropdown()}};this.openDropdown=function(){var i;var t=function(){computePosition(e.triggerEl,e.panelEl,{placement:e.placement,strategy:"fixed",middleware:[offset(6),flip(),shift({padding:5})]}).then((function(i){var t=i.x,n=i.y;Object.assign(e.panelEl.style,{left:"".concat(t,"px"),top:"".concat(n,"px")})}))};t();e.cleanupAutoUpdate=autoUpdate(e.triggerEl,e.panelEl,t);(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");e.isOpen=true;e.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=function(){var i;(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");e.isOpen=false;if(e.cleanupAutoUpdate){e.cleanupAutoUpdate();e.cleanupAutoUpdate=null}e.triggerEl.setAttribute("aria-expanded","false");e.currentFocusIndex=-1;e.triggerEl.focus()};this.handleClick=function(){e.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.disconnectedCallback=function(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}};i.prototype.isItemDisabled=function(i){var e=i.tagName.toLowerCase();if(e==="pds-dropdown-menu-item"){return i.disabled}else if(e==="button"){return i.disabled}else if(e==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(e){if(e===i)return true;if(e.tagName.toLowerCase()==="pds-dropdown-menu-item"){var t=e.shadowRoot;if(t===null||t===void 0?void 0:t.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var e,t,n,o,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var r=this.menuItems[i];var a=r.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=r;var l=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("button");var p=((o=(n=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||o===void 0?void 0:o.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(l){l.focus()}else if(p){p.focus()}else{d.focus()}}else{r.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var e=0;while(e<this.menuItems.length&&this.isItemDisabled(this.menuItems[e])){e++}if(e<this.menuItems.length){this.focusItemByIndex(e)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var t=this.menuItems.length-1;while(t>=0&&this.isItemDisabled(this.menuItems[t])){t--}if(t>=0){this.focusItemByIndex(t)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var o=document.activeElement;var s=o===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var r=0;while(r<this.menuItems.length&&this.isItemDisabled(this.menuItems[r])){r++}if(r<this.menuItems.length){this.focusItemByIndex(r)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var r=0;while(r<this.menuItems.length&&this.isItemDisabled(this.menuItems[r])){r++}if(r<this.menuItems.length){this.focusItemByIndex(r)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return h(Host,{key:"7907da6a04530d01bbbd0256f0b609fa53e0a774",id:this.componentId},h("slot",{key:"2bf060c4dec082d4175a7cde759221fd4b20d706",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),h("pds-box",{key:"0d81eddee58fda631eb6a39cba0e7ad0d69c02d8","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},h("slot",{key:"831485d66af711edc9491078827455762795bb64",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsDropdownMenu.style=pdsDropdownMenuCss();export{PdsDropdownMenu as pds_dropdown_menu};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CTLu1TM4.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-DdPaBxPo.js";var pdsFilterCss=function(){return":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger start);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}}"};var PdsFilter=function(){function e(e){var r=this;registerInstance(this,e);this.pdsFilterOpen=createEvent(this,"pdsFilterOpen");this.pdsFilterClose=createEvent(this,"pdsFilterClose");this.pdsFilterClear=createEvent(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var i=e.target;if(i&&i.id==="".concat(r.componentId,"-popover")){var t=false;try{t=i.matches(":popover-open")}catch(e){t=i.style.display==="block"}r.isOpen=t;if(r.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}};this.handleKeyDown=function(e){if(r.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();r.handleClick()}};this.handleClick=function(e){if(r.variant==="clear"){r.pdsFilterClear.emit({componentId:r.componentId,text:r.text});return}r.closeOtherPopovers();var i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((function(){if(r.popoverEl!=null){r.isOpen=!r.isOpen;if(r.isOpen){r.popoverEl.style.display="block";r.popoverEl.classList.add("is-open");r.adjustPopoverPosition();r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open");r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=isRtlDirection(this.el);var c=p?i.right-a-l<0:i.left+a+l>t;var d=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(c){this.popoverEl.classList.add("popover-flip-horizontal")}if(d){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=p?i.right-a:i.left;var v=i.bottom+8;var h=p?"top right":"top left";if(c){var u=this.popoverEl.getBoundingClientRect().width||a;f=p?i.left:i.right-u;h=p?"top left":"top right"}if(d){v=i.top-s-8;h=h.replace("top","bottom")}this.popoverEl.style.cssText="\n position: fixed;\n left: ".concat(f,"px;\n top: ").concat(v,"px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ").concat(h,";\n ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return trash}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return h("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return h("pds-icon",{icon:enlarge,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return h(Host,{key:"bd03de5e8461e3aba4d6f014e2d64d9aada0c0e1",id:this.componentId},h("button",{key:"f35cb4aec14b1ed3b61d33c412cbfc89ba19cba3",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},h("span",{key:"b3635542048ac52d290917260181d7313eddaff2",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"0c5ef7f7655ddbee33a695703ce192f082b21bf1",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"e75c75d8e9e4596d7f0642e4e1f91deae3f2b9fa",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"bef66af716be823ed3ac36d39a4532785df07f6b"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsFilter.style=pdsFilterCss();export{PdsFilter as pds_filter};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DcT8--Dn.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-BU1hN5Vy.js";var pdsFilterCss=function(){return":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger start);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}}"};var PdsFilter=function(){function e(e){var r=this;registerInstance(this,e);this.pdsFilterOpen=createEvent(this,"pdsFilterOpen");this.pdsFilterClose=createEvent(this,"pdsFilterClose");this.pdsFilterClear=createEvent(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var i=e.target;if(i&&i.id==="".concat(r.componentId,"-popover")){var t=false;try{t=i.matches(":popover-open")}catch(e){t=i.style.display==="block"}r.isOpen=t;if(r.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}};this.handleKeyDown=function(e){if(r.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();r.handleClick()}};this.handleClick=function(e){if(r.variant==="clear"){r.pdsFilterClear.emit({componentId:r.componentId,text:r.text});return}r.closeOtherPopovers();var i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((function(){if(r.popoverEl!=null){r.isOpen=!r.isOpen;if(r.isOpen){r.popoverEl.style.display="block";r.popoverEl.classList.add("is-open");r.adjustPopoverPosition();r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open");r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=isRtlDirection(this.el);var c=p?i.right-a-l<0:i.left+a+l>t;var d=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(c){this.popoverEl.classList.add("popover-flip-horizontal")}if(d){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=p?i.right-a:i.left;var v=i.bottom+8;var h=p?"top right":"top left";if(c){var u=this.popoverEl.getBoundingClientRect().width||a;f=p?i.left:i.right-u;h=p?"top left":"top right"}if(d){v=i.top-s-8;h=h.replace("top","bottom")}this.popoverEl.style.cssText="\n position: fixed;\n left: ".concat(f,"px;\n top: ").concat(v,"px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ").concat(h,";\n ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return trash}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return h("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return h("pds-icon",{icon:enlarge,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return h(Host,{key:"bd03de5e8461e3aba4d6f014e2d64d9aada0c0e1",id:this.componentId},h("button",{key:"f35cb4aec14b1ed3b61d33c412cbfc89ba19cba3",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},h("span",{key:"b3635542048ac52d290917260181d7313eddaff2",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"0c5ef7f7655ddbee33a695703ce192f082b21bf1",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"e75c75d8e9e4596d7f0642e4e1f91deae3f2b9fa",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"bef66af716be823ed3ac36d39a4532785df07f6b"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsFilter.style=pdsFilterCss();export{PdsFilter as pds_filter};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-DcT8--Dn.js";var pdsFiltersCss=function(){return":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}"};var PdsFilters=function(){function s(s){registerInstance(this,s)}s.prototype.render=function(){return h(Host,{key:"492357b36ec8ca8552f76aea6a4e4baf01ee92d5",id:this.componentId},h("div",{key:"fbf56c5452b4b0627a95008a601ccd6ace59417c",class:"pds-filters"},h("slot",{key:"c0e1d6b7b86ff39425d26dc75bf950283a371f71"})))};return s}();PdsFilters.style=pdsFiltersCss();export{PdsFilters as pds_filters};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,a as getElement}from"./index-CTLu1TM4.js";var missingAssetPathWarning=false;var getAssetPath=function(t){var n;var e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;var i=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var s=e||i||r;if(s.startsWith("https://cdn.jsdelivr.net/npm/")&&!missingAssetPathWarning){missingAssetPathWarning=true;console.warn("\n Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n ")}var o=t;if(t.startsWith("./")){o=t.substring(2)}if(!s.endsWith("/")){o="/"+o}return s+o};var CACHED_MAP;var getIconMap=function(){if(typeof window==="undefined"){return new Map}else{if(!CACHED_MAP){var t=window;t.PdsIcons=t.PdsIcons||{};CACHED_MAP=t.PdsIcons.map=t.PdsIcons.map||new Map}return CACHED_MAP}};var getName=function(t,n){if(!t&&n&&!isSrc(n)){t=n}if(isStr(t)){t=toLower(t)}if(!isStr(t)||t.trim()===""){return null}var e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};var getNamedUrl=function(t){var n=getIconMap().get(t);if(n){return n}return getAssetPath("svg/".concat(t,".svg"))};var getSrc=function(t){if(isStr(t)){t=t.trim();if(isSrc(t)){return t}}return null};var getUrl=function(t){var n=getSrc(t.src);if(n){return n}n=getName(t.name,t.icon);if(n){return getNamedUrl(n)}if(t.icon){n=getSrc(t.icon);if(n){return n}}return null};var isRTL=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var isSrc=function(t){return t.length>0&&/(\/|\.)/.test(t)};var isStr=function(t){return typeof t==="string"};var toLower=function(t){return t.toLowerCase()};var inheritAttributes=function(t,n){if(n===void 0){n=[]}var e={};n.forEach((function(n){if(t.hasAttribute(n)){var i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};var shouldRtlFlipIcon=function(t,n){var e=isRTL(n);return e&&ICONS_TO_FLIP.includes(t)};var ICONS_TO_FLIP=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var validateContent=function(t){var n=document.createElement("div");n.innerHTML=t;for(var e=n.childNodes.length-1;e>=0;e--){if(n.childNodes[e].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[e])}}var i=n.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var r=i.getAttribute("class")||"";i.setAttribute("class",(r+" s-pds-icon").trim());if(isValid(i)){return n.innerHTML}}return""};var isValid=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var n=0;n<t.attributes.length;n++){var e=t.attributes[n].name;if(isStr(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(var n=0;n<t.childNodes.length;n++){if(!isValid(t.childNodes[n])){return false}}}return true};var isSvgDataUrl=function(t){return t.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(t){return t.indexOf(";utf8,")!==-1};var pdsIconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(t,n){if(n===void 0){n=false}var e=requests.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(t)&&isEncodedDataUrl(t)){if(!parser){parser=new DOMParser}try{var i=parser.parseFromString(t,"text/html");var r=i.querySelector("svg");if(r){pdsIconContent.set(t,r.outerHTML)}else{pdsIconContent.set(t,"")}}catch(n){pdsIconContent.set(t,"")}return Promise.resolve()}else{e=fetch(t).then((function(e){if(e.ok){return e.text().then((function(e){if(e&&n!==false){try{e=validateContent(e)}catch(t){e=""}}pdsIconContent.set(t,e||"")}))}else{throw new Error("Failed to load SVG: ".concat(e.status," ").concat(e.statusText))}})).catch((function(n){console.warn("Failed to load SVG:",t,n);pdsIconContent.set(t,"")}));requests.set(t,e)}}else{pdsIconContent.set(t,"");return Promise.resolve()}}return e};var pdsIconCss=function(){return":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}"};var PdsIcon=function(){function t(t){var n=this;registerInstance(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var n=getUrl(this);if(n){if(pdsIconContent.has(n)){this.svgContent=pdsIconContent.get(n)}else{getSvgContent(n).then((function(){setTimeout((function(){t.svgContent=pdsIconContent.get(n)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=getName(this.name,this.icon)};t.prototype.render=function(){var t=this,n=t.ariaLabel,e=t.flipRtl,i=t.iconName,r=t.inheritedAttributes;var s=i?shouldRtlFlipIcon(i,this.el)&&e!==false:false;var o=e||s;var a=r["aria-label"]||n;return h(Host,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":a!==undefined&&!this.hasAriaHidden()?a:null,alt:"",role:"img",class:Object.assign(Object.assign({},createColorClasses(this.color)),{"flip-rtl":o,"icon-rtl":o&&isRTL(this.el)})},r),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=getName(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,n,e){var i=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();i.io=undefined;e()}}),{rootMargin:n});r.observe(t);setTimeout((function(){if(i.io&&!i.isVisible){if(i.isElementInViewport(t)){i.io.disconnect();i.io=undefined;e()}}}),1e3)}else{e()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var n=t.getBoundingClientRect();var e=window.innerHeight||document.documentElement.clientHeight;var i=window.innerWidth||document.documentElement.clientWidth;return n.top>=0&&n.left>=0&&n.bottom<=e&&n.right<=i||n.top<e&&n.bottom>0&&n.left<i&&n.right>0};t.prototype.debugIconState=function(){var t;var n=getUrl(this);var e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:n,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:n?pdsIconContent.has(n):false,cachedContent:n?pdsIconContent.get(n):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:e,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}},enumerable:false,configurable:true});return t}();var createColorClasses=function(t){var n;return t?(n={"pds-color":true},n["pds-color-".concat(t)]=true,n):null};PdsIcon.style=pdsIconCss();export{PdsIcon as pds_icon};
|
|
1
|
+
import{r as registerInstance,h,H as Host,a as getElement}from"./index-DcT8--Dn.js";var missingAssetPathWarning=false;var getAssetPath=function(t){var n;var e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;var i=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var s=e||i||r;if(s.startsWith("https://cdn.jsdelivr.net/npm/")&&!missingAssetPathWarning){missingAssetPathWarning=true;console.warn("\n Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/guides-assets--docs\n ")}var o=t;if(t.startsWith("./")){o=t.substring(2)}if(!s.endsWith("/")){o="/"+o}return s+o};var CACHED_MAP;var getIconMap=function(){if(typeof window==="undefined"){return new Map}else{if(!CACHED_MAP){var t=window;t.PdsIcons=t.PdsIcons||{};CACHED_MAP=t.PdsIcons.map=t.PdsIcons.map||new Map}return CACHED_MAP}};var getName=function(t,n){if(!t&&n&&!isSrc(n)){t=n}if(isStr(t)){t=toLower(t)}if(!isStr(t)||t.trim()===""){return null}var e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};var getNamedUrl=function(t){var n=getIconMap().get(t);if(n){return n}return getAssetPath("svg/".concat(t,".svg"))};var getSrc=function(t){if(isStr(t)){t=t.trim();if(isSrc(t)){return t}}return null};var getUrl=function(t){var n=getSrc(t.src);if(n){return n}n=getName(t.name,t.icon);if(n){return getNamedUrl(n)}if(t.icon){n=getSrc(t.icon);if(n){return n}}return null};var isRTL=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var isSrc=function(t){return t.length>0&&/(\/|\.)/.test(t)};var isStr=function(t){return typeof t==="string"};var toLower=function(t){return t.toLowerCase()};var inheritAttributes=function(t,n){if(n===void 0){n=[]}var e={};n.forEach((function(n){if(t.hasAttribute(n)){var i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};var shouldRtlFlipIcon=function(t,n){var e=isRTL(n);return e&&ICONS_TO_FLIP.includes(t)};var ICONS_TO_FLIP=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var validateContent=function(t){var n=document.createElement("div");n.innerHTML=t;for(var e=n.childNodes.length-1;e>=0;e--){if(n.childNodes[e].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[e])}}var i=n.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var r=i.getAttribute("class")||"";i.setAttribute("class",(r+" s-pds-icon").trim());if(isValid(i)){return n.innerHTML}}return""};var isValid=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var n=0;n<t.attributes.length;n++){var e=t.attributes[n].name;if(isStr(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(var n=0;n<t.childNodes.length;n++){if(!isValid(t.childNodes[n])){return false}}}return true};var isSvgDataUrl=function(t){return t.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(t){return t.indexOf(";utf8,")!==-1};var pdsIconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(t,n){if(n===void 0){n=false}var e=requests.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(t)&&isEncodedDataUrl(t)){if(!parser){parser=new DOMParser}try{var i=parser.parseFromString(t,"text/html");var r=i.querySelector("svg");if(r){pdsIconContent.set(t,r.outerHTML)}else{pdsIconContent.set(t,"")}}catch(n){pdsIconContent.set(t,"")}return Promise.resolve()}else{e=fetch(t).then((function(e){if(e.ok){return e.text().then((function(e){if(e&&n!==false){try{e=validateContent(e)}catch(t){e=""}}pdsIconContent.set(t,e||"")}))}else{throw new Error("Failed to load SVG: ".concat(e.status," ").concat(e.statusText))}})).catch((function(n){console.warn("Failed to load SVG:",t,n);pdsIconContent.set(t,"")}));requests.set(t,e)}}else{pdsIconContent.set(t,"");return Promise.resolve()}}return e};var pdsIconCss=function(){return":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}"};var PdsIcon=function(){function t(t){var n=this;registerInstance(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",typeof this.color!=="undefined"?this.color:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var n=getUrl(this);if(n){if(pdsIconContent.has(n)){this.svgContent=pdsIconContent.get(n)}else{getSvgContent(n).then((function(){setTimeout((function(){t.svgContent=pdsIconContent.get(n)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=getName(this.name,this.icon)};t.prototype.render=function(){var t=this,n=t.ariaLabel,e=t.flipRtl,i=t.iconName,r=t.inheritedAttributes;var s=i?shouldRtlFlipIcon(i,this.el)&&e!==false:false;var o=e||s;var a=r["aria-label"]||n;return h(Host,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":a!==undefined&&!this.hasAriaHidden()?a:null,alt:"",role:"img",class:Object.assign(Object.assign({},createColorClasses(this.color)),{"flip-rtl":o,"icon-rtl":o&&isRTL(this.el)})},r),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=getName(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,n,e){var i=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();i.io=undefined;e()}}),{rootMargin:n});r.observe(t);setTimeout((function(){if(i.io&&!i.isVisible){if(i.isElementInViewport(t)){i.io.disconnect();i.io=undefined;e()}}}),1e3)}else{e()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var n=t.getBoundingClientRect();var e=window.innerHeight||document.documentElement.clientHeight;var i=window.innerWidth||document.documentElement.clientWidth;return n.top>=0&&n.left>=0&&n.bottom<=e&&n.right<=i||n.top<e&&n.bottom>0&&n.left<i&&n.right>0};t.prototype.debugIconState=function(){var t;var n=getUrl(this);var e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:n,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:n?pdsIconContent.has(n):false,cachedContent:n?pdsIconContent.get(n):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:e,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}},enumerable:false,configurable:true});return t}();var createColorClasses=function(t){var n;return t?(n={"pds-color":true},n["pds-color-".concat(t)]=true,n):null};PdsIcon.style=pdsIconCss();export{PdsIcon as pds_icon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-DcT8--Dn.js";var pdsImageCss=function(){return":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}"};var PdsImage=function(){function s(s){registerInstance(this,s);this.alt="";this.loading="eager"}s.prototype.render=function(){return h(Host,{key:"0c0f463a1b616ccc485b8086a0210c5d9d2b065c",class:{"pds-image":true},id:this.componentId},h("img",{key:"2ac4ef66ebbb39d488ce68f06b590a5fad180811",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return s}();PdsImage.style=pdsImageCss();export{PdsImage as pds_image};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-CTLu1TM4.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";import{d as debounceEvent}from"./utils-tJa4KYNO.js";import{b as danger}from"./index-DdPaBxPo.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.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-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,d=r.invalid,o=d===void 0?false:d,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":o||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"b67b80853cbf1f1e84c3ce6d2ff7e63f480c5b8d","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"27a60a963cfa1a96391b55800eba27743a2527f4",class:"pds-input"},a&&h("div",{key:"3f8ce2b254feea4b6fe9ea74318f1e6c27a75927",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"1c290cde5a9100b11fe3059725866506d089e834",htmlFor:i,class:"pds-input__label"},h("span",{key:"2ebc8dafa48d6d855be5b8e1aa3bdd417d6250f3"},a,this.required&&h("span",{key:"73f7d22b13739daff6aa104c140208c5b1a86d10",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"4ea0b3335abbdf920ca064aa5866a060ef18c2ad",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"4acf340fdcf40968e9c46b6a240f8a9008998c11",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,o,s,t),"aria-invalid":o?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"f1969fe3a5f3aba65f44fcdaddd5a12d90db7fb1",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"d4df1ceff95d5db7f2d927e9fcb848444570f9a2",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"f69182919903aab42b7641d9a0082861f551a214","aria-hidden":"true",icon:danger,size:"small"}),t)))};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:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DcT8--Dn.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";import{d as debounceEvent}from"./utils-u_0lxWnH.js";import{b as danger}from"./index-BU1hN5Vy.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.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-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,d=r.invalid,o=d===void 0?false:d,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":o||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"b67b80853cbf1f1e84c3ce6d2ff7e63f480c5b8d","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"27a60a963cfa1a96391b55800eba27743a2527f4",class:"pds-input"},a&&h("div",{key:"3f8ce2b254feea4b6fe9ea74318f1e6c27a75927",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"1c290cde5a9100b11fe3059725866506d089e834",htmlFor:i,class:"pds-input__label"},h("span",{key:"2ebc8dafa48d6d855be5b8e1aa3bdd417d6250f3"},a,this.required&&h("span",{key:"73f7d22b13739daff6aa104c140208c5b1a86d10",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"4ea0b3335abbdf920ca064aa5866a060ef18c2ad",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"4acf340fdcf40968e9c46b6a240f8a9008998c11",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,o,s,t),"aria-invalid":o?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"f1969fe3a5f3aba65f44fcdaddd5a12d90db7fb1",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"d4df1ceff95d5db7f2d927e9fcb848444570f9a2",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"f69182919903aab42b7641d9a0082861f551a214","aria-hidden":"true",icon:danger,size:"small"}),t)))};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:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h}from"./index-
|
|
1
|
+
import{r as registerInstance,h}from"./index-DcT8--Dn.js";import{s as setColor}from"./utils-u_0lxWnH.js";import{l as launch}from"./index-BU1hN5Vy.js";var pdsLinkCss=function(){return":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pds-context-link-color, var(--pine-color-text)));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-text-inverse-secondary)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:underline}:host([active]) .pds-link{color:var(--pds-context-link-color, var(--pine-color-text-strong));text-decoration:underline}:host([active]) .pds-link:hover{color:var(--pds-context-link-color-hover, var(--pine-color-text-strong));text-decoration:underline}"};var PdsLink=function(){function n(n){registerInstance(this,n);this.active=false;this.external=false;this.variant="inline";this.fontSize="lg"}n.prototype.classNames=function(){var n=["pds-link"];if(this.fontSize){n.push("pds-link--"+this.fontSize)}if(this.variant){n.push("pds-link--"+this.variant)}return n.join(" ")};n.prototype.setLinkStyles=function(){if(!this.color)return;var n={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var i=setColor(this.color,n);return i};n.prototype.render=function(){var n=this.target||(this.external?"_blank":undefined);var i=this.external;var e=n==="_blank"?"noopener noreferrer":undefined;return h("a",{key:"9e2d6cc4f2697bd11db4fd7ddd6f9e42ef28cf8c",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link","aria-current":this.active?"page":undefined,target:n,rel:e,style:this.setLinkStyles(),"data-turbo":this.turbo||undefined,"data-turbo-frame":this.turboFrame||undefined,"data-turbo-action":this.turboAction||undefined,"data-turbo-method":this.turboMethod||undefined,"data-turbo-confirm":this.turboConfirm||undefined,"data-turbo-stream":this.turboStream||undefined,"data-turbo-prefetch":this.turboPrefetch||undefined,"data-turbo-preload":this.turboPreload||undefined},h("slot",{key:"f48dd74f1921400553845ea3b03720749b1a6737"},this.href),i&&h("pds-icon",{key:"299d4f31ec32b614fd9f4d1c19acae63ee7a9169",icon:launch,size:this.fontSize}))};return n}();PdsLink.style=pdsLinkCss();export{PdsLink as pds_link};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-DcT8--Dn.js";var pdsLoaderCss=function(){return":host{--loader-color:var(--pine-color-primary);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}"};var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.getSvgStyle=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}}}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return h(Host,{key:"ce5b09477f57aad1a09ce3a38b81b64f673944b2",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"d193dfdaa527debff73705cef65e3d7f7a9a69ae",class:"pds-loader--spinner"},h("svg",{key:"c881ff2ee1d5d92ac55300bd13e9d066f7a3970f",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"998920cdc820cc4e60df39bda5707e0b6bd5d0fe"},h("linearGradient",{key:"02028f6ac070703f8b96b1723c4d2c07670e73bb",id:"spinner-secondHalf"},h("stop",{key:"b3120c2a597d8f646e791b1ac09a262486fb29cc",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"932056b587b5e3191952506d9411c68375af6620",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"14540856cb968c220f71537c012a8c415d39af85",id:"spinner-firstHalf"},h("stop",{key:"c94d634b1dffa0c5301b8cb2c0b6e81fdb34429e",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"b6477c000c01728a60a7fd8e182f24da4b554128",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"810f7c7bcd8e33bd2bed70932ed174eef48ae711",class:"pds-loader__spinner-path"},h("path",{key:"4e54f348c563cca7e14790a34a58dacbda452824",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"3968c60f27ec619aabc74a278026abdd94d4510f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"171fe08e0aec1f207704a0395388ccc57ea045d4",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"60cf0b871807eb49ce73d3e63f00f5914c9c9eec",class:"pds-loader--typing"},h("span",{key:"dfbdcc1fe558803d39caa56bb57763269c061661"}),h("span",{key:"0c343f36a8d71bdc07306b3c879016686da94199"}),h("span",{key:"f2a30e560ef0c9ac26c596dbaad33eeb0e4f7ff3"})),h("div",{key:"0fa18b15a3962df872fd28136caf258cd09cafdb",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"e8eabec0c6d24d3ad962ecee9e0ed6e0e0b4adc0",name:"label"},"Loading...")))};return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host,a as getElement}from"./index-DcT8--Dn.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalContentCss=function(){return"pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}"};var PdsModalContent=function(){function t(t){registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal-content"),".pds-modal-content")};t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var n=o.scrollHeight>o.clientHeight;if(!n){this.border="none";return}var r=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var d=r+i;var a=3;var l=r<=a;var c=d>=s-a;if(l&&c){this.border="none"}else if(l&&!c){this.border="bottom"}else if(!l&&c){this.border="top"}else{this.border="both"}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight="none"}return}var r=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=r?r.offsetHeight:0;var d=s?s.offsetHeight:0;if(i>0||d>0){var a=Math.round(window.innerHeight*.06);var l=i+d+48+a+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return h(Host,{key:"7bd0f26425c71e4551ae21e38d57d2124dabfc50"},h("div",{key:"120e6947e734e44883af975991781f338acd7dbc",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"6f2c8d44a69df8ecc1214e00604023274cee2790"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsModalContent.style=pdsModalContentCss();export{PdsModalContent as pds_modal_content};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,a as getElement}from"./index-DcT8--Dn.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalFooterCss=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var PdsModalFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};e.prototype.render=function(){return h("footer",{key:"f344716ed1fbd77b447e10c9b78565918dc17be0",class:"pds-modal__footer"},h("slot",{key:"ba85cf6f7f56c8f8a8ff6d24c5fa647722140fda"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalFooter.style=pdsModalFooterCss();export{PdsModalFooter as pds_modal_footer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,a as getElement}from"./index-DcT8--Dn.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalHeaderCss=function(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"};var PdsModalHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__header"),".pds-modal__header")};e.prototype.render=function(){return h("header",{key:"0490ac7854089dad4666e2a6509ae730f805f97f",class:"pds-modal__header"},h("slot",{key:"b76e5a970d3f17411b9e9e5debd981298f2290d1"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalHeader.style=pdsModalHeaderCss();export{PdsModalHeader as pds_modal_header};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-CTLu1TM4.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalCss=function(){return".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}"};var PdsModal=function(){function t(t){var i=this;registerInstance(this,t);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){var e,a,n;if(!i.open)return;if(t.key==="Escape"){var o=t;if(!("__pdsActiveElementAtEscape"in o)){var r=document.activeElement;o.__pdsActiveElementAtEscape=r;var d=(e=r===null||r===void 0?void 0:r.closest("dialog"))!==null&&e!==void 0?e:null;o.__pdsTopLayerDialogAtEscape=d;o.__pdsTopLayerDialogWasModalAtEscape=!!(d&&d.matches(":modal"))}var s=o.__pdsActiveElementAtEscape;if(i.disableTopLayer&&s&&s!==document.body&&!i.el.contains(s)&&i.isStackedAboveOverlay(s,(a=o.__pdsTopLayerDialogAtEscape)!==null&&a!==void 0?a:null,(n=o.__pdsTopLayerDialogWasModalAtEscape)!==null&&n!==void 0?n:false)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;if(i.focusableElements.length===0)return;var l=i.focusableElements[0];var p=i.focusableElements[i.focusableElements.length-1];var c=document.activeElement;var h=c===l||l.contains(c);var u=c===p||p.contains(c);if(t.shiftKey&&h){t.preventDefault();i.focusElement(p)}else if(!t.shiftKey&&u){t.preventDefault();i.focusElement(l)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown);if(this.open){this.showModal()}};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(i){i.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){var i,e;t.updateFocusableElements();if(t.disableInitialFocus){var a=document.activeElement;var n=a!==null&&a!==document.body&&!((i=t.modalRef)===null||i===void 0?void 0:i.contains(a));if(!n){if(t.previousActiveElement!==document.body&&typeof((e=t.previousActiveElement)===null||e===void 0?void 0:e.focus)==="function"){t.previousActiveElement.focus()}else if(a instanceof HTMLElement){a.blur()}}}else{t.setInitialFocus()}t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){if(this.modalRef){try{t=document.activeElement;i=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;if(!i&&this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isStackedAboveOverlay=function(t,i,e){if(i&&i!==this.modalRef&&e){return true}var a=this.getBackdropZIndex(this.el);var n=t;while(n&&n!==document.body){var o=getComputedStyle(n);var r=parseInt(o.zIndex,10);if(o.position!=="static"&&!isNaN(r)&&r>a){return true}n=n.parentElement}return false};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var a=i.map((function(i){return t.getBackdropZIndex(i)}));var n=Math.max.apply(Math,a);var o=this.getBackdropZIndex(this.el);return o===n};t.prototype.render=function(){var t;return h("dialog",{key:"f35044ec9bca1189069faf083c824d8144800053",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"99a53b36e160ac14dfd6d598aeaa94114855dacc",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},h("slot",{key:"cfee7bdf3620d606b1d3130f4ebed4caa83084f1"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-DcT8--Dn.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";var pdsModalCss=function(){return".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--custom{max-width:var(--pds-modal-max-width, 700px)}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}"};var PRESET_SIZES=["sm","md","lg","fullscreen"];var isCustomLength=function(t){return/^[a-z0-9.%+\-*/(), ]+$/i.test(t)&&/\d/.test(t)&&(typeof CSS==="undefined"||CSS.supports("max-width",t))};var PdsModal=function(){function t(t){var i=this;registerInstance(this,t);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){var e,n,a;if(!i.open)return;if(t.key==="Escape"){var o=t;if(!("__pdsActiveElementAtEscape"in o)){var d=document.activeElement;o.__pdsActiveElementAtEscape=d;var r=(e=d===null||d===void 0?void 0:d.closest("dialog"))!==null&&e!==void 0?e:null;o.__pdsTopLayerDialogAtEscape=r;o.__pdsTopLayerDialogWasModalAtEscape=!!(r&&r.matches(":modal"))}var s=o.__pdsActiveElementAtEscape;if(i.disableTopLayer&&s&&s!==document.body&&!i.el.contains(s)&&i.isStackedAboveOverlay(s,(n=o.__pdsTopLayerDialogAtEscape)!==null&&n!==void 0?n:null,(a=o.__pdsTopLayerDialogWasModalAtEscape)!==null&&a!==void 0?a:false)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;if(i.focusableElements.length===0)return;var l=i.focusableElements[0];var c=i.focusableElements[i.focusableElements.length-1];var p=document.activeElement;var u=p===l||l.contains(p);var h=p===c||c.contains(p);if(t.shiftKey&&u){t.preventDefault();i.focusElement(c)}else if(!t.shiftKey&&h){t.preventDefault();i.focusElement(l)}}}}t.prototype.componentWillLoad=function(){this.warnOnInvalidSize()};t.prototype.sizeChanged=function(){this.warnOnInvalidSize()};t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown);if(this.open){this.showModal()}};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(i){i.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){var i,e;t.updateFocusableElements();if(t.disableInitialFocus){var n=document.activeElement;var a=n!==null&&n!==document.body&&!((i=t.modalRef)===null||i===void 0?void 0:i.contains(n));if(!a){if(t.previousActiveElement!==document.body&&typeof((e=t.previousActiveElement)===null||e===void 0?void 0:e.focus)==="function"){t.previousActiveElement.focus()}else if(n instanceof HTMLElement){n.blur()}}}else{t.setInitialFocus()}t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){if(this.modalRef){try{t=document.activeElement;i=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;if(!i&&this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isStackedAboveOverlay=function(t,i,e){if(i&&i!==this.modalRef&&e){return true}var n=this.getBackdropZIndex(this.el);var a=t;while(a&&a!==document.body){var o=getComputedStyle(a);var d=parseInt(o.zIndex,10);if(o.position!=="static"&&!isNaN(d)&&d>n){return true}a=a.parentElement}return false};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var n=i.map((function(i){return t.getBackdropZIndex(i)}));var a=Math.max.apply(Math,n);var o=this.getBackdropZIndex(this.el);return o===a};t.prototype.resolveSize=function(){var t;var i=((t=this.size)!==null&&t!==void 0?t:"").trim()||"md";if(PRESET_SIZES.includes(i))return[i];return isCustomLength(i)?["custom",i]:[undefined]};t.prototype.warnOnInvalidSize=function(){if(this.resolveSize()[0]!==undefined)return;console.warn('pds-modal: invalid size "'.concat(String(this.size).slice(0,50),'", using md'))};t.prototype.render=function(){var t;var i=this.resolveSize(),e=i[0],n=e===void 0?"md":e,a=i[1];return h("dialog",{key:"bbc56f2aaf3fe861ae309eb1930d51a588b4c727",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"b3d6f9c2a7854845ebe94c05ee507000c38a1326",class:(t={"pds-modal":true},t["pds-modal--".concat(n)]=true,t["pds-modal--scrollable"]=this.scrollable,t),style:a!==undefined?{"--pds-modal-max-width":a}:undefined,part:"modal"},h("slot",{key:"42ff9ae5e427bc69141c58e0824aad677f5c7756"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};
|