@pine-ds/core 4.10.0 → 4.12.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/aria-references.js +1 -0
- package/components/attributes.js +1 -1
- package/components/index2.js +1 -1
- package/components/pds-alert.js +1 -1
- package/components/pds-avatar.js +1 -1
- package/components/pds-box2.js +1 -1
- package/components/pds-button2.js +1 -1
- package/components/pds-checkbox2.js +1 -1
- package/components/pds-chip2.js +1 -1
- package/components/pds-combobox.js +2 -2
- package/components/pds-copytext.js +1 -1
- package/components/pds-datepicker.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-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-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-radio-group.js +1 -1
- package/components/pds-radio.js +1 -1
- package/components/pds-select.js +1 -1
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +2 -2
- package/components/pds-switch.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-table.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/components/sortable-label.js +1 -0
- package/components/truncation-tooltip.js +1 -1
- package/dist/cjs/aria-references-CUmqibnO.js +54 -0
- package/dist/cjs/{attributes-CW49XqaL.js → attributes-Cgbkw6gO.js} +3 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-alert.cjs.entry.js +2 -2
- package/dist/cjs/pds-avatar.cjs.entry.js +3 -2
- package/dist/cjs/pds-box.cjs.entry.js +4 -3
- package/dist/cjs/pds-button.cjs.entry.js +25 -45
- package/dist/cjs/pds-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/pds-chip.cjs.entry.js +3 -3
- package/dist/cjs/pds-combobox.cjs.entry.js +246 -106
- package/dist/cjs/pds-copytext.cjs.entry.js +3 -3
- package/dist/cjs/pds-datepicker.cjs.entry.js +295 -82
- package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer.cjs.entry.js +5 -7
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +85 -49
- package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +2 -2
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +83 -10
- package/dist/cjs/pds-filter.cjs.entry.js +24 -2
- package/dist/cjs/pds-image.cjs.entry.js +148 -6
- package/dist/cjs/pds-input.cjs.entry.js +4 -4
- package/dist/cjs/pds-link.cjs.entry.js +4 -5
- package/dist/cjs/pds-loader.cjs.entry.js +4 -3
- package/dist/cjs/pds-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal.cjs.entry.js +9 -12
- package/dist/cjs/pds-multiselect.cjs.entry.js +64 -18
- package/dist/cjs/pds-popover.cjs.entry.js +8 -6
- package/dist/cjs/pds-progress.cjs.entry.js +3 -3
- package/dist/cjs/pds-radio-group.cjs.entry.js +4 -4
- package/dist/cjs/pds-radio.cjs.entry.js +6 -6
- package/dist/cjs/pds-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +2 -2
- package/dist/cjs/pds-sortable-item.cjs.entry.js +28 -5
- package/dist/cjs/pds-sortable.cjs.entry.js +356 -4
- package/dist/cjs/pds-switch.cjs.entry.js +92 -15
- package/dist/cjs/pds-tab.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-cell.cjs.entry.js +24 -5
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +59 -11
- package/dist/cjs/pds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +260 -5
- package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabs.cjs.entry.js +3 -3
- package/dist/cjs/pds-text.cjs.entry.js +5 -3
- package/dist/cjs/pds-textarea.cjs.entry.js +8 -7
- package/dist/cjs/pds-toast.cjs.entry.js +8 -4
- package/dist/cjs/pds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/cjs/sortable-label-DOcJrHvA.js +37 -0
- package/dist/cjs/{truncation-tooltip-Bikp7n9I.js → truncation-tooltip-CM5HgRHh.js} +69 -0
- package/dist/collection/components/pds-alert/pds-alert.css +0 -3
- package/dist/collection/components/pds-alert/pds-alert.js +3 -2
- package/dist/collection/components/pds-avatar/pds-avatar.js +7 -6
- package/dist/collection/components/pds-avatar/stories/pds-avatar.stories.js +1 -1
- package/dist/collection/components/pds-box/pds-box.css +1273 -1189
- package/dist/collection/components/pds-box/pds-box.js +180 -156
- package/dist/collection/components/pds-box/stories/pds-box.stories.js +79 -37
- package/dist/collection/components/pds-button/pds-button.js +26 -4
- package/dist/collection/components/pds-button/stories/pds-button.stories.js +25 -11
- package/dist/collection/components/pds-checkbox/pds-checkbox.js +10 -10
- package/dist/collection/components/pds-chip/pds-chip.js +3 -3
- package/dist/collection/components/pds-combobox/pds-combobox.css +162 -53
- package/dist/collection/components/pds-combobox/pds-combobox.js +261 -121
- package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +35 -4
- package/dist/collection/components/pds-copytext/pds-copytext.js +2 -2
- package/dist/collection/components/pds-datepicker/date-utils.js +42 -0
- package/dist/collection/components/pds-datepicker/pds-datepicker.js +164 -65
- package/dist/collection/components/pds-datepicker/presets.js +42 -7
- package/dist/collection/components/pds-datepicker/stories/pds-datepicker.stories.js +11 -0
- package/dist/collection/components/pds-datepicker/value.js +76 -18
- package/dist/collection/components/pds-drawer/pds-drawer-content/pds-drawer-content.js +2 -5
- package/dist/collection/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.js +2 -1
- package/dist/collection/components/pds-drawer/pds-drawer-header/pds-drawer-header.js +2 -1
- package/dist/collection/components/pds-drawer/pds-drawer.js +8 -10
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.css +17 -8
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +95 -62
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +3 -3
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +2 -0
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +84 -9
- package/dist/collection/components/pds-dropdown-menu/stories/pds-dropdown-menu.stories.js +24 -1
- package/dist/collection/components/pds-filters/pds-filter/pds-filter.css +2 -1
- package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +24 -7
- package/dist/collection/components/pds-image/image-interface.js +1 -0
- package/dist/collection/components/pds-image/pds-image.css +11 -0
- package/dist/collection/components/pds-image/pds-image.js +249 -8
- package/dist/collection/components/pds-image/stories/pds-image.stories.js +117 -1
- package/dist/collection/components/pds-input/pds-input.js +14 -9
- package/dist/collection/components/pds-link/pds-link.js +10 -14
- package/dist/collection/components/pds-link/stories/pds-link.stories.js +6 -2
- package/dist/collection/components/pds-loader/pds-loader.js +5 -4
- package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +2 -1
- package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +2 -1
- package/dist/collection/components/pds-modal/pds-modal.js +11 -13
- package/dist/collection/components/pds-modal/stories/pds-modal.stories.js +7 -7
- package/dist/collection/components/pds-multiselect/pds-multiselect.css +2 -2
- package/dist/collection/components/pds-multiselect/pds-multiselect.js +63 -18
- package/dist/collection/components/pds-popover/pds-popover.css +1 -1
- package/dist/collection/components/pds-popover/pds-popover.js +9 -7
- package/dist/collection/components/pds-progress/pds-progress.js +4 -4
- package/dist/collection/components/pds-radio/pds-radio.css +5 -1
- package/dist/collection/components/pds-radio/pds-radio.js +9 -9
- package/dist/collection/components/pds-radio/stories/pds-radio.stories.js +9 -9
- package/dist/collection/components/pds-radio-group/pds-radio-group.js +7 -7
- package/dist/collection/components/pds-radio-group/stories/pds-radio-group.stories.js +3 -3
- package/dist/collection/components/pds-row/stories/pds-row.stories.js +15 -14
- package/dist/collection/components/pds-select/pds-select.js +7 -4
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.css +38 -0
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +47 -5
- package/dist/collection/components/pds-sortable/pds-sortable.js +481 -5
- package/dist/collection/components/pds-sortable/sortable-label.js +33 -0
- package/dist/collection/components/pds-sortable/stories/pds-sortable.stories.js +27 -0
- package/dist/collection/components/pds-switch/pds-switch.js +114 -17
- package/dist/collection/components/pds-switch/stories/pds-switch.stories.js +79 -0
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +4 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +47 -4
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +6 -2
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.css +11 -0
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +98 -10
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +5 -1
- package/dist/collection/components/pds-table/pds-table.css +8 -0
- package/dist/collection/components/pds-table/pds-table.js +295 -7
- package/dist/collection/components/pds-table/stories/pds-table.stories.js +131 -6
- package/dist/collection/components/pds-tabs/pds-tabs.js +3 -3
- package/dist/collection/components/pds-tabs/stories/pds-tabs.stories.js +1 -1
- package/dist/collection/components/pds-text/pds-text.js +5 -3
- package/dist/collection/components/pds-textarea/pds-textarea.js +16 -14
- package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js +2 -13
- package/dist/collection/components/pds-toast/pds-toast.css +4 -3
- package/dist/collection/components/pds-toast/pds-toast.js +9 -5
- package/dist/collection/components/pds-toast/stories/pds-toast.stories.js +2 -2
- package/dist/collection/components/pds-tooltip/pds-tooltip.css +2 -1
- package/dist/collection/components/pds-tooltip/stories/pds-tooltip.stories.js +17 -17
- package/dist/collection/utils/aria-references.js +9 -3
- package/dist/collection/utils/truncation-tooltip.js +67 -0
- package/dist/docs.json +1150 -371
- package/dist/esm/aria-references-CNn1lObg.js +50 -0
- package/dist/esm/{attributes-DkeVeN0g.js → attributes-CD8knu3a.js} +3 -0
- package/dist/esm/{index-DvN3tyZp.js → index-B0DXTeeV.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-accordion.entry.js +1 -1
- package/dist/esm/pds-alert.entry.js +2 -2
- package/dist/esm/pds-avatar.entry.js +4 -3
- package/dist/esm/pds-box.entry.js +4 -3
- package/dist/esm/pds-button.entry.js +24 -44
- package/dist/esm/pds-checkbox.entry.js +5 -5
- package/dist/esm/pds-chip.entry.js +4 -4
- package/dist/esm/pds-combobox.entry.js +246 -106
- package/dist/esm/pds-copytext.entry.js +4 -4
- package/dist/esm/pds-datepicker.entry.js +296 -83
- package/dist/esm/pds-drawer-content.entry.js +1 -1
- package/dist/esm/pds-drawer-footer.entry.js +1 -1
- package/dist/esm/pds-drawer-header.entry.js +1 -1
- package/dist/esm/pds-drawer.entry.js +5 -7
- package/dist/esm/pds-dropdown-menu-item.entry.js +85 -49
- package/dist/esm/pds-dropdown-menu-separator.entry.js +2 -2
- package/dist/esm/pds-dropdown-menu.entry.js +84 -11
- package/dist/esm/pds-filter.entry.js +25 -3
- package/dist/esm/pds-image.entry.js +149 -7
- package/dist/esm/pds-input.entry.js +5 -5
- package/dist/esm/pds-link.entry.js +5 -6
- package/dist/esm/pds-loader.entry.js +4 -3
- package/dist/esm/pds-modal-footer.entry.js +1 -1
- package/dist/esm/pds-modal-header.entry.js +1 -1
- package/dist/esm/pds-modal.entry.js +9 -12
- package/dist/esm/pds-multiselect.entry.js +65 -19
- package/dist/esm/pds-popover.entry.js +8 -6
- package/dist/esm/pds-progress.entry.js +3 -3
- package/dist/esm/pds-radio-group.entry.js +5 -5
- package/dist/esm/pds-radio.entry.js +7 -7
- package/dist/esm/pds-row.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +3 -3
- package/dist/esm/pds-sortable-item.entry.js +29 -6
- package/dist/esm/pds-sortable.entry.js +357 -5
- package/dist/esm/pds-switch.entry.js +94 -17
- package/dist/esm/pds-tab.entry.js +1 -1
- package/dist/esm/pds-table-body.entry.js +1 -1
- package/dist/esm/pds-table-cell.entry.js +24 -5
- package/dist/esm/pds-table-head-cell.entry.js +60 -12
- package/dist/esm/pds-table-head.entry.js +1 -1
- package/dist/esm/pds-table-row.entry.js +1 -1
- package/dist/esm/pds-table.entry.js +261 -6
- package/dist/esm/pds-tabpanel.entry.js +1 -1
- package/dist/esm/pds-tabs.entry.js +3 -3
- package/dist/esm/pds-text.entry.js +5 -3
- package/dist/esm/pds-textarea.entry.js +9 -8
- package/dist/esm/pds-toast.entry.js +8 -4
- package/dist/esm/pds-tooltip.entry.js +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm/sortable-label-PItnzVVR.js +35 -0
- package/dist/esm/{truncation-tooltip-DBcPipr9.js → truncation-tooltip-CkIWm6Z-.js} +68 -1
- package/dist/esm-es5/aria-references-CNn1lObg.js +1 -0
- package/dist/esm-es5/{attributes-DkeVeN0g.js → attributes-CD8knu3a.js} +1 -1
- package/dist/esm-es5/{index-DvN3tyZp.js → index-B0DXTeeV.js} +1 -1
- package/dist/esm-es5/loader.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 +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-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-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-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-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/esm-es5/sortable-label-PItnzVVR.js +1 -0
- package/dist/esm-es5/truncation-tooltip-CkIWm6Z-.js +1 -0
- package/dist/pine-core/{p-f834cb07.system.entry.js → p-00891b8d.system.entry.js} +1 -1
- package/dist/pine-core/{p-3f8bd3fb.system.entry.js → p-053ff8eb.system.entry.js} +1 -1
- package/dist/pine-core/p-08b9e3ad.entry.js +1 -0
- package/dist/pine-core/{p-4d98bc0c.system.entry.js → p-0a7570dd.system.entry.js} +1 -1
- package/dist/pine-core/{p-d018dc60.system.entry.js → p-0ac4262e.system.entry.js} +1 -1
- package/dist/pine-core/{p-89d38a82.system.entry.js → p-0e1b8bd1.system.entry.js} +1 -1
- package/dist/pine-core/{p-e1d1b5d8.entry.js → p-12fdc65f.entry.js} +1 -1
- package/dist/pine-core/{p-d48fe5a0.system.entry.js → p-16fceef6.system.entry.js} +1 -1
- package/dist/pine-core/p-1765a41b.system.entry.js +1 -0
- package/dist/pine-core/{p-a594c41f.entry.js → p-18524c25.entry.js} +1 -1
- package/dist/pine-core/p-1a013a5c.system.entry.js +1 -0
- package/dist/pine-core/{p-2b9622c1.system.entry.js → p-1ab52531.system.entry.js} +1 -1
- package/dist/pine-core/p-1c584a20.entry.js +1 -0
- package/dist/pine-core/p-1edef412.entry.js +1 -0
- package/dist/pine-core/{p-5946203c.entry.js → p-1f998e3e.entry.js} +1 -1
- package/dist/pine-core/{p-39e57657.entry.js → p-1fb1ca3d.entry.js} +1 -1
- package/dist/pine-core/p-2b6becc2.entry.js +1 -0
- package/dist/pine-core/p-2cc7c682.entry.js +1 -0
- package/dist/pine-core/{p-639acef8.system.entry.js → p-2ddcd845.system.entry.js} +1 -1
- package/dist/pine-core/{p-6a1aa8d3.entry.js → p-2f15e85f.entry.js} +1 -1
- package/dist/pine-core/{p-67f795d5.system.entry.js → p-33da254f.system.entry.js} +1 -1
- package/dist/pine-core/{p-c6a9e62c.system.entry.js → p-3fc9ef80.system.entry.js} +1 -1
- package/dist/pine-core/p-4125a4a6.system.entry.js +1 -0
- package/dist/pine-core/p-47df9e9f.system.entry.js +3 -0
- package/dist/pine-core/p-51680c9c.system.entry.js +1 -0
- package/dist/pine-core/p-55535481.system.entry.js +1 -0
- package/dist/pine-core/p-55a4659a.system.entry.js +1 -0
- package/dist/pine-core/{p-c5e1eb3c.system.entry.js → p-57af5c29.system.entry.js} +1 -1
- package/dist/pine-core/p-57edd301.system.entry.js +1 -0
- package/dist/pine-core/{p-bfa34194.entry.js → p-5d582798.entry.js} +1 -1
- package/dist/pine-core/p-5db87fda.system.entry.js +1 -0
- package/dist/pine-core/{p-19cf1d91.system.entry.js → p-5eb0c78c.system.entry.js} +1 -1
- package/dist/pine-core/{p-42f70f93.system.entry.js → p-6017afb5.system.entry.js} +1 -1
- package/dist/pine-core/{p-63f85859.system.entry.js → p-60e65fe0.system.entry.js} +1 -1
- package/dist/pine-core/{p-973c3ac0.entry.js → p-627a94da.entry.js} +1 -1
- package/dist/pine-core/{p-a9d96e22.entry.js → p-68328afc.entry.js} +1 -1
- package/dist/pine-core/{p-bd7dc317.system.entry.js → p-72668673.system.entry.js} +1 -1
- package/dist/pine-core/p-72ff5ad2.system.entry.js +1 -0
- package/dist/pine-core/p-736ea7dd.entry.js +7 -0
- package/dist/pine-core/p-765f4207.entry.js +1 -0
- package/dist/pine-core/{p-2a18852f.entry.js → p-77530cf2.entry.js} +1 -1
- package/dist/pine-core/p-77a22399.entry.js +1 -0
- package/dist/pine-core/p-783127bf.entry.js +1 -0
- package/dist/pine-core/{p-d9719e37.entry.js → p-82f7eed1.entry.js} +1 -1
- package/dist/pine-core/{p-124a0a24.entry.js → p-84d4ae26.entry.js} +1 -1
- package/dist/pine-core/p-8deeda07.entry.js +1 -0
- package/dist/pine-core/{p-849ec281.system.entry.js → p-8e17a6d8.system.entry.js} +1 -1
- package/dist/pine-core/p-8e7e7bba.entry.js +1 -0
- package/dist/pine-core/{p-e82f758f.system.entry.js → p-907c69e9.system.entry.js} +1 -1
- package/dist/pine-core/{p-1415c988.system.entry.js → p-90f83a5b.system.entry.js} +1 -1
- package/dist/pine-core/p-97145eee.system.entry.js +1 -0
- package/dist/pine-core/{p-a09c9c5e.system.entry.js → p-9d983e09.system.entry.js} +1 -1
- package/dist/pine-core/{p-1e3ef425.entry.js → p-9e005996.entry.js} +1 -1
- package/dist/pine-core/{p-DvN3tyZp.js → p-B0DXTeeV.js} +1 -1
- package/dist/pine-core/{p-CNXspDYs.system.js → p-BlJQebvG.system.js} +1 -1
- package/dist/pine-core/p-C35-349-.system.js +1 -0
- package/dist/pine-core/{p-vFsJv75D.system.js → p-CIe1DGXa.system.js} +1 -1
- package/dist/pine-core/p-CNn1lObg.js +1 -0
- package/dist/pine-core/p-CQJ44c6o.system.js +1 -0
- package/dist/pine-core/p-Dv9QBmIF.js +1 -0
- package/dist/pine-core/p-PItnzVVR.js +1 -0
- package/dist/pine-core/p-VPGVqK3P.system.js +1 -0
- package/dist/pine-core/p-XK45dzWR.system.js +1 -1
- package/dist/pine-core/p-a149af29.entry.js +1 -0
- package/dist/pine-core/p-a20d9eca.system.entry.js +1 -0
- package/dist/pine-core/{p-f6f4fd42.entry.js → p-a5782d99.entry.js} +1 -1
- package/dist/pine-core/p-a5e9c583.entry.js +1 -0
- package/dist/pine-core/{p-4d47023c.system.entry.js → p-a9eaf160.system.entry.js} +1 -1
- package/dist/pine-core/{p-143b33a6.entry.js → p-b00b07e3.entry.js} +1 -1
- package/dist/pine-core/{p-c7a53c4f.entry.js → p-b7b29392.entry.js} +1 -1
- package/dist/pine-core/p-b96bdff6.entry.js +1 -0
- package/dist/pine-core/{p-f71d71ca.entry.js → p-bbd9ab75.entry.js} +1 -1
- package/dist/pine-core/p-bdab6c9f.entry.js +1 -0
- package/dist/pine-core/p-biShcgLI.js +1 -0
- package/dist/pine-core/{p-548bce53.system.entry.js → p-c12b5cd7.system.entry.js} +1 -1
- package/dist/pine-core/p-c1dc7692.entry.js +1 -0
- package/dist/pine-core/p-c76d8b9e.system.entry.js +1 -0
- package/dist/pine-core/{p-590df41a.entry.js → p-c89ea2d3.entry.js} +1 -1
- package/dist/pine-core/{p-d920d759.system.entry.js → p-c9630934.system.entry.js} +1 -1
- package/dist/pine-core/{p-6f4ab1ea.system.entry.js → p-cb9227f6.system.entry.js} +1 -1
- package/dist/pine-core/p-ceef0eb1.entry.js +1 -0
- package/dist/pine-core/p-d1283e8d.entry.js +1 -0
- package/dist/pine-core/p-d676926d.system.entry.js +1 -0
- package/dist/pine-core/{p-61cfdbb2.entry.js → p-d7d7a4e1.entry.js} +1 -1
- package/dist/pine-core/p-d85d50cb.entry.js +1 -0
- package/dist/pine-core/p-daa802f1.entry.js +2 -0
- package/dist/pine-core/p-ddf4b9b5.system.entry.js +1 -0
- package/dist/pine-core/p-de3b319e.system.entry.js +8 -0
- package/dist/pine-core/{p-cb9baf78.system.entry.js → p-e00777da.system.entry.js} +1 -1
- package/dist/pine-core/p-e2541eeb.entry.js +1 -0
- package/dist/pine-core/{p-01f1cdaf.system.entry.js → p-e2a1a49a.system.entry.js} +1 -1
- package/dist/pine-core/p-e4ebea88.system.entry.js +1 -0
- package/dist/pine-core/{p-947582e1.entry.js → p-e554bd64.entry.js} +1 -1
- package/dist/pine-core/{p-dd7ded84.entry.js → p-e6427c87.entry.js} +1 -1
- package/dist/pine-core/{p-50ddadbf.entry.js → p-e72e8b8f.entry.js} +1 -1
- package/dist/pine-core/p-e92d0f0f.system.entry.js +1 -0
- package/dist/pine-core/{p-9b32727a.system.entry.js → p-eab165b9.system.entry.js} +1 -1
- package/dist/pine-core/p-eabc4bd8.entry.js +1 -0
- package/dist/pine-core/p-ef9f84f2.system.entry.js +1 -0
- package/dist/pine-core/{p-c9ae7964.entry.js → p-f026af73.entry.js} +1 -1
- package/dist/pine-core/{p-99530cb5.entry.js → p-f0509c8e.entry.js} +1 -1
- package/dist/pine-core/p-f1252e72.system.entry.js +1 -0
- package/dist/pine-core/p-f3496fd1.entry.js +1 -0
- package/dist/pine-core/{p-eecd9ad8.system.entry.js → p-f90f4be7.system.entry.js} +1 -1
- package/dist/pine-core/p-f9bdaadd.system.entry.js +1 -0
- package/dist/pine-core/{p-128c04e7.entry.js → p-fda791df.entry.js} +1 -1
- package/dist/pine-core/p-fea4296d.entry.js +1 -0
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-alert/pds-alert.d.ts +2 -1
- package/dist/types/components/pds-avatar/pds-avatar.d.ts +5 -4
- package/dist/types/components/pds-box/pds-box.d.ts +68 -57
- package/dist/types/components/pds-button/pds-button.d.ts +14 -3
- package/dist/types/components/pds-checkbox/pds-checkbox.d.ts +15 -8
- package/dist/types/components/pds-chip/pds-chip.d.ts +2 -2
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +48 -11
- package/dist/types/components/pds-copytext/pds-copytext.d.ts +3 -1
- package/dist/types/components/pds-datepicker/date-utils.d.ts +19 -0
- package/dist/types/components/pds-datepicker/datepicker-interface.d.ts +22 -5
- package/dist/types/components/pds-datepicker/pds-datepicker.d.ts +33 -7
- package/dist/types/components/pds-datepicker/presets.d.ts +3 -2
- package/dist/types/components/pds-datepicker/value.d.ts +14 -2
- package/dist/types/components/pds-drawer/pds-drawer-content/pds-drawer-content.d.ts +1 -4
- package/dist/types/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.d.ts +1 -0
- package/dist/types/components/pds-drawer/pds-drawer-header/pds-drawer-header.d.ts +1 -0
- package/dist/types/components/pds-drawer/pds-drawer.d.ts +4 -6
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +20 -16
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.d.ts +1 -1
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +7 -0
- package/dist/types/components/pds-filters/pds-filter/pds-filter.d.ts +6 -5
- package/dist/types/components/pds-image/image-interface.d.ts +12 -0
- package/dist/types/components/pds-image/pds-image.d.ts +69 -9
- package/dist/types/components/pds-input/pds-input.d.ts +17 -7
- package/dist/types/components/pds-link/pds-link.d.ts +8 -8
- package/dist/types/components/pds-loader/pds-loader.d.ts +3 -2
- package/dist/types/components/pds-modal/pds-modal-footer/pds-modal-footer.d.ts +1 -0
- package/dist/types/components/pds-modal/pds-modal-header/pds-modal-header.d.ts +1 -0
- package/dist/types/components/pds-modal/pds-modal.d.ts +7 -9
- package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +14 -8
- package/dist/types/components/pds-popover/pds-popover.d.ts +2 -2
- package/dist/types/components/pds-progress/pds-progress.d.ts +2 -2
- package/dist/types/components/pds-radio/pds-radio.d.ts +6 -5
- package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +5 -4
- package/dist/types/components/pds-select/pds-select.d.ts +9 -3
- package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +8 -2
- package/dist/types/components/pds-sortable/pds-sortable.d.ts +82 -1
- package/dist/types/components/pds-sortable/sortable-label.d.ts +7 -0
- package/dist/types/components/pds-switch/pds-switch.d.ts +17 -2
- package/dist/types/components/pds-table/pds-table-body/pds-table-body.d.ts +3 -0
- package/dist/types/components/pds-table/pds-table-cell/pds-table-cell.d.ts +10 -0
- package/dist/types/components/pds-table/pds-table-head/pds-table-head.d.ts +5 -1
- package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts +21 -0
- package/dist/types/components/pds-table/pds-table-row/pds-table-row.d.ts +4 -0
- package/dist/types/components/pds-table/pds-table.d.ts +76 -2
- package/dist/types/components/pds-tabs/pds-tabs.d.ts +1 -1
- package/dist/types/components/pds-textarea/pds-textarea.d.ts +15 -13
- package/dist/types/components/pds-toast/pds-toast.d.ts +5 -1
- package/dist/types/components.d.ts +505 -335
- package/dist/types/utils/aria-references.d.ts +4 -0
- package/dist/types/utils/truncation-tooltip.d.ts +39 -0
- package/dist/types/utils/types.d.ts +3 -0
- package/dist/vscode.html-data.json +350 -137
- package/hydrate/index.js +2054 -427
- package/hydrate/index.mjs +2054 -427
- package/package.json +3 -3
- package/readme.md +26 -55
- package/dist/esm-es5/truncation-tooltip-DBcPipr9.js +0 -1
- package/dist/pine-core/p-07323107.entry.js +0 -1
- package/dist/pine-core/p-08b8e941.entry.js +0 -1
- package/dist/pine-core/p-0b7b3fc2.system.entry.js +0 -3
- package/dist/pine-core/p-0d5f0ab5.system.entry.js +0 -1
- package/dist/pine-core/p-14dedf01.system.entry.js +0 -1
- package/dist/pine-core/p-1ca8d183.entry.js +0 -1
- package/dist/pine-core/p-1f62bb71.entry.js +0 -7
- package/dist/pine-core/p-2dd30d12.entry.js +0 -1
- package/dist/pine-core/p-35s7h-dk.js +0 -1
- package/dist/pine-core/p-3610cb3b.entry.js +0 -1
- package/dist/pine-core/p-39276663.entry.js +0 -1
- package/dist/pine-core/p-3a1dc752.system.entry.js +0 -1
- package/dist/pine-core/p-42d43c3f.system.entry.js +0 -1
- package/dist/pine-core/p-4a90b9c8.system.entry.js +0 -1
- package/dist/pine-core/p-4cfe922b.entry.js +0 -1
- package/dist/pine-core/p-5f181694.system.entry.js +0 -1
- package/dist/pine-core/p-60a30975.system.entry.js +0 -1
- package/dist/pine-core/p-62aa6a78.system.entry.js +0 -1
- package/dist/pine-core/p-64bcb378.entry.js +0 -1
- package/dist/pine-core/p-724baba3.system.entry.js +0 -1
- package/dist/pine-core/p-72659a0e.system.entry.js +0 -1
- package/dist/pine-core/p-8436cbfb.entry.js +0 -1
- package/dist/pine-core/p-8ade17ce.entry.js +0 -1
- package/dist/pine-core/p-8e7f75e6.entry.js +0 -1
- package/dist/pine-core/p-8fb520df.entry.js +0 -1
- package/dist/pine-core/p-92115e88.entry.js +0 -1
- package/dist/pine-core/p-94c9b7d1.system.entry.js +0 -1
- package/dist/pine-core/p-97356d4b.entry.js +0 -1
- package/dist/pine-core/p-97653e60.entry.js +0 -1
- package/dist/pine-core/p-97b73359.entry.js +0 -1
- package/dist/pine-core/p-BZVUD2on.js +0 -1
- package/dist/pine-core/p-Dj-z_ugg.system.js +0 -1
- package/dist/pine-core/p-ad5208a4.system.entry.js +0 -1
- package/dist/pine-core/p-afc2f165.entry.js +0 -1
- package/dist/pine-core/p-bcc378ba.system.entry.js +0 -8
- package/dist/pine-core/p-c8a0b562.system.entry.js +0 -1
- package/dist/pine-core/p-d47b2a6a.system.entry.js +0 -1
- package/dist/pine-core/p-d6f338e0.entry.js +0 -1
- package/dist/pine-core/p-da8b864a.entry.js +0 -2
- package/dist/pine-core/p-db7fb5a3.entry.js +0 -1
- package/dist/pine-core/p-de455073.system.entry.js +0 -1
- package/dist/pine-core/p-e3de6a1d.entry.js +0 -1
- package/dist/pine-core/p-e84fa9ed.entry.js +0 -1
- package/dist/pine-core/p-eb4f0daa.system.entry.js +0 -1
- package/dist/pine-core/p-eb56af4a.system.entry.js +0 -1
- package/dist/pine-core/p-ef0eba9b.system.entry.js +0 -1
- package/dist/pine-core/p-f11cce27.system.entry.js +0 -1
- package/dist/pine-core/p-f354dbac.entry.js +0 -1
|
@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
import type { ChipSentimentType, ChipSizeType, ChipVariantType } from "../../utils/types";
|
|
3
3
|
/**
|
|
4
4
|
* @slot (default) - The chip's label text.
|
|
5
|
-
* @part button
|
|
5
|
+
* @part button - Exposes the trigger button for styling. Appears only on the dropdown variant.
|
|
6
6
|
* @part dot - Exposes the dot for styling, such as a custom color. Appears only when `dot` is set.
|
|
7
7
|
* @part icon - Exposes the icon component for styling, such as a custom color. Appears only when `icon` is set.
|
|
8
8
|
*/
|
|
@@ -63,7 +63,7 @@ export declare class PdsChip {
|
|
|
63
63
|
removeUrl?: string;
|
|
64
64
|
/**
|
|
65
65
|
* HTTP method to use for the remove action.
|
|
66
|
-
*
|
|
66
|
+
* Maps to the `data-method` and `data-turbo-method` attributes on the remove link, for frameworks that read link methods from them.
|
|
67
67
|
* Only applies when removeUrl is provided.
|
|
68
68
|
*/
|
|
69
69
|
removeHttpMethod?: 'get' | 'post' | 'put' | 'patch' | 'delete';
|
|
@@ -7,6 +7,10 @@ import type { ComboboxOption, ComboboxSearchEventDetail, ComboboxLoadOptionsEven
|
|
|
7
7
|
* @slot trigger-content - Custom content for the button trigger when customTriggerContent is true
|
|
8
8
|
* @slot empty - Custom empty state message when no options match
|
|
9
9
|
* @slot loading - Custom loading indicator
|
|
10
|
+
* @part button-trigger - Exposes the button trigger for styling. Appears only when `trigger` is `button`.
|
|
11
|
+
* @part chip-trigger - Exposes the chip trigger for styling. Appears only when `trigger` is `chip`.
|
|
12
|
+
* @part combobox - Exposes the outer container around the label, trigger and messages for styling.
|
|
13
|
+
* @part input - Exposes the native `input` element for styling. Appears only when `trigger` is `input`, the default.
|
|
10
14
|
*/
|
|
11
15
|
export declare class PdsCombobox implements BasePdsProps {
|
|
12
16
|
/** Reference to the host element */
|
|
@@ -46,10 +50,10 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
46
50
|
*/
|
|
47
51
|
dropdownPlacement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
48
52
|
/**
|
|
49
|
-
* Width of the dropdown. Any valid CSS width value.
|
|
50
|
-
*
|
|
53
|
+
* Width of the dropdown, including its padding. Any valid CSS width value.
|
|
54
|
+
* Without it, the dropdown is 252px wide, 244px with grouped options and 236px with a panel search.
|
|
51
55
|
*/
|
|
52
|
-
dropdownWidth
|
|
56
|
+
dropdownWidth?: string;
|
|
53
57
|
/**
|
|
54
58
|
* Where to mount the dropdown listbox (`host` or `body`, sometimes called “append to body”).
|
|
55
59
|
* Use `body` inside scrollable containers (for example modals) so the list is not clipped by
|
|
@@ -77,14 +81,16 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
77
81
|
*/
|
|
78
82
|
noOptionsFoundLabel: string;
|
|
79
83
|
/**
|
|
80
|
-
* Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width
|
|
81
|
-
*
|
|
84
|
+
* Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width
|
|
85
|
+
* value, including its padding.
|
|
86
|
+
* @default '388px'
|
|
82
87
|
*/
|
|
83
88
|
flyoutMaxWidth: string;
|
|
84
89
|
/**
|
|
85
|
-
* Minimum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width
|
|
86
|
-
* The flyout is as wide as its options, between this and
|
|
87
|
-
*
|
|
90
|
+
* Minimum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width
|
|
91
|
+
* value, including its padding. The flyout is as wide as its options, between this and
|
|
92
|
+
* `flyout-max-width`.
|
|
93
|
+
* @default '288px'
|
|
88
94
|
*/
|
|
89
95
|
flyoutMinWidth: string;
|
|
90
96
|
/**
|
|
@@ -198,7 +204,7 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
198
204
|
*/
|
|
199
205
|
chipDot: boolean;
|
|
200
206
|
/**
|
|
201
|
-
* The value of the
|
|
207
|
+
* The `value` of the selected option.
|
|
202
208
|
*/
|
|
203
209
|
value: string;
|
|
204
210
|
/**
|
|
@@ -377,14 +383,35 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
377
383
|
* Scrolls just enough to show `el`, as `scrollIntoView({ block: 'nearest' })` does. In the drill-in
|
|
378
384
|
* panel it scrolls the list alone, and never sideways: while a drill-in slide offsets a row past
|
|
379
385
|
* the list's edge, `scrollIntoView` also scrolls the list horizontally to reach it, which eats most
|
|
380
|
-
* of the slide.
|
|
381
|
-
* but doesn't scroll the page or a scrolling ancestor.
|
|
386
|
+
* of the slide. It doesn't scroll the page or a scrolling ancestor.
|
|
382
387
|
*/
|
|
383
388
|
private scrollIntoViewNearest;
|
|
389
|
+
/**
|
|
390
|
+
* The element that scrolls the panel's rows. Every layer is a header (the search field, or a
|
|
391
|
+
* drilled-in group's row back) above the rows that scroll: drilled in, the group's options;
|
|
392
|
+
* otherwise the list under the search field, or the panel itself.
|
|
393
|
+
*/
|
|
394
|
+
private get scrollListEl();
|
|
384
395
|
private focusPanel;
|
|
385
396
|
/** Switching display mode leaves no flyout or hover timer from the last one. */
|
|
386
397
|
protected groupDisplayChanged(): void;
|
|
387
398
|
protected openGroupChanged(next: HTMLOptGroupElement | null, previous: HTMLOptGroupElement | null): void;
|
|
399
|
+
private releaseHeightHold;
|
|
400
|
+
/** The dropdown's height before a drill, so componentDidRender can ease it to the new view's. */
|
|
401
|
+
private drillFromHeight?;
|
|
402
|
+
/**
|
|
403
|
+
* Hands the dropdown's height before and after a drill to the SCSS glide. Neither is known ahead,
|
|
404
|
+
* so they're measured: CSS can't animate to the height its content turns out to be.
|
|
405
|
+
*/
|
|
406
|
+
private glideDrillHeight;
|
|
407
|
+
private onHeightGlideCancel;
|
|
408
|
+
/** Ends a glide, and a drill still waiting to glide, so nothing starts once it renders. */
|
|
409
|
+
private endHeightGlide;
|
|
410
|
+
/**
|
|
411
|
+
* With `max-height`, the panel's own scroll, set inline so it outranks the stylesheet: hidden under a
|
|
412
|
+
* fixed search field, and while the height glides (so no scrollbar flashes), otherwise auto.
|
|
413
|
+
*/
|
|
414
|
+
private syncPanelOverflow;
|
|
388
415
|
/** A flyout with no room beside the dropdown drills in, which can hide the focused search field too. */
|
|
389
416
|
protected flyoutFallbackChanged(): void;
|
|
390
417
|
/**
|
|
@@ -447,6 +474,8 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
447
474
|
* `flyout` drills in instead. `flyout-min-width` is resolved through CSS, so any length works.
|
|
448
475
|
*/
|
|
449
476
|
private checkFlyoutRoom;
|
|
477
|
+
/** The dropdown element last placed on rendering, so each newly rendered one is placed once. */
|
|
478
|
+
private placedListboxEl?;
|
|
450
479
|
private openDropdownPositioning;
|
|
451
480
|
private startBodyPortalAutoUpdate;
|
|
452
481
|
private stopBodyPortalAutoUpdate;
|
|
@@ -570,7 +599,15 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
570
599
|
private onButtonTriggerKeyDown;
|
|
571
600
|
private onButtonTriggerKeyUp;
|
|
572
601
|
private onComboboxFocusOut;
|
|
602
|
+
/** A pick that fills the field from its placeholder fades in; a value it loads with doesn't. */
|
|
603
|
+
private fadesValueIn;
|
|
573
604
|
private handleOptionClick;
|
|
605
|
+
/** The row shown while options load: at the top of the list, or of a drilled-in group's options. */
|
|
606
|
+
private renderLoadingRow;
|
|
607
|
+
/** The row after the last option while more can load, inside whatever scrolls them. */
|
|
608
|
+
private renderLoadMoreRow;
|
|
609
|
+
/** Drilled into a group: the group and its place among the panel's entries; otherwise null. */
|
|
610
|
+
private drilledInEntry;
|
|
574
611
|
private handleScroll;
|
|
575
612
|
private renderDropdown;
|
|
576
613
|
private onPanelMouseDown;
|
|
@@ -37,7 +37,9 @@ export declare class PdsCopytext {
|
|
|
37
37
|
private initTruncationTooltip;
|
|
38
38
|
private destroyTruncationTooltip;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* Emitted after a click, once the copy to the clipboard succeeds or fails.
|
|
41
|
+
* `detail` is `Copied to clipboard` on success, or `Error writing text to clipboard: ` followed by the error on failure.
|
|
42
|
+
* Not emitted when `navigator.clipboard` is undefined, as it is outside a secure context.
|
|
41
43
|
*/
|
|
42
44
|
pdsCopyTextClick: EventEmitter<string>;
|
|
43
45
|
private copyToClipboard;
|
|
@@ -46,3 +46,22 @@ export declare function supportedLocale(locale: string | null | undefined): stri
|
|
|
46
46
|
*/
|
|
47
47
|
export declare function dateFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
|
|
48
48
|
export declare function formatDate(date: Date, locale: string, options: Intl.DateTimeFormatOptions): string;
|
|
49
|
+
/**
|
|
50
|
+
* Month-day mode's year. A leap year, so February has its 29th; every date the mode holds is in it,
|
|
51
|
+
* and the value drops it (`--MM-DD`).
|
|
52
|
+
*/
|
|
53
|
+
export declare const MONTH_DAY_YEAR = 2000;
|
|
54
|
+
/** The same month and day in month-day mode's year. */
|
|
55
|
+
export declare function inMonthDayYear(date: Date): Date;
|
|
56
|
+
/**
|
|
57
|
+
* Parses a month and day, `--MM-DD` (ISO 8601 without a year), to a date in month-day mode's year.
|
|
58
|
+
* A full `YYYY-MM-DD` reads as its month and day. `null` when it isn't a real month and day.
|
|
59
|
+
*/
|
|
60
|
+
export declare function parseMonthDay(value: string | null | undefined): Date | null;
|
|
61
|
+
/** A date's month and day as `--MM-DD`. */
|
|
62
|
+
export declare function toMonthDay(date: Date): string;
|
|
63
|
+
/**
|
|
64
|
+
* A month's days for month-day mode, which has no weekdays: rows of seven from the 1st, with the
|
|
65
|
+
* last row filled out with `null`.
|
|
66
|
+
*/
|
|
67
|
+
export declare function monthDayRows(month: number): (Date | null)[][];
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export interface DatepickerChangeEventDetail {
|
|
2
2
|
/**
|
|
3
3
|
* The selected date as `YYYY-MM-DD`, or in range mode the range as `YYYY-MM-DD/YYYY-MM-DD`; with
|
|
4
|
-
* the time picker, each date as `YYYY-MM-DDTHH:mm`. An empty string
|
|
4
|
+
* the time picker, each date as `YYYY-MM-DDTHH:mm`; with `month-day`, `--MM-DD`. An empty string
|
|
5
|
+
* when cleared.
|
|
5
6
|
*/
|
|
6
7
|
value: string;
|
|
7
8
|
/** Range mode: the first day of the range, `YYYY-MM-DD`, or `YYYY-MM-DDTHH:mm` with the time picker. */
|
|
@@ -18,13 +19,29 @@ export interface DatepickerPreset {
|
|
|
18
19
|
/**
|
|
19
20
|
* A built-in key (`today`, `yesterday`, `last-7-days`, `last-30-days`, `last-90-days`,
|
|
20
21
|
* `this-month`, `last-month`, `this-quarter`, `last-quarter`, `this-year`, `last-year`,
|
|
21
|
-
* `year-to-date`, `last-12-months`), or your own key when
|
|
22
|
+
* `year-to-date`, `last-12-months`), or your own key when it has `startOffset` or `endOffset`,
|
|
23
|
+
* or both `start` and `end`.
|
|
22
24
|
*/
|
|
23
25
|
key: string;
|
|
24
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* The text shown in the list. Built-in keys have English defaults; set it to translate them. A key
|
|
28
|
+
* of your own needs one, or it is left out of the list.
|
|
29
|
+
*/
|
|
25
30
|
label?: string;
|
|
26
|
-
/**
|
|
31
|
+
/**
|
|
32
|
+
* For a preset of your own that follows today: its first day, in whole days from today, so `-6`
|
|
33
|
+
* is six days ago and `0` is today. Resolved against today every time the list is read, as a
|
|
34
|
+
* built-in is, so the range stays relative however long the page stays open. Set one offset and
|
|
35
|
+
* the other is today.
|
|
36
|
+
*/
|
|
37
|
+
startOffset?: number;
|
|
38
|
+
/** For a preset of your own that follows today: its last day, in whole days from today. */
|
|
39
|
+
endOffset?: number;
|
|
40
|
+
/**
|
|
41
|
+
* For a preset of your own on fixed days: its first day, `YYYY-MM-DD`. Fixed days do not follow
|
|
42
|
+
* today, so prefer `startOffset` and `endOffset` for a range meant to stay relative.
|
|
43
|
+
*/
|
|
27
44
|
start?: string;
|
|
28
|
-
/** For a preset of your own: its last day, `YYYY-MM-DD`. */
|
|
45
|
+
/** For a preset of your own on fixed days: its last day, `YYYY-MM-DD`. */
|
|
29
46
|
end?: string;
|
|
30
47
|
}
|
|
@@ -5,7 +5,8 @@ type DateError = '' | 'format' | 'min' | 'max';
|
|
|
5
5
|
/**
|
|
6
6
|
* A field for one date, or in range mode a start and end date, with a calendar to pick from.
|
|
7
7
|
* The value is `YYYY-MM-DD`, or `YYYY-MM-DD/YYYY-MM-DD` for a range; with the time picker, each
|
|
8
|
-
* date carries a time, as `YYYY-MM-DDTHH:mm`.
|
|
8
|
+
* date carries a time, as `YYYY-MM-DDTHH:mm`. In month-day mode, for a date that comes round every
|
|
9
|
+
* year such as a birthday, it's a month and day with no year, as `--MM-DD`.
|
|
9
10
|
*
|
|
10
11
|
* @part calendar - The open calendar. It's portaled out of the datepicker, so style it with `.pds-datepicker-calendar-portal::part(calendar)`.
|
|
11
12
|
* @part presets - The list of preset ranges in the calendar, styled with `.pds-datepicker-calendar-portal::part(presets)`.
|
|
@@ -87,8 +88,10 @@ export declare class PdsDatepicker {
|
|
|
87
88
|
* in the locale), `MM` or `M` (month), `DD` or `D` (day), and with the time picker `HH` or `H`
|
|
88
89
|
* (24-hour), `hh` or `h` (12-hour), `mm` and `A` (AM/PM, in the locale), as `MM/DD/YYYY`,
|
|
89
90
|
* `MMM D, YYYY` or `D.M.YYYY h:mm A`. Put literal text in brackets, as `[Due] D/M/YYYY`. The value
|
|
90
|
-
* and the change event stay ISO (`YYYY-MM-DD`), whatever the format.
|
|
91
|
-
* accepted too.
|
|
91
|
+
* and the change event stay ISO (`YYYY-MM-DD`; `--MM-DD` with `month-day`), whatever the format.
|
|
92
|
+
* Typed ISO dates are always accepted too. With `month-day`, a format without `YYYY` is taken as a
|
|
93
|
+
* month-and-day format and used as given, rather than reordered for the locale; leave it unset to
|
|
94
|
+
* follow the locale instead.
|
|
92
95
|
*/
|
|
93
96
|
format: string;
|
|
94
97
|
/**
|
|
@@ -154,6 +157,15 @@ export declare class PdsDatepicker {
|
|
|
154
157
|
* Accessible label for the month dropdown, when `show-dropdowns` is set.
|
|
155
158
|
*/
|
|
156
159
|
monthLabel: string;
|
|
160
|
+
/**
|
|
161
|
+
* Picks a month and day with no year, for a date that comes round every year, such as a birthday.
|
|
162
|
+
* The value is `--MM-DD` (ISO 8601 without a year), the field shows the date as the locale writes
|
|
163
|
+
* a month and day, and the calendar shows each month without a year or weekdays, with February
|
|
164
|
+
* always having its 29th. Turns off `range`, `time-picker`, `show-dropdowns`, `min` and `max`, and
|
|
165
|
+
* has no effect with `auto-apply`, `presets`, `first-day-of-week`, `min-date-message` or
|
|
166
|
+
* `max-date-message`, which all depend on them.
|
|
167
|
+
*/
|
|
168
|
+
monthDay: boolean;
|
|
157
169
|
/**
|
|
158
170
|
* Specifies the name. Submitted with the form name/value pair.
|
|
159
171
|
*/
|
|
@@ -168,7 +180,8 @@ export declare class PdsDatepicker {
|
|
|
168
180
|
periodLabel: string;
|
|
169
181
|
/**
|
|
170
182
|
* Specifies a short hint that describes the expected value of the field. Defaults to the format
|
|
171
|
-
* the field takes, such as `YYYY-MM-DD
|
|
183
|
+
* the field takes, such as `YYYY-MM-DD`; with `month-day`, to an example date instead, such as
|
|
184
|
+
* `December 31`.
|
|
172
185
|
*/
|
|
173
186
|
placeholder?: string;
|
|
174
187
|
/**
|
|
@@ -179,8 +192,9 @@ export declare class PdsDatepicker {
|
|
|
179
192
|
* Ranges listed beside the calendar in range mode. A comma-separated list of built-in keys
|
|
180
193
|
* (`today`, `yesterday`, `last-7-days`, `last-30-days`, `last-90-days`, `this-month`,
|
|
181
194
|
* `last-month`, `this-quarter`, `last-quarter`, `this-year`, `last-year`, `year-to-date`,
|
|
182
|
-
* `last-12-months`), or an array of `{ key, label?, start?, end? }` to
|
|
183
|
-
* your own
|
|
195
|
+
* `last-12-months`), or an array of `{ key, label?, startOffset?, endOffset?, start?, end? }` to
|
|
196
|
+
* relabel built-ins or add your own: `startOffset` and `endOffset` follow today, `start` and `end`
|
|
197
|
+
* are fixed days.
|
|
184
198
|
*/
|
|
185
199
|
presets?: string | DatepickerPreset[];
|
|
186
200
|
/**
|
|
@@ -227,7 +241,9 @@ export declare class PdsDatepicker {
|
|
|
227
241
|
triggerLabel: string;
|
|
228
242
|
/**
|
|
229
243
|
* The selected date as `YYYY-MM-DD`, or in range mode the range as `YYYY-MM-DD/YYYY-MM-DD`; with
|
|
230
|
-
* the time picker, each date as `YYYY-MM-DDTHH:mm
|
|
244
|
+
* the time picker, each date as `YYYY-MM-DDTHH:mm`; with `month-day`, the month and day with no
|
|
245
|
+
* year, as `--MM-DD` (a full date is read too, as that month and day, and rewritten to it). An
|
|
246
|
+
* empty string when nothing is selected.
|
|
231
247
|
*/
|
|
232
248
|
value?: string;
|
|
233
249
|
/**
|
|
@@ -302,6 +318,16 @@ export declare class PdsDatepicker {
|
|
|
302
318
|
private get weekStart();
|
|
303
319
|
private get minDate();
|
|
304
320
|
private get maxDate();
|
|
321
|
+
/** Range mode, which month-day mode turns off. */
|
|
322
|
+
private get isRange();
|
|
323
|
+
/** The time picker, which month-day mode turns off. */
|
|
324
|
+
private get hasTime();
|
|
325
|
+
/** Today, or in month-day mode today's month and day. */
|
|
326
|
+
private get now();
|
|
327
|
+
/** In month-day mode, a date moved to the mode's year, as when the calendar wraps past December. */
|
|
328
|
+
private inView;
|
|
329
|
+
/** One day as the value holds it: `YYYY-MM-DD`, or `--MM-DD` in month-day mode. */
|
|
330
|
+
private dayValue;
|
|
305
331
|
private get isInteractive();
|
|
306
332
|
/** How many months the calendar shows side by side. */
|
|
307
333
|
private get monthCount();
|
|
@@ -11,10 +11,11 @@ export interface ResolvedPreset {
|
|
|
11
11
|
* is N days ending today; "this" and "last" periods are whole periods; "to date" ends today.
|
|
12
12
|
*/
|
|
13
13
|
export declare function builtInPresetRange(key: string, now: Date): [Date, Date] | null;
|
|
14
|
+
/** A preset's offset range: whole days from today, a missing or `null` one being today. `null` if unusable. */
|
|
15
|
+
export declare function offsetPresetRange(preset: DatepickerPreset, now: Date): [Date, Date] | null;
|
|
14
16
|
/**
|
|
15
17
|
* Normalizes the `presets` prop: a comma-separated list of built-in keys, or an array of presets
|
|
16
|
-
* that may relabel a built-in
|
|
17
|
-
* resolve to no range are dropped.
|
|
18
|
+
* that may relabel a built-in or give their own range. Unusable entries are dropped with a warning.
|
|
18
19
|
*/
|
|
19
20
|
export declare function resolvePresets(presets: string | DatepickerPreset[] | undefined, now: Date): ResolvedPreset[];
|
|
20
21
|
/** The first preset covering exactly this range. */
|
|
@@ -18,11 +18,23 @@ export declare function formatWith(value: DateTimeValue, format: string, locale?
|
|
|
18
18
|
/**
|
|
19
19
|
* Reads typed text in a format of tokens, as written by `formatWith`. Leading zeros are optional,
|
|
20
20
|
* spaces are loose, and month names and AM/PM are matched without regard to case, in the locale or
|
|
21
|
-
* in English.
|
|
21
|
+
* in English. A format without `YYYY` reads into `year`, and without `year` it reads nothing.
|
|
22
|
+
* Returns `null` for anything that isn't a real date and time in that format.
|
|
22
23
|
*/
|
|
23
|
-
export declare function parseWith(text: string | null | undefined, format: string, locale?: string): DateTimeValue | null;
|
|
24
|
+
export declare function parseWith(text: string | null | undefined, format: string, locale?: string, year?: number): DateTimeValue | null;
|
|
24
25
|
/** Reads one typed date in the format, falling back to ISO, which is always accepted. */
|
|
25
26
|
export declare function parseFieldText(text: string | null | undefined, format?: string, locale?: string): DateTimeValue | null;
|
|
27
|
+
/**
|
|
28
|
+
* The locale's way of writing a month and day, as a format of tokens: `MMMM D` in English, `D MMMM`
|
|
29
|
+
* in French, `M月D日` in Japanese, or with `numeric`, `M/D` and `D/M`.
|
|
30
|
+
*/
|
|
31
|
+
export declare function monthDayFormat(locale?: string, month?: 'long' | 'numeric'): string;
|
|
32
|
+
/**
|
|
33
|
+
* Reads a typed month and day, into month-day mode's year: in the format, then as the locale writes
|
|
34
|
+
* it with a month name or in numbers, with the English order too, then as `--MM-DD` or a full ISO
|
|
35
|
+
* date, whose year is dropped.
|
|
36
|
+
*/
|
|
37
|
+
export declare function parseMonthDayText(text: string | null | undefined, format: string, locale?: string): DateTimeValue | null;
|
|
26
38
|
/**
|
|
27
39
|
* Parses a typed range: two dates (with times, optionally) joined by a dash or `to` with spaces
|
|
28
40
|
* around it, as `2026-09-13 – 2026-10-13`, or by `/` when the format doesn't use slashes. The
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Fills the
|
|
3
|
-
* which caps itself against the viewport for a centered, possibly-shorter
|
|
4
|
-
* modal, a drawer panel is already edge-to-edge, so its content can simply
|
|
5
|
-
* flex to fill whatever space the header and footer leave.
|
|
2
|
+
* Fills the space between the drawer header and footer.
|
|
6
3
|
* @lightDom renders-markup
|
|
7
4
|
*/
|
|
8
5
|
export declare class PdsDrawerContent {
|
|
@@ -3,7 +3,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
3
3
|
* A side panel composed from `pds-modal`, non-modal by default.
|
|
4
4
|
*
|
|
5
5
|
* By default, unlike `pds-modal`, the page stays interactive while a drawer
|
|
6
|
-
* is open: no dimming, no blur, no
|
|
6
|
+
* is open: no dimming, no blur, no click blocking.
|
|
7
7
|
* `pds-drawer` renders a `pds-modal` internally with `disableTopLayer` on and
|
|
8
8
|
* its backdrop suppressed, and adds the edge, width and dismiss behavior a
|
|
9
9
|
* side panel needs on top. With `modal`, it opens that `pds-modal` in the top
|
|
@@ -25,8 +25,8 @@ export declare class PdsDrawer {
|
|
|
25
25
|
*/
|
|
26
26
|
open: boolean;
|
|
27
27
|
/**
|
|
28
|
-
* Which edge of the viewport the drawer is docked to. Logical
|
|
29
|
-
*
|
|
28
|
+
* Which edge of the viewport the drawer is docked to. Logical: `end` is the
|
|
29
|
+
* inline-end edge, so an `end` drawer docks on the left in right-to-left layouts.
|
|
30
30
|
* @default 'end'
|
|
31
31
|
*/
|
|
32
32
|
side: 'start' | 'end';
|
|
@@ -52,9 +52,7 @@ export declare class PdsDrawer {
|
|
|
52
52
|
/**
|
|
53
53
|
* Whether the drawer can be dismissed with a pointerdown outside it (in a
|
|
54
54
|
* `modal` drawer, a click on its backdrop).
|
|
55
|
-
*
|
|
56
|
-
* This also gates Escape, matching how `backdropDismiss` gates Escape on
|
|
57
|
-
* `pds-modal` today: setting this to `false` means the close button is the
|
|
55
|
+
* Setting it to `false` also turns off Escape, so the close button is the
|
|
58
56
|
* only way out.
|
|
59
57
|
*
|
|
60
58
|
* A trigger outside the drawer should only ever set `open` to `true` and
|
package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
2
|
import type { BasePdsProps } from "../../../utils/interfaces";
|
|
3
3
|
/**
|
|
4
|
+
* @slot (default) - The item's label.
|
|
5
|
+
* @slot start - Content to display before the item's label, such as a `pds-icon`. A `pds-icon` without an `aria-label` or `aria-labelledby` is decorative; a named one is announced before the label, so leave decorative icons unnamed.
|
|
4
6
|
* @part button - Exposes the item's inner element for styling. Appears on button and informational items, not on links.
|
|
5
7
|
*/
|
|
6
8
|
export declare class PdsDropdownMenuItem implements BasePdsProps {
|
|
@@ -10,12 +12,12 @@ export declare class PdsDropdownMenuItem implements BasePdsProps {
|
|
|
10
12
|
*/
|
|
11
13
|
componentId: string;
|
|
12
14
|
/**
|
|
13
|
-
*
|
|
15
|
+
* Determines whether or not the dropdown menu item is destructive.
|
|
14
16
|
* @defaultValue false
|
|
15
17
|
*/
|
|
16
18
|
destructive: boolean;
|
|
17
19
|
/**
|
|
18
|
-
*
|
|
20
|
+
* Determines whether or not the dropdown menu item is disabled.
|
|
19
21
|
* @defaultValue false
|
|
20
22
|
*/
|
|
21
23
|
disabled: boolean;
|
|
@@ -27,40 +29,41 @@ export declare class PdsDropdownMenuItem implements BasePdsProps {
|
|
|
27
29
|
*/
|
|
28
30
|
download?: string;
|
|
29
31
|
/**
|
|
30
|
-
* If provided, renders the dropdown
|
|
32
|
+
* If provided, renders the dropdown menu item as an anchor (`<a>`) element instead of a button.
|
|
31
33
|
* Ignored when `informational` is set.
|
|
32
34
|
*/
|
|
33
35
|
href: string | undefined;
|
|
34
36
|
/**
|
|
35
|
-
*
|
|
37
|
+
* Determines whether or not the dropdown menu item is informational: text that the arrow keys
|
|
36
38
|
* reach but that can't be activated. Takes precedence over `href` and `destructive`.
|
|
37
39
|
* Screen readers announce it as dimmed or unavailable, the same way as a disabled item.
|
|
38
40
|
* @defaultValue false
|
|
39
41
|
*/
|
|
40
42
|
informational: boolean;
|
|
41
43
|
/**
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
* Ignored when `informational` is set.
|
|
44
|
+
* Shows the external-link (launch) icon. Opens in a new tab unless `target` says otherwise.
|
|
45
|
+
* Only applies when href is set. Ignored when `informational` is set.
|
|
45
46
|
* @defaultValue false
|
|
46
47
|
*/
|
|
47
48
|
external: boolean;
|
|
48
49
|
/**
|
|
49
|
-
* Accessible label for the external
|
|
50
|
-
* `pds-link
|
|
51
|
-
*
|
|
50
|
+
* Accessible label for the icon that `external` shows, passed to the inner
|
|
51
|
+
* `pds-link` and appended to the item's name. It isn't announced when
|
|
52
|
+
* `target` is anything other than `_blank`. Pass a translated string to
|
|
53
|
+
* localize it; defaults to English. Pass an empty string to make the icon
|
|
54
|
+
* decorative.
|
|
52
55
|
* @defaultValue '(opens in a new tab)'
|
|
53
56
|
*/
|
|
54
57
|
externalLabel?: string;
|
|
55
58
|
/**
|
|
56
59
|
* Specifies where to open the linked document when href is provided.
|
|
57
|
-
*
|
|
60
|
+
* Overrides the new-tab default of `external`; the icon still shows.
|
|
58
61
|
* Only applies when href is set. Ignored when `informational` is set.
|
|
59
62
|
* @defaultValue undefined
|
|
60
63
|
*/
|
|
61
64
|
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
62
65
|
/**
|
|
63
|
-
* Emitted when the dropdown
|
|
66
|
+
* Emitted when the dropdown menu item is clicked.
|
|
64
67
|
*
|
|
65
68
|
*/
|
|
66
69
|
pdsClick: EventEmitter<{
|
|
@@ -69,15 +72,16 @@ export declare class PdsDropdownMenuItem implements BasePdsProps {
|
|
|
69
72
|
content: string;
|
|
70
73
|
}>;
|
|
71
74
|
/**
|
|
72
|
-
* Trigger the click event
|
|
75
|
+
* Trigger the click event. Does nothing when the item is disabled or informational.
|
|
73
76
|
*/
|
|
74
77
|
clickItem(): Promise<void>;
|
|
75
78
|
private handleClick;
|
|
76
|
-
|
|
77
|
-
private
|
|
78
|
-
private
|
|
79
|
+
private startSlotEl?;
|
|
80
|
+
private updateStartSlotEmpty;
|
|
81
|
+
private renderContent;
|
|
79
82
|
private handleInformationalKeyDown;
|
|
80
83
|
private renderElement;
|
|
84
|
+
private innerAnchor;
|
|
81
85
|
private handleKeyDown;
|
|
82
86
|
render(): any;
|
|
83
87
|
}
|
|
@@ -5,7 +5,7 @@ export declare class PdsDropdownMenuSeparator implements BasePdsProps {
|
|
|
5
5
|
*/
|
|
6
6
|
componentId: string;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Has no effect. A separator can't be focused or activated.
|
|
9
9
|
* @defaultValue false
|
|
10
10
|
*/
|
|
11
11
|
disabled: boolean;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { BasePdsProps } from "../../utils/interfaces";
|
|
2
2
|
import { PlacementType } from "../../utils/types";
|
|
3
3
|
/**
|
|
4
|
+
* @slot trigger - The trigger element for the dropdown menu. It receives `aria-expanded` and `aria-haspopup`, so slot the focusable control itself, such as a `pds-button`, not a wrapper around it.
|
|
5
|
+
* @slot (default) - The menu items: `pds-dropdown-menu-item` and `pds-dropdown-menu-separator` elements, or raw `<a>` and `<button>` elements.
|
|
4
6
|
* @slot header - Non-interactive content displayed above the menu items inside the dropdown panel. It renders outside the menu role, so assistive tech reads it as plain content rather than as a menu item.
|
|
5
7
|
* @part menu-panel - Exposes the dropdown menu container for styling.
|
|
6
8
|
*/
|
|
@@ -11,7 +13,9 @@ export declare class PdsDropdownMenu implements BasePdsProps {
|
|
|
11
13
|
private isOpen;
|
|
12
14
|
private menuItems;
|
|
13
15
|
private cleanupAutoUpdate;
|
|
16
|
+
private openCount;
|
|
14
17
|
private triggerObserver;
|
|
18
|
+
private triggerVisibility;
|
|
15
19
|
host: HTMLPdsDropdownMenuElement;
|
|
16
20
|
currentFocusIndex: number;
|
|
17
21
|
hasHeader: boolean;
|
|
@@ -34,6 +38,9 @@ export declare class PdsDropdownMenu implements BasePdsProps {
|
|
|
34
38
|
private handleSlotChange;
|
|
35
39
|
private toggleDropdown;
|
|
36
40
|
private openDropdown;
|
|
41
|
+
private capPanelHeight;
|
|
42
|
+
private watchTriggerVisibility;
|
|
43
|
+
private stopWatchingTriggerVisibility;
|
|
37
44
|
private closeDropdown;
|
|
38
45
|
private isFocusInMenu;
|
|
39
46
|
private focusTrigger;
|
|
@@ -2,11 +2,8 @@ import { EventEmitter } from '../../../stencil-public-runtime';
|
|
|
2
2
|
import type { BasePdsProps } from "../../../utils/interfaces";
|
|
3
3
|
import type { PdsFilterOpenEventDetail, PdsFilterCloseEventDetail, PdsFilterClearEventDetail, PdsFilterVariant } from './filter-interface';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* Uses a hybrid approach for optimal cross-browser compatibility:
|
|
8
|
-
* - Modern browsers: CSS anchor positioning + JavaScript flip classes
|
|
9
|
-
* - Fallback browsers: JavaScript positioning with viewport boundary detection
|
|
5
|
+
* A single filter in `pds-filters`: a trigger button that opens a popover holding the filter controls.
|
|
6
|
+
* The `clear` variant has no popover and emits `pdsFilterClear` instead.
|
|
10
7
|
*
|
|
11
8
|
* @part button - Exposes the trigger button element for styling.
|
|
12
9
|
* @part button-content - Exposes the button content container for styling.
|
|
@@ -20,6 +17,7 @@ export declare class PdsFilter implements BasePdsProps {
|
|
|
20
17
|
private popoverEl;
|
|
21
18
|
private scrollRAF;
|
|
22
19
|
private lastScrollTime;
|
|
20
|
+
private truncationTooltip;
|
|
23
21
|
/**
|
|
24
22
|
* A unique identifier used for the underlying component `id` attribute.
|
|
25
23
|
*/
|
|
@@ -36,6 +34,7 @@ export declare class PdsFilter implements BasePdsProps {
|
|
|
36
34
|
icon?: string;
|
|
37
35
|
/**
|
|
38
36
|
* The text content displayed in the trigger button.
|
|
37
|
+
* When text overflows, a tooltip showing the full text will appear on hover/focus.
|
|
39
38
|
*/
|
|
40
39
|
text?: string;
|
|
41
40
|
/**
|
|
@@ -54,12 +53,14 @@ export declare class PdsFilter implements BasePdsProps {
|
|
|
54
53
|
* Event emitted when the clear variant is clicked.
|
|
55
54
|
*/
|
|
56
55
|
pdsFilterClear: EventEmitter<PdsFilterClearEventDetail>;
|
|
56
|
+
connectedCallback(): void;
|
|
57
57
|
/**
|
|
58
58
|
* Component lifecycle: Clean up when disconnected from DOM.
|
|
59
59
|
* Prevents memory leaks by canceling pending operations and closing popovers.
|
|
60
60
|
*/
|
|
61
61
|
disconnectedCallback(): void;
|
|
62
62
|
componentDidRender(): void;
|
|
63
|
+
private syncTruncationTooltip;
|
|
63
64
|
/**
|
|
64
65
|
* Handle native popover toggle events directly on the element
|
|
65
66
|
* This is needed for browsers with native Popover API support
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface ImageLoadEventDetail {
|
|
2
|
+
/** The URL the browser loaded, which can be a `srcset` candidate rather than `src`. */
|
|
3
|
+
currentSrc: string;
|
|
4
|
+
/** The loaded image's intrinsic height in pixels. */
|
|
5
|
+
naturalHeight: number;
|
|
6
|
+
/** The loaded image's intrinsic width in pixels. */
|
|
7
|
+
naturalWidth: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ImageErrorEventDetail {
|
|
10
|
+
/** The URL that failed to load, which can be a `srcset` candidate rather than `src`. */
|
|
11
|
+
currentSrc: string;
|
|
12
|
+
}
|