@pine-ds/core 4.5.0 → 4.6.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/attributes.js +1 -1
- package/components/mock-pds-modal.js +1 -1
- package/components/pds-combobox.js +1 -1
- package/components/pds-container.js +1 -1
- package/components/pds-copytext.js +1 -1
- package/components/pds-datepicker.js +1 -1
- package/components/pds-divider.js +1 -1
- package/components/pds-drawer-content.js +1 -1
- package/components/pds-drawer-footer.js +1 -1
- package/components/pds-drawer-header.js +1 -1
- package/components/pds-drawer.js +1 -1
- package/components/pds-dropdown-menu-item.js +1 -1
- package/components/pds-dropdown-menu-separator.js +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-filter.js +1 -1
- package/components/pds-filters.js +1 -1
- package/components/pds-icon2.js +1 -1
- package/components/pds-image.js +1 -1
- package/components/pds-input2.js +1 -1
- package/components/pds-link2.js +1 -1
- package/components/pds-loader2.js +1 -1
- package/components/pds-modal-content.js +1 -1
- package/components/pds-modal-footer.js +1 -1
- package/components/pds-modal-header.js +1 -1
- package/components/pds-modal2.js +1 -1
- package/components/pds-multiselect.js +1 -1
- package/components/pds-popover.js +1 -1
- package/components/pds-progress.js +1 -1
- package/components/pds-property.js +1 -1
- package/components/pds-radio-group.js +1 -1
- package/components/pds-radio.js +1 -1
- package/components/pds-row.js +1 -1
- package/components/pds-select.js +1 -1
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +1 -1
- package/components/pds-switch.js +1 -1
- package/components/pds-tab.js +1 -1
- package/components/pds-table-body.js +1 -1
- package/components/pds-table-cell2.js +1 -1
- package/components/pds-table-head-cell2.js +1 -1
- package/components/pds-table-head.js +1 -1
- package/components/pds-table-row.js +1 -1
- package/components/pds-tabpanel.js +1 -1
- package/components/pds-tabs.js +1 -1
- package/components/pds-text2.js +1 -1
- package/components/pds-textarea.js +1 -1
- package/components/pds-toast.js +1 -1
- package/components/pds-tooltip.js +1 -1
- package/dist/cjs/{attributes-DXvaSETR.js → attributes-BJ7KBHql.js} +18 -11
- package/dist/cjs/{index-D-QQKB0y.js → index-5Azb8EQG.js} +1 -1
- package/dist/cjs/{index-BQjWfQXw.js → index-jl_Q819j.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/keep-hydrated-CiXgkEYd.js +196 -0
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/mock-pds-modal.cjs.entry.js +3 -3
- package/dist/cjs/pds-accordion.cjs.entry.js +3 -3
- package/dist/cjs/pds-alert.cjs.entry.js +2 -2
- package/dist/cjs/pds-avatar.cjs.entry.js +3 -3
- package/dist/cjs/pds-box.cjs.entry.js +3 -3
- package/dist/cjs/pds-button.cjs.entry.js +3 -3
- package/dist/cjs/pds-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/pds-chip.cjs.entry.js +4 -4
- package/dist/cjs/pds-combobox.cjs.entry.js +156 -27
- package/dist/cjs/pds-container.cjs.entry.js +3 -3
- package/dist/cjs/pds-copytext.cjs.entry.js +5 -5
- package/dist/cjs/pds-datepicker.cjs.entry.js +5 -5
- package/dist/cjs/pds-divider.cjs.entry.js +3 -3
- package/dist/cjs/pds-drawer-content.cjs.entry.js +3 -3
- package/dist/cjs/pds-drawer-footer.cjs.entry.js +3 -3
- package/dist/cjs/pds-drawer-header.cjs.entry.js +3 -3
- package/dist/cjs/pds-drawer.cjs.entry.js +4 -4
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +3 -3
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +16 -8
- package/dist/cjs/pds-filter.cjs.entry.js +4 -4
- package/dist/cjs/pds-filters.cjs.entry.js +3 -3
- package/dist/cjs/pds-icon.cjs.entry.js +27 -4
- package/dist/cjs/pds-image.cjs.entry.js +4 -4
- package/dist/cjs/pds-input.cjs.entry.js +6 -6
- package/dist/cjs/pds-link.cjs.entry.js +5 -5
- package/dist/cjs/pds-loader.cjs.entry.js +4 -4
- package/dist/cjs/pds-modal-content.cjs.entry.js +4 -4
- package/dist/cjs/pds-modal-footer.cjs.entry.js +3 -3
- package/dist/cjs/pds-modal-header.cjs.entry.js +3 -3
- package/dist/cjs/pds-modal.cjs.entry.js +5 -5
- package/dist/cjs/pds-multiselect.cjs.entry.js +6 -6
- package/dist/cjs/pds-popover.cjs.entry.js +58 -12
- package/dist/cjs/pds-progress.cjs.entry.js +4 -4
- package/dist/cjs/pds-property.cjs.entry.js +3 -3
- package/dist/cjs/pds-radio-group.cjs.entry.js +6 -6
- package/dist/cjs/pds-radio.cjs.entry.js +7 -7
- package/dist/cjs/pds-row.cjs.entry.js +4 -4
- package/dist/cjs/pds-select.cjs.entry.js +5 -5
- package/dist/cjs/pds-sortable-item.cjs.entry.js +5 -5
- package/dist/cjs/pds-sortable.cjs.entry.js +4 -4
- package/dist/cjs/pds-switch.cjs.entry.js +7 -7
- package/dist/cjs/pds-tab.cjs.entry.js +13 -2
- package/dist/cjs/pds-table-body.cjs.entry.js +3 -3
- package/dist/cjs/pds-table-cell.cjs.entry.js +4 -4
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +5 -5
- package/dist/cjs/pds-table-head.cjs.entry.js +3 -3
- package/dist/cjs/pds-table-row.cjs.entry.js +3 -3
- package/dist/cjs/pds-table.cjs.entry.js +2 -2
- package/dist/cjs/pds-tabpanel.cjs.entry.js +15 -3
- package/dist/cjs/pds-tabs.cjs.entry.js +111 -7
- package/dist/cjs/pds-text.cjs.entry.js +3 -3
- package/dist/cjs/pds-textarea.cjs.entry.js +8 -8
- package/dist/cjs/pds-toast.cjs.entry.js +5 -5
- package/dist/cjs/pds-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/pine-core.cjs.js +3 -3
- package/dist/collection/components/pds-combobox/grouped-options-panel.js +21 -3
- package/dist/collection/components/pds-combobox/pds-combobox.css +42 -13
- package/dist/collection/components/pds-combobox/pds-combobox.js +135 -22
- package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +45 -0
- package/dist/collection/components/pds-container/pds-container.js +1 -1
- package/dist/collection/components/pds-copytext/pds-copytext.js +1 -1
- package/dist/collection/components/pds-datepicker/pds-datepicker.js +2 -2
- package/dist/collection/components/pds-divider/pds-divider.js +1 -1
- package/dist/collection/components/pds-drawer/pds-drawer-content/pds-drawer-content.js +1 -1
- package/dist/collection/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.js +1 -1
- package/dist/collection/components/pds-drawer/pds-drawer-header/pds-drawer-header.js +1 -1
- package/dist/collection/components/pds-drawer/pds-drawer.js +2 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +19 -5
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +16 -5
- package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +1 -1
- package/dist/collection/components/pds-filters/pds-filters.js +1 -1
- package/dist/collection/components/pds-image/pds-image.js +2 -2
- package/dist/collection/components/pds-input/pds-input.js +2 -2
- package/dist/collection/components/pds-link/pds-link.js +2 -2
- package/dist/collection/components/pds-loader/pds-loader.js +1 -1
- package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +2 -2
- package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +1 -1
- package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +1 -1
- package/dist/collection/components/pds-modal/pds-modal.js +3 -3
- package/dist/collection/components/pds-modal/test/mock-pds-modal.js +1 -1
- package/dist/collection/components/pds-multiselect/pds-multiselect.js +3 -3
- package/dist/collection/components/pds-popover/pds-popover.js +15 -9
- package/dist/collection/components/pds-progress/pds-progress.js +1 -1
- package/dist/collection/components/pds-property/pds-property.js +1 -1
- package/dist/collection/components/pds-radio/pds-radio.js +3 -3
- package/dist/collection/components/pds-radio-group/pds-radio-group.js +3 -3
- package/dist/collection/components/pds-row/pds-row.js +1 -1
- package/dist/collection/components/pds-select/pds-select.js +1 -1
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +1 -1
- package/dist/collection/components/pds-sortable/pds-sortable.js +1 -1
- package/dist/collection/components/pds-switch/pds-switch.js +3 -3
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +1 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +1 -1
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +1 -1
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +11 -0
- package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +13 -1
- package/dist/collection/components/pds-tabs/pds-tabs.js +111 -7
- package/dist/collection/components/pds-text/pds-text.js +1 -1
- package/dist/collection/components/pds-textarea/pds-textarea.js +4 -4
- package/dist/collection/components/pds-toast/pds-toast.js +3 -3
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
- package/dist/collection/utils/attributes.js +18 -11
- package/dist/collection/utils/css.js +41 -0
- package/dist/collection/utils/keep-hydrated.js +133 -6
- package/dist/docs.json +15 -6
- package/dist/esm/{attributes-CF5K2pxn.js → attributes-WXw_I_uJ.js} +18 -11
- package/dist/esm/{index-DxI-61GK.js → index-BJXk71tO.js} +1 -1
- package/dist/esm/{index-2HMD-zUO.js → index-Cw9J31qd.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/keep-hydrated-BLG6RDBt.js +190 -0
- package/dist/esm/loader.js +4 -4
- package/dist/esm/mock-pds-modal.entry.js +3 -3
- package/dist/esm/pds-accordion.entry.js +3 -3
- package/dist/esm/pds-alert.entry.js +2 -2
- package/dist/esm/pds-avatar.entry.js +3 -3
- package/dist/esm/pds-box.entry.js +3 -3
- package/dist/esm/pds-button.entry.js +3 -3
- package/dist/esm/pds-checkbox.entry.js +4 -4
- package/dist/esm/pds-chip.entry.js +4 -4
- package/dist/esm/pds-combobox.entry.js +156 -27
- package/dist/esm/pds-container.entry.js +3 -3
- package/dist/esm/pds-copytext.entry.js +5 -5
- package/dist/esm/pds-datepicker.entry.js +5 -5
- package/dist/esm/pds-divider.entry.js +3 -3
- package/dist/esm/pds-drawer-content.entry.js +3 -3
- package/dist/esm/pds-drawer-footer.entry.js +3 -3
- package/dist/esm/pds-drawer-header.entry.js +3 -3
- package/dist/esm/pds-drawer.entry.js +4 -4
- package/dist/esm/pds-dropdown-menu-item.entry.js +3 -3
- package/dist/esm/pds-dropdown-menu-separator.entry.js +3 -3
- package/dist/esm/pds-dropdown-menu.entry.js +16 -8
- package/dist/esm/pds-filter.entry.js +4 -4
- package/dist/esm/pds-filters.entry.js +3 -3
- package/dist/esm/pds-icon.entry.js +27 -4
- package/dist/esm/pds-image.entry.js +4 -4
- package/dist/esm/pds-input.entry.js +6 -6
- package/dist/esm/pds-link.entry.js +5 -5
- package/dist/esm/pds-loader.entry.js +4 -4
- package/dist/esm/pds-modal-content.entry.js +4 -4
- package/dist/esm/pds-modal-footer.entry.js +3 -3
- package/dist/esm/pds-modal-header.entry.js +3 -3
- package/dist/esm/pds-modal.entry.js +5 -5
- package/dist/esm/pds-multiselect.entry.js +6 -6
- package/dist/esm/pds-popover.entry.js +58 -12
- package/dist/esm/pds-progress.entry.js +4 -4
- package/dist/esm/pds-property.entry.js +3 -3
- package/dist/esm/pds-radio-group.entry.js +6 -6
- package/dist/esm/pds-radio.entry.js +7 -7
- package/dist/esm/pds-row.entry.js +4 -4
- package/dist/esm/pds-select.entry.js +5 -5
- package/dist/esm/pds-sortable-item.entry.js +5 -5
- package/dist/esm/pds-sortable.entry.js +4 -4
- package/dist/esm/pds-switch.entry.js +7 -7
- package/dist/esm/pds-tab.entry.js +13 -2
- package/dist/esm/pds-table-body.entry.js +3 -3
- package/dist/esm/pds-table-cell.entry.js +4 -4
- package/dist/esm/pds-table-head-cell.entry.js +5 -5
- package/dist/esm/pds-table-head.entry.js +3 -3
- package/dist/esm/pds-table-row.entry.js +3 -3
- package/dist/esm/pds-table.entry.js +2 -2
- package/dist/esm/pds-tabpanel.entry.js +15 -3
- package/dist/esm/pds-tabs.entry.js +111 -7
- package/dist/esm/pds-text.entry.js +3 -3
- package/dist/esm/pds-textarea.entry.js +8 -8
- package/dist/esm/pds-toast.entry.js +5 -5
- package/dist/esm/pds-tooltip.entry.js +4 -4
- package/dist/esm/pine-core.js +4 -4
- package/dist/esm-es5/attributes-WXw_I_uJ.js +1 -0
- package/dist/esm-es5/{index-2HMD-zUO.js → index-Cw9J31qd.js} +2 -2
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/keep-hydrated-BLG6RDBt.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-box.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +2 -2
- package/dist/esm-es5/pds-container.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-datepicker.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
- package/dist/esm-es5/pds-drawer.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-filters.entry.js +1 -1
- package/dist/esm-es5/pds-icon.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js +1 -1
- package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
- package/dist/esm-es5/pds-modal-header.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-property.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +2 -2
- 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/index.esm.js +1 -1
- package/dist/pine-core/{p-9a7ee7cb.system.entry.js → p-0092444c.system.entry.js} +1 -1
- package/dist/pine-core/{p-d576e542.system.entry.js → p-01aa382c.system.entry.js} +1 -1
- package/dist/pine-core/p-01c9b8f3.entry.js +1 -0
- package/dist/pine-core/{p-d69cfaa4.entry.js → p-02088776.entry.js} +1 -1
- package/dist/pine-core/p-049f126a.entry.js +1 -0
- package/dist/pine-core/{p-8b9d8fb5.system.entry.js → p-080cb087.system.entry.js} +1 -1
- package/dist/pine-core/{p-99317375.system.entry.js → p-0913f696.system.entry.js} +1 -1
- package/dist/pine-core/{p-5737182f.entry.js → p-0a84d220.entry.js} +1 -1
- package/dist/pine-core/{p-4c9cccdb.system.entry.js → p-0b71ecb6.system.entry.js} +2 -2
- package/dist/pine-core/{p-37d73369.system.entry.js → p-1437585e.system.entry.js} +1 -1
- package/dist/pine-core/{p-22f041ee.system.entry.js → p-1ee86d87.system.entry.js} +1 -1
- package/dist/pine-core/{p-5decd81f.entry.js → p-208c7dbf.entry.js} +1 -1
- package/dist/pine-core/{p-51dff046.system.entry.js → p-258770cf.system.entry.js} +1 -1
- package/dist/pine-core/{p-1f2e5958.entry.js → p-258d5e83.entry.js} +1 -1
- package/dist/pine-core/{p-4e05a4f0.entry.js → p-26642718.entry.js} +1 -1
- package/dist/pine-core/{p-1b13f69c.system.entry.js → p-2ac2457b.system.entry.js} +1 -1
- package/dist/pine-core/p-2cb5483a.system.entry.js +1 -0
- package/dist/pine-core/{p-1f263c0b.system.entry.js → p-341c38f1.system.entry.js} +1 -1
- package/dist/pine-core/{p-bd7da23e.system.entry.js → p-3a959459.system.entry.js} +1 -1
- package/dist/pine-core/p-3c27088f.system.entry.js +1 -0
- package/dist/pine-core/{p-1e464117.entry.js → p-432d5ec7.entry.js} +1 -1
- package/dist/pine-core/{p-0de74105.entry.js → p-4849fda7.entry.js} +1 -1
- package/dist/pine-core/{p-f30d6192.system.entry.js → p-4d03d1e2.system.entry.js} +1 -1
- package/dist/pine-core/{p-2cb02706.entry.js → p-4de8f333.entry.js} +1 -1
- package/dist/pine-core/{p-152245fa.system.entry.js → p-4f94b4f1.system.entry.js} +1 -1
- package/dist/pine-core/{p-66cfef6d.system.entry.js → p-4fa63723.system.entry.js} +1 -1
- package/dist/pine-core/p-4fd454f6.entry.js +1 -0
- package/dist/pine-core/{p-70c6f0ed.system.entry.js → p-5442d983.system.entry.js} +1 -1
- package/dist/pine-core/{p-8027db25.entry.js → p-550c2fd3.entry.js} +1 -1
- package/dist/pine-core/{p-7d01e719.entry.js → p-55224683.entry.js} +1 -1
- package/dist/pine-core/{p-65e30a4c.entry.js → p-57a2f927.entry.js} +1 -1
- package/dist/pine-core/{p-721297b5.system.entry.js → p-5870b092.system.entry.js} +1 -1
- package/dist/pine-core/{p-6d83ad2d.system.entry.js → p-5c90091e.system.entry.js} +1 -1
- package/dist/pine-core/p-602c197f.entry.js +1 -0
- package/dist/pine-core/p-646afbca.system.entry.js +1 -0
- package/dist/pine-core/{p-45fcc5b7.entry.js → p-6bf853c9.entry.js} +1 -1
- package/dist/pine-core/{p-5d014059.entry.js → p-6d3610f9.entry.js} +1 -1
- package/dist/pine-core/{p-343546b1.system.entry.js → p-6eec23a7.system.entry.js} +1 -1
- package/dist/pine-core/{p-5132b8a1.entry.js → p-72865997.entry.js} +1 -1
- package/dist/pine-core/{p-9d33bb05.entry.js → p-73eb47fa.entry.js} +1 -1
- package/dist/pine-core/p-75ee0403.entry.js +1 -0
- package/dist/pine-core/p-77395d62.system.entry.js +1 -0
- package/dist/pine-core/p-7a287635.system.entry.js +1 -0
- package/dist/pine-core/p-7a5b21d2.system.entry.js +1 -0
- package/dist/pine-core/{p-a83a6618.system.entry.js → p-7bf6563a.system.entry.js} +1 -1
- package/dist/pine-core/{p-347ae53c.system.entry.js → p-7f367db4.system.entry.js} +1 -1
- package/dist/pine-core/{p-71e3a89e.system.entry.js → p-8191498f.system.entry.js} +1 -1
- package/dist/pine-core/{p-0166c620.entry.js → p-82cf4ec6.entry.js} +1 -1
- package/dist/pine-core/{p-16c2aa63.entry.js → p-84e9b7da.entry.js} +1 -1
- package/dist/pine-core/{p-bdf68e53.system.entry.js → p-86040cac.system.entry.js} +1 -1
- package/dist/pine-core/p-875b0436.system.entry.js +1 -0
- package/dist/pine-core/{p-87f91e02.system.entry.js → p-8c8cc079.system.entry.js} +1 -1
- package/dist/pine-core/{p-ba1b79c7.system.entry.js → p-8cc302aa.system.entry.js} +1 -1
- package/dist/pine-core/{p-5b7f7760.entry.js → p-8d292b48.entry.js} +1 -1
- package/dist/pine-core/{p-650ccffb.entry.js → p-8f531063.entry.js} +1 -1
- package/dist/pine-core/p-9109b90a.entry.js +1 -0
- package/dist/pine-core/p-94593f20.system.entry.js +1 -0
- package/dist/pine-core/{p-04fe5da7.system.entry.js → p-9880d251.system.entry.js} +1 -1
- package/dist/pine-core/p-99459e27.entry.js +1 -0
- package/dist/pine-core/{p-4414d442.system.entry.js → p-9a0083dd.system.entry.js} +1 -1
- package/dist/pine-core/{p-9835c74b.entry.js → p-9ab95438.entry.js} +1 -1
- package/dist/pine-core/{p-a6d09102.system.entry.js → p-9af131d6.system.entry.js} +1 -1
- package/dist/pine-core/{p-59491f98.entry.js → p-9dcd2cdb.entry.js} +1 -1
- package/dist/pine-core/{p-c00e46a5.system.entry.js → p-9e0f920a.system.entry.js} +1 -1
- package/dist/pine-core/p-BGLP3keB.js +1 -0
- package/dist/pine-core/p-BLG6RDBt.js +1 -0
- package/dist/pine-core/p-BR5nujVX.system.js +1 -0
- package/dist/pine-core/{p-BJlg6wq7.system.js → p-CGRdQc49.system.js} +2 -2
- package/dist/pine-core/{p-DeIDZHrg.js → p-CmSJytt1.js} +2 -2
- package/dist/pine-core/p-CuSNnuFu.system.js +1 -0
- package/dist/pine-core/{p-YQa3CeL9.system.js → p-Cy8cvR7I.system.js} +1 -1
- package/dist/pine-core/p-XW4H0W6i.system.js +1 -0
- package/dist/pine-core/p-a0960b3d.system.entry.js +1 -0
- package/dist/pine-core/p-a1230a74.system.entry.js +1 -0
- package/dist/pine-core/{p-fbea5703.entry.js → p-a19cd59c.entry.js} +1 -1
- package/dist/pine-core/p-a3735199.entry.js +1 -0
- package/dist/pine-core/p-a826f290.entry.js +1 -0
- package/dist/pine-core/{p-1ec4eeaf.system.entry.js → p-a85a6ab9.system.entry.js} +1 -1
- package/dist/pine-core/p-acce8eb2.entry.js +1 -0
- package/dist/pine-core/p-b1548a20.entry.js +1 -0
- package/dist/pine-core/{p-93877d4a.entry.js → p-b69f04b7.entry.js} +1 -1
- package/dist/pine-core/p-b75b0d09.system.entry.js +1 -0
- package/dist/pine-core/{p-02857936.entry.js → p-b8e8a4ce.entry.js} +1 -1
- package/dist/pine-core/{p-622e91e3.entry.js → p-b914dde8.entry.js} +2 -2
- package/dist/pine-core/{p-5bc670be.system.entry.js → p-ba1f65c2.system.entry.js} +1 -1
- package/dist/pine-core/p-bb68431a.entry.js +1 -0
- package/dist/pine-core/{p-c8e89b61.system.entry.js → p-bd67156b.system.entry.js} +1 -1
- package/dist/pine-core/{p-db4319fd.entry.js → p-beb23781.entry.js} +1 -1
- package/dist/pine-core/p-bf30dec0.entry.js +1 -0
- package/dist/pine-core/{p-91f712f4.system.entry.js → p-bf7ee3b7.system.entry.js} +1 -1
- package/dist/pine-core/{p-b5838211.system.entry.js → p-c5c9ed36.system.entry.js} +1 -1
- package/dist/pine-core/{p-21115986.system.entry.js → p-cb6a3e4c.system.entry.js} +1 -1
- package/dist/pine-core/{p-1cf1fced.entry.js → p-cde8eb81.entry.js} +1 -1
- package/dist/pine-core/{p-1d75a9b1.system.entry.js → p-cf08a6dd.system.entry.js} +1 -1
- package/dist/pine-core/p-cfd012d4.entry.js +1 -0
- package/dist/pine-core/{p-5e8d73d4.entry.js → p-d2c91e7a.entry.js} +1 -1
- package/dist/pine-core/{p-7e115d33.system.entry.js → p-da103a54.system.entry.js} +1 -1
- package/dist/pine-core/{p-7bbfb965.system.entry.js → p-db17c626.system.entry.js} +1 -1
- package/dist/pine-core/p-df539c42.system.entry.js +3 -0
- package/dist/pine-core/p-e0917a26.entry.js +1 -0
- package/dist/pine-core/p-e5420660.entry.js +1 -0
- package/dist/pine-core/{p-585832b1.entry.js → p-e800a2b1.entry.js} +1 -1
- package/dist/pine-core/{p-8b0fbeb3.entry.js → p-e836a041.entry.js} +1 -1
- package/dist/pine-core/{p-506d3e80.entry.js → p-e8cb76e8.entry.js} +1 -1
- package/dist/pine-core/p-ea4d4741.system.entry.js +1 -0
- package/dist/pine-core/{p-419f57c9.entry.js → p-eb5465ce.entry.js} +1 -1
- package/dist/pine-core/{p-63119d23.entry.js → p-ebd0bff2.entry.js} +1 -1
- package/dist/pine-core/p-ec5428fb.entry.js +1 -0
- package/dist/pine-core/{p-4e67e68e.entry.js → p-ed4b979e.entry.js} +1 -1
- package/dist/pine-core/p-f029b7da.system.entry.js +1 -0
- package/dist/pine-core/{p-e337f32c.system.entry.js → p-f0d24298.system.entry.js} +1 -1
- package/dist/pine-core/{p-9b9f66b7.entry.js → p-f1702281.entry.js} +1 -1
- package/dist/pine-core/p-f1f17940.entry.js +2 -0
- package/dist/pine-core/{p-238e5171.system.entry.js → p-f25e4731.system.entry.js} +1 -1
- package/dist/pine-core/{p-37d95be9.entry.js → p-f2c253d8.entry.js} +1 -1
- package/dist/pine-core/{p-a22091c4.system.entry.js → p-f77905aa.system.entry.js} +1 -1
- package/dist/pine-core/{p-bef04e15.system.entry.js → p-fc25b956.system.entry.js} +1 -1
- package/dist/pine-core/{p-f06ca8df.entry.js → p-ff3de72e.entry.js} +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/pine-core/pine-core.js +1 -1
- package/dist/types/components/pds-combobox/combobox-interface.d.ts +8 -1
- package/dist/types/components/pds-combobox/grouped-options-panel.d.ts +7 -1
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +31 -0
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +4 -0
- package/dist/types/components/pds-tabs/pds-tab/pds-tab.d.ts +3 -0
- package/dist/types/components/pds-tabs/pds-tabpanel/pds-tabpanel.d.ts +3 -0
- package/dist/types/components/pds-tabs/pds-tabs.d.ts +14 -2
- package/dist/types/components.d.ts +5 -5
- package/dist/types/utils/attributes.d.ts +2 -2
- package/dist/types/utils/css.d.ts +7 -0
- package/dist/types/utils/keep-hydrated.d.ts +29 -2
- package/dist/vscode.html-data.json +2 -2
- package/hydrate/index.js +604 -135
- package/hydrate/index.mjs +604 -135
- package/package.json +2 -2
- package/dist/cjs/keep-hydrated-iLS88j1Z.js +0 -67
- package/dist/esm/keep-hydrated-Dv7ssOTc.js +0 -63
- package/dist/esm-es5/attributes-CF5K2pxn.js +0 -1
- package/dist/esm-es5/keep-hydrated-Dv7ssOTc.js +0 -1
- package/dist/pine-core/p-1cd0acf0.system.entry.js +0 -1
- package/dist/pine-core/p-207c94da.entry.js +0 -1
- package/dist/pine-core/p-2357758d.system.entry.js +0 -1
- package/dist/pine-core/p-281efc69.entry.js +0 -1
- package/dist/pine-core/p-2ac9e90a.system.entry.js +0 -1
- package/dist/pine-core/p-2f539379.system.entry.js +0 -3
- package/dist/pine-core/p-34b575b6.entry.js +0 -2
- package/dist/pine-core/p-3b1d8fae.entry.js +0 -1
- package/dist/pine-core/p-539ef98c.entry.js +0 -1
- package/dist/pine-core/p-56576b6e.entry.js +0 -1
- package/dist/pine-core/p-5ac84b2f.entry.js +0 -1
- package/dist/pine-core/p-63854c10.system.entry.js +0 -1
- package/dist/pine-core/p-73bc6e9f.system.entry.js +0 -1
- package/dist/pine-core/p-798839f7.system.entry.js +0 -1
- package/dist/pine-core/p-834c678e.system.entry.js +0 -1
- package/dist/pine-core/p-912487fa.entry.js +0 -1
- package/dist/pine-core/p-969488f5.system.entry.js +0 -1
- package/dist/pine-core/p-9bcdfac2.entry.js +0 -1
- package/dist/pine-core/p-BMFBF3sJ.system.js +0 -1
- package/dist/pine-core/p-D2MUS7JO.js +0 -1
- package/dist/pine-core/p-D2yHYrxQ.system.js +0 -1
- package/dist/pine-core/p-Dv7ssOTc.js +0 -1
- package/dist/pine-core/p-TyevV8iv.system.js +0 -1
- package/dist/pine-core/p-afd5e2d7.entry.js +0 -1
- package/dist/pine-core/p-bde53290.system.entry.js +0 -1
- package/dist/pine-core/p-bf1aea9f.system.entry.js +0 -1
- package/dist/pine-core/p-c9395f43.system.entry.js +0 -1
- package/dist/pine-core/p-d5dd5599.entry.js +0 -1
- package/dist/pine-core/p-dc81ffff.entry.js +0 -1
- package/dist/pine-core/p-e46f7541.system.entry.js +0 -1
- package/dist/pine-core/p-e7ba30dd.system.entry.js +0 -1
- package/dist/pine-core/p-ed3dd3d2.entry.js +0 -1
- package/dist/pine-core/p-eee4f146.entry.js +0 -1
- package/dist/pine-core/p-f01e35e2.entry.js +0 -1
- package/dist/pine-core/p-f2e0da9a.entry.js +0 -1
- package/dist/pine-core/p-fc6ac917.entry.js +0 -1
- package/dist/pine-core/p-ffe276ef.entry.js +0 -1
- /package/dist/esm-es5/{index-DxI-61GK.js → index-BJXk71tO.js} +0 -0
- /package/dist/pine-core/{p-DxI-61GK.js → p-BJXk71tO.js} +0 -0
- /package/dist/pine-core/{p-CnO10OxH.system.js → p-n3_ytl_p.system.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as r,a as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,H as r,a as e}from"./p-CmSJytt1.js";import{g as o}from"./p-DtgUQhjl.js";import"./p-BLG6RDBt.js";const a=class{constructor(s){t(this,s),this.pdsTableSelectAll=i(this,"pdsTableSelectAll"),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this.disableSelectAll=!1,this.rowDividers=!1,this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc"}componentDidLoad(){this.responsive&&this.setupResponsiveScrolling(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",s=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(s){const r=(null!==(t=s.textContent)&&void 0!==t?t:"").trim();this.sortTable(r,i),this.sortingColumn=r,this.sortingDirection=i,await s.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null)}setupResponsiveScrolling(){var t,i,s;const r=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),a=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".scroll-shadow-right");if(r&&e&&a){if(this.scrollContainer=r,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,s=t-i,r=o(this.scrollContainer);e.style.opacity=r>0&&!this.fixedColumn?"1":"0",a.style.opacity=s>0&&r<s-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),t.join(" ")}sortTable(t,i){const s=this.el.querySelector("pds-table-body");if(!s)return;const r=Array.from(s.querySelectorAll("pds-table-row")),e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),o=e.find((i=>i.innerText.trim()===t));if(!o)return void console.warn(`Column "${t}" not found.`);const a=e.indexOf(o);r.sort(((t,s)=>{const r=t.querySelector(`pds-table-cell:nth-child(${a+1})`).textContent.trim(),e=s.querySelector(`pds-table-cell:nth-child(${a+1})`).textContent.trim();return"asc"===i?r.localeCompare(e,void 0,{sensitivity:"base"}):e.localeCompare(r,void 0,{sensitivity:"base"})})),s.innerHTML="",r.forEach((t=>{s.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),s=Array.from(i).every((t=>t.isSelected)),r=Array.from(i).every((t=>!t.isSelected)),e=this.el.querySelector("pds-table-head");if(!e)return;const o=e.shadowRoot.querySelector("pds-checkbox");o&&(o.checked=s,o.indeterminate=!s&&!r)}render(){return this.responsive?s(r,{class:"pds-table is-responsive pds-table-responsive-host",id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},s("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),s("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),s("div",{class:"pds-table-responsive-container",part:"responsive-container"},s("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},s("div",{class:this.classNames(),part:"table-inner"},s("slot",null))))):s(r,{class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},s("slot",null))}get el(){return e(this)}};a.style='@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}';export{a as pds_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as a,a as t}from"./p-
|
|
1
|
+
import{r as e,h as i,H as a,a as t}from"./p-CmSJytt1.js";import{H as n}from"./p-BGLP3keB.js";import{r}from"./p-t3idJwV0.js";import"./p-BLG6RDBt.js";const o=class{constructor(i){e(this,i),this.hostKeeper=new n,this.isLoading=!0,this.showLabel=!1,this.size="md",this.variant="spinner",this.getSvgStyle=()=>{if(void 0!==this.size)return{height:this.loaderSize(),width:this.loaderSize()}}}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}restoreSizeDefault(e){this.size=r(this.el,"size",e,"md")}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};return e[this.size]?e[this.size]:this.size}render(){const e="pds-loader "+(this.isLoading?"":"pds-loader--hidden"),t={"aria-hidden":this.isLoading?null:"true","aria-busy":this.isLoading?"true":null,"aria-live":"polite"};return this.hostKeeper.record(e,{},t),i(a,Object.assign({key:"c42c1aeec5c8db9a1065f35492734a8cb265f3ce",class:e},t),"spinner"===this.variant&&i("div",{key:"dc1b7943709d03e02467cca0817fb6a7ad5ed10a",class:"pds-loader--spinner"},i("svg",{key:"db38e607541ac1eb91be87b2cd0240341c8fb51d",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},i("defs",{key:"d734ef70b0039758a25881c22bb3e6453ac40012"},i("linearGradient",{key:"697627f516c5f7b4cd5351dd39de231c0cb9e429",id:"spinner-secondHalf"},i("stop",{key:"03082c0ec354685eebf7d0132202d54b083d26df",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),i("stop",{key:"181b661b36aeb44943e20dec513f7265a9487004",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),i("linearGradient",{key:"67f6c51aefe99bcbfdb741290337364501fc4fcb",id:"spinner-firstHalf"},i("stop",{key:"cb6adf27ecb06b42ba572a702153de960491b0b6",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),i("stop",{key:"aeebabfa1ac00391937388feefa120bd0bb4d26c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),i("g",{key:"f06ca75e4df171b6db426fce9bc34076cfee5bca",class:"pds-loader__spinner-path"},i("path",{key:"a278b37de8f77a1000efecb62b89e3f751712a98",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),i("path",{key:"a035add4d01b60bcebf7625c8730d6a41ddf40ff",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),i("path",{key:"1189c8299d33a2a6bb6a8345b60f22bf4ad9beee",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),"typing"===this.variant&&i("div",{key:"39826fae20e8826d9c73cf57ba938583d610e1ea",class:"pds-loader--typing"},i("span",{key:"8f2b837c79548a1080710a7cc30c3be3a051e1dd"}),i("span",{key:"8efb1193ef51f110950861767eccc3896e90b81e"}),i("span",{key:"366f2d205adbb043691c253cff17d2d29d56a2cc"})),i("div",{key:"aeaa4aa12863b34088e84fd2791c2ce32dc05248",class:"pds-loader__label "+(this.showLabel?"":"pds-loader--hidden")},i("slot",{key:"7a8ec45aed1cd6f9e60f4db2ec5376439fa41c81",name:"label"},"Loading...")))}get el(){return t(this)}static get watchers(){return{size:[{restoreSizeDefault:0}]}}};o.style=":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)}";export{o as pds_loader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-BR5nujVX.system.js"],(function(n){"use strict";var t,i,e;return{setters:[function(n){t=n.r;i=n.h;e=n.H},null],execute:function(){var a=function(){return":host{display:block;margin-inline:auto;max-width:var(--pine-container-max-width, none);width:100%}:host(.pds-container--sm){--pine-container-max-width:340px}:host(.pds-container--md){--pine-container-max-width:520px}:host(.pds-container--lg){--pine-container-max-width:700px}:host(.pds-container--xl){--pine-container-max-width:1064px}:host(.pds-container--full){--pine-container-max-width:1440px}"};var s=new Set(["sm","md","lg","xl","full"]);var c=n("pds_container",function(){function n(n){t(this,n);this.tag="div";this.centered=true}n.prototype.render=function(){var n;var t=this.tag;var a=this.size!==undefined&&s.has(this.size);var c=this.size!==undefined&&!a?this.size:undefined;var r={};if(c)r["--pine-container-max-width"]=c;if(!this.centered)r["margin-inline"]="0";return i(e,{key:"8a9b10b5d0e348b73f8a6bd7933083c596df10d8",class:(n={},n["pds-container--".concat(this.size)]=a,n),style:Object.keys(r).length?r:undefined},i(t,{key:"55fb22be49377c4cccf08381e7cf954a3f097d08",part:"container"},i("slot",{key:"4cd9c4fa74a2c6a056e076ab67a0279c395b5c79"})))};return n}());c.style=a()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-BJlg6wq7.system.js","./p-Dx8tEj0U.system.js","./p-CnO10OxH.system.js","./p-D2yHYrxQ.system.js"],(function(t){"use strict";var o,r,n,e,i,d,s,a;return{setters:[function(t){o=t.r;r=t.c;n=t.h;e=t.H;i=t.a},function(t){d=t.h},function(t){s=t.f;a=t.g},null],execute:function(){var u=function(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"};var l=t("pds_button",function(){function t(t){var n=this;o(this,t);this.pdsClick=r(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.triggerExpanded=null;this.triggerHasPopup=null;this.syncTriggerAria=function(){n.triggerExpanded=n.el.getAttribute("aria-expanded");n.triggerHasPopup=n.el.getAttribute("aria-haspopup");n.forwardAriaControls()};this.handleStartSlotChange=function(t){n.hasStartContent=t.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(t){n.hasEndContent=t.target.assignedElements({flatten:true}).length>0};this.handleClick=function(t){if(n.loading){t.preventDefault();return}if(n.disabled){t.preventDefault();return}if(!n.href&&n.type!="button"){if(d(n.el)){var o=n.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=n.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}}n.pdsClick.emit(t)}}t.prototype.connectedCallback=function(){this.syncTriggerAria();if(typeof MutationObserver==="undefined")return;this.triggerAriaObserver=new MutationObserver(this.syncTriggerAria);this.triggerAriaObserver.observe(this.el,{attributeFilter:["aria-controls","aria-expanded","aria-haspopup"]})};t.prototype.disconnectedCallback=function(){var t;(t=this.triggerAriaObserver)===null||t===void 0?void 0:t.disconnect();this.triggerAriaObserver=undefined};t.prototype.componentDidRender=function(){this.forwardAriaControls()};t.prototype.handleFormKeyDown=function(t){if(t.defaultPrevented){return}if(t.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var o=t.target;if(!o||typeof o.matches!=="function"){return}var r=this.el.closest("form");if(!r||!o||!r.contains(o)){return}var n=o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio");if(n){var e=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=e.filter((function(t){if(t.tagName.toLowerCase()==="pds-button"){var o=t;return o.type==="submit"&&!o.disabled}else{return!t.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){t.preventDefault();this.el.click()}}};t.prototype.forwardAriaControls=function(){var t=this;var o,r;if(!this.contentEl||!("ariaControlsElements"in this.contentEl))return;var n=(r=(o=this.el.getAttribute("aria-controls"))===null||o===void 0?void 0:o.split(/\s+/).filter(Boolean))!==null&&r!==void 0?r:[];var e=n.map((function(o){return t.findInAncestorRoots(o)})).filter((function(t){return t!==null}));this.contentEl.ariaControlsElements=e.length>0?e:null};t.prototype.findInAncestorRoots=function(t){var o=this.el.getRootNode();while(o instanceof ShadowRoot){var r=o.getElementById(t);if(r)return r;o=o.host.getRootNode()}return o instanceof Document?o.getElementById(t):null};t.prototype.classNames=function(){var t=["pds-button"];if(this.variant){t.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){t.push("pds-button--"+this.size)}if(this.iconOnly){t.push("pds-button--icon-only")}if(this.loading){t.push("pds-button--loading")}return t.join(" ")};t.prototype.renderStartContent=function(){if(this.variant==="filter"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"})}var t=this.icon&&this.variant!=="disclosure";if(Boolean(t)){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:o},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};t.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"})}var t="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:t},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};t.prototype.render=function(){var t=this;var o={"aria-expanded":this.triggerExpanded,"aria-haspopup":this.triggerHasPopup,class:this.classNames(),part:"button",ref:function(o){return t.contentEl=o}};var r=function(){if(t.href){return Object.assign(Object.assign({},o),{download:t.download,href:t.disabled?null:t.href,target:t.target})}return Object.assign(Object.assign({},o),{"aria-busy":t.loading?"true":null,"aria-live":t.loading?"polite":null,disabled:t.disabled,name:t.name,type:t.type,value:t.value})};var i=this.href?"a":"button";var d=this.loading||this.iconOnly;var s=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text ".concat(d?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,Object.assign({"aria-disabled":this.disabled?"true":null},this.componentId!=null?{id:this.componentId}:{},{onClick:this.handleClick,variant:this.variant}),n(i,Object.assign({},r()),s))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());l.style=u()}}}));
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-Dx8tEj0U.system.js","./p-n3_ytl_p.system.js","./p-BR5nujVX.system.js"],(function(t){"use strict";var o,r,n,e,i,d,s,a;return{setters:[function(t){o=t.r;r=t.c;n=t.h;e=t.H;i=t.a},function(t){d=t.h},function(t){s=t.f;a=t.g},null],execute:function(){var u=function(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"};var l=t("pds_button",function(){function t(t){var n=this;o(this,t);this.pdsClick=r(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.triggerExpanded=null;this.triggerHasPopup=null;this.syncTriggerAria=function(){n.triggerExpanded=n.el.getAttribute("aria-expanded");n.triggerHasPopup=n.el.getAttribute("aria-haspopup");n.forwardAriaControls()};this.handleStartSlotChange=function(t){n.hasStartContent=t.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(t){n.hasEndContent=t.target.assignedElements({flatten:true}).length>0};this.handleClick=function(t){if(n.loading){t.preventDefault();return}if(n.disabled){t.preventDefault();return}if(!n.href&&n.type!="button"){if(d(n.el)){var o=n.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=n.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}}n.pdsClick.emit(t)}}t.prototype.connectedCallback=function(){this.syncTriggerAria();if(typeof MutationObserver==="undefined")return;this.triggerAriaObserver=new MutationObserver(this.syncTriggerAria);this.triggerAriaObserver.observe(this.el,{attributeFilter:["aria-controls","aria-expanded","aria-haspopup"]})};t.prototype.disconnectedCallback=function(){var t;(t=this.triggerAriaObserver)===null||t===void 0?void 0:t.disconnect();this.triggerAriaObserver=undefined};t.prototype.componentDidRender=function(){this.forwardAriaControls()};t.prototype.handleFormKeyDown=function(t){if(t.defaultPrevented){return}if(t.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var o=t.target;if(!o||typeof o.matches!=="function"){return}var r=this.el.closest("form");if(!r||!o||!r.contains(o)){return}var n=o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio");if(n){var e=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=e.filter((function(t){if(t.tagName.toLowerCase()==="pds-button"){var o=t;return o.type==="submit"&&!o.disabled}else{return!t.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){t.preventDefault();this.el.click()}}};t.prototype.forwardAriaControls=function(){var t=this;var o,r;if(!this.contentEl||!("ariaControlsElements"in this.contentEl))return;var n=(r=(o=this.el.getAttribute("aria-controls"))===null||o===void 0?void 0:o.split(/\s+/).filter(Boolean))!==null&&r!==void 0?r:[];var e=n.map((function(o){return t.findInAncestorRoots(o)})).filter((function(t){return t!==null}));this.contentEl.ariaControlsElements=e.length>0?e:null};t.prototype.findInAncestorRoots=function(t){var o=this.el.getRootNode();while(o instanceof ShadowRoot){var r=o.getElementById(t);if(r)return r;o=o.host.getRootNode()}return o instanceof Document?o.getElementById(t):null};t.prototype.classNames=function(){var t=["pds-button"];if(this.variant){t.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){t.push("pds-button--"+this.size)}if(this.iconOnly){t.push("pds-button--icon-only")}if(this.loading){t.push("pds-button--loading")}return t.join(" ")};t.prototype.renderStartContent=function(){if(this.variant==="filter"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"})}var t=this.icon&&this.variant!=="disclosure";if(Boolean(t)){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:o},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};t.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"})}var t="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:t},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};t.prototype.render=function(){var t=this;var o={"aria-expanded":this.triggerExpanded,"aria-haspopup":this.triggerHasPopup,class:this.classNames(),part:"button",ref:function(o){return t.contentEl=o}};var r=function(){if(t.href){return Object.assign(Object.assign({},o),{download:t.download,href:t.disabled?null:t.href,target:t.target})}return Object.assign(Object.assign({},o),{"aria-busy":t.loading?"true":null,"aria-live":t.loading?"polite":null,disabled:t.disabled,name:t.name,type:t.type,value:t.value})};var i=this.href?"a":"button";var d=this.loading||this.iconOnly;var s=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text ".concat(d?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,Object.assign({"aria-disabled":this.disabled?"true":null},this.componentId!=null?{id:this.componentId}:{},{onClick:this.handleClick,variant:this.variant}),n(i,Object.assign({},r()),s))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());l.style=u()}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as s}from"./p-CmSJytt1.js";import"./p-BLG6RDBt.js";const t=class{constructor(a){e(this,a),this.icon="star"}render(){return a(s,{key:"d599b62be4bacf1d89afcc26b14fc93bdc9bb3a4",id:this.componentId},a("pds-box",{key:"d7f80f6598615c761d672893c8acab09bd9ea33f","align-items":"center",gap:"xs"},a("pds-icon",{key:"15a6a6545c2cd2332bd830451106b7b08adc39ff",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),a("slot",{key:"4e5661563b99ec56189447faabcdd1ae631159b2"})))}};t.style=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";export{t as pds_property}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-XW4H0W6i.system.js","./p-BR5nujVX.system.js","./p-COtCa1Md.system.js"],(function(i){"use strict";var e,t,n,r,s,o,a,d,l,h,u;return{setters:[function(i){e=i.r;t=i.h;n=i.H;r=i.a},function(i){s=i.s},function(i){o=i.l},function(i){a=i.a;d=i.c;l=i.o;h=i.f;u=i.s}],execute:function(){var p=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)}.pds-dropdown-menu__header{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border);-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1);-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs);padding-inline:calc(var(--pine-dimension-xs) * 2 + var(--pine-border-width) + 2px);text-align:start}.pds-dropdown-menu__items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}::slotted(a:not([slot=header])),::slotted(button:not([slot=header])){-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:not([slot=header])){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]:not([slot=header])),::slotted([disabled]:not([disabled=false]):not([slot=header])){cursor:not-allowed;opacity:0.5;pointer-events:none}"};var c=i("pds_dropdown_menu",function(){function i(i){var t=this;e(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.triggerObserver=null;this.currentFocusIndex=-1;this.hasHeader=false;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();t.triggerEl=e[0];if(t.triggerEl){t.triggerEl.onclick=t.handleClick;t.syncTriggerAria()}t.observeTrigger()};this.syncTriggerAria=function(){if(!t.triggerEl)return false;return s(t.triggerEl,{"aria-haspopup":"menu","aria-expanded":String(t.isOpen)})};this.handleHeaderSlotChange=function(i){t.hasHeader=i.target.assignedElements().length>0};this.handleSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var r=e.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(r.length>0){var s=r.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}t.menuItems=e.filter((function(i){var e=i.tagName.toLowerCase();return e==="pds-dropdown-menu-item"||e==="a"||e==="button"}))};this.toggleDropdown=function(){t.isOpen=!t.isOpen;if(t.isOpen){t.openDropdown()}else{t.closeDropdown()}};this.openDropdown=function(){var i;var e=function(){d(t.triggerEl,t.panelEl,{placement:t.placement,strategy:"fixed",middleware:[l(6),h(),u({padding:5})]}).then((function(i){var e=i.x,n=i.y;Object.assign(t.panelEl.style,{left:"".concat(e,"px"),top:"".concat(n,"px")})}))};e();t.cleanupAutoUpdate=a(t.triggerEl,t.panelEl,e);(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");t.isOpen=true;t.syncTriggerAria()};this.closeDropdown=function(){var i;(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");t.isOpen=false;if(t.cleanupAutoUpdate){t.cleanupAutoUpdate();t.cleanupAutoUpdate=null}t.syncTriggerAria();t.currentFocusIndex=-1;if(t.isFocusInMenu()){t.triggerEl.focus()}};this.handleClick=function(){t.toggleDropdown()}}i.prototype.componentWillLoad=function(){this.hasHeader=Array.from(this.host.children).some((function(i){return i.getAttribute("slot")==="header"}))};i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.connectedCallback=function(){this.observeTrigger();this.syncTriggerAria()};i.prototype.disconnectedCallback=function(){var i;if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null};i.prototype.observeTrigger=function(){var i;(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null;if(!this.triggerEl||typeof MutationObserver==="undefined")return;this.triggerObserver=new MutationObserver(o(this.syncTriggerAria,"pds-dropdown-menu: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the menu opens or closes.",this.triggerEl));this.triggerObserver.observe(this.triggerEl,{attributes:true,attributeFilter:["aria-haspopup","aria-expanded"]})};i.prototype.isFocusInMenu=function(){var i=this.host.getRootNode().activeElement;return i!=null&&this.host.contains(i)};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,r,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var o=this.menuItems[i];var a=o.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=o;var l=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("button");var h=((r=(n=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(l){l.focus()}else if(h){h.focus()}else{d.focus()}}else{o.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 r=document.activeElement;var s=r===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}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 t(n,{key:"0dd585168e8fa86378c4812ce54fd09108861d5b",id:this.componentId},t("slot",{key:"c7144f8d6aaebe37b585c6c6230102c013230a9e",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),t("pds-box",{key:"82292e051337141bc9fd83b90292b188b0bb3489","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",part:"menu-panel"},t("div",{key:"c0f49dca14df0ba3885865c51562c380155bf8a8",class:{"pds-dropdown-menu__header":true,"is-hidden":!this.hasHeader}},t("slot",{key:"dc80c97a8dbb79ab4563524b3dea68d144e8570c",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"29cb56bdf28a0438296f33e0fa86c9da7b51902c",class:"pds-dropdown-menu__items",role:"menu","aria-orientation":"vertical"},t("slot",{key:"8f91ceeb1eedc4acc79f09032dedc69a2ba1f99a",onSlotchange:this.handleSlotChange}))))};Object.defineProperty(i.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return i}());c.style=p()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,H as t,a as o}from"./p-
|
|
1
|
+
import{r as e,c as i,h as r,H as t,a as o}from"./p-CmSJytt1.js";import{e as a,i as n,m as s,a as d}from"./p-BuRbS7Hp.js";import{b as c}from"./p-BJXk71tO.js";import{H as l,i as h}from"./p-BGLP3keB.js";import"./p-BLG6RDBt.js";const b=class{constructor(r){e(this,r),this.pdsCheckboxChange=i(this,"pdsCheckboxChange"),this.pdsCheckboxInput=i(this,"pdsCheckboxInput"),this.inheritedAttributes={},this._type="checkbox",this.hostKeeper=new l,this.hasLabelSlot=!1,this.checked=!1,this.handleCheckboxChange=e=>{if(this.disabled)return;const i=e.target;this.checked=i.checked,this.updateFormValue(),this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})},this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}updateIndeterminate(){this.indeterminate=void 0}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.indeterminate&&e.push("is-indeterminate"),this.disabled&&e.push("is-disabled"),this.hasLabelSlot&&e.push("has-label-slot"),e.join(" ")}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),a(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){n()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el)),this.updateHasLabelSlot()}render(){const e=this.classNames();return this.hostKeeper.record(e),r(t,{key:"2d63feb42a7fa2a0121c1b25625ff7c6b6844fa9",class:e},r("label",{key:"07158e232a025c978c2725bdd938ce8254a244ac",htmlFor:this.componentId},r("input",Object.assign({key:"c1f47d9de63fef8e373f6b76efb1386cb7ab4921",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),r("span",{key:"e04db0b2a5600e3da74fb9857a276547f602c7eb",class:this.hideLabel?"visually-hidden":""},r("slot",{key:"3af6b6bf89e9ab74821f63753843fca575aaea2f",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&r("div",{key:"78c2f5f6b0cdc93facee367662ba190906a5421c",class:"pds-checkbox__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"d776e3539d2ff057c5a2471df4069df8fc3af864",class:"pds-checkbox__message pds-checkbox__message--error",id:s(this.componentId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"f74131e597bc37569062b683b118b676af418a28",icon:c,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{checked:[{updateIndeterminate:0},{checkedChanged:0}]}}};b.style=':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)}:host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked::after{border-color:var(--pine-color-white)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-text-primary);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-text-primary);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}:host(.has-label-slot) label{-ms-flex-align:center;align-items:center}:host(.has-label-slot) input{-webkit-margin-before:0;margin-block-start:0}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';export{b as pds_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as o,h as e,H as p,a as r}from"./p-DeIDZHrg.js";import{d as n,r as c}from"./p-DxI-61GK.js";import{H as s}from"./p-D2MUS7JO.js";import{s as t}from"./p-CnM3cCof.js";import{n as d}from"./p-OYK5-nwe.js";import"./p-Dv7ssOTc.js";import"./p-BPqJgIq6.js";const h={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"},a=class{constructor(e){i(this,e),this.pdsTagCloseClick=o(this,"pdsTagCloseClick"),this.hostKeeper=new s,this.truncationCleanup=null,this.dot=!1,this.sentiment="neutral",this.variant="text",this.dismissLabel="Remove",this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()}}connectedCallback(){this.hostKeeper.connect(this.el)}componentDidRender(){this.maxWidth&&this.labelTextEl?this.labelTextEl!==this.tooltipBoundEl&&this.initTruncationTooltip():this.tooltipBoundEl&&this.destroyTruncationTooltip()}disconnectedCallback(){this.hostKeeper.disconnect(),this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.labelTextEl&&(this.truncationCleanup=t({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:()=>this.el.textContent||"",manageTabIndex:"dropdown"!==this.effectiveVariant}),this.tooltipBoundEl=this.labelTextEl)}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null),this.tooltipBoundEl=null}get effectiveSize(){var i;return null!==(i=this.size)&&void 0!==i?i:"md"}classNames(){const i=["pds-chip"],o=this.effectiveSize;o&&"md"!==o&&i.push("pds-chip--"+o);const e="brand"===this.sentiment?"text":this.variant;return e&&i.push("pds-chip--"+e),this.sentiment&&i.push("pds-chip--"+this.sentiment),i.join(" ")}get effectiveVariant(){return"brand"===this.sentiment?"text":this.variant}get iconSize(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}}setChipContent(){const i="brand"!==this.sentiment&&this.dot;return"dropdown"===this.effectiveVariant?e("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&e("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&e("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),e("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},e("slot",null)),e("pds-icon",{icon:n,size:this.iconSize,"aria-hidden":"true"})):e("span",{class:"pds-chip__label"},this.icon&&e("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&e("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),e("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},e("slot",null)))}get hostStyles(){const i={};this.maxWidth&&(i["--pds-chip-max-width"]=this.maxWidth);const o=d(this.dotColor,{semanticMap:h});void 0!==o&&(i["--pds-chip-dot-color"]=o);const e=d(this.iconColor,{semanticMap:h});return void 0!==e&&(i["--pds-chip-icon-color"]=e),i}renderCloseButton(){return e(this.removeUrl?"a":"button",Object.assign({},(()=>{if(this.removeUrl){const i={class:"pds-chip__close",href:this.removeUrl,"aria-label":this.dismissLabel};this.removeTarget&&(i.target=this.removeTarget),this.removeHttpMethod&&(i["data-method"]=this.removeHttpMethod,i["data-turbo-method"]=this.removeHttpMethod);const o=[];return"_blank"===this.removeTarget&&o.push("noopener","noreferrer"),this.removeHttpMethod&&"get"!==this.removeHttpMethod&&o.push("nofollow"),o.length>0&&(i.rel=o.join(" ")),i}return{class:"pds-chip__close",type:"button","aria-label":this.dismissLabel}})(),{onClick:this.handleCloseClick}),e("pds-icon",{icon:c,size:this.iconSize}))}render(){const i=this.classNames(),o=this.hostStyles;return this.hostKeeper.record(i,o),e(p,{key:"63e00360276ca3941fb543b2c35211a709fbfc2b",class:i,id:this.componentId,style:o},this.setChipContent(),"tag"===this.effectiveVariant&&this.renderCloseButton())}get el(){return r(this)}};a.style=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}:host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";export{a as pds_chip}
|
|
1
|
+
import{r as i,c as o,h as e,H as p,a as r}from"./p-CmSJytt1.js";import{d as n,r as c}from"./p-BJXk71tO.js";import{H as s}from"./p-BGLP3keB.js";import{s as t}from"./p-CnM3cCof.js";import{n as d}from"./p-OYK5-nwe.js";import"./p-BLG6RDBt.js";import"./p-BPqJgIq6.js";const h={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"},a=class{constructor(e){i(this,e),this.pdsTagCloseClick=o(this,"pdsTagCloseClick"),this.hostKeeper=new s,this.truncationCleanup=null,this.dot=!1,this.sentiment="neutral",this.variant="text",this.dismissLabel="Remove",this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()}}connectedCallback(){this.hostKeeper.connect(this.el)}componentDidRender(){this.maxWidth&&this.labelTextEl?this.labelTextEl!==this.tooltipBoundEl&&this.initTruncationTooltip():this.tooltipBoundEl&&this.destroyTruncationTooltip()}disconnectedCallback(){this.hostKeeper.disconnect(),this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.labelTextEl&&(this.truncationCleanup=t({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:()=>this.el.textContent||"",manageTabIndex:"dropdown"!==this.effectiveVariant}),this.tooltipBoundEl=this.labelTextEl)}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null),this.tooltipBoundEl=null}get effectiveSize(){var i;return null!==(i=this.size)&&void 0!==i?i:"md"}classNames(){const i=["pds-chip"],o=this.effectiveSize;o&&"md"!==o&&i.push("pds-chip--"+o);const e="brand"===this.sentiment?"text":this.variant;return e&&i.push("pds-chip--"+e),this.sentiment&&i.push("pds-chip--"+this.sentiment),i.join(" ")}get effectiveVariant(){return"brand"===this.sentiment?"text":this.variant}get iconSize(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}}setChipContent(){const i="brand"!==this.sentiment&&this.dot;return"dropdown"===this.effectiveVariant?e("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&e("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&e("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),e("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},e("slot",null)),e("pds-icon",{icon:n,size:this.iconSize,"aria-hidden":"true"})):e("span",{class:"pds-chip__label"},this.icon&&e("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),i&&e("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),e("span",{class:"pds-chip__label-text",ref:i=>this.labelTextEl=i},e("slot",null)))}get hostStyles(){const i={};this.maxWidth&&(i["--pds-chip-max-width"]=this.maxWidth);const o=d(this.dotColor,{semanticMap:h});void 0!==o&&(i["--pds-chip-dot-color"]=o);const e=d(this.iconColor,{semanticMap:h});return void 0!==e&&(i["--pds-chip-icon-color"]=e),i}renderCloseButton(){return e(this.removeUrl?"a":"button",Object.assign({},(()=>{if(this.removeUrl){const i={class:"pds-chip__close",href:this.removeUrl,"aria-label":this.dismissLabel};this.removeTarget&&(i.target=this.removeTarget),this.removeHttpMethod&&(i["data-method"]=this.removeHttpMethod,i["data-turbo-method"]=this.removeHttpMethod);const o=[];return"_blank"===this.removeTarget&&o.push("noopener","noreferrer"),this.removeHttpMethod&&"get"!==this.removeHttpMethod&&o.push("nofollow"),o.length>0&&(i.rel=o.join(" ")),i}return{class:"pds-chip__close",type:"button","aria-label":this.dismissLabel}})(),{onClick:this.handleCloseClick}),e("pds-icon",{icon:c,size:this.iconSize}))}render(){const i=this.classNames(),o=this.hostStyles;return this.hostKeeper.record(i,o),e(p,{key:"63e00360276ca3941fb543b2c35211a709fbfc2b",class:i,id:this.componentId,style:o},this.setChipContent(),"tag"===this.effectiveVariant&&this.renderCloseButton())}get el(){return r(this)}};a.style=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}:host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";export{a as pds_chip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{a(o.next(t))}catch(t){s(t)}}function d(t){try{a(o["throw"](t))}catch(t){s(t)}}function a(t){t.done?n(t.value):i(t.value).then(r,d)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=d(0),r["throw"]=d(1),r["return"]=d(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function d(t){return function(e){return a([t,e])}}function a(d){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,d[0]&&(n=0)),n)try{if(o=1,i&&(s=d[0]&2?i["return"]:d[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,d[1])).done)return s;if(i=0,s)d=[d[0]&2,s.value];switch(d[0]){case 0:case 1:s=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;i=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){n.label=d[1];break}if(d[0]===6&&n.label<s[1]){n.label=s[1];s=d;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(d);break}if(s[2])n.ops.pop();n.trys.pop();continue}d=e.call(t,n)}catch(t){d=[6,t];i=0}finally{o=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-CGRdQc49.system.js","./p-XW4H0W6i.system.js","./p-n3_ytl_p.system.js","./p-Bkho_oFB.system.js","./p-CBu9UrXr.system.js","./p-BR5nujVX.system.js","./p-COtCa1Md.system.js"],(function(t){"use strict";var e,n,o,i,s,r,d,a,p;return{setters:[function(t){e=t.r;n=t.c;o=t.h;i=t.H;s=t.a},function(t){r=t.H},function(t){d=t.a},function(t){a=t.r},function(t){p=t.s},null,null],execute:function(){var c=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var u=t("pds_copytext",function(){function t(t){var o=this;e(this,t);this.pdsCopyTextClick=n(this,"pdsCopyTextClick");this.hostKeeper=new r;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:e=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){o.copyToClipboard(o.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};t.prototype.restoreBorderDefault=function(t){this.border=a(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=p({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return o(i,{key:"d9bd40af6e435d606841cb551341eab33c5983b7",class:e,id:this.componentId},o("pds-button",{key:"7a42b32678fccb2cbe0d7a68a5da6d5fe5276a4a",type:"button",variant:"unstyled",onClick:this.handleClick},o("span",{key:"732db283b8075ebad8e1daff70692bac2978aade",ref:function(e){return t.valueSpanEl=e}},this.value),o("pds-icon",{key:"ebfd34b9b5a47b78783302ce97d752af09e3f3e3","aria-hidden":"true",icon:d,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}());u.style=c()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as s,h as i,H as t,a as r}from"./p-DeIDZHrg.js";import{H as a}from"./p-D2MUS7JO.js";import{e as o,m as n,i as l,a as d}from"./p-BuRbS7Hp.js";import{b as c,e as p}from"./p-DxI-61GK.js";import"./p-Dv7ssOTc.js";const h=class{constructor(i){e(this,i),this.pdsSelectChange=s(this,"pdsSelectChange"),this.pdsBlur=s(this,"pdsBlur"),this.pdsFocus=s(this,"pdsFocus"),this.pdsKeyDown=s(this,"pdsKeyDown"),this._type="select-one",this.hostKeeper=new a,this.disabled=!1,this.multiple=!1,this.required=!1,this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),o(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}getHelperMessage(){return this.helperMessage&&i("p",{class:"pds-select__helper-message",id:n(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&i("p",{class:"pds-select__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{"aria-hidden":"true",icon:c,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?i("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return Boolean(this.invalid)||Boolean(this.errorMessage)}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join(" ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?i("div",{class:"pds-select__action",part:"action"},i("slot",{name:"action"})):null}updateFormValue(){if(!l()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]'),s=this.classNames(),r={"aria-disabled":this.disabled?"true":null,"has-action":e&&!this.hideLabel?"true":null};return this.hostKeeper.record(s,{},r),i(t,Object.assign({key:"c99bfc000ad351298e154554a8b22635b1abb718",class:s},r),i("div",{key:"35374b150cbef745c6a6068ba5a2fde0803c0314",class:"pds-select"},!this.hideLabel&&i("div",{key:"a3b9bae451c5c384606790a29bf8ab5fc70427c0",class:"pds-select__label-wrapper"},i("label",{key:"80d7740a05a6d3cce6d51224169eb6c2501c4896",htmlFor:this.componentId},i("span",{key:"a51c02d7c84f75bb168889dab50cae807271c63d",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),i("select",{key:"11444dad795bd02c008252a60e701125861e4af0","aria-describedby":d(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),i("div",{key:"ce54fa1df287d96a7503bb19cd2ba6c74a6da638","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},i("slot",{key:"22c55e78999076a37d43fb708dabc7379dd4cee3",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&i("pds-icon",{key:"45628074fbcdb259b8bba42299082423309a6968","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}};h.style=':host{--pine-select-color-background-danger:var(--pine-color-red-050)}: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)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';export{h as pds_select}
|
|
1
|
+
import{r as e,c as s,h as i,H as t,a as r}from"./p-CmSJytt1.js";import{H as a}from"./p-BGLP3keB.js";import{e as o,m as n,i as l,a as d}from"./p-BuRbS7Hp.js";import{b as c,e as p}from"./p-BJXk71tO.js";import"./p-BLG6RDBt.js";const h=class{constructor(i){e(this,i),this.pdsSelectChange=s(this,"pdsSelectChange"),this.pdsBlur=s(this,"pdsBlur"),this.pdsFocus=s(this,"pdsFocus"),this.pdsKeyDown=s(this,"pdsKeyDown"),this._type="select-one",this.hostKeeper=new a,this.disabled=!1,this.multiple=!1,this.required=!1,this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),o(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}getHelperMessage(){return this.helperMessage&&i("p",{class:"pds-select__helper-message",id:n(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&i("p",{class:"pds-select__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{"aria-hidden":"true",icon:c,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?i("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return Boolean(this.invalid)||Boolean(this.errorMessage)}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join(" ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?i("div",{class:"pds-select__action",part:"action"},i("slot",{name:"action"})):null}updateFormValue(){if(!l()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]'),s=this.classNames(),r={"aria-disabled":this.disabled?"true":null,"has-action":e&&!this.hideLabel?"true":null};return this.hostKeeper.record(s,{},r),i(t,Object.assign({key:"343ed671e67dd1d6f9eb284b07e06d59877c64e9",class:s},r),i("div",{key:"650aed0869b02f658feb16ee99f17e1cd22e5a8e",class:"pds-select"},!this.hideLabel&&i("div",{key:"74739461acbea33c92279ec8ec9042d6af1773c1",class:"pds-select__label-wrapper"},i("label",{key:"1ad96ffd243000358edfbd79054ee770e1ba97d3",htmlFor:this.componentId},i("span",{key:"b832868db4f9cd4fd2f8313054d2e96e106189ab",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),i("select",{key:"e83c1a1a0a5646fc8abf9e50bc374f52b56be773","aria-describedby":d(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),i("div",{key:"a34880120b88124b5122350856d023368f96abf7","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},i("slot",{key:"df6abaf6a630761a32b263813181ff3453757e0d",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&i("pds-icon",{key:"f9197284ef9965d693242a652b583f48bc3d7097","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}};h.style=':host{--pine-select-color-background-danger:var(--pine-color-red-050)}: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)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';export{h as pds_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,a as e}from"./p-DeIDZHrg.js";import{a as s}from"./p-DHPzKMVS.js";import{u as n}from"./p-RFpTWV6r.js";import"./p-Dv7ssOTc.js";const d=["sm","md","lg","fullscreen"],a=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function r(t,i){for(const o of Array.from(t.children))h(o,i)}const l=t=>{var i;return t.tabIndex>=0||t.isContentEditable&&!t.hasAttribute("tabindex")&&!(null===(i=t.parentElement)||void 0===i?void 0:i.isContentEditable)};function h(t,i){var o,e,s,n;if(t.hasAttribute("inert"))return;if("slot"===t.localName){const s=t;if(0===(null!==(e=null===(o=s.assignedNodes)||void 0===o?void 0:o.call(s,{flatten:!0}))&&void 0!==e?e:[]).length)return r(t,i);for(const t of s.assignedElements({flatten:!0}))h(t,i);return}const d=!0===(null===(s=t.shadowRoot)||void 0===s?void 0:s.delegatesFocus);t instanceof HTMLElement&&!d&&l(t)&&t.matches(a)&&!t.matches(":disabled")&&i.push(t),r(null!==(n=t.shadowRoot)&&void 0!==n?n:t,i)}const p=t=>t instanceof HTMLInputElement&&"radio"===t.type&&""!==t.name?t:null;function c(t,i){for(let o=i;o;o=o instanceof ShadowRoot?o.host:o.parentNode)if(o===t)return!0;return!1}const m=class{constructor(o){t(this,o),this.pdsModalOpen=i(this,"pdsModalOpen"),this.pdsModalClose=i(this,"pdsModalClose"),this.focusableElements=[],this.backdropDismiss=!0,this.open=!1,this.size="md",this.scrollable=!0,this.disableTopLayer=!1,this.disableInitialFocus=!1,this.focusableElementsArray=[],this.handleBackdropClick=t=>{this.backdropDismiss&&this.open&&t.target.classList.contains("pds-modal__backdrop")&&(t.stopPropagation(),this.isInnermostModal()&&this.hideModal())},this.handleKeyDown=t=>{var i,o,e;if(this.open){if("Escape"===t.key){const s=t;if(!("__pdsActiveElementAtEscape"in s)){const t=document.activeElement;s.__pdsActiveElementAtEscape=t;const o=null!==(i=null==t?void 0:t.closest("dialog"))&&void 0!==i?i:null;s.__pdsTopLayerDialogAtEscape=o,s.__pdsTopLayerDialogWasModalAtEscape=!(!o||!o.matches(":modal"))}const n=s.__pdsActiveElementAtEscape;if(this.disableTopLayer&&n&&n!==document.body&&!this.el.contains(n)&&this.isStackedAboveOverlay(n,null!==(o=s.__pdsTopLayerDialogAtEscape)&&void 0!==o?o:null,null!==(e=s.__pdsTopLayerDialogWasModalAtEscape)&&void 0!==e&&e))return;return t.preventDefault(),void(this.backdropDismiss&&this.isInnermostModal()&&this.hideModal())}if("Tab"===t.key){if(this.disableTopLayer)return;if(t.defaultPrevented)return;const i=function(){var t;let i=document.activeElement;for(;null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.activeElement;)i=i.shadowRoot.activeElement;return i}();if(!i||this.modalDialogAbove(i))return;if(this.updateFocusableElements(),0===this.focusableElements.length)return;const o=this.focusableElements[0],e=this.focusableElements[this.focusableElements.length-1],s=this.stopIndex(i),n=s===this.focusableElements.length-1;t.shiftKey&&0===s?(t.preventDefault(),this.focusElement(e)):!t.shiftKey&&n&&(t.preventDefault(),this.focusElement(o))}}}}componentWillLoad(){this.warnOnInvalidSize()}sizeChanged(){this.warnOnInvalidSize()}componentDidLoad(){this.modalRef=this.el.querySelector(".pds-modal__backdrop"),document.addEventListener("keydown",this.handleKeyDown),this.open&&this.showModal()}componentDidRender(){n(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(t){t?this.showModal():this.hideModal()}updateFocusableElements(){this.modalRef&&(this.focusableElements=[],r(this.modalRef,this.focusableElements),this.focusableElements=this.focusableElements.filter((t=>{if("function"==typeof t.checkVisibility)return t.checkVisibility({checkVisibilityCSS:!0});const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility})),this.focusableElements=function(t){const i=[];for(const o of t){const t=p(o);if(null===t)continue;const e=i.find((([i])=>i.name===t.name&&i.form===t.form&&i.getRootNode()===t.getRootNode()));e?e.push(t):i.push([t])}const o=new Set(i.map((t=>{var i;return null!==(i=t.find((t=>t.checked)))&&void 0!==i?i:t[0]})));return t.filter((t=>null===p(t)||o.has(t)))}(this.focusableElements))}setInitialFocus(){0!==this.focusableElements.length&&this.focusElement(this.focusableElements[0])}focusElement(t){null==t||t.focus()}async showModal(){if(this.modalRef)try{this.previousActiveElement=document.activeElement,this.disableTopLayer?this.modalRef.show():this.modalRef.showModal(),this.open=!0,setTimeout((()=>{var t,i;if(this.updateFocusableElements(),this.disableInitialFocus){const o=document.activeElement;null!==o&&o!==document.body&&!(null===(t=this.modalRef)||void 0===t?void 0:t.contains(o))||(this.previousActiveElement!==document.body&&"function"==typeof(null===(i=this.previousActiveElement)||void 0===i?void 0:i.focus)?this.previousActiveElement.focus():o instanceof HTMLElement&&o.blur())}else this.setInitialFocus();this.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}async hideModal(){if(this.modalRef)try{const t=document.activeElement,i=null!==t&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close(),this.open=!1,!i&&this.previousActiveElement&&"function"==typeof this.previousActiveElement.focus&&this.previousActiveElement.focus(),this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}getBackdropZIndex(t){const i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1}isStackedAboveOverlay(t,i,o){if(i&&i!==this.modalRef&&o)return!0;const e=this.getBackdropZIndex(this.el);let s=t;for(;s&&s!==document.body;){const t=getComputedStyle(s),i=parseInt(t.zIndex,10);if("static"!==t.position&&!isNaN(i)&&i>e)return!0;s=s.parentElement}return!1}isInnermostModal(){const t=Array.from(document.querySelectorAll("pds-modal")).filter((t=>t.open));if(0===t.length)return!1;if(!this.el.querySelector(".pds-modal__backdrop"))return!1;const i=t.map((t=>this.getBackdropZIndex(t))),o=Math.max(...i);return this.getBackdropZIndex(this.el)===o}modalDialogAbove(t){var i;for(let o=s("dialog[open]",t);o instanceof HTMLElement;){if(o===this.modalRef)return!1;if(o.matches(":modal"))return!0;o=s("dialog[open]",null!==(i=o.parentElement)&&void 0!==i?i:o.getRootNode().host)}return!1}stopIndex(t){const i=this.focusableElements.indexOf(t);if(i>=0)return i;for(let i=this.focusableElements.length-1;i>=0;i--)if(c(this.focusableElements[i],t))return i;return-1}resolveSize(){var t;const i=(null!==(t=this.size)&&void 0!==t?t:"").trim()||"md";return d.includes(i)?[i]:/^[a-z0-9.%+\-*/(), ]+$/i.test(o=i)&&/\d/.test(o)&&("undefined"==typeof CSS||CSS.supports("max-width",o))?["custom",i]:[void 0];var o}warnOnInvalidSize(){void 0===this.resolveSize()[0]&&console.warn(`pds-modal: invalid size "${String(this.size).slice(0,50)}", using md`)}render(){const[t="md",i]=this.resolveSize();return o("dialog",{key:"b6714c7e77d80bf2370f2170ffce029abe147d81",class:{"pds-modal__backdrop":!0,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":`${this.componentId}-heading`,onClick:this.handleBackdropClick},o("div",{key:"8c3319f53dd8c79c9e952785277e9e82e28b651e",class:{"pds-modal":!0,[`pds-modal--${t}`]:!0,"pds-modal--scrollable":this.scrollable},style:void 0!==i?{"--pds-modal-max-width":i}:void 0,part:"modal"},o("slot",{key:"8c6f9cc1a20b515659344ad041512de52761800d"})))}get el(){return e(this)}static get watchers(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}}};m.style='.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[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.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}';export{m as pds_modal}
|
|
1
|
+
import{r as t,c as i,h as o,a as e}from"./p-CmSJytt1.js";import{a as s}from"./p-DHPzKMVS.js";import{u as n}from"./p-RFpTWV6r.js";import"./p-BLG6RDBt.js";const a=["sm","md","lg","fullscreen"],d=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function r(t,i){for(const o of Array.from(t.children))h(o,i)}const l=t=>{var i;return t.tabIndex>=0||t.isContentEditable&&!t.hasAttribute("tabindex")&&!(null===(i=t.parentElement)||void 0===i?void 0:i.isContentEditable)};function h(t,i){var o,e,s,n;if(t.hasAttribute("inert"))return;if("slot"===t.localName){const s=t;if(0===(null!==(e=null===(o=s.assignedNodes)||void 0===o?void 0:o.call(s,{flatten:!0}))&&void 0!==e?e:[]).length)return r(t,i);for(const t of s.assignedElements({flatten:!0}))h(t,i);return}const a=!0===(null===(s=t.shadowRoot)||void 0===s?void 0:s.delegatesFocus);t instanceof HTMLElement&&!a&&l(t)&&t.matches(d)&&!t.matches(":disabled")&&i.push(t),r(null!==(n=t.shadowRoot)&&void 0!==n?n:t,i)}const p=t=>t instanceof HTMLInputElement&&"radio"===t.type&&""!==t.name?t:null;function c(t,i){for(let o=i;o;o=o instanceof ShadowRoot?o.host:o.parentNode)if(o===t)return!0;return!1}const m=class{constructor(o){t(this,o),this.pdsModalOpen=i(this,"pdsModalOpen"),this.pdsModalClose=i(this,"pdsModalClose"),this.focusableElements=[],this.backdropDismiss=!0,this.open=!1,this.size="md",this.scrollable=!0,this.disableTopLayer=!1,this.disableInitialFocus=!1,this.focusableElementsArray=[],this.handleBackdropClick=t=>{this.backdropDismiss&&this.open&&t.target.classList.contains("pds-modal__backdrop")&&(t.stopPropagation(),this.isInnermostModal()&&this.hideModal())},this.handleKeyDown=t=>{var i,o,e;if(this.open){if("Escape"===t.key){const s=t;if(!("__pdsActiveElementAtEscape"in s)){const t=document.activeElement;s.__pdsActiveElementAtEscape=t;const o=null!==(i=null==t?void 0:t.closest("dialog"))&&void 0!==i?i:null;s.__pdsTopLayerDialogAtEscape=o,s.__pdsTopLayerDialogWasModalAtEscape=!(!o||!o.matches(":modal"))}const n=s.__pdsActiveElementAtEscape;if(this.disableTopLayer&&n&&n!==document.body&&!this.el.contains(n)&&this.isStackedAboveOverlay(n,null!==(o=s.__pdsTopLayerDialogAtEscape)&&void 0!==o?o:null,null!==(e=s.__pdsTopLayerDialogWasModalAtEscape)&&void 0!==e&&e))return;return t.preventDefault(),void(this.backdropDismiss&&this.isInnermostModal()&&this.hideModal())}if("Tab"===t.key){if(this.disableTopLayer)return;if(t.defaultPrevented)return;const i=function(){var t;let i=document.activeElement;for(;null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.activeElement;)i=i.shadowRoot.activeElement;return i}();if(!i||this.modalDialogAbove(i))return;if(this.updateFocusableElements(),0===this.focusableElements.length)return;const o=this.focusableElements[0],e=this.focusableElements[this.focusableElements.length-1],s=this.stopIndex(i),n=s===this.focusableElements.length-1;t.shiftKey&&0===s?(t.preventDefault(),this.focusElement(e)):!t.shiftKey&&n&&(t.preventDefault(),this.focusElement(o))}}}}componentWillLoad(){this.warnOnInvalidSize()}sizeChanged(){this.warnOnInvalidSize()}componentDidLoad(){this.modalRef=this.el.querySelector(".pds-modal__backdrop"),document.addEventListener("keydown",this.handleKeyDown),this.open&&this.showModal()}componentDidRender(){n(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(t){t?this.showModal():this.hideModal()}updateFocusableElements(){this.modalRef&&(this.focusableElements=[],r(this.modalRef,this.focusableElements),this.focusableElements=this.focusableElements.filter((t=>{if("function"==typeof t.checkVisibility)return t.checkVisibility({checkVisibilityCSS:!0});const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility})),this.focusableElements=function(t){const i=[];for(const o of t){const t=p(o);if(null===t)continue;const e=i.find((([i])=>i.name===t.name&&i.form===t.form&&i.getRootNode()===t.getRootNode()));e?e.push(t):i.push([t])}const o=new Set(i.map((t=>{var i;return null!==(i=t.find((t=>t.checked)))&&void 0!==i?i:t[0]})));return t.filter((t=>null===p(t)||o.has(t)))}(this.focusableElements))}setInitialFocus(){0!==this.focusableElements.length&&this.focusElement(this.focusableElements[0])}focusElement(t){null==t||t.focus()}async showModal(){if(this.modalRef)try{this.previousActiveElement=document.activeElement,this.disableTopLayer?this.modalRef.show():this.modalRef.showModal(),this.open=!0,setTimeout((()=>{var t,i;if(this.updateFocusableElements(),this.disableInitialFocus){const o=document.activeElement;null!==o&&o!==document.body&&!(null===(t=this.modalRef)||void 0===t?void 0:t.contains(o))||(this.previousActiveElement!==document.body&&"function"==typeof(null===(i=this.previousActiveElement)||void 0===i?void 0:i.focus)?this.previousActiveElement.focus():o instanceof HTMLElement&&o.blur())}else this.setInitialFocus();this.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}async hideModal(){if(this.modalRef)try{const t=document.activeElement,i=null!==t&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close(),this.open=!1,!i&&this.previousActiveElement&&"function"==typeof this.previousActiveElement.focus&&this.previousActiveElement.focus(),this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}getBackdropZIndex(t){const i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1}isStackedAboveOverlay(t,i,o){if(i&&i!==this.modalRef&&o)return!0;const e=this.getBackdropZIndex(this.el);let s=t;for(;s&&s!==document.body;){const t=getComputedStyle(s),i=parseInt(t.zIndex,10);if("static"!==t.position&&!isNaN(i)&&i>e)return!0;s=s.parentElement}return!1}isInnermostModal(){const t=Array.from(document.querySelectorAll("pds-modal")).filter((t=>t.open));if(0===t.length)return!1;if(!this.el.querySelector(".pds-modal__backdrop"))return!1;const i=t.map((t=>this.getBackdropZIndex(t))),o=Math.max(...i);return this.getBackdropZIndex(this.el)===o}modalDialogAbove(t){var i;for(let o=s("dialog[open]",t);o instanceof HTMLElement;){if(o===this.modalRef)return!1;if(o.matches(":modal"))return!0;o=s("dialog[open]",null!==(i=o.parentElement)&&void 0!==i?i:o.getRootNode().host)}return!1}stopIndex(t){const i=this.focusableElements.indexOf(t);if(i>=0)return i;for(let i=this.focusableElements.length-1;i>=0;i--)if(c(this.focusableElements[i],t))return i;return-1}resolveSize(){var t;const i=(null!==(t=this.size)&&void 0!==t?t:"").trim()||"md";return a.includes(i)?[i]:/^[a-z0-9.%+\-*/(), ]+$/i.test(o=i)&&/\d/.test(o)&&("undefined"==typeof CSS||CSS.supports("max-width",o))?["custom",i]:[void 0];var o}warnOnInvalidSize(){void 0===this.resolveSize()[0]&&console.warn(`pds-modal: invalid size "${String(this.size).slice(0,50)}", using md`)}render(){const[t="md",i]=this.resolveSize();return o("dialog",{key:"12ea38928ea287f16ffa33e246caa2bfde6fc130",class:{"pds-modal__backdrop":!0,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":`${this.componentId}-heading`,onClick:this.handleBackdropClick},o("div",{key:"b9d83cabda56c315d9115f7030e3bdbcf923ec08",class:{"pds-modal":!0,[`pds-modal--${t}`]:!0,"pds-modal--scrollable":this.scrollable},style:void 0!==i?{"--pds-modal-max-width":i}:void 0,part:"modal"},o("slot",{key:"3c5edad1482cb124e503197adf411890573b076d"})))}get el(){return e(this)}static get watchers(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}}};m.style='.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[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.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}';export{m as pds_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as d,a as t}from"./p-CmSJytt1.js";import{u as o}from"./p-RFpTWV6r.js";import"./p-BLG6RDBt.js";const r=class{constructor(d){e(this,d)}componentDidRender(){o(this.el.querySelector(".pds-drawer-content"),".pds-drawer-content")}render(){return d("div",{key:"f307939ab0a94f6a0d8a3675c658def0ded68b98",class:"pds-drawer-content"},d("slot",{key:"dadac08ac15bb8ded98ea982511e2d57bea9bdca"}))}get el(){return t(this)}};r.style="pds-drawer-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}.pds-drawer-content{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:var(--pine-dimension-md);width:100%}.pds-modal--scrollable pds-drawer-content{overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-drawer-content{overflow-y:visible}";export{r as pds_drawer_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-BR5nujVX.system.js"],(function(n){"use strict";var t,i,e,r;return{setters:[function(n){t=n.r;i=n.h;e=n.H;r=n.a},null],execute:function(){var s=false;var o=function(n){var t;var i=(t=document.head.querySelector("meta[data-pine-asset-path]"))===null||t===void 0?void 0:t.dataset.pineAssetPath;var e=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var o=i||e||r;if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=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 a=n;if(n.startsWith("./")){a=n.substring(2)}if(!o.endsWith("/")){a="/"+a}return o+a};var a;var l=function(){if(typeof window==="undefined"){return new Map}else{if(!a){var n=window;n.PdsIcons=n.PdsIcons||{};a=n.PdsIcons.map=n.PdsIcons.map||new Map}return a}};var u=function(n,t){if(!n&&t&&!v(t)){n=t}if(m(n)){n=p(n)}if(!m(n)||n.trim()===""){return null}var i=n.replace(/[a-z]|-|\d/gi,"");if(i!=""){return null}return n};var f=function(n){var t=l().get(n);if(t){return t}return o("svg/".concat(n,".svg"))};var c=function(n){if(m(n)){n=n.trim();if(v(n)){return n}}return null};var h=function(n){var t=c(n.src);if(t){return t}t=u(n.name,n.icon);if(t){return f(t)}if(n.icon){t=c(n.icon);if(t){return t}}return null};var d=function(n){if(n){if(n.dir!==""){return n.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var v=function(n){return n.length>0&&/(\/|\.)/.test(n)};var m=function(n){return typeof n==="string"};var p=function(n){return n.toLowerCase()};var g=function(n){if(!m(n))return undefined;var t=n.trim();if(t==="")return undefined;if(t.startsWith("var("))return t;if(t.startsWith("--"))return"var(".concat(t,")");return t};var w=function(n,t){if(t===void 0){t=[]}var i={};t.forEach((function(t){if(n.hasAttribute(t)){var e=n.getAttribute(t);if(e!==null){i[t]=n.getAttribute(t)}n.removeAttribute(t)}}));return i};var b=function(n,t){var i=d(t);return i&&y.includes(n)};var y=["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 x=function(n){var t=document.createElement("div");t.innerHTML=n;for(var i=t.childNodes.length-1;i>=0;i--){if(t.childNodes[i].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[i])}}var e=t.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){var r=e.getAttribute("class")||"";e.setAttribute("class",(r+" s-pds-icon").trim());if(C(e)){return t.innerHTML}}return""};var C=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var t=0;t<n.attributes.length;t++){var i=n.attributes[t].name;if(m(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(var t=0;t<n.childNodes.length;t++){if(!C(n.childNodes[t])){return false}}}return true};var j=function(n){return n.startsWith("data:image/svg+xml")};var k=function(n){return n.indexOf(";utf8,")!==-1};var I=new Map;var P=new Map;var O;var M=function(n,t){if(t===void 0){t=false}var i=P.get(n);if(!i){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(j(n)&&k(n)){if(!O){O=new DOMParser}try{var e=O.parseFromString(n,"text/html");var r=e.querySelector("svg");if(r){I.set(n,r.outerHTML)}else{I.set(n,"")}}catch(t){I.set(n,"")}return Promise.resolve()}else{i=fetch(n).then((function(i){if(i.ok){return i.text().then((function(i){if(i&&t!==false){try{i=x(i)}catch(n){i=""}}I.set(n,i||"")}))}else{throw new Error("Failed to load SVG: ".concat(i.status," ").concat(i.statusText))}})).catch((function(t){console.warn("Failed to load SVG:",n,t);I.set(n,"")}));P.set(n,i)}}else{I.set(n,"");return Promise.resolve()}}return i};var S=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 X=n("pds_icon",function(){function n(n){var i=this;t(this,n);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var n=i.el;return n.hasAttribute("aria-hidden")&&n.getAttribute("aria-hidden")==="true"}}n.prototype.iconSize=function(){var n={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(n[this.size]){return n[this.size]}else{return this.size}};n.prototype.componentDidLoad=function(){var n=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!n.svgContent&&!n.isVisible){n.isVisible=true;n.loadIcon()}}),100);setTimeout((function(){if(!n.svgContent&&!n.isVisible){n.isVisible=true;n.loadIcon()}}),500)};n.prototype.componentWillLoad=function(){this.inheritedAttributes=w(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};n.prototype.setCSSVariables=function(){var n;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",(n=g(this.color))!==null&&n!==void 0?n:"currentColor")};n.prototype.connectedCallback=function(){var n=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.updateStyles=function(){this.setCSSVariables()};n.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};n.prototype.loadIcon=function(){var n=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var t=h(this);if(t){if(I.has(t)){this.svgContent=I.get(t)}else{M(t).then((function(){setTimeout((function(){n.svgContent=I.get(t)}),0)})).catch((function(){n.svgContent=""}))}this.didLoadIcon=true}}this.iconName=u(this.name,this.icon)};n.prototype.render=function(){var n=this,t=n.ariaLabel,r=n.flipRtl,s=n.iconName,o=n.inheritedAttributes;var a=s?b(s,this.el)&&r!==false:false;var l=r||a;var u=o["aria-label"]||t;return i(e,Object.assign({key:"3af1c02235a2645bc3bb300831b19779cca78827","aria-label":u!==undefined&&!this.hasAriaHidden()?u:null,alt:"",role:"img",class:Object.assign(Object.assign({},D(this.color)),{"flip-rtl":l,"icon-rtl":l&&d(this.el)})},o),this.svgContent?i("div",{class:"icon-inner",innerHTML:this.svgContent}):i("div",{class:"icon-inner"}))};n.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var n=u(this.name,this.icon);if(n){this.ariaLabel=n.replace(/\-/g," ")}}};n.prototype.waitUntilVisible=function(n,t,i){var e=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();e.io=undefined;i()}}),{rootMargin:t});r.observe(n);setTimeout((function(){if(e.io&&!e.isVisible){if(e.isElementInViewport(n)){e.io.disconnect();e.io=undefined;i()}}}),1e3)}else{i()}};n.prototype.isElementInViewport=function(n){if(!n||!n.isConnected)return false;var t=n.getBoundingClientRect();var i=window.innerHeight||document.documentElement.clientHeight;var e=window.innerWidth||document.documentElement.clientWidth;return t.top>=0&&t.left>=0&&t.bottom<=i&&t.right<=e||t.top<i&&t.bottom>0&&t.left<e&&t.right>0};n.prototype.debugIconState=function(){var n;var t=h(this);var i=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:t,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((n=this.svgContent)===null||n===void 0?void 0:n.length)||0,isInCache:t?I.has(t):false,cachedContent:t?I.get(t):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:i,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}},enumerable:false,configurable:true});return n}());var D=function(n){var t;return n?(t={"pds-color":true},t["pds-color-".concat(n)]=true,t):null};X.style=S()}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-BbXp4qBM.system.js","./p-BR5nujVX.system.js"],(function(t){"use strict";var e,o,n,s;return{setters:[function(t){e=t.r;o=t.h;n=t.a},function(t){s=t.u},null],execute:function(){var r=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var c=t("pds_modal_footer",function(){function t(t){e(this,t)}t.prototype.componentDidRender=function(){s(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};t.prototype.render=function(){return o("footer",{key:"030153b84f1ea1cb133c9ccec3ad86583995974f",class:"pds-modal__footer"},o("slot",{key:"3a479e7047f3e845a65c37d60539648c8ff78602"}))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=r()}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-XW4H0W6i.system.js","./p-BbXp4qBM.system.js","./p-BR5nujVX.system.js"],(function(t){"use strict";var e,s,a,n,i,l;return{setters:[function(t){e=t.r;s=t.h;a=t.H;n=t.a},function(t){i=t.H},function(t){l=t.u},null],execute:function(){var p=function(){return":host{display:block}:host(.pds-tabpanel--stretch-active){-ms-flex:1 1 auto;flex:1 1 auto;min-block-size:0}:host(.pds-tabpanel--stretch-active) .pds-tabpanel.is-active{block-size:100%}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}"};var c=t("pds_tabpanel",function(){function t(t){e(this,t);this.hostKeeper=new i;this.selected=false;this.stretch=false}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};t.prototype.componentDidRender=function(){l(this.el.querySelector(".pds-tabpanel"),".pds-tabpanel")};t.prototype.render=function(){var t=this.stretch&&this.selected?"pds-tabpanel--stretch-active":"";this.hostKeeper.record(t,{},{slot:"tabpanels"});return s(a,{key:"5d867e31d0f5f14e18f1c81035991c90bb5fe529",slot:"tabpanels",class:t||undefined},s("div",{key:"255d37a73089904cfb170cd89f7b829756f6295f",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},s("slot",{key:"714d3d0cf0fc6173e243a2b077d9b9918ae4acf9"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=p()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-CGRdQc49.system.js","./p-BbXp4qBM.system.js","./p-BR5nujVX.system.js"],(function(t){"use strict";var e,o,r,n,s;return{setters:[function(t){e=t.r;o=t.h;r=t.H;n=t.a},function(t){s=t.u},null],execute:function(){var i=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 d=t("pds_modal_content",function(){function t(t){e(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}t.prototype.componentDidRender=function(){s(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 r=o.scrollHeight>o.clientHeight;if(!r){this.border="none";return}var n=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var d=n+i;var a=3;var l=n<=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 r=t.el.querySelector(".pds-modal-content");if(r){r.style.maxHeight="none"}return}var n=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=n?n.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 r=t.el.querySelector(".pds-modal-content");if(r){r.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 o(r,{key:"d41d5632eb6a2dafe921546af60f835d3545cc4f"},o("div",{key:"741ac9f28149039ecf5051142a939ab62ef26a87",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},o("slot",{key:"090a52e9425d4df61c2d8216cc19f0925babdffe"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());d.style=i()}}}));
|