@carbon/web-components 2.61.0 → 2.62.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/custom-elements.json +455 -13
- package/es/components/accordion/accordion-item.d.ts +0 -4
- package/es/components/accordion/accordion-item.d.ts.map +1 -1
- package/es/components/accordion/accordion-item.js +2 -6
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/action-set/action-set.d.ts +107 -0
- package/es/components/action-set/action-set.d.ts.map +1 -0
- package/es/components/action-set/action-set.js +269 -0
- package/es/components/action-set/action-set.js.map +1 -0
- package/es/components/action-set/action-set.scss.js +14 -0
- package/es/components/action-set/action-set.scss.js.map +1 -0
- package/es/components/action-set/index.d.ts +9 -0
- package/es/components/action-set/index.d.ts.map +1 -0
- package/es/components/action-set/index.js +8 -0
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +7 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-button/combo-button.scss.js +1 -1
- package/es/components/contained-list/contained-list.scss.js +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js.map +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/inline-loading/inline-loading.scss.js +1 -1
- package/es/components/loading/loading.scss.js +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/resizer/defs.d.ts +73 -0
- package/es/components/resizer/defs.d.ts.map +1 -0
- package/es/components/resizer/defs.js +97 -0
- package/es/components/resizer/defs.js.map +1 -0
- package/es/components/resizer/index.d.ts +11 -0
- package/es/components/resizer/index.d.ts.map +1 -0
- package/es/components/resizer/index.js +11 -0
- package/es/components/resizer/resizer-grid.d.ts +22 -0
- package/es/components/resizer/resizer-grid.d.ts.map +1 -0
- package/es/components/resizer/resizer-grid.js +44 -0
- package/es/components/resizer/resizer-grid.js.map +1 -0
- package/es/components/resizer/resizer-grid.scss.js +14 -0
- package/es/components/resizer/resizer-grid.scss.js.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/es/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.js +93 -0
- package/es/components/resizer/resizer-handle-pivot.js.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.scss.js +14 -0
- package/es/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
- package/es/components/resizer/resizer-handle.d.ts +64 -0
- package/es/components/resizer/resizer-handle.d.ts.map +1 -0
- package/es/components/resizer/resizer-handle.js +350 -0
- package/es/components/resizer/resizer-handle.js.map +1 -0
- package/es/components/resizer/resizer-handle.scss.js +14 -0
- package/es/components/resizer/resizer-handle.scss.js.map +1 -0
- package/es/components/resizer/resizer-panel.d.ts +22 -0
- package/es/components/resizer/resizer-panel.d.ts.map +1 -0
- package/es/components/resizer/resizer-panel.js +37 -0
- package/es/components/resizer/resizer-panel.js.map +1 -0
- package/es/components/resizer/resizer-panel.scss.js +14 -0
- package/es/components/resizer/resizer-panel.scss.js.map +1 -0
- package/es/components/search/search.scss.js +1 -1
- package/es/components/side-panel/_story-assets/index.d.ts +9 -0
- package/es/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/es/components/side-panel/_story-assets/index.js +246 -0
- package/es/components/side-panel/_story-assets/index.js.map +1 -0
- package/es/components/side-panel/defs.d.ts +7 -1
- package/es/components/side-panel/defs.d.ts.map +1 -1
- package/es/components/side-panel/defs.js +7 -1
- package/es/components/side-panel/defs.js.map +1 -1
- package/es/components/side-panel/index.d.ts +3 -1
- package/es/components/side-panel/index.d.ts.map +1 -1
- package/es/components/side-panel/index.js +12 -0
- package/es/components/side-panel/index.js.map +1 -0
- package/es/components/side-panel/side-panel.d.ts +60 -22
- package/es/components/side-panel/side-panel.d.ts.map +1 -1
- package/es/components/side-panel/side-panel.js +268 -126
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +14 -0
- package/es/components/side-panel/side-panel.scss.js.map +1 -0
- package/es/components/side-panel/story-styles.scss.js +14 -0
- package/es/components/side-panel/story-styles.scss.js.map +1 -0
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.d.ts +14 -0
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +40 -5
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/structured-list/structured-list.scss.js +1 -1
- package/es/components/structured-list/structured-list.scss.js.map +1 -1
- package/es/components/tabs/tab.d.ts.map +1 -1
- package/es/components/tabs/tab.js +4 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/tag/tag.scss.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/textarea/textarea.scss.js.map +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/truncated-text/index.d.ts +8 -0
- package/es/components/truncated-text/index.d.ts.map +1 -0
- package/es/components/truncated-text/index.js +8 -0
- package/es/components/truncated-text/truncated-text.d.ts +77 -0
- package/es/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/es/components/truncated-text/truncated-text.js +216 -0
- package/es/components/truncated-text/truncated-text.js.map +1 -0
- package/es/components/truncated-text/truncated-text.scss.js +14 -0
- package/es/components/truncated-text/truncated-text.scss.js.map +1 -0
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/components/ui-shell/side-nav.scss.js +1 -1
- package/es/components/ui-shell/side-nav.scss.js.map +1 -1
- package/es/globals/internal/icon-loader-utils.d.ts +2 -2
- package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es/globals/internal/icon-loader-utils.js +1 -1
- package/es/globals/internal/icon-loader-utils.js.map +1 -1
- package/es/index.d.ts.map +1 -1
- package/es-custom/components/accordion/accordion-item.d.ts +0 -4
- package/es-custom/components/accordion/accordion-item.d.ts.map +1 -1
- package/es-custom/components/accordion/accordion-item.js +2 -6
- package/es-custom/components/accordion/accordion-item.js.map +1 -1
- package/es-custom/components/action-set/action-set.d.ts +107 -0
- package/es-custom/components/action-set/action-set.d.ts.map +1 -0
- package/es-custom/components/action-set/action-set.js +269 -0
- package/es-custom/components/action-set/action-set.js.map +1 -0
- package/es-custom/components/action-set/action-set.scss.js +14 -0
- package/es-custom/components/action-set/action-set.scss.js.map +1 -0
- package/es-custom/components/action-set/index.d.ts +9 -0
- package/es-custom/components/action-set/index.d.ts.map +1 -0
- package/es-custom/components/action-set/index.js +8 -0
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +7 -2
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-button/combo-button.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
- package/es-custom/components/loading/loading.scss.js +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/resizer/defs.d.ts +73 -0
- package/es-custom/components/resizer/defs.d.ts.map +1 -0
- package/es-custom/components/resizer/defs.js +97 -0
- package/es-custom/components/resizer/defs.js.map +1 -0
- package/es-custom/components/resizer/index.d.ts +11 -0
- package/es-custom/components/resizer/index.d.ts.map +1 -0
- package/es-custom/components/resizer/index.js +11 -0
- package/es-custom/components/resizer/resizer-grid.d.ts +22 -0
- package/es-custom/components/resizer/resizer-grid.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-grid.js +44 -0
- package/es-custom/components/resizer/resizer-grid.js.map +1 -0
- package/es-custom/components/resizer/resizer-grid.scss.js +14 -0
- package/es-custom/components/resizer/resizer-grid.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/es-custom/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.js +93 -0
- package/es-custom/components/resizer/resizer-handle-pivot.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js +14 -0
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle.d.ts +64 -0
- package/es-custom/components/resizer/resizer-handle.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-handle.js +350 -0
- package/es-custom/components/resizer/resizer-handle.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle.scss.js +14 -0
- package/es-custom/components/resizer/resizer-handle.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-panel.d.ts +22 -0
- package/es-custom/components/resizer/resizer-panel.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-panel.js +37 -0
- package/es-custom/components/resizer/resizer-panel.js.map +1 -0
- package/es-custom/components/resizer/resizer-panel.scss.js +14 -0
- package/es-custom/components/resizer/resizer-panel.scss.js.map +1 -0
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/side-panel/_story-assets/index.d.ts +9 -0
- package/es-custom/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/es-custom/components/side-panel/_story-assets/index.js +246 -0
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -0
- package/es-custom/components/side-panel/defs.d.ts +7 -1
- package/es-custom/components/side-panel/defs.d.ts.map +1 -1
- package/es-custom/components/side-panel/defs.js +7 -1
- package/es-custom/components/side-panel/defs.js.map +1 -1
- package/es-custom/components/side-panel/index.d.ts +3 -1
- package/es-custom/components/side-panel/index.d.ts.map +1 -1
- package/es-custom/components/side-panel/index.js +12 -0
- package/es-custom/components/side-panel/index.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.d.ts +60 -22
- package/es-custom/components/side-panel/side-panel.d.ts.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +268 -126
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +14 -0
- package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
- package/es-custom/components/side-panel/story-styles.scss.js +14 -0
- package/es-custom/components/side-panel/story-styles.scss.js.map +1 -0
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.d.ts +14 -0
- package/es-custom/components/slider/slider.d.ts.map +1 -1
- package/es-custom/components/slider/slider.js +40 -5
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js.map +1 -1
- package/es-custom/components/tabs/tab.d.ts.map +1 -1
- package/es-custom/components/tabs/tab.js +4 -1
- package/es-custom/components/tabs/tab.js.map +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/tag/tag.scss.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/truncated-text/index.d.ts +8 -0
- package/es-custom/components/truncated-text/index.d.ts.map +1 -0
- package/es-custom/components/truncated-text/index.js +8 -0
- package/es-custom/components/truncated-text/truncated-text.d.ts +77 -0
- package/es-custom/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/es-custom/components/truncated-text/truncated-text.js +216 -0
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -0
- package/es-custom/components/truncated-text/truncated-text.scss.js +14 -0
- package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -0
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js.map +1 -1
- package/es-custom/globals/internal/icon-loader-utils.d.ts +2 -2
- package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es-custom/globals/internal/icon-loader-utils.js +1 -1
- package/es-custom/globals/internal/icon-loader-utils.js.map +1 -1
- package/es-custom/index.d.ts.map +1 -1
- package/lib/components/accordion/accordion-item.d.ts +0 -4
- package/lib/components/accordion/accordion-item.d.ts.map +1 -1
- package/lib/components/action-set/action-set.d.ts +107 -0
- package/lib/components/action-set/action-set.d.ts.map +1 -0
- package/lib/components/action-set/index.d.ts +9 -0
- package/lib/components/action-set/index.d.ts.map +1 -0
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/resizer/defs.d.ts +73 -0
- package/lib/components/resizer/defs.d.ts.map +1 -0
- package/lib/components/resizer/defs.js +112 -0
- package/lib/components/resizer/defs.js.map +1 -0
- package/lib/components/resizer/index.d.ts +11 -0
- package/lib/components/resizer/index.d.ts.map +1 -0
- package/lib/components/resizer/resizer-grid.d.ts +22 -0
- package/lib/components/resizer/resizer-grid.d.ts.map +1 -0
- package/lib/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/lib/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/lib/components/resizer/resizer-handle.d.ts +64 -0
- package/lib/components/resizer/resizer-handle.d.ts.map +1 -0
- package/lib/components/resizer/resizer-panel.d.ts +22 -0
- package/lib/components/resizer/resizer-panel.d.ts.map +1 -0
- package/lib/components/side-panel/_story-assets/index.d.ts +9 -0
- package/lib/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/lib/components/side-panel/defs.d.ts +7 -1
- package/lib/components/side-panel/defs.d.ts.map +1 -1
- package/lib/components/side-panel/defs.js +7 -1
- package/lib/components/side-panel/defs.js.map +1 -1
- package/lib/components/side-panel/index.d.ts +3 -1
- package/lib/components/side-panel/index.d.ts.map +1 -1
- package/lib/components/side-panel/side-panel.d.ts +60 -22
- package/lib/components/side-panel/side-panel.d.ts.map +1 -1
- package/lib/components/slider/slider.d.ts +14 -0
- package/lib/components/slider/slider.d.ts.map +1 -1
- package/lib/components/tabs/tab.d.ts.map +1 -1
- package/lib/components/truncated-text/index.d.ts +8 -0
- package/lib/components/truncated-text/index.d.ts.map +1 -0
- package/lib/components/truncated-text/truncated-text.d.ts +77 -0
- package/lib/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/lib/globals/internal/icon-loader-utils.d.ts +2 -2
- package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/lib/index.d.ts.map +1 -1
- package/package.json +7 -7
- package/scss/components/action-set/action-set.scss +93 -0
- package/scss/components/data-table/_table-core.scss +73 -20
- package/scss/components/data-table/_table-selection.scss +31 -14
- package/scss/components/date-picker/date-picker.scss +10 -6
- package/scss/components/overflow-menu/overflow-menu.scss +31 -11
- package/scss/components/resizer/resizer-grid.scss +34 -0
- package/scss/components/resizer/resizer-handle-pivot.scss +39 -0
- package/scss/components/resizer/resizer-handle.scss +127 -0
- package/scss/components/resizer/resizer-panel.scss +10 -0
- package/scss/components/side-panel/side-panel.scss +363 -0
- package/scss/components/side-panel/story-styles.scss +51 -0
- package/scss/components/structured-list/structured-list.scss +10 -8
- package/scss/components/tabs/tabs.scss +4 -0
- package/scss/components/tag/tag.scss +11 -7
- package/scss/components/textarea/textarea.scss +6 -0
- package/scss/components/truncated-text/truncated-text-story.scss +14 -0
- package/scss/components/truncated-text/truncated-text.scss +122 -0
- package/scss/components/ui-shell/side-nav.scss +9 -7
- package/telemetry.yml +26 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
/**
|
|
9
|
+
* Resizer grid component for managing resizable panels.
|
|
10
|
+
* @element cds-resizer-grid
|
|
11
|
+
*/
|
|
12
|
+
declare class CDSResizerGrid extends LitElement {
|
|
13
|
+
static styles: any;
|
|
14
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
15
|
+
}
|
|
16
|
+
declare global {
|
|
17
|
+
interface HTMLElementTagNameMap {
|
|
18
|
+
'cds-resizer-grid': CDSResizerGrid;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export default CDSResizerGrid;
|
|
22
|
+
//# sourceMappingURL=resizer-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-grid.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import "../../globals/settings.js";
|
|
9
|
+
import { carbonElement } from "../../globals/decorators/carbon-element.js";
|
|
10
|
+
import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
11
|
+
import resizer_grid_default$1 from "./resizer-grid.scss.js";
|
|
12
|
+
import { LitElement, html } from "lit";
|
|
13
|
+
//#region src/components/resizer/resizer-grid.ts
|
|
14
|
+
/**
|
|
15
|
+
* Copyright IBM Corp. 2026, 2026
|
|
16
|
+
*
|
|
17
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
18
|
+
* LICENSE file in the root directory of this source tree.
|
|
19
|
+
*/
|
|
20
|
+
/**
|
|
21
|
+
* Resizer grid component for managing resizable panels.
|
|
22
|
+
* @element cds-resizer-grid
|
|
23
|
+
*/
|
|
24
|
+
let CDSResizerGrid = class CDSResizerGrid extends LitElement {
|
|
25
|
+
static {
|
|
26
|
+
this.styles = resizer_grid_default$1;
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return html`
|
|
30
|
+
<slot name="left"></slot>
|
|
31
|
+
<slot name="top"></slot>
|
|
32
|
+
<slot name="handle-horizontal"></slot>
|
|
33
|
+
<slot name="handle-vertical"></slot>
|
|
34
|
+
<slot name="right"></slot>
|
|
35
|
+
<slot name="bottom"></slot>
|
|
36
|
+
`;
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
CDSResizerGrid = __decorate([carbonElement(`cds-resizer-grid`)], CDSResizerGrid);
|
|
40
|
+
var resizer_grid_default = CDSResizerGrid;
|
|
41
|
+
//#endregion
|
|
42
|
+
export { resizer_grid_default as default };
|
|
43
|
+
|
|
44
|
+
//# sourceMappingURL=resizer-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-grid.js","names":["styles","customElement"],"sources":["../../../src/components/resizer/resizer-grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './resizer-grid.scss?lit';\n\n/**\n * Resizer grid component for managing resizable panels.\n * @element cds-resizer-grid\n */\n@customElement(`${prefix}-resizer-grid`)\nclass CDSResizerGrid extends LitElement {\n static styles = styles;\n\n render() {\n return html`\n <slot name=\"left\"></slot>\n <slot name=\"top\"></slot>\n <slot name=\"handle-horizontal\"></slot>\n <slot name=\"handle-vertical\"></slot>\n <slot name=\"right\"></slot>\n <slot name=\"bottom\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cds-resizer-grid': CDSResizerGrid;\n }\n}\n\nexport default CDSResizerGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;gBACtBA;;CAEhB,SAAS;EACP,OAAO,IAAI;;;;;;;;CAQb;AACF;6BAdCC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAsBvC,IAAA,uBAAe"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { css } from "lit";
|
|
9
|
+
//#region src/components/resizer/resizer-grid.scss?lit
|
|
10
|
+
var resizer_grid_default = css([":host{--start-element-size:1fr;--end-element-size:1fr;display:grid;overflow:hidden;block-size:100%;inline-size:100%;transition:grid-template-columns .18s cubic-bezier(.25,.9,.25,1),grid-template-rows .18s cubic-bezier(.25,.9,.25,1)}:host([axis=x]){grid-template-columns:var(--start-element-size) auto var(--end-element-size)}:host([axis=y]){grid-template-rows:var(--start-element-size) auto var(--end-element-size)}@media (prefers-reduced-motion:reduce){:host{transition:none}}"]);
|
|
11
|
+
//#endregion
|
|
12
|
+
export { resizer_grid_default as default };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=resizer-grid.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-grid.scss.js","names":[],"sources":["../../../src/components/resizer/resizer-grid.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n --start-element-size: 1fr;\n --end-element-size: 1fr;\n\n display: grid;\n overflow: hidden;\n block-size: 100%;\n inline-size: 100%;\n\n transition:\n grid-template-columns 180ms cubic-bezier(0.25, 0.9, 0.25, 1),\n grid-template-rows 180ms cubic-bezier(0.25, 0.9, 0.25, 1);\n}\n\n:host([axis='x']) {\n grid-template-columns: var(--start-element-size) auto var(--end-element-size);\n}\n\n:host([axis='y']) {\n grid-template-rows: var(--start-element-size) auto var(--end-element-size);\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
/**
|
|
9
|
+
* Resizer handle pivot — corner handle that delegates drag operations to its
|
|
10
|
+
* sibling `cds-resizer-handle[slot="handle-horizontal"]`.
|
|
11
|
+
* @element cds-resizer-handle-pivot
|
|
12
|
+
*/
|
|
13
|
+
declare class CDSResizerHandlePivot extends LitElement {
|
|
14
|
+
static styles: any;
|
|
15
|
+
private _cachedHandle;
|
|
16
|
+
private _getHandle;
|
|
17
|
+
connectedCallback(): void;
|
|
18
|
+
disconnectedCallback(): void;
|
|
19
|
+
private _resetSizes;
|
|
20
|
+
private _handlePointerDown;
|
|
21
|
+
private _handlePointerEnter;
|
|
22
|
+
private _handlePointerLeave;
|
|
23
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
24
|
+
}
|
|
25
|
+
declare global {
|
|
26
|
+
interface HTMLElementTagNameMap {
|
|
27
|
+
'cds-resizer-handle-pivot': CDSResizerHandlePivot;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export default CDSResizerHandlePivot;
|
|
31
|
+
//# sourceMappingURL=resizer-handle-pivot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-handle-pivot.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-handle-pivot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,MAAU;IAEvB,OAAO,CAAC,aAAa,CAAiC;IAEtD,OAAO,CAAC,UAAU;IAiBlB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,kBAAkB,CAMxB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,qBAAqB,CAAC;KACnD;CACF;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import "../../globals/settings.js";
|
|
9
|
+
import { carbonElement } from "../../globals/decorators/carbon-element.js";
|
|
10
|
+
import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
|
|
11
|
+
import { SELECTORS } from "./defs.js";
|
|
12
|
+
import resizer_handle_pivot_default$1 from "./resizer-handle-pivot.scss.js";
|
|
13
|
+
import { LitElement, html } from "lit";
|
|
14
|
+
//#region src/components/resizer/resizer-handle-pivot.ts
|
|
15
|
+
/**
|
|
16
|
+
* Copyright IBM Corp. 2026, 2026
|
|
17
|
+
*
|
|
18
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
|
+
* LICENSE file in the root directory of this source tree.
|
|
20
|
+
*/
|
|
21
|
+
/**
|
|
22
|
+
* Resizer handle pivot — corner handle that delegates drag operations to its
|
|
23
|
+
* sibling `cds-resizer-handle[slot="handle-horizontal"]`.
|
|
24
|
+
* @element cds-resizer-handle-pivot
|
|
25
|
+
*/
|
|
26
|
+
let CDSResizerHandlePivot = class CDSResizerHandlePivot extends LitElement {
|
|
27
|
+
constructor(..._args) {
|
|
28
|
+
super(..._args);
|
|
29
|
+
this._cachedHandle = null;
|
|
30
|
+
this._resetSizes = (e) => {
|
|
31
|
+
this._getHandle()?.resetSizes(e);
|
|
32
|
+
};
|
|
33
|
+
this._handlePointerDown = (e) => {
|
|
34
|
+
const handle = this._getHandle();
|
|
35
|
+
if (handle) {
|
|
36
|
+
handle.setSyntheticActiveState(true);
|
|
37
|
+
handle.startDrag(e);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
this._handlePointerEnter = () => {
|
|
41
|
+
this._getHandle()?.setSyntheticHoverState(true);
|
|
42
|
+
};
|
|
43
|
+
this._handlePointerLeave = () => {
|
|
44
|
+
const handle = this._getHandle();
|
|
45
|
+
if (handle) {
|
|
46
|
+
handle.setSyntheticHoverState(false);
|
|
47
|
+
handle.setSyntheticActiveState(false);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
static {
|
|
52
|
+
this.styles = resizer_handle_pivot_default$1;
|
|
53
|
+
}
|
|
54
|
+
_getHandle() {
|
|
55
|
+
if (this._cachedHandle) return this._cachedHandle;
|
|
56
|
+
const verticalHandle = this.parentElement;
|
|
57
|
+
if (!verticalHandle) return null;
|
|
58
|
+
const innerGrid = verticalHandle.closest(SELECTORS.GRID);
|
|
59
|
+
if (!innerGrid) return null;
|
|
60
|
+
const panel = innerGrid.closest(SELECTORS.PANEL);
|
|
61
|
+
if (!panel) return null;
|
|
62
|
+
const outerGrid = panel.closest(SELECTORS.GRID);
|
|
63
|
+
if (!outerGrid) return null;
|
|
64
|
+
const h = outerGrid.querySelector(`${SELECTORS.HANDLE}[slot="handle-horizontal"]`);
|
|
65
|
+
this._cachedHandle = h;
|
|
66
|
+
return h;
|
|
67
|
+
}
|
|
68
|
+
connectedCallback() {
|
|
69
|
+
super.connectedCallback();
|
|
70
|
+
this.setAttribute("slot", "pivot");
|
|
71
|
+
this.setAttribute("position", this.parentElement.pivot ?? "");
|
|
72
|
+
this.addEventListener("pointerdown", this._handlePointerDown);
|
|
73
|
+
this.addEventListener("pointerenter", this._handlePointerEnter);
|
|
74
|
+
this.addEventListener("pointerleave", this._handlePointerLeave);
|
|
75
|
+
this.addEventListener("dblclick", this._resetSizes);
|
|
76
|
+
}
|
|
77
|
+
disconnectedCallback() {
|
|
78
|
+
const handle = this._cachedHandle ?? this._getHandle();
|
|
79
|
+
handle?.setSyntheticHoverState(false);
|
|
80
|
+
handle?.setSyntheticActiveState(false);
|
|
81
|
+
this._cachedHandle = null;
|
|
82
|
+
super.disconnectedCallback();
|
|
83
|
+
}
|
|
84
|
+
render() {
|
|
85
|
+
return html``;
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
CDSResizerHandlePivot = __decorate([carbonElement(`cds-resizer-handle-pivot`)], CDSResizerHandlePivot);
|
|
89
|
+
var resizer_handle_pivot_default = CDSResizerHandlePivot;
|
|
90
|
+
//#endregion
|
|
91
|
+
export { resizer_handle_pivot_default as default };
|
|
92
|
+
|
|
93
|
+
//# sourceMappingURL=resizer-handle-pivot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-handle-pivot.js","names":["styles","customElement"],"sources":["../../../src/components/resizer/resizer-handle-pivot.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './resizer-handle-pivot.scss?lit';\nimport { SELECTORS } from './defs';\nimport type CDSResizerHandle from './resizer-handle';\n\n/**\n * Resizer handle pivot — corner handle that delegates drag operations to its\n * sibling `cds-resizer-handle[slot=\"handle-horizontal\"]`.\n * @element cds-resizer-handle-pivot\n */\n@customElement(`${prefix}-resizer-handle-pivot`)\nclass CDSResizerHandlePivot extends LitElement {\n static styles = styles;\n\n private _cachedHandle: CDSResizerHandle | null = null;\n\n private _getHandle(): CDSResizerHandle | null {\n if (this._cachedHandle) return this._cachedHandle;\n const verticalHandle = this.parentElement;\n if (!verticalHandle) return null;\n const innerGrid = verticalHandle.closest(SELECTORS.GRID);\n if (!innerGrid) return null;\n const panel = innerGrid.closest(SELECTORS.PANEL);\n if (!panel) return null;\n const outerGrid = panel.closest(SELECTORS.GRID);\n if (!outerGrid) return null;\n const h = outerGrid.querySelector<CDSResizerHandle>(\n `${SELECTORS.HANDLE}[slot=\"handle-horizontal\"]`\n );\n this._cachedHandle = h;\n return h;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('slot', 'pivot');\n this.setAttribute(\n 'position',\n (this.parentElement as CDSResizerHandle).pivot ?? ''\n );\n this.addEventListener('pointerdown', this._handlePointerDown);\n this.addEventListener('pointerenter', this._handlePointerEnter);\n this.addEventListener('pointerleave', this._handlePointerLeave);\n this.addEventListener('dblclick', this._resetSizes);\n }\n\n disconnectedCallback(): void {\n const handle = this._cachedHandle ?? this._getHandle();\n handle?.setSyntheticHoverState(false);\n handle?.setSyntheticActiveState(false);\n this._cachedHandle = null;\n super.disconnectedCallback();\n }\n\n private _resetSizes = (e: MouseEvent) => {\n this._getHandle()?.resetSizes(e);\n };\n\n private _handlePointerDown = (e: PointerEvent) => {\n const handle = this._getHandle();\n if (handle) {\n handle.setSyntheticActiveState(true);\n handle.startDrag(e);\n }\n };\n\n private _handlePointerEnter = () => {\n this._getHandle()?.setSyntheticHoverState(true);\n };\n\n private _handlePointerLeave = () => {\n const handle = this._getHandle();\n if (handle) {\n handle.setSyntheticHoverState(false);\n handle.setSyntheticActiveState(false);\n }\n };\n\n render() {\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cds-resizer-handle-pivot': CDSResizerHandlePivot;\n }\n}\n\nexport default CDSResizerHandlePivot;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;uBAGI;sBAwC1B,MAAkB;GACvC,KAAK,WAAW,CAAC,EAAE,WAAW,CAAC;EACjC;6BAE8B,MAAoB;GAChD,MAAM,SAAS,KAAK,WAAW;GAC/B,IAAI,QAAQ;IACV,OAAO,wBAAwB,IAAI;IACnC,OAAO,UAAU,CAAC;GACpB;EACF;mCAEoC;GAClC,KAAK,WAAW,CAAC,EAAE,uBAAuB,IAAI;EAChD;mCAEoC;GAClC,MAAM,SAAS,KAAK,WAAW;GAC/B,IAAI,QAAQ;IACV,OAAO,uBAAuB,KAAK;IACnC,OAAO,wBAAwB,KAAK;GACtC;EACF;;;gBAhEgBA;;CAIhB,aAA8C;EAC5C,IAAI,KAAK,eAAe,OAAO,KAAK;EACpC,MAAM,iBAAiB,KAAK;EAC5B,IAAI,CAAC,gBAAgB,OAAO;EAC5B,MAAM,YAAY,eAAe,QAAQ,UAAU,IAAI;EACvD,IAAI,CAAC,WAAW,OAAO;EACvB,MAAM,QAAQ,UAAU,QAAQ,UAAU,KAAK;EAC/C,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,YAAY,MAAM,QAAQ,UAAU,IAAI;EAC9C,IAAI,CAAC,WAAW,OAAO;EACvB,MAAM,IAAI,UAAU,cAClB,GAAG,UAAU,OAAO,2BACtB;EACA,KAAK,gBAAgB;EACrB,OAAO;CACT;CAEA,oBAA0B;EACxB,MAAM,kBAAkB;EACxB,KAAK,aAAa,QAAQ,OAAO;EACjC,KAAK,aACH,YACC,KAAK,cAAmC,SAAS,EACpD;EACA,KAAK,iBAAiB,eAAe,KAAK,kBAAkB;EAC5D,KAAK,iBAAiB,gBAAgB,KAAK,mBAAmB;EAC9D,KAAK,iBAAiB,gBAAgB,KAAK,mBAAmB;EAC9D,KAAK,iBAAiB,YAAY,KAAK,WAAW;CACpD;CAEA,uBAA6B;EAC3B,MAAM,SAAS,KAAK,iBAAiB,KAAK,WAAW;EACrD,QAAQ,uBAAuB,KAAK;EACpC,QAAQ,wBAAwB,KAAK;EACrC,KAAK,gBAAgB;EACrB,MAAM,qBAAqB;CAC7B;CA0BA,SAAS;EACP,OAAO,IAAI;CACb;AACF;oCAvECC,cAAc,0BAAgC,CAAA,GAAA,qBAAA;AA+E/C,IAAA,+BAAe"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { css } from "lit";
|
|
9
|
+
//#region src/components/resizer/resizer-handle-pivot.scss?lit
|
|
10
|
+
var resizer_handle_pivot_default = css([":host{position:absolute;display:block;background:currentColor;block-size:max(1px,var(--resizer-thickness));cursor:all-scroll;inline-size:max(1px,var(--resizer-thickness));-webkit-user-select:none;-moz-user-select:none;user-select:none}:host:before{position:absolute;z-index:1;background-color:var(--resizer-grab-color);block-size:calc(max(1px, var(--resizer-thickness)) + max(0px, var(--resizer-grab-thickness)));content:\"\";inline-size:calc(max(1px, var(--resizer-thickness)) + max(0px, var(--resizer-grab-thickness)));margin-block-start:calc(max(0px, var(--resizer-grab-thickness))*-1/2);margin-inline-start:calc(max(0px, var(--resizer-grab-thickness))*-1/2)}:host([position=start]){margin-inline-start:calc(max(1px, var(--resizer-thickness))*-1)}"]);
|
|
11
|
+
//#endregion
|
|
12
|
+
export { resizer_handle_pivot_default as default };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=resizer-handle-pivot.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-handle-pivot.scss.js","names":[],"sources":["../../../src/components/resizer/resizer-handle-pivot.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n position: absolute;\n display: block;\n background: currentColor;\n block-size: max(1px, var(--resizer-thickness));\n cursor: all-scroll;\n inline-size: max(1px, var(--resizer-thickness));\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &::before {\n position: absolute;\n z-index: 1;\n background-color: var(--resizer-grab-color);\n block-size: calc(\n max(1px, var(--resizer-thickness)) +\n max(0px, var(--resizer-grab-thickness))\n );\n content: '';\n inline-size: calc(\n max(1px, var(--resizer-thickness)) +\n max(0px, var(--resizer-grab-thickness))\n );\n margin-block-start: calc(-1 * max(0px, var(--resizer-grab-thickness)) / 2);\n margin-inline-start: calc(-1 * max(0px, var(--resizer-grab-thickness)) / 2);\n }\n}\n\n:host([position='start']) {\n margin-inline-start: calc(-1 * max(1px, var(--resizer-thickness)));\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
import type { ResizerAxis } from './defs';
|
|
9
|
+
/**
|
|
10
|
+
* Resizer handle component for resizing panels.
|
|
11
|
+
* @element cds-resizer-handle
|
|
12
|
+
* @fires resize-start - Fired when dragging starts
|
|
13
|
+
* @fires resize-drag - Fired during dragging (detail: { axis, delta, position })
|
|
14
|
+
* @fires resize-end - Fired when dragging ends (detail: { axis, delta, position })
|
|
15
|
+
* @fires resize-reset - Fired on double-tap / double-click
|
|
16
|
+
*/
|
|
17
|
+
declare class CDSResizerHandle extends LitElement {
|
|
18
|
+
static styles: any;
|
|
19
|
+
/** Resize axis — determined automatically from slot, or set explicitly. */
|
|
20
|
+
axis: ResizerAxis;
|
|
21
|
+
private _isDragging;
|
|
22
|
+
private _startNode?;
|
|
23
|
+
private _endNode?;
|
|
24
|
+
private _grid?;
|
|
25
|
+
private _startSize;
|
|
26
|
+
private _endSize;
|
|
27
|
+
private _lastTapTime;
|
|
28
|
+
private _lastTapPosition;
|
|
29
|
+
private _boundStartDrag?;
|
|
30
|
+
private _boundHandleKeyDown?;
|
|
31
|
+
private _boundMove?;
|
|
32
|
+
private _boundStop?;
|
|
33
|
+
setSyntheticHoverState(isHovered: boolean): void;
|
|
34
|
+
setSyntheticActiveState(isActive: boolean): void;
|
|
35
|
+
/** Start dragging (called by pivot component). */
|
|
36
|
+
startDrag: (e: PointerEvent) => void;
|
|
37
|
+
/** Reset panel sizes to default (called by pivot component or double-click). */
|
|
38
|
+
resetSizes: (e: MouseEvent) => void;
|
|
39
|
+
get pivot(): 'start' | 'end' | undefined;
|
|
40
|
+
connectedCallback(): void;
|
|
41
|
+
firstUpdated(): void;
|
|
42
|
+
disconnectedCallback(): void;
|
|
43
|
+
private _initializeComponent;
|
|
44
|
+
private _setupAccessibility;
|
|
45
|
+
private _setupEventListeners;
|
|
46
|
+
private _cleanup;
|
|
47
|
+
private get _pivot();
|
|
48
|
+
private _updateAriaAttributes;
|
|
49
|
+
private _detectDoubleTap;
|
|
50
|
+
private _handlePointerDown;
|
|
51
|
+
private _createMoveHandler;
|
|
52
|
+
private _createStopHandler;
|
|
53
|
+
private _updateGridSizes;
|
|
54
|
+
private _handleKeyDown;
|
|
55
|
+
private _handleKeyboardResize;
|
|
56
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
57
|
+
}
|
|
58
|
+
declare global {
|
|
59
|
+
interface HTMLElementTagNameMap {
|
|
60
|
+
'cds-resizer-handle': CDSResizerHandle;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
export default CDSResizerHandle;
|
|
64
|
+
//# sourceMappingURL=resizer-handle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-handle.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-handle.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,QAAQ,CAAC;AAmBpD;;;;;;;GAOG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,MAAU;IAEvB,2EAA2E;IAE3E,IAAI,EAAE,WAAW,CAAO;IAGxB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAC,CAAc;IACjC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,gBAAgB,CAA4B;IAEpD,OAAO,CAAC,eAAe,CAAC,CAA4B;IACpD,OAAO,CAAC,mBAAmB,CAAC,CAA6B;IACzD,OAAO,CAAC,UAAU,CAAC,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAC,CAA4B;IAI/C,sBAAsB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAKhD,uBAAuB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKhD,kDAAkD;IAClD,SAAS,GAAI,GAAG,YAAY,KAAG,IAAI,CAEjC;IAEF,gFAAgF;IAChF,UAAU,GAAI,GAAG,UAAU,KAAG,IAAI,CAehC;IAEF,IAAI,KAAK,IAAI,OAAO,GAAG,KAAK,GAAG,SAAS,CAEvC;IAID,iBAAiB;IAMjB,YAAY,IAAI,IAAI;IAQpB,oBAAoB;IAOpB,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,QAAQ;IAsBhB,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,kBAAkB,CAwBxB;IAEF,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc,CAgCpB;IAEF,OAAO,CAAC,qBAAqB;IAuC7B,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAED,eAAe,gBAAgB,CAAC"}
|