@carbon/web-components 2.49.0 → 2.50.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 +278 -228
- package/es/components/accordion/accordion-item-skeleton.js +3 -3
- package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
- package/es/components/accordion/accordion-item.js +3 -3
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.js +3 -3
- package/es/components/accordion/accordion-skeleton.js.map +1 -1
- package/es/components/accordion/accordion.js +2 -2
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/ai-label/ai-label-action-button.js +2 -2
- package/es/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es/components/ai-label/ai-label.js +3 -3
- package/es/components/ai-label/ai-label.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-icon.js +2 -2
- package/es/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-placeholder.js +2 -2
- package/es/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-text.js +2 -2
- package/es/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
- package/es/components/badge-indicator/badge-indicator.js +2 -2
- package/es/components/badge-indicator/badge-indicator.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js +15 -12
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js +2 -2
- package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +3 -3
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js +2 -2
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +2 -2
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-set.js +2 -2
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button-skeleton.js +3 -2
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.d.ts +14 -16
- package/es/components/button/button.js +27 -24
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button-skeleton.js +2 -2
- package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es/components/chat-button/chat-button.js +2 -2
- package/es/components/chat-button/chat-button.js.map +1 -1
- package/es/components/checkbox/checkbox-group.js +3 -3
- package/es/components/checkbox/checkbox-group.js.map +1 -1
- package/es/components/checkbox/checkbox-skeleton.js +2 -2
- package/es/components/checkbox/checkbox-skeleton.js.map +1 -1
- package/es/components/checkbox/checkbox.js +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +2 -2
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.js +3 -3
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box-item.js +2 -2
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.js +16 -8
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-button/combo-button.js +3 -3
- package/es/components/combo-button/combo-button.js.map +1 -1
- package/es/components/contained-list/contained-list-description.js +2 -2
- package/es/components/contained-list/contained-list-description.js.map +1 -1
- package/es/components/contained-list/contained-list-item.js +2 -2
- package/es/components/contained-list/contained-list-item.js.map +1 -1
- package/es/components/contained-list/contained-list.js +2 -2
- package/es/components/contained-list/contained-list.js.map +1 -1
- package/es/components/copy/copy.js +2 -2
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.js +3 -3
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/table-batch-actions.js +2 -2
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js +2 -2
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-content.js +2 -2
- package/es/components/data-table/table-cell-content.js.map +1 -1
- package/es/components/data-table/table-cell.js +2 -2
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.js +2 -2
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js +2 -2
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.js +3 -3
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-description.js +2 -2
- package/es/components/data-table/table-header-description.js.map +1 -1
- package/es/components/data-table/table-header-row.js +2 -2
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-header-title.js +2 -2
- package/es/components/data-table/table-header-title.js.map +1 -1
- package/es/components/data-table/table-row.js +1 -1
- package/es/components/data-table/table-skeleton.js +2 -2
- package/es/components/data-table/table-skeleton.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.js +2 -2
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +2 -2
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js +2 -2
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.js +2 -2
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +2 -2
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.js +1 -1
- package/es/components/date-picker/date-picker.js +2 -2
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/date-picker/icon-plugin.js +1 -1
- package/es/components/dropdown/dropdown-item.js +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +2 -2
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.js +1 -1
- package/es/components/feature-flags/index.d.ts +1 -1
- package/es/components/feature-flags/index.js +7 -4
- package/es/components/feature-flags/index.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.js +2 -2
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.js +2 -2
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.js +2 -2
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +3 -3
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader-skeleton.js +2 -2
- package/es/components/file-uploader/file-uploader-skeleton.js.map +1 -1
- package/es/components/file-uploader/file-uploader.js +2 -2
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/defs.d.ts +10 -2
- package/es/components/floating-menu/defs.js +9 -1
- package/es/components/floating-menu/defs.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +31 -1
- package/es/components/floating-menu/floating-menu.js +110 -43
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js +2 -2
- package/es/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -1
- package/es/components/fluid-number-input/fluid-number-input.js +2 -2
- package/es/components/fluid-number-input/fluid-number-input.js.map +1 -1
- package/es/components/fluid-search/fluid-search-skeleton.js +2 -2
- package/es/components/fluid-search/fluid-search-skeleton.js.map +1 -1
- package/es/components/fluid-search/fluid-search.js +2 -2
- package/es/components/fluid-search/fluid-search.js.map +1 -1
- package/es/components/fluid-select/fluid-select-skeleton.js +2 -2
- package/es/components/fluid-select/fluid-select-skeleton.js.map +1 -1
- package/es/components/fluid-text-input/fluid-text-input-skeleton.js +2 -2
- package/es/components/fluid-text-input/fluid-text-input-skeleton.js.map +1 -1
- package/es/components/fluid-text-input/fluid-text-input.js +2 -2
- package/es/components/fluid-text-input/fluid-text-input.js.map +1 -1
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js +2 -2
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -1
- package/es/components/fluid-textarea/fluid-textarea.js +2 -2
- package/es/components/fluid-textarea/fluid-textarea.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker-select.js +2 -2
- package/es/components/fluid-time-picker/fluid-time-picker-select.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js +2 -2
- package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.js +3 -3
- package/es/components/fluid-time-picker/fluid-time-picker.js.map +1 -1
- package/es/components/form/form-item.js +2 -2
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form/form.js +2 -2
- package/es/components/form/form.js.map +1 -1
- package/es/components/form-group/form-group.js +2 -2
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/grid/column-hang.js +2 -2
- package/es/components/grid/column-hang.js.map +1 -1
- package/es/components/grid/column.js +2 -2
- package/es/components/grid/column.js.map +1 -1
- package/es/components/grid/grid.js +2 -2
- package/es/components/grid/grid.js.map +1 -1
- package/es/components/heading/heading.js +2 -2
- package/es/components/heading/heading.js.map +1 -1
- package/es/components/icon/icon.js +2 -2
- package/es/components/icon/icon.js.map +1 -1
- package/es/components/icon-indicator/icon-indicator.js +3 -3
- package/es/components/icon-indicator/icon-indicator.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js +3 -3
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/layer/layer.js +2 -2
- package/es/components/layer/layer.js.map +1 -1
- package/es/components/list/list-item.js +2 -2
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.js +2 -2
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/loading/loading.js +2 -2
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/menu/menu-item-divider.js +2 -2
- package/es/components/menu/menu-item-divider.js.map +1 -1
- package/es/components/menu/menu-item-group.js +2 -2
- package/es/components/menu/menu-item-group.js.map +1 -1
- package/es/components/menu/menu-item-radio-group.js +2 -2
- package/es/components/menu/menu-item-radio-group.js.map +1 -1
- package/es/components/menu/menu-item-selectable.js +2 -2
- package/es/components/menu/menu-item-selectable.js.map +1 -1
- package/es/components/menu/menu-item.js +3 -3
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu.js +2 -2
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu-button/menu-button.js +3 -3
- package/es/components/menu-button/menu-button.js.map +1 -1
- package/es/components/modal/modal-body-content.js +2 -2
- package/es/components/modal/modal-body-content.js.map +1 -1
- package/es/components/modal/modal-body.js +2 -2
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.js +3 -3
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer-button.js +2 -2
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.js +2 -2
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js +2 -2
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.js +2 -2
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.js +2 -2
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.js +2 -2
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js +2 -2
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +9 -0
- package/es/components/multi-select/multi-select.js +58 -11
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/actionable-notification-button.js +2 -2
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.js +1 -1
- package/es/components/notification/callout-notification.js +3 -3
- package/es/components/notification/callout-notification.js.map +1 -1
- package/es/components/notification/inline-notification.js +1 -1
- package/es/components/notification/toast-notification.js +2 -2
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input.js +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +18 -2
- package/es/components/overflow-menu/overflow-menu-body.js +25 -4
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +2 -2
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/page-header/page-header-breadcrumb.js +2 -2
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content-text.js +2 -2
- package/es/components/page-header/page-header-content-text.js.map +1 -1
- package/es/components/page-header/page-header-content.js +2 -2
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-hero-image.js +2 -2
- package/es/components/page-header/page-header-hero-image.js.map +1 -1
- package/es/components/page-header/page-header-tabs.js +2 -2
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.js +2 -2
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/pagination/pagination.js +4 -4
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/pagination-nav/pagination-nav.js +3 -3
- package/es/components/pagination-nav/pagination-nav.js.map +1 -1
- package/es/components/password-input/password-input-skeleton.js +2 -2
- package/es/components/password-input/password-input-skeleton.js.map +1 -1
- package/es/components/password-input/password-input.js +3 -3
- package/es/components/password-input/password-input.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +3 -3
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js +2 -2
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js +2 -2
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +3 -3
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.js +3 -3
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.js +3 -3
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js +2 -2
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.js +2 -2
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search.js +1 -1
- package/es/components/select/select-item-group.js +2 -2
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.js +2 -2
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select.js +1 -1
- package/es/components/shape-indicator/shape-indicator.js +3 -3
- package/es/components/shape-indicator/shape-indicator.js.map +1 -1
- package/es/components/side-panel/side-panel.js +3 -3
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/skeleton-icon/skeleton-icon.js +2 -2
- package/es/components/skeleton-icon/skeleton-icon.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js +2 -2
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js +2 -2
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.js +2 -2
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.js +3 -3
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.js +2 -2
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.js +2 -2
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slug/slug-action-button.js +2 -2
- package/es/components/slug/slug-action-button.js.map +1 -1
- package/es/components/slug/slug.js +3 -3
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/stack/stack.js +2 -2
- package/es/components/stack/stack.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js +2 -2
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js +2 -2
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js +2 -2
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js +2 -2
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js +2 -2
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js +2 -2
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.js +3 -3
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.js +2 -2
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tab-skeleton.js +2 -2
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.js +2 -2
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js +2 -2
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.js +3 -3
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tag/dismissible-tag.js +3 -3
- package/es/components/tag/dismissible-tag.js.map +1 -1
- package/es/components/tag/operational-tag.js +2 -2
- package/es/components/tag/operational-tag.js.map +1 -1
- package/es/components/tag/selectable-tag.js +2 -2
- package/es/components/tag/selectable-tag.js.map +1 -1
- package/es/components/tag/tag-skeleton.js +2 -2
- package/es/components/tag/tag-skeleton.js.map +1 -1
- package/es/components/tag/tag.js +1 -1
- package/es/components/tearsheet/tearsheet.js +2 -2
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/text-input/text-input.js +1 -1
- package/es/components/textarea/textarea.js +1 -1
- package/es/components/tile/clickable-tile.js +3 -3
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.js +3 -3
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.js +3 -3
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.js +1 -1
- package/es/components/tile/tile-group.js +2 -2
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.js +2 -2
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/time-picker/time-picker-select.js +3 -3
- package/es/components/time-picker/time-picker-select.js.map +1 -1
- package/es/components/time-picker/time-picker.js +1 -1
- package/es/components/toggle/toggle-skeleton.js +2 -2
- package/es/components/toggle/toggle-skeleton.js.map +1 -1
- package/es/components/toggle/toggle.js +2 -2
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle-tip/toggletip.js +1 -1
- package/es/components/tooltip/definition-tooltip.js +2 -2
- package/es/components/tooltip/definition-tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip-content.js +2 -2
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.js +2 -2
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tree-view/tree-node.js +3 -3
- package/es/components/tree-view/tree-node.js.map +1 -1
- package/es/components/tree-view/tree-view.js +2 -2
- package/es/components/tree-view/tree-view.js.map +1 -1
- package/es/components/ui-shell/header-global-action.js +2 -2
- package/es/components/ui-shell/header-global-action.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +3 -3
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.js +2 -2
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.js +3 -3
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.js +2 -2
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav.js +2 -2
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.js +2 -2
- package/es/components/ui-shell/header-panel.js.map +1 -1
- package/es/components/ui-shell/header-side-nav-items.js +2 -2
- package/es/components/ui-shell/header-side-nav-items.js.map +1 -1
- package/es/components/ui-shell/header.js +2 -2
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js +2 -2
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js +2 -2
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +2 -2
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +2 -2
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +3 -3
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.js +2 -2
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/switcher-divider.js +2 -2
- package/es/components/ui-shell/switcher-divider.js.map +1 -1
- package/es/components/ui-shell/switcher-item.js +2 -2
- package/es/components/ui-shell/switcher-item.js.map +1 -1
- package/es/components/ui-shell/switcher.js +2 -2
- package/es/components/ui-shell/switcher.js.map +1 -1
- package/es/feature-flags/es/index.js +153 -144
- package/es/feature-flags/es/index.js.map +1 -1
- package/es-custom/components/accordion/accordion-item-skeleton.js +3 -3
- package/es-custom/components/accordion/accordion-item-skeleton.js.map +1 -1
- package/es-custom/components/accordion/accordion-item.js +3 -3
- package/es-custom/components/accordion/accordion-item.js.map +1 -1
- package/es-custom/components/accordion/accordion-skeleton.js +3 -3
- package/es-custom/components/accordion/accordion-skeleton.js.map +1 -1
- package/es-custom/components/accordion/accordion.js +2 -2
- package/es-custom/components/accordion/accordion.js.map +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.js +2 -2
- package/es-custom/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.js +3 -3
- package/es-custom/components/ai-label/ai-label.js.map +1 -1
- package/es-custom/components/ai-skeleton/ai-skeleton-icon.js +2 -2
- package/es-custom/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
- package/es-custom/components/ai-skeleton/ai-skeleton-placeholder.js +2 -2
- package/es-custom/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
- package/es-custom/components/ai-skeleton/ai-skeleton-text.js +2 -2
- package/es-custom/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
- package/es-custom/components/badge-indicator/badge-indicator.js +2 -2
- package/es-custom/components/badge-indicator/badge-indicator.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js +15 -12
- package/es-custom/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-link.js +2 -2
- package/es-custom/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js +3 -3
- package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-skeleton.js +2 -2
- package/es-custom/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.js +2 -2
- package/es-custom/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es-custom/components/button/button-set.js +2 -2
- package/es-custom/components/button/button-set.js.map +1 -1
- package/es-custom/components/button/button-skeleton.js +3 -2
- package/es-custom/components/button/button-skeleton.js.map +1 -1
- package/es-custom/components/button/button.d.ts +14 -16
- package/es-custom/components/button/button.js +27 -24
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button-skeleton.js +2 -2
- package/es-custom/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es-custom/components/chat-button/chat-button.js +2 -2
- package/es-custom/components/chat-button/chat-button.js.map +1 -1
- package/es-custom/components/checkbox/checkbox-group.js +3 -3
- package/es-custom/components/checkbox/checkbox-group.js.map +1 -1
- package/es-custom/components/checkbox/checkbox-skeleton.js +2 -2
- package/es-custom/components/checkbox/checkbox-skeleton.js.map +1 -1
- package/es-custom/components/checkbox/checkbox.js +1 -1
- package/es-custom/components/code-snippet/code-snippet-skeleton.js +2 -2
- package/es-custom/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es-custom/components/code-snippet/code-snippet.js +3 -3
- package/es-custom/components/code-snippet/code-snippet.js.map +1 -1
- package/es-custom/components/combo-box/combo-box-item.js +2 -2
- package/es-custom/components/combo-box/combo-box-item.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.js +16 -8
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-button/combo-button.js +3 -3
- package/es-custom/components/combo-button/combo-button.js.map +1 -1
- package/es-custom/components/contained-list/contained-list-description.js +2 -2
- package/es-custom/components/contained-list/contained-list-description.js.map +1 -1
- package/es-custom/components/contained-list/contained-list-item.js +2 -2
- package/es-custom/components/contained-list/contained-list-item.js.map +1 -1
- package/es-custom/components/contained-list/contained-list.js +2 -2
- package/es-custom/components/contained-list/contained-list.js.map +1 -1
- package/es-custom/components/copy/copy.js +2 -2
- package/es-custom/components/copy/copy.js.map +1 -1
- package/es-custom/components/copy-button/copy-button.js +3 -3
- package/es-custom/components/copy-button/copy-button.js.map +1 -1
- package/es-custom/components/data-table/table-batch-actions.js +2 -2
- package/es-custom/components/data-table/table-batch-actions.js.map +1 -1
- package/es-custom/components/data-table/table-body.js +2 -2
- package/es-custom/components/data-table/table-body.js.map +1 -1
- package/es-custom/components/data-table/table-cell-content.js +2 -2
- package/es-custom/components/data-table/table-cell-content.js.map +1 -1
- package/es-custom/components/data-table/table-cell.js +2 -2
- package/es-custom/components/data-table/table-cell.js.map +1 -1
- package/es-custom/components/data-table/table-expanded-row.js +2 -2
- package/es-custom/components/data-table/table-expanded-row.js.map +1 -1
- package/es-custom/components/data-table/table-head.js +2 -2
- package/es-custom/components/data-table/table-head.js.map +1 -1
- package/es-custom/components/data-table/table-header-cell.js +3 -3
- package/es-custom/components/data-table/table-header-cell.js.map +1 -1
- package/es-custom/components/data-table/table-header-description.js +2 -2
- package/es-custom/components/data-table/table-header-description.js.map +1 -1
- package/es-custom/components/data-table/table-header-row.js +2 -2
- package/es-custom/components/data-table/table-header-row.js.map +1 -1
- package/es-custom/components/data-table/table-header-title.js +2 -2
- package/es-custom/components/data-table/table-header-title.js.map +1 -1
- package/es-custom/components/data-table/table-row.js +1 -1
- package/es-custom/components/data-table/table-skeleton.js +2 -2
- package/es-custom/components/data-table/table-skeleton.js.map +1 -1
- package/es-custom/components/data-table/table-toolbar-content.js +2 -2
- package/es-custom/components/data-table/table-toolbar-content.js.map +1 -1
- package/es-custom/components/data-table/table-toolbar-search.js +2 -2
- package/es-custom/components/data-table/table-toolbar-search.js.map +1 -1
- package/es-custom/components/data-table/table-toolbar.js +2 -2
- package/es-custom/components/data-table/table-toolbar.js.map +1 -1
- package/es-custom/components/data-table/table.js +2 -2
- package/es-custom/components/data-table/table.js.map +1 -1
- package/es-custom/components/date-picker/date-picker-input-skeleton.js +2 -2
- package/es-custom/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es-custom/components/date-picker/date-picker-input.js +1 -1
- package/es-custom/components/date-picker/date-picker.js +2 -2
- package/es-custom/components/date-picker/date-picker.js.map +1 -1
- package/es-custom/components/date-picker/icon-plugin.js +1 -1
- package/es-custom/components/dropdown/dropdown-item.js +1 -1
- package/es-custom/components/dropdown/dropdown-skeleton.js +2 -2
- package/es-custom/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.js +1 -1
- package/es-custom/components/feature-flags/index.d.ts +1 -1
- package/es-custom/components/feature-flags/index.js +7 -4
- package/es-custom/components/feature-flags/index.js.map +1 -1
- package/es-custom/components/file-uploader/demo-file-uploader.js +2 -2
- package/es-custom/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.js +2 -2
- package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.js +2 -2
- package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-item.js +3 -3
- package/es-custom/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-skeleton.js +2 -2
- package/es-custom/components/file-uploader/file-uploader-skeleton.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader.js +2 -2
- package/es-custom/components/file-uploader/file-uploader.js.map +1 -1
- package/es-custom/components/floating-menu/defs.d.ts +10 -2
- package/es-custom/components/floating-menu/defs.js +9 -1
- package/es-custom/components/floating-menu/defs.js.map +1 -1
- package/es-custom/components/floating-menu/floating-menu.d.ts +31 -1
- package/es-custom/components/floating-menu/floating-menu.js +110 -43
- package/es-custom/components/floating-menu/floating-menu.js.map +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js +2 -2
- package/es-custom/components/fluid-number-input/fluid-number-input-skeleton.js.map +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.js +2 -2
- package/es-custom/components/fluid-number-input/fluid-number-input.js.map +1 -1
- package/es-custom/components/fluid-search/fluid-search-skeleton.js +2 -2
- package/es-custom/components/fluid-search/fluid-search-skeleton.js.map +1 -1
- package/es-custom/components/fluid-search/fluid-search.js +2 -2
- package/es-custom/components/fluid-search/fluid-search.js.map +1 -1
- package/es-custom/components/fluid-select/fluid-select-skeleton.js +2 -2
- package/es-custom/components/fluid-select/fluid-select-skeleton.js.map +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input-skeleton.js +2 -2
- package/es-custom/components/fluid-text-input/fluid-text-input-skeleton.js.map +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.js +2 -2
- package/es-custom/components/fluid-text-input/fluid-text-input.js.map +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js +2 -2
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.js +2 -2
- package/es-custom/components/fluid-textarea/fluid-textarea.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker-select.js +2 -2
- package/es-custom/components/fluid-time-picker/fluid-time-picker-select.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker-skeleton.js +2 -2
- package/es-custom/components/fluid-time-picker/fluid-time-picker-skeleton.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.js +3 -3
- package/es-custom/components/fluid-time-picker/fluid-time-picker.js.map +1 -1
- package/es-custom/components/form/form-item.js +2 -2
- package/es-custom/components/form/form-item.js.map +1 -1
- package/es-custom/components/form/form.js +2 -2
- package/es-custom/components/form/form.js.map +1 -1
- package/es-custom/components/form-group/form-group.js +2 -2
- package/es-custom/components/form-group/form-group.js.map +1 -1
- package/es-custom/components/grid/column-hang.js +2 -2
- package/es-custom/components/grid/column-hang.js.map +1 -1
- package/es-custom/components/grid/column.js +2 -2
- package/es-custom/components/grid/column.js.map +1 -1
- package/es-custom/components/grid/grid.js +2 -2
- package/es-custom/components/grid/grid.js.map +1 -1
- package/es-custom/components/heading/heading.js +2 -2
- package/es-custom/components/heading/heading.js.map +1 -1
- package/es-custom/components/icon/icon.js +2 -2
- package/es-custom/components/icon/icon.js.map +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.js +3 -3
- package/es-custom/components/icon-indicator/icon-indicator.js.map +1 -1
- package/es-custom/components/inline-loading/inline-loading.js +3 -3
- package/es-custom/components/inline-loading/inline-loading.js.map +1 -1
- package/es-custom/components/layer/layer.js +2 -2
- package/es-custom/components/layer/layer.js.map +1 -1
- package/es-custom/components/list/list-item.js +2 -2
- package/es-custom/components/list/list-item.js.map +1 -1
- package/es-custom/components/list/ordered-list.js +2 -2
- package/es-custom/components/list/ordered-list.js.map +1 -1
- package/es-custom/components/loading/loading.js +2 -2
- package/es-custom/components/loading/loading.js.map +1 -1
- package/es-custom/components/menu/menu-item-divider.js +2 -2
- package/es-custom/components/menu/menu-item-divider.js.map +1 -1
- package/es-custom/components/menu/menu-item-group.js +2 -2
- package/es-custom/components/menu/menu-item-group.js.map +1 -1
- package/es-custom/components/menu/menu-item-radio-group.js +2 -2
- package/es-custom/components/menu/menu-item-radio-group.js.map +1 -1
- package/es-custom/components/menu/menu-item-selectable.js +2 -2
- package/es-custom/components/menu/menu-item-selectable.js.map +1 -1
- package/es-custom/components/menu/menu-item.js +3 -3
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu.js +2 -2
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.js +3 -3
- package/es-custom/components/menu-button/menu-button.js.map +1 -1
- package/es-custom/components/modal/modal-body-content.js +2 -2
- package/es-custom/components/modal/modal-body-content.js.map +1 -1
- package/es-custom/components/modal/modal-body.js +2 -2
- package/es-custom/components/modal/modal-body.js.map +1 -1
- package/es-custom/components/modal/modal-close-button.js +3 -3
- package/es-custom/components/modal/modal-close-button.js.map +1 -1
- package/es-custom/components/modal/modal-footer-button.js +2 -2
- package/es-custom/components/modal/modal-footer-button.js.map +1 -1
- package/es-custom/components/modal/modal-footer.js +2 -2
- package/es-custom/components/modal/modal-footer.js.map +1 -1
- package/es-custom/components/modal/modal-header.js +2 -2
- package/es-custom/components/modal/modal-header.js.map +1 -1
- package/es-custom/components/modal/modal-heading.js +2 -2
- package/es-custom/components/modal/modal-heading.js.map +1 -1
- package/es-custom/components/modal/modal-label.js +2 -2
- package/es-custom/components/modal/modal-label.js.map +1 -1
- package/es-custom/components/modal/modal.js +2 -2
- package/es-custom/components/modal/modal.js.map +1 -1
- package/es-custom/components/multi-select/multi-select-item.js +2 -2
- package/es-custom/components/multi-select/multi-select-item.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +9 -0
- package/es-custom/components/multi-select/multi-select.js +58 -11
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/notification/actionable-notification-button.js +2 -2
- package/es-custom/components/notification/actionable-notification-button.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.js +1 -1
- package/es-custom/components/notification/callout-notification.js +3 -3
- package/es-custom/components/notification/callout-notification.js.map +1 -1
- package/es-custom/components/notification/inline-notification.js +1 -1
- package/es-custom/components/notification/toast-notification.js +2 -2
- package/es-custom/components/notification/toast-notification.js.map +1 -1
- package/es-custom/components/number-input/number-input.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.d.ts +18 -2
- package/es-custom/components/overflow-menu/overflow-menu-body.js +25 -4
- package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-item.js +2 -2
- package/es-custom/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.js +2 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content-text.js +2 -2
- package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.js +2 -2
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-hero-image.js +2 -2
- package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.js +2 -2
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.js +2 -2
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/pagination/pagination.js +4 -4
- package/es-custom/components/pagination/pagination.js.map +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.js +3 -3
- package/es-custom/components/pagination-nav/pagination-nav.js.map +1 -1
- package/es-custom/components/password-input/password-input-skeleton.js +2 -2
- package/es-custom/components/password-input/password-input-skeleton.js.map +1 -1
- package/es-custom/components/password-input/password-input.js +3 -3
- package/es-custom/components/password-input/password-input.js.map +1 -1
- package/es-custom/components/progress-bar/progress-bar.js +3 -3
- package/es-custom/components/progress-bar/progress-bar.js.map +1 -1
- package/es-custom/components/progress-indicator/progress-indicator-skeleton.js +2 -2
- package/es-custom/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.js +2 -2
- package/es-custom/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es-custom/components/progress-indicator/progress-step-skeleton.js +3 -3
- package/es-custom/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es-custom/components/progress-indicator/progress-step.js +3 -3
- package/es-custom/components/progress-indicator/progress-step.js.map +1 -1
- package/es-custom/components/radio-button/radio-button-group.js +3 -3
- package/es-custom/components/radio-button/radio-button-group.js.map +1 -1
- package/es-custom/components/radio-button/radio-button-skeleton.js +2 -2
- package/es-custom/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es-custom/components/radio-button/radio-button.js +2 -2
- package/es-custom/components/radio-button/radio-button.js.map +1 -1
- package/es-custom/components/search/search.js +1 -1
- package/es-custom/components/select/select-item-group.js +2 -2
- package/es-custom/components/select/select-item-group.js.map +1 -1
- package/es-custom/components/select/select-item.js +2 -2
- package/es-custom/components/select/select-item.js.map +1 -1
- package/es-custom/components/select/select.js +1 -1
- package/es-custom/components/shape-indicator/shape-indicator.js +3 -3
- package/es-custom/components/shape-indicator/shape-indicator.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +3 -3
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/skeleton-icon/skeleton-icon.js +2 -2
- package/es-custom/components/skeleton-icon/skeleton-icon.js.map +1 -1
- package/es-custom/components/skeleton-placeholder/skeleton-placeholder.js +2 -2
- package/es-custom/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es-custom/components/skeleton-text/skeleton-text.js +2 -2
- package/es-custom/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.js +2 -2
- package/es-custom/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es-custom/components/slider/slider-input.js +3 -3
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider-skeleton.js +2 -2
- package/es-custom/components/slider/slider-skeleton.js.map +1 -1
- package/es-custom/components/slider/slider.js +2 -2
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slug/slug-action-button.js +2 -2
- package/es-custom/components/slug/slug-action-button.js.map +1 -1
- package/es-custom/components/slug/slug.js +3 -3
- package/es-custom/components/slug/slug.js.map +1 -1
- package/es-custom/components/stack/stack.js +2 -2
- package/es-custom/components/stack/stack.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-body.js +2 -2
- package/es-custom/components/structured-list/structured-list-body.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-cell.js +2 -2
- package/es-custom/components/structured-list/structured-list-cell.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-head.js +2 -2
- package/es-custom/components/structured-list/structured-list-head.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-header-cell-skeleton.js +2 -2
- package/es-custom/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-header-cell.js +2 -2
- package/es-custom/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-header-row.js +2 -2
- package/es-custom/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-row.js +3 -3
- package/es-custom/components/structured-list/structured-list-row.js.map +1 -1
- package/es-custom/components/structured-list/structured-list.js +2 -2
- package/es-custom/components/structured-list/structured-list.js.map +1 -1
- package/es-custom/components/tabs/tab-skeleton.js +2 -2
- package/es-custom/components/tabs/tab-skeleton.js.map +1 -1
- package/es-custom/components/tabs/tab.js +2 -2
- package/es-custom/components/tabs/tab.js.map +1 -1
- package/es-custom/components/tabs/tabs-skeleton.js +2 -2
- package/es-custom/components/tabs/tabs-skeleton.js.map +1 -1
- package/es-custom/components/tabs/tabs.js +3 -3
- package/es-custom/components/tabs/tabs.js.map +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tag/dismissible-tag.js +3 -3
- package/es-custom/components/tag/dismissible-tag.js.map +1 -1
- package/es-custom/components/tag/operational-tag.js +2 -2
- package/es-custom/components/tag/operational-tag.js.map +1 -1
- package/es-custom/components/tag/selectable-tag.js +2 -2
- package/es-custom/components/tag/selectable-tag.js.map +1 -1
- package/es-custom/components/tag/tag-skeleton.js +2 -2
- package/es-custom/components/tag/tag-skeleton.js.map +1 -1
- package/es-custom/components/tag/tag.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.js +2 -2
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
- package/es-custom/components/text-input/text-input.js +1 -1
- package/es-custom/components/textarea/textarea.js +1 -1
- package/es-custom/components/tile/clickable-tile.js +3 -3
- package/es-custom/components/tile/clickable-tile.js.map +1 -1
- package/es-custom/components/tile/expandable-tile.js +3 -3
- package/es-custom/components/tile/expandable-tile.js.map +1 -1
- package/es-custom/components/tile/radio-tile.js +3 -3
- package/es-custom/components/tile/radio-tile.js.map +1 -1
- package/es-custom/components/tile/selectable-tile.js +1 -1
- package/es-custom/components/tile/tile-group.js +2 -2
- package/es-custom/components/tile/tile-group.js.map +1 -1
- package/es-custom/components/tile/tile.js +2 -2
- package/es-custom/components/tile/tile.js.map +1 -1
- package/es-custom/components/time-picker/time-picker-select.js +3 -3
- package/es-custom/components/time-picker/time-picker-select.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.js +1 -1
- package/es-custom/components/toggle/toggle-skeleton.js +2 -2
- package/es-custom/components/toggle/toggle-skeleton.js.map +1 -1
- package/es-custom/components/toggle/toggle.js +2 -2
- package/es-custom/components/toggle/toggle.js.map +1 -1
- package/es-custom/components/toggle-tip/toggletip.js +1 -1
- package/es-custom/components/tooltip/definition-tooltip.js +2 -2
- package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
- package/es-custom/components/tooltip/tooltip-content.js +2 -2
- package/es-custom/components/tooltip/tooltip-content.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.js +2 -2
- package/es-custom/components/tooltip/tooltip.js.map +1 -1
- package/es-custom/components/tree-view/tree-node.js +3 -3
- package/es-custom/components/tree-view/tree-node.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.js +2 -2
- package/es-custom/components/tree-view/tree-view.js.map +1 -1
- package/es-custom/components/ui-shell/header-global-action.js +2 -2
- package/es-custom/components/ui-shell/header-global-action.js.map +1 -1
- package/es-custom/components/ui-shell/header-menu-button.js +3 -3
- package/es-custom/components/ui-shell/header-menu-button.js.map +1 -1
- package/es-custom/components/ui-shell/header-menu-item.js +2 -2
- package/es-custom/components/ui-shell/header-menu-item.js.map +1 -1
- package/es-custom/components/ui-shell/header-menu.js +3 -3
- package/es-custom/components/ui-shell/header-menu.js.map +1 -1
- package/es-custom/components/ui-shell/header-name.js +2 -2
- package/es-custom/components/ui-shell/header-name.js.map +1 -1
- package/es-custom/components/ui-shell/header-nav.js +2 -2
- package/es-custom/components/ui-shell/header-nav.js.map +1 -1
- package/es-custom/components/ui-shell/header-panel.js +2 -2
- package/es-custom/components/ui-shell/header-panel.js.map +1 -1
- package/es-custom/components/ui-shell/header-side-nav-items.js +2 -2
- package/es-custom/components/ui-shell/header-side-nav-items.js.map +1 -1
- package/es-custom/components/ui-shell/header.js +2 -2
- package/es-custom/components/ui-shell/header.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-divider.js +2 -2
- package/es-custom/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-items.js +2 -2
- package/es-custom/components/ui-shell/side-nav-items.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-link.js +2 -2
- package/es-custom/components/ui-shell/side-nav-link.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-menu-item.js +2 -2
- package/es-custom/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-menu.js +3 -3
- package/es-custom/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav.js +2 -2
- package/es-custom/components/ui-shell/side-nav.js.map +1 -1
- package/es-custom/components/ui-shell/switcher-divider.js +2 -2
- package/es-custom/components/ui-shell/switcher-divider.js.map +1 -1
- package/es-custom/components/ui-shell/switcher-item.js +2 -2
- package/es-custom/components/ui-shell/switcher-item.js.map +1 -1
- package/es-custom/components/ui-shell/switcher.js +2 -2
- package/es-custom/components/ui-shell/switcher.js.map +1 -1
- package/es-custom/feature-flags/es/index.js +153 -144
- package/es-custom/feature-flags/es/index.js.map +1 -1
- package/lib/components/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/lib/components/button/button.d.ts +14 -16
- package/lib/components/feature-flags/index.d.ts +1 -1
- package/lib/components/floating-menu/defs.d.ts +10 -2
- package/lib/components/floating-menu/defs.js +9 -1
- package/lib/components/floating-menu/defs.js.map +1 -1
- package/lib/components/floating-menu/floating-menu.d.ts +31 -1
- package/lib/components/multi-select/multi-select.d.ts +9 -0
- package/lib/components/overflow-menu/overflow-menu-body.d.ts +18 -2
- package/package.json +3 -3
- package/scss/components/button/button.scss +2 -0
- package/scss/components/overflow-menu/overflow-menu.scss +7 -1
- package/scss/components/tabs/tabs-story.scss +15 -1
- package/scss/components/tabs/tabs.scss +16 -3
- package/telemetry.yml +2 -0
|
@@ -10,15 +10,40 @@ import { LitElement } from 'lit';
|
|
|
10
10
|
import HostListener from '../../globals/decorators/host-listener.js';
|
|
11
11
|
import FocusMixin from '../../globals/mixins/focus.js';
|
|
12
12
|
import HostListenerMixin from '../../globals/mixins/host-listener.js';
|
|
13
|
-
import {
|
|
13
|
+
import { FLOATING_MENU_DIRECTION } from './defs.js';
|
|
14
|
+
export { FLOATING_MENU_POSITION_DIRECTION } from './defs.js';
|
|
14
15
|
import { prefix } from '../../globals/settings.js';
|
|
15
16
|
|
|
16
17
|
/**
|
|
17
|
-
* Copyright IBM Corp. 2019,
|
|
18
|
+
* Copyright IBM Corp. 2019, 2026
|
|
18
19
|
*
|
|
19
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
20
21
|
* LICENSE file in the root directory of this source tree.
|
|
21
22
|
*/
|
|
23
|
+
/**
|
|
24
|
+
* Calculates the offset for the floating menu.
|
|
25
|
+
*
|
|
26
|
+
* @param menuBody - The menu body element.
|
|
27
|
+
* @param menuDirection - The floating menu direction.
|
|
28
|
+
* @param trigger - The trigger element.
|
|
29
|
+
* @param flipped - Whether the menu is flipped.
|
|
30
|
+
* @returns The adjustment of the floating menu position.
|
|
31
|
+
*/
|
|
32
|
+
const getMenuOffset = (menuBody, menuDirection, trigger, flipped) => {
|
|
33
|
+
const { offsetWidth: menuWidth } = menuBody;
|
|
34
|
+
switch (menuDirection) {
|
|
35
|
+
case FLOATING_MENU_DIRECTION.TOP:
|
|
36
|
+
case FLOATING_MENU_DIRECTION.BOTTOM: {
|
|
37
|
+
const triggerWidth = !trigger ? 0 : trigger.offsetWidth;
|
|
38
|
+
return {
|
|
39
|
+
left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),
|
|
40
|
+
top: 0,
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
default:
|
|
44
|
+
return { left: 0, top: 0 };
|
|
45
|
+
}
|
|
46
|
+
};
|
|
22
47
|
/**
|
|
23
48
|
* Observes resize of the given element with the given resize observer.
|
|
24
49
|
*
|
|
@@ -74,8 +99,7 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
|
|
|
74
99
|
this._resizeObserver = new ResizeObserver(() => {
|
|
75
100
|
const { container, open, parent, position } = this;
|
|
76
101
|
if (container && open && parent) {
|
|
77
|
-
const {
|
|
78
|
-
this.style[direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'] = `${start}px`;
|
|
102
|
+
const { top } = position;
|
|
79
103
|
this.style.top = `${top}px`;
|
|
80
104
|
}
|
|
81
105
|
});
|
|
@@ -109,6 +133,32 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
|
|
|
109
133
|
*/
|
|
110
134
|
this.parent = null;
|
|
111
135
|
}
|
|
136
|
+
/**
|
|
137
|
+
* Gets the menu offset configuration (object or function).
|
|
138
|
+
* Subclasses override this to specify custom offset configs.
|
|
139
|
+
*
|
|
140
|
+
* @returns The menu offset configuration, or undefined for no offset.
|
|
141
|
+
*/
|
|
142
|
+
getOffsetConfig() {
|
|
143
|
+
return undefined;
|
|
144
|
+
}
|
|
145
|
+
/**
|
|
146
|
+
* Resolves the final menu offset by evaluating the offset configuration.
|
|
147
|
+
* Handles both static offset objects and dynamic offset functions.
|
|
148
|
+
*
|
|
149
|
+
* @returns The resolved offset with left and top values.
|
|
150
|
+
*/
|
|
151
|
+
resolveOffset() {
|
|
152
|
+
const config = this.getOffsetConfig();
|
|
153
|
+
if (!config) {
|
|
154
|
+
return { left: 0, top: 0 };
|
|
155
|
+
}
|
|
156
|
+
if (typeof config === 'function') {
|
|
157
|
+
const trigger = this.parent;
|
|
158
|
+
return config(this, this.direction, trigger, this.flipped);
|
|
159
|
+
}
|
|
160
|
+
return config;
|
|
161
|
+
}
|
|
112
162
|
/**
|
|
113
163
|
* The DOM element to put this menu into.
|
|
114
164
|
*/
|
|
@@ -121,62 +171,78 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
|
|
|
121
171
|
* The position of this floating menu.
|
|
122
172
|
*/
|
|
123
173
|
get position() {
|
|
174
|
+
var _a, _b;
|
|
124
175
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
125
176
|
const { triggerPosition } = this.parent;
|
|
126
177
|
if (!triggerPosition) {
|
|
127
178
|
throw new TypeError('Missing information of trigger button position.');
|
|
128
179
|
}
|
|
129
180
|
const { container } = this;
|
|
130
|
-
const { left: refLeft = 0, top: refTop = 0, right: refRight = 0, } = triggerPosition;
|
|
131
|
-
let { bottom: refBottom = 0 } = triggerPosition;
|
|
181
|
+
const { left: refLeft = 0, top: refTop = 0, right: refRight = 0, bottom: refBottom = 0, } = triggerPosition;
|
|
132
182
|
const { width, height } = this.getBoundingClientRect();
|
|
133
|
-
const
|
|
134
|
-
refBottom = refBottom - containerTop;
|
|
183
|
+
const containerRect = container.getBoundingClientRect();
|
|
135
184
|
const containerComputedStyle =
|
|
136
185
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
137
186
|
container.ownerDocument.defaultView.getComputedStyle(container);
|
|
187
|
+
const containerPosition = containerComputedStyle.getPropertyValue('position');
|
|
138
188
|
const positionDirection = containerComputedStyle.getPropertyValue('direction');
|
|
139
|
-
const
|
|
140
|
-
const
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
?
|
|
146
|
-
|
|
147
|
-
const
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
const
|
|
151
|
-
|
|
152
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
153
|
-
(container !== this.ownerDocument.body ||
|
|
154
|
-
containerStartFromViewport !== 0 ||
|
|
155
|
-
containerTop !== 0) &&
|
|
156
|
-
containerComputedStyle.getPropertyValue('position') === 'static') {
|
|
157
|
-
throw new Error('Floating menu container must not have `position:static`.');
|
|
158
|
-
}
|
|
159
|
-
const { flipped, direction } = this;
|
|
189
|
+
const scrollX = (_a = globalThis.scrollX) !== null && _a !== void 0 ? _a : 0;
|
|
190
|
+
const scrollY = (_b = globalThis.scrollY) !== null && _b !== void 0 ? _b : 0;
|
|
191
|
+
const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;
|
|
192
|
+
const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;
|
|
193
|
+
const relativeDiff = {
|
|
194
|
+
top: containerPosition !== 'static' ? containerRect.top : 0,
|
|
195
|
+
left: containerPosition !== 'static' ? containerRect.left : 0,
|
|
196
|
+
};
|
|
197
|
+
const refCenterHorizontal = (refLeft + refRight) / 2;
|
|
198
|
+
const refCenterVertical = (refTop + refBottom) / 2;
|
|
199
|
+
const offset = this.resolveOffset();
|
|
200
|
+
const { top = 0, left = 0 } = offset;
|
|
201
|
+
const { direction } = this;
|
|
160
202
|
if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {
|
|
161
203
|
throw new Error(`Wrong menu position direction: ${direction}`);
|
|
162
204
|
}
|
|
163
|
-
const
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
205
|
+
const positions = {
|
|
206
|
+
[FLOATING_MENU_DIRECTION.LEFT]: () => ({
|
|
207
|
+
left: refLeft - width + effectiveScrollX - left - relativeDiff.left,
|
|
208
|
+
top: refCenterVertical -
|
|
209
|
+
height / 2 +
|
|
210
|
+
effectiveScrollY +
|
|
211
|
+
top -
|
|
212
|
+
9 -
|
|
213
|
+
relativeDiff.top,
|
|
214
|
+
}),
|
|
167
215
|
[FLOATING_MENU_DIRECTION.TOP]: () => ({
|
|
168
|
-
|
|
169
|
-
|
|
216
|
+
left: refCenterHorizontal -
|
|
217
|
+
width / 2 +
|
|
218
|
+
effectiveScrollX +
|
|
219
|
+
left -
|
|
220
|
+
relativeDiff.left,
|
|
221
|
+
top: refTop - height + effectiveScrollY - top - relativeDiff.top,
|
|
222
|
+
}),
|
|
223
|
+
[FLOATING_MENU_DIRECTION.RIGHT]: () => ({
|
|
224
|
+
left: refRight + effectiveScrollX + left - relativeDiff.left,
|
|
225
|
+
top: refCenterVertical -
|
|
226
|
+
height / 2 +
|
|
227
|
+
effectiveScrollY +
|
|
228
|
+
top +
|
|
229
|
+
3 -
|
|
230
|
+
relativeDiff.top,
|
|
170
231
|
}),
|
|
171
232
|
[FLOATING_MENU_DIRECTION.BOTTOM]: () => ({
|
|
172
|
-
|
|
173
|
-
|
|
233
|
+
left: refCenterHorizontal -
|
|
234
|
+
width / 2 +
|
|
235
|
+
effectiveScrollX +
|
|
236
|
+
left -
|
|
237
|
+
relativeDiff.left,
|
|
238
|
+
top: refBottom + effectiveScrollY + top - relativeDiff.top,
|
|
174
239
|
}),
|
|
175
|
-
}
|
|
240
|
+
};
|
|
241
|
+
const { left: calculatedLeft, top: calculatedTop } = positions[direction]();
|
|
176
242
|
return {
|
|
177
243
|
direction: positionDirection,
|
|
178
|
-
start,
|
|
179
|
-
top,
|
|
244
|
+
start: calculatedLeft,
|
|
245
|
+
top: calculatedTop,
|
|
180
246
|
};
|
|
181
247
|
}
|
|
182
248
|
disconnectedCallback() {
|
|
@@ -199,8 +265,9 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
|
|
|
199
265
|
container.appendChild(this);
|
|
200
266
|
}
|
|
201
267
|
// Note: `this.position` cannot be referenced until `this.parent` is set
|
|
202
|
-
const {
|
|
203
|
-
this.style
|
|
268
|
+
const { start, top } = this.position;
|
|
269
|
+
this.style.left = `${start}px`;
|
|
270
|
+
this.style.right = 'auto';
|
|
204
271
|
this.style.top = `${top}px`;
|
|
205
272
|
}
|
|
206
273
|
if (changedProperties.has('open')) {
|
|
@@ -247,5 +314,5 @@ __decorate([
|
|
|
247
314
|
// @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
|
|
248
315
|
], CDSFloatingMenu.prototype, "_handleKeyDown", void 0);
|
|
249
316
|
|
|
250
|
-
export { FLOATING_MENU_DIRECTION,
|
|
317
|
+
export { FLOATING_MENU_DIRECTION, CDSFloatingMenu as default, getMenuOffset };
|
|
251
318
|
//# sourceMappingURL=floating-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating-menu.js","sources":["../../../src/components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n FLOATING_MENU_DIRECTION,\n FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n /**\n * The LTR/RTL direction used for positioning floating menu.\n */\n direction: FLOATING_MENU_POSITION_DIRECTION;\n\n /**\n * The start position (Left position for LTR, right position for RTL).\n */\n start: number;\n\n /**\n * The top position.\n */\n top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n * The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n const found = elem.closest(selector);\n if (found) {\n return found;\n }\n const { host } = elem.getRootNode() as ShadowRoot;\n if (host) {\n return closestComposed(host, selector);\n }\n return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n FocusMixin(LitElement)\n) {\n /**\n * The handle for observing resize of the element containing the trigger button.\n */\n private _hObserveResizeParent: Handle | null = null;\n\n /**\n * The handle for observing resize of the floating menu container.\n */\n private _hObserveResizeContainer: Handle | null = null;\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const { container, open, parent, position } = this;\n if (container && open && parent) {\n const { direction, start, top } = position;\n this.style[\n direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'\n ] = `${start}px`;\n this.style.top = `${top}px`;\n }\n });\n\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleBlur = ({ relatedTarget }: FocusEvent) => {\n if (!this.contains(relatedTarget as Node)) {\n const { parent } = this;\n if (parent && parent !== relatedTarget) {\n parent.open = false;\n HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n }\n }\n };\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _click = () => {\n const { parent } = this;\n if (parent) {\n parent.open = false;\n }\n };\n\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n const { parent } = this;\n if (parent) {\n parent.open = false;\n }\n }\n }\n };\n\n /**\n * The DOM element, typically a custom element in this library, launching this floating menu.\n */\n protected parent: CDSFloatingMenuTrigger | null = null;\n\n /**\n * The menu direction.\n */\n abstract direction: FLOATING_MENU_DIRECTION;\n\n /**\n * `true` if the menu should be open.\n */\n abstract open: boolean;\n\n /**\n * `true` if the menu alignment should be flipped.\n */\n abstract flipped: boolean;\n\n /**\n * The DOM element to put this menu into.\n */\n get container() {\n return (\n closestComposed(\n this,\n (this.constructor as typeof CDSFloatingMenu).selectorContainer\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n ) || this.ownerDocument!.body\n );\n }\n\n /**\n * The position of this floating menu.\n */\n get position(): FloatingMenuPosition {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const { triggerPosition } = this.parent!;\n if (!triggerPosition) {\n throw new TypeError('Missing information of trigger button position.');\n }\n\n const { container } = this;\n const {\n left: refLeft = 0,\n top: refTop = 0,\n right: refRight = 0,\n } = triggerPosition;\n let { bottom: refBottom = 0 } = triggerPosition;\n const { width, height } = this.getBoundingClientRect();\n const {\n left: containerLeft = 0,\n right: containerRight = 0,\n top: containerTop = 0,\n } = container.getBoundingClientRect();\n refBottom = refBottom - containerTop;\n\n const containerComputedStyle =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n container.ownerDocument!.defaultView!.getComputedStyle(container);\n const positionDirection = containerComputedStyle.getPropertyValue(\n 'direction'\n ) as FLOATING_MENU_POSITION_DIRECTION;\n const isRtl = positionDirection === FLOATING_MENU_POSITION_DIRECTION.RTL;\n const containerStartFromViewport = !isRtl\n ? containerLeft\n : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n container.ownerDocument!.defaultView!.innerWidth - containerRight;\n const refStartFromContainer = !isRtl\n ? refLeft - containerLeft\n : containerRight - refRight;\n const refEndFromContainer = !isRtl\n ? refRight - containerLeft\n : containerRight - refLeft;\n const refTopFromContainer = refTop - containerTop;\n\n if (\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (container !== this.ownerDocument!.body ||\n containerStartFromViewport !== 0 ||\n containerTop !== 0) &&\n containerComputedStyle.getPropertyValue('position') === 'static'\n ) {\n throw new Error(\n 'Floating menu container must not have `position:static`.'\n );\n }\n\n const { flipped, direction } = this;\n if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n throw new Error(`Wrong menu position direction: ${direction}`);\n }\n\n const alignmentStart = flipped\n ? refEndFromContainer - width\n : refStartFromContainer;\n\n const { start, top } = {\n [FLOATING_MENU_DIRECTION.TOP]: () => ({\n start: alignmentStart,\n top: refTopFromContainer - height,\n }),\n [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n start: alignmentStart,\n top: refBottom,\n }),\n }[direction]();\n\n return {\n direction: positionDirection,\n start,\n top,\n };\n }\n\n disconnectedCallback() {\n if (this._hObserveResizeContainer) {\n this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n }\n if (this._hObserveResizeParent) {\n this._hObserveResizeParent = this._hObserveResizeParent.release();\n }\n }\n\n updated(changedProperties) {\n const { container, open, parent } = this;\n if (\n (changedProperties.has('flipped') ||\n changedProperties.has('direction') ||\n changedProperties.has('open')) &&\n open\n ) {\n if (!parent) {\n this.parent = this.parentElement as CDSFloatingMenuTrigger;\n container.appendChild(this);\n }\n // Note: `this.position` cannot be referenced until `this.parent` is set\n const { direction, start, top } = this.position;\n this.style[\n direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'\n ] = `${start}px`;\n this.style.top = `${top}px`;\n }\n if (changedProperties.has('open')) {\n if (this._hObserveResizeContainer) {\n this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n }\n if (this._hObserveResizeParent) {\n this._hObserveResizeParent = this._hObserveResizeParent.release();\n }\n if (open) {\n const { parentElement } = this.parent ?? {};\n this._hObserveResizeContainer = observeResize(\n this._resizeObserver,\n container\n );\n if (parentElement) {\n this._hObserveResizeParent = observeResize(\n this._resizeObserver,\n parentElement\n );\n }\n }\n }\n }\n\n /**\n * A constant indicating that this class is a floating menu.\n */\n static FLOATING_MENU = true;\n\n /**\n * The CSS selector to find the element to put this floating menu in.\n */\n static get selectorContainer() {\n return `[data-floating-menu-container],${prefix}-modal`;\n }\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n}\n\nexport default CDSFloatingMenu;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAoCH;;;;;AAKG;AACH,MAAM,aAAa,GAAG,CAAC,QAAwB,EAAE,IAAa,KAAI;AAChE,IAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IACtB,OAAO;QACL,OAAO,GAAA;AACL,YAAA,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;AACxB,YAAA,OAAO,IAAI;QACb,CAAC;KACQ;AACb,CAAC;AAED;;;;;AAKG;AACH,MAAM,eAAe,GAAG,CAAC,IAAa,EAAE,QAAgB,KAAI;IAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IACpC,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,KAAK;IACd;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,WAAW,EAAgB;IACjD,IAAI,IAAI,EAAE;AACR,QAAA,OAAO,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxC;AACA,IAAA,OAAO,IAAI;AACb,CAAC;AAED;;AAEG;AACH,MAAe,eAAgB,SAAQ,iBAAiB,CACtD,UAAU,CAAC,UAAU,CAAC,CACvB,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QACK,IAAA,CAAA,qBAAqB,GAAkB,IAAI;AAEnD;;AAEG;QACK,IAAA,CAAA,wBAAwB,GAAkB,IAAI;AAEtD;;AAEG;;;;AAIK,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,cAAc,CAAC,MAAK;YAChD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;AAClD,YAAA,IAAI,SAAS,IAAI,IAAI,IAAI,MAAM,EAAE;gBAC/B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ;gBAC1C,IAAI,CAAC,KAAK,CACR,SAAS,KAAK,gCAAgC,CAAC,GAAG,GAAG,MAAM,GAAG,OAAO,CACtE,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;gBAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,IAAI;YAC7B;AACF,QAAA,CAAC,CAAC;AAKM,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAc,KAAI;YACtD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAqB,CAAC,EAAE;AACzC,gBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;AACvB,gBAAA,IAAI,MAAM,IAAI,MAAM,KAAK,aAAa,EAAE;AACtC,oBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;AACnB,oBAAA,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD;YACF;AACF,QAAA,CAAC;QAKO,IAAA,CAAA,MAAM,GAAG,MAAK;AACpB,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;YACvB,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;YACrB;AACF,QAAA,CAAC;AAKO,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;AAChD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,oBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;oBACvB,IAAI,MAAM,EAAE;AACV,wBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;oBACrB;gBACF;YACF;AACF,QAAA,CAAC;AAED;;AAEG;QACO,IAAA,CAAA,MAAM,GAAkC,IAAI;IAmLxD;AAlKE;;AAEG;AACH,IAAA,IAAI,SAAS,GAAA;QACX,QACE,eAAe,CACb,IAAI,EACH,IAAI,CAAC,WAAsC,CAAC;;AAE9C,SAAA,IAAI,IAAI,CAAC,aAAc,CAAC,IAAI;IAEjC;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;;AAEV,QAAA,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,MAAO;QACxC,IAAI,CAAC,eAAe,EAAE;AACpB,YAAA,MAAM,IAAI,SAAS,CAAC,iDAAiD,CAAC;QACxE;AAEA,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;QAC1B,MAAM,EACJ,IAAI,EAAE,OAAO,GAAG,CAAC,EACjB,GAAG,EAAE,MAAM,GAAG,CAAC,EACf,KAAK,EAAE,QAAQ,GAAG,CAAC,GACpB,GAAG,eAAe;QACnB,IAAI,EAAE,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,eAAe;QAC/C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;QACtD,MAAM,EACJ,IAAI,EAAE,aAAa,GAAG,CAAC,EACvB,KAAK,EAAE,cAAc,GAAG,CAAC,EACzB,GAAG,EAAE,YAAY,GAAG,CAAC,GACtB,GAAG,SAAS,CAAC,qBAAqB,EAAE;AACrC,QAAA,SAAS,GAAG,SAAS,GAAG,YAAY;AAEpC,QAAA,MAAM,sBAAsB;;QAE1B,SAAS,CAAC,aAAc,CAAC,WAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC;QACnE,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,gBAAgB,CAC/D,WAAW,CACwB;AACrC,QAAA,MAAM,KAAK,GAAG,iBAAiB,KAAK,gCAAgC,CAAC,GAAG;QACxE,MAAM,0BAA0B,GAAG,CAAC;AAClC,cAAE;AACF;gBACE,SAAS,CAAC,aAAc,CAAC,WAAY,CAAC,UAAU,GAAG,cAAc;QACrE,MAAM,qBAAqB,GAAG,CAAC;cAC3B,OAAO,GAAG;AACZ,cAAE,cAAc,GAAG,QAAQ;QAC7B,MAAM,mBAAmB,GAAG,CAAC;cACzB,QAAQ,GAAG;AACb,cAAE,cAAc,GAAG,OAAO;AAC5B,QAAA,MAAM,mBAAmB,GAAG,MAAM,GAAG,YAAY;AAEjD,QAAA;;AAEE,QAAA,CAAC,SAAS,KAAK,IAAI,CAAC,aAAc,CAAC,IAAI;AACrC,YAAA,0BAA0B,KAAK,CAAC;YAChC,YAAY,KAAK,CAAC;YACpB,sBAAsB,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,QAAQ,EAChE;AACA,YAAA,MAAM,IAAI,KAAK,CACb,0DAA0D,CAC3D;QACH;AAEA,QAAA,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI;AACnC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;AACjE,YAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,SAAS,CAAA,CAAE,CAAC;QAChE;QAEA,MAAM,cAAc,GAAG;cACnB,mBAAmB,GAAG;cACtB,qBAAqB;AAEzB,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG;YACrB,CAAC,uBAAuB,CAAC,GAAG,GAAG,OAAO;AACpC,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,mBAAmB,GAAG,MAAM;aAClC,CAAC;YACF,CAAC,uBAAuB,CAAC,MAAM,GAAG,OAAO;AACvC,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,GAAG,EAAE,SAAS;aACf,CAAC;SACH,CAAC,SAAS,CAAC,EAAE;QAEd,OAAO;AACL,YAAA,SAAS,EAAE,iBAAiB;YAC5B,KAAK;YACL,GAAG;SACJ;IACH;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;QACzE;AACA,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;QACnE;IACF;AAEA,IAAA,OAAO,CAAC,iBAAiB,EAAA;;QACvB,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;AACxC,QAAA,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC;AAC/B,YAAA,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;AAClC,YAAA,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/B,YAAA,IAAI,EACJ;YACA,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAuC;AAC1D,gBAAA,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7B;;YAEA,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;YAC/C,IAAI,CAAC,KAAK,CACR,SAAS,KAAK,gCAAgC,CAAC,GAAG,GAAG,MAAM,GAAG,OAAO,CACtE,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,IAAI;QAC7B;AACA,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACjC,YAAA,IAAI,IAAI,CAAC,wBAAwB,EAAE;gBACjC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;YACzE;AACA,YAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;YACnE;YACA,IAAI,IAAI,EAAE;gBACR,MAAM,EAAE,aAAa,EAAE,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;gBAC3C,IAAI,CAAC,wBAAwB,GAAG,aAAa,CAC3C,IAAI,CAAC,eAAe,EACpB,SAAS,CACV;gBACD,IAAI,aAAa,EAAE;oBACjB,IAAI,CAAC,qBAAqB,GAAG,aAAa,CACxC,IAAI,CAAC,eAAe,EACpB,aAAa,CACd;gBACH;YACF;QACF;IACF;AAOA;;AAEG;AACH,IAAA,WAAW,iBAAiB,GAAA;QAC1B,OAAO,CAAA,+BAAA,EAAkC,MAAM,CAAA,MAAA,CAAQ;IACzD;;AAVA;;AAEG;AACI,eAAA,CAAA,aAAa,GAAG,IAAH;AAQb,eAAA,CAAA,iBAAiB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AApNhB,UAAA,CAAA;IAHP,YAAY,CAAC,UAAU;;;AAWtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAKM,UAAA,CAAA;IAHP,YAAY,CAAC,OAAO;;;AAQnB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAKM,UAAA,CAAA;IAHP,YAAY,CAAC,SAAS;;;AAYrB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"floating-menu.js","sources":["../../../src/components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n FLOATING_MENU_DIRECTION,\n FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\nexport interface Offset {\n top: number;\n left: number;\n}\n\nexport type MenuDirection = FLOATING_MENU_DIRECTION;\n\nexport type MenuOffset =\n | Offset\n | ((\n menuBody: HTMLElement,\n menuDirection: MenuDirection,\n trigger?: HTMLElement | null,\n flipped?: boolean\n ) => Offset);\n\n/**\n * Calculates the offset for the floating menu.\n *\n * @param menuBody - The menu body element.\n * @param menuDirection - The floating menu direction.\n * @param trigger - The trigger element.\n * @param flipped - Whether the menu is flipped.\n * @returns The adjustment of the floating menu position.\n */\nexport const getMenuOffset = (\n menuBody: HTMLElement,\n menuDirection: MenuDirection,\n trigger?: HTMLElement,\n flipped?: boolean\n): Offset => {\n const { offsetWidth: menuWidth } = menuBody;\n\n switch (menuDirection) {\n case FLOATING_MENU_DIRECTION.TOP:\n case FLOATING_MENU_DIRECTION.BOTTOM: {\n const triggerWidth = !trigger ? 0 : trigger.offsetWidth;\n return {\n left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),\n top: 0,\n };\n }\n default:\n return { left: 0, top: 0 };\n }\n};\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n /**\n * The LTR/RTL direction used for positioning floating menu.\n */\n direction: FLOATING_MENU_POSITION_DIRECTION;\n\n /**\n * The start position (Left position for LTR, right position for RTL).\n */\n start: number;\n\n /**\n * The top position.\n */\n top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n * The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n const found = elem.closest(selector);\n if (found) {\n return found;\n }\n const { host } = elem.getRootNode() as ShadowRoot;\n if (host) {\n return closestComposed(host, selector);\n }\n return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n FocusMixin(LitElement)\n) {\n /**\n * The handle for observing resize of the element containing the trigger button.\n */\n private _hObserveResizeParent: Handle | null = null;\n\n /**\n * The handle for observing resize of the floating menu container.\n */\n private _hObserveResizeContainer: Handle | null = null;\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const { container, open, parent, position } = this;\n if (container && open && parent) {\n const { top } = position;\n this.style.top = `${top}px`;\n }\n });\n\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleBlur = ({ relatedTarget }: FocusEvent) => {\n if (!this.contains(relatedTarget as Node)) {\n const { parent } = this;\n if (parent && parent !== relatedTarget) {\n parent.open = false;\n HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n }\n }\n };\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _click = () => {\n const { parent } = this;\n if (parent) {\n parent.open = false;\n }\n };\n\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n const { parent } = this;\n if (parent) {\n parent.open = false;\n }\n }\n }\n };\n\n /**\n * The DOM element, typically a custom element in this library, launching this floating menu.\n */\n protected parent: CDSFloatingMenuTrigger | null = null;\n\n /**\n * The menu direction.\n */\n abstract direction: FLOATING_MENU_DIRECTION;\n\n /**\n * `true` if the menu should be open.\n */\n abstract open: boolean;\n\n /**\n * `true` if the menu alignment should be flipped.\n */\n abstract flipped: boolean;\n\n /**\n * Gets the menu offset configuration (object or function).\n * Subclasses override this to specify custom offset configs.\n *\n * @returns The menu offset configuration, or undefined for no offset.\n */\n protected getOffsetConfig(): MenuOffset | undefined {\n return undefined;\n }\n\n /**\n * Resolves the final menu offset by evaluating the offset configuration.\n * Handles both static offset objects and dynamic offset functions.\n *\n * @returns The resolved offset with left and top values.\n */\n protected resolveOffset(): Offset {\n const config = this.getOffsetConfig();\n\n if (!config) {\n return { left: 0, top: 0 };\n }\n\n if (typeof config === 'function') {\n const trigger = this.parent as HTMLElement;\n return config(this, this.direction, trigger, this.flipped);\n }\n\n return config;\n }\n\n /**\n * The DOM element to put this menu into.\n */\n get container() {\n return (\n closestComposed(\n this,\n (this.constructor as typeof CDSFloatingMenu).selectorContainer\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n ) || this.ownerDocument!.body\n );\n }\n\n /**\n * The position of this floating menu.\n */\n get position(): FloatingMenuPosition {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const { triggerPosition } = this.parent!;\n if (!triggerPosition) {\n throw new TypeError('Missing information of trigger button position.');\n }\n\n const { container } = this;\n const {\n left: refLeft = 0,\n top: refTop = 0,\n right: refRight = 0,\n bottom: refBottom = 0,\n } = triggerPosition;\n const { width, height } = this.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n\n const containerComputedStyle =\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n container.ownerDocument!.defaultView!.getComputedStyle(container);\n const containerPosition =\n containerComputedStyle.getPropertyValue('position');\n const positionDirection = containerComputedStyle.getPropertyValue(\n 'direction'\n ) as FLOATING_MENU_POSITION_DIRECTION;\n\n const scrollX = globalThis.scrollX ?? 0;\n const scrollY = globalThis.scrollY ?? 0;\n const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;\n const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;\n\n const relativeDiff = {\n top: containerPosition !== 'static' ? containerRect.top : 0,\n left: containerPosition !== 'static' ? containerRect.left : 0,\n };\n\n const refCenterHorizontal = (refLeft + refRight) / 2;\n const refCenterVertical = (refTop + refBottom) / 2;\n\n const offset = this.resolveOffset();\n const { top = 0, left = 0 } = offset;\n\n const { direction } = this;\n if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n throw new Error(`Wrong menu position direction: ${direction}`);\n }\n\n const positions: Record<MenuDirection, () => Offset> = {\n [FLOATING_MENU_DIRECTION.LEFT]: () => ({\n left: refLeft - width + effectiveScrollX - left - relativeDiff.left,\n top:\n refCenterVertical -\n height / 2 +\n effectiveScrollY +\n top -\n 9 -\n relativeDiff.top,\n }),\n [FLOATING_MENU_DIRECTION.TOP]: () => ({\n left:\n refCenterHorizontal -\n width / 2 +\n effectiveScrollX +\n left -\n relativeDiff.left,\n top: refTop - height + effectiveScrollY - top - relativeDiff.top,\n }),\n [FLOATING_MENU_DIRECTION.RIGHT]: () => ({\n left: refRight + effectiveScrollX + left - relativeDiff.left,\n top:\n refCenterVertical -\n height / 2 +\n effectiveScrollY +\n top +\n 3 -\n relativeDiff.top,\n }),\n [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n left:\n refCenterHorizontal -\n width / 2 +\n effectiveScrollX +\n left -\n relativeDiff.left,\n top: refBottom + effectiveScrollY + top - relativeDiff.top,\n }),\n };\n\n const { left: calculatedLeft, top: calculatedTop } = positions[direction]();\n\n return {\n direction: positionDirection,\n start: calculatedLeft,\n top: calculatedTop,\n };\n }\n\n disconnectedCallback() {\n if (this._hObserveResizeContainer) {\n this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n }\n if (this._hObserveResizeParent) {\n this._hObserveResizeParent = this._hObserveResizeParent.release();\n }\n }\n\n updated(changedProperties) {\n const { container, open, parent } = this;\n if (\n (changedProperties.has('flipped') ||\n changedProperties.has('direction') ||\n changedProperties.has('open')) &&\n open\n ) {\n if (!parent) {\n this.parent = this.parentElement as CDSFloatingMenuTrigger;\n container.appendChild(this);\n }\n // Note: `this.position` cannot be referenced until `this.parent` is set\n const { start, top } = this.position;\n this.style.left = `${start}px`;\n this.style.right = 'auto';\n this.style.top = `${top}px`;\n }\n if (changedProperties.has('open')) {\n if (this._hObserveResizeContainer) {\n this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n }\n if (this._hObserveResizeParent) {\n this._hObserveResizeParent = this._hObserveResizeParent.release();\n }\n if (open) {\n const { parentElement } = this.parent ?? {};\n this._hObserveResizeContainer = observeResize(\n this._resizeObserver,\n container\n );\n if (parentElement) {\n this._hObserveResizeParent = observeResize(\n this._resizeObserver,\n parentElement\n );\n }\n }\n }\n }\n\n /**\n * A constant indicating that this class is a floating menu.\n */\n static FLOATING_MENU = true;\n\n /**\n * The CSS selector to find the element to put this floating menu in.\n */\n static get selectorContainer() {\n return `[data-floating-menu-container],${prefix}-modal`;\n }\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n}\n\nexport default CDSFloatingMenu;\n"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ CDSFluidNumberInputSkeleton.styles = [CDSNumberInputSkeleton.styles, styles];
|
|
|
32
32
|
CDSFluidNumberInputSkeleton = __decorate([
|
|
33
33
|
carbonElement(`${prefix}-fluid-number-input-skeleton`)
|
|
34
34
|
], CDSFluidNumberInputSkeleton);
|
|
35
|
-
var
|
|
35
|
+
var CDSFluidNumberInputSkeleton_default = CDSFluidNumberInputSkeleton;
|
|
36
36
|
|
|
37
|
-
export {
|
|
37
|
+
export { CDSFluidNumberInputSkeleton_default as default };
|
|
38
38
|
//# sourceMappingURL=fluid-number-input-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-number-input-skeleton.js","sources":["../../../src/components/fluid-number-input/fluid-number-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-number-input.scss?lit';\nimport CDSNumberInputSkeleton from '../number-input/number-input-skeleton';\n\n/**\n * Fluid number input.\n *\n * @element cds-custom-fluid-number-input-skeleton\n */\n@customElement(`${prefix}-fluid-number-input-skeleton`)\nclass CDSFluidNumberInputSkeleton extends CDSNumberInputSkeleton {\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSNumberInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidNumberInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,sBAAsB,CAAA;IAC9D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,2BAAA,CAAA,MAAM,GAAG,CAAC,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAzC;AALT,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AAChD,CAAA,EAAA,2BAA2B,CAMhC;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-number-input-skeleton.js","sources":["../../../src/components/fluid-number-input/fluid-number-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-number-input.scss?lit';\nimport CDSNumberInputSkeleton from '../number-input/number-input-skeleton';\n\n/**\n * Fluid number input.\n *\n * @element cds-custom-fluid-number-input-skeleton\n */\n@customElement(`${prefix}-fluid-number-input-skeleton`)\nclass CDSFluidNumberInputSkeleton extends CDSNumberInputSkeleton {\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSNumberInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidNumberInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,sBAAsB,CAAA;IAC9D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,2BAAA,CAAA,MAAM,GAAG,CAAC,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAzC;AALT,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AAChD,CAAA,EAAA,2BAA2B,CAMhC;AAED,0CAAe,2BAA2B;;;;"}
|
|
@@ -47,7 +47,7 @@ CDSFluidNumberInput.styles = [CDSNumberInput.styles, styles];
|
|
|
47
47
|
CDSFluidNumberInput = __decorate([
|
|
48
48
|
carbonElement(`${prefix}-fluid-number-input`)
|
|
49
49
|
], CDSFluidNumberInput);
|
|
50
|
-
var
|
|
50
|
+
var CDSFluidNumberInput_default = CDSFluidNumberInput;
|
|
51
51
|
|
|
52
|
-
export {
|
|
52
|
+
export { CDSFluidNumberInput_default as default };
|
|
53
53
|
//# sourceMappingURL=fluid-number-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-number-input.js","sources":["../../../src/components/fluid-number-input/fluid-number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSNumberInput from '../number-input/number-input';\nimport styles from './fluid-number-input.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Fluid number input.\n *\n * @element cds-custom-fluid-number-input\n */\n@customElement(`${prefix}-fluid-number-input`)\nclass CDSFluidNumberInput extends CDSNumberInput {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n\n updated() {\n super.updated();\n }\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--number-input--fluid`]: true,\n [`${prefix}--number-input--fluid--invalid`]: this.invalid,\n [`${prefix}--number-input--fluid--warning`]: this.warn && !this.invalid,\n [`${prefix}--number-input--fluid--disabled`]: this.disabled,\n [`${prefix}--number-input--fluid--readonly`]: this.readonly,\n });\n\n return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n }\n\n static styles = [CDSNumberInput.styles, styles];\n}\n\nexport default CDSFluidNumberInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,cAAc,CAAA;IAC9C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IAEA,OAAO,GAAA;QACL,KAAK,CAAC,OAAO,EAAE;IACjB;IAEA,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB,GAAG,IAAI;AACxC,YAAA,CAAC,GAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,OAAO;AACzD,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;AACvE,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC3D,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC5D,SAAA,CAAC;QAEF,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,cAAc,CAAA,EAAA,EAAK,KAAK,CAAC,MAAM,EAAE,CAAA,MAAA,CAAQ;IACrE;;AAEO,mBAAA,CAAA,MAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAjC;AAtBT,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAuBxB;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-number-input.js","sources":["../../../src/components/fluid-number-input/fluid-number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSNumberInput from '../number-input/number-input';\nimport styles from './fluid-number-input.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Fluid number input.\n *\n * @element cds-custom-fluid-number-input\n */\n@customElement(`${prefix}-fluid-number-input`)\nclass CDSFluidNumberInput extends CDSNumberInput {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n\n updated() {\n super.updated();\n }\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--number-input--fluid`]: true,\n [`${prefix}--number-input--fluid--invalid`]: this.invalid,\n [`${prefix}--number-input--fluid--warning`]: this.warn && !this.invalid,\n [`${prefix}--number-input--fluid--disabled`]: this.disabled,\n [`${prefix}--number-input--fluid--readonly`]: this.readonly,\n });\n\n return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n }\n\n static styles = [CDSNumberInput.styles, styles];\n}\n\nexport default CDSFluidNumberInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,cAAc,CAAA;IAC9C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IAEA,OAAO,GAAA;QACL,KAAK,CAAC,OAAO,EAAE;IACjB;IAEA,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB,GAAG,IAAI;AACxC,YAAA,CAAC,GAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,OAAO;AACzD,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;AACvE,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC3D,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC5D,SAAA,CAAC;QAEF,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,cAAc,CAAA,EAAA,EAAK,KAAK,CAAC,MAAM,EAAE,CAAA,MAAA,CAAQ;IACrE;;AAEO,mBAAA,CAAA,MAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAjC;AAtBT,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAuBxB;AAED,kCAAe,mBAAmB;;;;"}
|
|
@@ -32,7 +32,7 @@ CDSFluidSearchSkeleton.styles = [CDSSearchSkeleton.styles, styles];
|
|
|
32
32
|
CDSFluidSearchSkeleton = __decorate([
|
|
33
33
|
carbonElement(`${prefix}-fluid-search-skeleton`)
|
|
34
34
|
], CDSFluidSearchSkeleton);
|
|
35
|
-
var
|
|
35
|
+
var CDSFluidSearchSkeleton_default = CDSFluidSearchSkeleton;
|
|
36
36
|
|
|
37
|
-
export {
|
|
37
|
+
export { CDSFluidSearchSkeleton_default as default };
|
|
38
38
|
//# sourceMappingURL=fluid-search-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-search-skeleton.js","sources":["../../../src/components/fluid-search/fluid-search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearchSkeleton from '../search/search-skeleton';\n\n/**\n * Fluid Search.\n *\n * @element cds-custom-fluid-search-skeleton\n */\n@customElement(`${prefix}-fluid-search-skeleton`)\nclass CDSFluidSearchSkeleton extends CDSSearchSkeleton {\n render() {\n return html`${super.render()}`;\n }\n\n static styles = [CDSSearchSkeleton.styles, styles];\n}\n\nexport default CDSFluidSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,EAAG,KAAK,CAAC,MAAM,EAAE,EAAE;IAChC;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AALT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAM3B;AAED
|
|
1
|
+
{"version":3,"file":"fluid-search-skeleton.js","sources":["../../../src/components/fluid-search/fluid-search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearchSkeleton from '../search/search-skeleton';\n\n/**\n * Fluid Search.\n *\n * @element cds-custom-fluid-search-skeleton\n */\n@customElement(`${prefix}-fluid-search-skeleton`)\nclass CDSFluidSearchSkeleton extends CDSSearchSkeleton {\n render() {\n return html`${super.render()}`;\n }\n\n static styles = [CDSSearchSkeleton.styles, styles];\n}\n\nexport default CDSFluidSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,EAAG,KAAK,CAAC,MAAM,EAAE,EAAE;IAChC;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AALT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAM3B;AAED,qCAAe,sBAAsB;;;;"}
|
|
@@ -38,7 +38,7 @@ CDSFluidSearch.styles = [CDSSearch.styles, styles];
|
|
|
38
38
|
CDSFluidSearch = __decorate([
|
|
39
39
|
carbonElement(`${prefix}-fluid-search`)
|
|
40
40
|
], CDSFluidSearch);
|
|
41
|
-
var
|
|
41
|
+
var CDSFluidSearch_default = CDSFluidSearch;
|
|
42
42
|
|
|
43
|
-
export {
|
|
43
|
+
export { CDSFluidSearch_default as default };
|
|
44
44
|
//# sourceMappingURL=fluid-search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-search.js","sources":["../../../src/components/fluid-search/fluid-search.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearch from '../search/search';\n\n/**\n * Fluid text input.\n *\n * @element cds-custom-fluid-search\n */\n@customElement(`${prefix}-fluid-search`)\nclass CDSFluidSearch extends CDSSearch {\n render() {\n const { labelText, id } = this;\n\n return html`\n <label for=\"${id}\" part=\"label-text\" class=\"${prefix}--label\"\n >${labelText}</label\n >\n ${super.render()}\n `;\n }\n\n static styles = [CDSSearch.styles, styles];\n}\n\nexport default CDSFluidSearch;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS,CAAA;IACpC,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,IAAI;AAE9B,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,EAAE,8BAA8B,MAAM,CAAA;WAC/C,SAAS,CAAA;;QAEZ,KAAK,CAAC,MAAM,EAAE;KACjB;IACH;;AAEO,cAAA,CAAA,MAAM,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAA5B;AAZT,cAAc,GAAA,UAAA,CAAA;AADnB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;AACjC,CAAA,EAAA,cAAc,CAanB;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-search.js","sources":["../../../src/components/fluid-search/fluid-search.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearch from '../search/search';\n\n/**\n * Fluid text input.\n *\n * @element cds-custom-fluid-search\n */\n@customElement(`${prefix}-fluid-search`)\nclass CDSFluidSearch extends CDSSearch {\n render() {\n const { labelText, id } = this;\n\n return html`\n <label for=\"${id}\" part=\"label-text\" class=\"${prefix}--label\"\n >${labelText}</label\n >\n ${super.render()}\n `;\n }\n\n static styles = [CDSSearch.styles, styles];\n}\n\nexport default CDSFluidSearch;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS,CAAA;IACpC,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,IAAI;AAE9B,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,EAAE,8BAA8B,MAAM,CAAA;WAC/C,SAAS,CAAA;;QAEZ,KAAK,CAAC,MAAM,EAAE;KACjB;IACH;;AAEO,cAAA,CAAA,MAAM,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAA5B;AAZT,cAAc,GAAA,UAAA,CAAA;AADnB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;AACjC,CAAA,EAAA,cAAc,CAanB;AAED,6BAAe,cAAc;;;;"}
|
|
@@ -34,7 +34,7 @@ CDSFluidSelectSkeleton.styles = [CDSSelectSkeleton.styles, styles];
|
|
|
34
34
|
CDSFluidSelectSkeleton = __decorate([
|
|
35
35
|
carbonElement(`${prefix}-fluid-select-skeleton`)
|
|
36
36
|
], CDSFluidSelectSkeleton);
|
|
37
|
-
var
|
|
37
|
+
var CDSFluidSelectSkeleton_default = CDSFluidSelectSkeleton;
|
|
38
38
|
|
|
39
|
-
export {
|
|
39
|
+
export { CDSFluidSelectSkeleton_default as default };
|
|
40
40
|
//# sourceMappingURL=fluid-select-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-select-skeleton.js","sources":["../../../src/components/fluid-select/fluid-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-select.scss?lit';\nimport CDSSelectSkeleton from '../select/select-skeleton';\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-select-skeleton\n */\n@customElement(`${prefix}-fluid-select-skeleton`)\nclass CDSFluidSelectSkeleton extends CDSSelectSkeleton {\n render() {\n return html`\n <div class=\"${prefix}--select--fluid__skeleton\">${super.render()}</div>\n `;\n }\n\n static styles = [CDSSelectSkeleton.styles, styles];\n}\n\nexport default CDSFluidSelectSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,CAAA,2BAAA,EAA8B,KAAK,CAAC,MAAM,EAAE,CAAA;KACjE;IACH;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AAPT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAQ3B;AAED
|
|
1
|
+
{"version":3,"file":"fluid-select-skeleton.js","sources":["../../../src/components/fluid-select/fluid-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-select.scss?lit';\nimport CDSSelectSkeleton from '../select/select-skeleton';\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-select-skeleton\n */\n@customElement(`${prefix}-fluid-select-skeleton`)\nclass CDSFluidSelectSkeleton extends CDSSelectSkeleton {\n render() {\n return html`\n <div class=\"${prefix}--select--fluid__skeleton\">${super.render()}</div>\n `;\n }\n\n static styles = [CDSSelectSkeleton.styles, styles];\n}\n\nexport default CDSFluidSelectSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,CAAA,2BAAA,EAA8B,KAAK,CAAC,MAAM,EAAE,CAAA;KACjE;IACH;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AAPT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAQ3B;AAED,qCAAe,sBAAsB;;;;"}
|
|
@@ -32,7 +32,7 @@ CDSFluidTextInputSkeleton.styles = [CDSTextInputSkeleton.styles, styles];
|
|
|
32
32
|
CDSFluidTextInputSkeleton = __decorate([
|
|
33
33
|
carbonElement(`${prefix}-fluid-text-input-skeleton`)
|
|
34
34
|
], CDSFluidTextInputSkeleton);
|
|
35
|
-
var
|
|
35
|
+
var CDSFluidTextInputSkeleton_default = CDSFluidTextInputSkeleton;
|
|
36
36
|
|
|
37
|
-
export {
|
|
37
|
+
export { CDSFluidTextInputSkeleton_default as default };
|
|
38
38
|
//# sourceMappingURL=fluid-text-input-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-text-input-skeleton.js","sources":["../../../src/components/fluid-text-input/fluid-text-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-text-input.scss?lit';\nimport CDSTextInputSkeleton from '../text-input/text-input-skeleton';\n\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-text-input-skeleton\n */\n@customElement(`${prefix}-fluid-text-input-skeleton`)\nclass CDSFluidTextInputSkeleton extends CDSTextInputSkeleton {\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSTextInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidTextInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,oBAAoB,CAAA;IAC1D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,yBAAA,CAAA,MAAM,GAAG,CAAC,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAvC;AALT,yBAAyB,GAAA,UAAA,CAAA;AAD9B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,0BAAA,CAA4B;AAC9C,CAAA,EAAA,yBAAyB,CAM9B;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-text-input-skeleton.js","sources":["../../../src/components/fluid-text-input/fluid-text-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-text-input.scss?lit';\nimport CDSTextInputSkeleton from '../text-input/text-input-skeleton';\n\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-text-input-skeleton\n */\n@customElement(`${prefix}-fluid-text-input-skeleton`)\nclass CDSFluidTextInputSkeleton extends CDSTextInputSkeleton {\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSTextInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidTextInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,oBAAoB,CAAA;IAC1D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,yBAAA,CAAA,MAAM,GAAG,CAAC,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAvC;AALT,yBAAyB,GAAA,UAAA,CAAA;AAD9B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,0BAAA,CAA4B;AAC9C,CAAA,EAAA,yBAAyB,CAM9B;AAED,wCAAe,yBAAyB;;;;"}
|
|
@@ -43,7 +43,7 @@ CDSFluidTextInput.styles = [CDSTextInput.styles, styles];
|
|
|
43
43
|
CDSFluidTextInput = __decorate([
|
|
44
44
|
carbonElement(`${prefix}-fluid-text-input`)
|
|
45
45
|
], CDSFluidTextInput);
|
|
46
|
-
var
|
|
46
|
+
var CDSFluidTextInput_default = CDSFluidTextInput;
|
|
47
47
|
|
|
48
|
-
export {
|
|
48
|
+
export { CDSFluidTextInput_default as default };
|
|
49
49
|
//# sourceMappingURL=fluid-text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-text-input.js","sources":["../../../src/components/fluid-text-input/fluid-text-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextInput from '../text-input/text-input';\nimport styles from './fluid-text-input.scss?lit';\n\n/**\n * Fluid text input.\n *\n * @element cds-custom-fluid-text-input\n */\n@customElement(`${prefix}-fluid-text-input`)\nclass CDSFluidTextInput extends CDSTextInput {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n updated() {\n const formItem = this.shadowRoot?.querySelector(`.${prefix}--form-item`);\n if (formItem) {\n formItem.classList.add(`${prefix}--text-input--fluid`);\n }\n }\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSTextInput.styles, styles];\n}\n\nexport default CDSFluidTextInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,YAAY,CAAA;IAC1C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IACA,OAAO,GAAA;;AACL,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,WAAA,CAAa,CAAC;QACxE,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB,CAAC;QACxD;IACF;IACA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,iBAAA,CAAA,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAA/B;AAfT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;AACrC,CAAA,EAAA,iBAAiB,CAgBtB;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-text-input.js","sources":["../../../src/components/fluid-text-input/fluid-text-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextInput from '../text-input/text-input';\nimport styles from './fluid-text-input.scss?lit';\n\n/**\n * Fluid text input.\n *\n * @element cds-custom-fluid-text-input\n */\n@customElement(`${prefix}-fluid-text-input`)\nclass CDSFluidTextInput extends CDSTextInput {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n updated() {\n const formItem = this.shadowRoot?.querySelector(`.${prefix}--form-item`);\n if (formItem) {\n formItem.classList.add(`${prefix}--text-input--fluid`);\n }\n }\n render() {\n return html` ${super.render()} `;\n }\n\n static styles = [CDSTextInput.styles, styles];\n}\n\nexport default CDSFluidTextInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,YAAY,CAAA;IAC1C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IACA,OAAO,GAAA;;AACL,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,WAAA,CAAa,CAAC;QACxE,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB,CAAC;QACxD;IACF;IACA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,iBAAA,CAAA,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAA/B;AAfT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;AACrC,CAAA,EAAA,iBAAiB,CAgBtB;AAED,gCAAe,iBAAiB;;;;"}
|
|
@@ -36,7 +36,7 @@ CDSFluidTextareaSkeleton.styles = [CDSTextareaSkeleton.styles, styles];
|
|
|
36
36
|
CDSFluidTextareaSkeleton = __decorate([
|
|
37
37
|
carbonElement(`${prefix}-fluid-textarea-skeleton`)
|
|
38
38
|
], CDSFluidTextareaSkeleton);
|
|
39
|
-
var
|
|
39
|
+
var CDSFluidTextareaSkeleton_default = CDSFluidTextareaSkeleton;
|
|
40
40
|
|
|
41
|
-
export {
|
|
41
|
+
export { CDSFluidTextareaSkeleton_default as default };
|
|
42
42
|
//# sourceMappingURL=fluid-textarea-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-textarea-skeleton.js","sources":["../../../src/components/fluid-textarea/fluid-textarea-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextareaSkeleton from '../textarea/textarea-skeleton';\nimport styles from './fluid-textarea.scss?lit';\n\n/**\n * Fluid text area skeleton.\n *\n * @element cds-custom-fluid-textarea-skeleton\n */\n@customElement(`${prefix}-fluid-textarea-skeleton`)\nclass CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {\n render() {\n return html`\n <div class=\"${prefix}--text-area--fluid__skeleton ${prefix}--form-item\">\n ${super.render()}\n </div>\n `;\n }\n\n static styles = [CDSTextareaSkeleton.styles, styles];\n}\n\nexport default CDSFluidTextareaSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mBAAmB,CAAA;IACxD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,gCAAgC,MAAM,CAAA;UACtD,KAAK,CAAC,MAAM,EAAE;;KAEnB;IACH;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAtC;AATT,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,wBAAA,CAA0B;AAC5C,CAAA,EAAA,wBAAwB,CAU7B;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-textarea-skeleton.js","sources":["../../../src/components/fluid-textarea/fluid-textarea-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextareaSkeleton from '../textarea/textarea-skeleton';\nimport styles from './fluid-textarea.scss?lit';\n\n/**\n * Fluid text area skeleton.\n *\n * @element cds-custom-fluid-textarea-skeleton\n */\n@customElement(`${prefix}-fluid-textarea-skeleton`)\nclass CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {\n render() {\n return html`\n <div class=\"${prefix}--text-area--fluid__skeleton ${prefix}--form-item\">\n ${super.render()}\n </div>\n `;\n }\n\n static styles = [CDSTextareaSkeleton.styles, styles];\n}\n\nexport default CDSFluidTextareaSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mBAAmB,CAAA;IACxD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,gCAAgC,MAAM,CAAA;UACtD,KAAK,CAAC,MAAM,EAAE;;KAEnB;IACH;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAtC;AATT,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,wBAAA,CAA0B;AAC5C,CAAA,EAAA,wBAAwB,CAU7B;AAED,uCAAe,wBAAwB;;;;"}
|
|
@@ -40,7 +40,7 @@ CDSFluidTextArea.styles = [CDSTextarea.styles, styles];
|
|
|
40
40
|
CDSFluidTextArea = __decorate([
|
|
41
41
|
carbonElement(`${prefix}-fluid-textarea`)
|
|
42
42
|
], CDSFluidTextArea);
|
|
43
|
-
var
|
|
43
|
+
var CDSFluidTextArea_default = CDSFluidTextArea;
|
|
44
44
|
|
|
45
|
-
export {
|
|
45
|
+
export { CDSFluidTextArea_default as default };
|
|
46
46
|
//# sourceMappingURL=fluid-textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-textarea.js","sources":["../../../src/components/fluid-textarea/fluid-textarea.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextarea from '../textarea/textarea';\nimport styles from './fluid-textarea.scss?lit';\n\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-textarea\n */\n@customElement(`${prefix}-fluid-textarea`)\nclass CDSFluidTextArea extends CDSTextarea {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n render() {\n return html`\n <div class=\"${prefix}--text-area--fluid ${prefix}--form-item\">\n ${super.render()}\n </div>\n `;\n }\n\n static styles = [CDSTextarea.styles, styles];\n}\n\nexport default CDSFluidTextArea;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW,CAAA;IACxC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IACA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,sBAAsB,MAAM,CAAA;UAC5C,KAAK,CAAC,MAAM,EAAE;;KAEnB;IACH;;AAEO,gBAAA,CAAA,MAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAA9B;AAbT,gBAAgB,GAAA,UAAA,CAAA;AADrB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,eAAA,CAAiB;AACnC,CAAA,EAAA,gBAAgB,CAcrB;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-textarea.js","sources":["../../../src/components/fluid-textarea/fluid-textarea.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextarea from '../textarea/textarea';\nimport styles from './fluid-textarea.scss?lit';\n\n/**\n * Fluid text area input.\n *\n * @element cds-custom-fluid-textarea\n */\n@customElement(`${prefix}-fluid-textarea`)\nclass CDSFluidTextArea extends CDSTextarea {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n render() {\n return html`\n <div class=\"${prefix}--text-area--fluid ${prefix}--form-item\">\n ${super.render()}\n </div>\n `;\n }\n\n static styles = [CDSTextarea.styles, styles];\n}\n\nexport default CDSFluidTextArea;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW,CAAA;IACxC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IACA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,sBAAsB,MAAM,CAAA;UAC5C,KAAK,CAAC,MAAM,EAAE;;KAEnB;IACH;;AAEO,gBAAA,CAAA,MAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAA9B;AAbT,gBAAgB,GAAA,UAAA,CAAA;AADrB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,eAAA,CAAiB;AACnC,CAAA,EAAA,gBAAgB,CAcrB;AAED,+BAAe,gBAAgB;;;;"}
|
|
@@ -47,7 +47,7 @@ __decorate([
|
|
|
47
47
|
CDSFluidTimePickerSelect = __decorate([
|
|
48
48
|
carbonElement(`${prefix}-fluid-time-picker-select`)
|
|
49
49
|
], CDSFluidTimePickerSelect);
|
|
50
|
-
var
|
|
50
|
+
var CDSFluidTimePickerSelect_default = CDSFluidTimePickerSelect;
|
|
51
51
|
|
|
52
|
-
export {
|
|
52
|
+
export { CDSFluidTimePickerSelect_default as default };
|
|
53
53
|
//# sourceMappingURL=fluid-time-picker-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-time-picker-select.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSFluidSelect from '../fluid-select/fluid-select';\nimport styles from './fluid-time-picker.scss?lit';\n\n/**\n * Fluid time picker select.\n *\n * @element cds-custom-fluid-time-picker-select\n */\n@customElement(`${prefix}-fluid-time-picker-select`)\nclass CDSFluidTimePickerSelect extends CDSFluidSelect {\n /**\n * Optionally provide the default value of the select.\n */\n @property({ attribute: 'default-value' })\n defaultValue = '';\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (\n changedProperties.has('defaultValue') &&\n this.defaultValue &&\n !this.value\n ) {\n this.value = this.defaultValue;\n }\n }\n\n static styles = [...CDSFluidSelect.styles, styles];\n}\n\nexport default CDSFluidTimePickerSelect;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,cAAc,CAAA;AAArD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,EAAE;IAcnB;AAZE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChC,QAAA,IACE,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;AACrC,YAAA,IAAI,CAAC,YAAY;AACjB,YAAA,CAAC,IAAI,CAAC,KAAK,EACX;AACA,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;QAChC;IACF;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAApC;AAbb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE;AACtB,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AALd,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,wBAAwB,CAmB7B;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-time-picker-select.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSFluidSelect from '../fluid-select/fluid-select';\nimport styles from './fluid-time-picker.scss?lit';\n\n/**\n * Fluid time picker select.\n *\n * @element cds-custom-fluid-time-picker-select\n */\n@customElement(`${prefix}-fluid-time-picker-select`)\nclass CDSFluidTimePickerSelect extends CDSFluidSelect {\n /**\n * Optionally provide the default value of the select.\n */\n @property({ attribute: 'default-value' })\n defaultValue = '';\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (\n changedProperties.has('defaultValue') &&\n this.defaultValue &&\n !this.value\n ) {\n this.value = this.defaultValue;\n }\n }\n\n static styles = [...CDSFluidSelect.styles, styles];\n}\n\nexport default CDSFluidTimePickerSelect;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,cAAc,CAAA;AAArD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,EAAE;IAcnB;AAZE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChC,QAAA,IACE,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;AACrC,YAAA,IAAI,CAAC,YAAY;AACjB,YAAA,CAAC,IAAI,CAAC,KAAK,EACX;AACA,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;QAChC;IACF;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAApC;AAbb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE;AACtB,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AALd,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,wBAAwB,CAmB7B;AAED,uCAAe,wBAAwB;;;;"}
|
|
@@ -57,7 +57,7 @@ __decorate([
|
|
|
57
57
|
CDSFluidTimePickerSkeleton = __decorate([
|
|
58
58
|
carbonElement(`${prefix}-fluid-time-picker-skeleton`)
|
|
59
59
|
], CDSFluidTimePickerSkeleton);
|
|
60
|
-
var
|
|
60
|
+
var CDSFluidTimePickerSkeleton_default = CDSFluidTimePickerSkeleton;
|
|
61
61
|
|
|
62
|
-
export {
|
|
62
|
+
export { CDSFluidTimePickerSkeleton_default as default };
|
|
63
63
|
//# sourceMappingURL=fluid-time-picker-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-time-picker-skeleton.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-time-picker.scss?lit';\nimport '../fluid-text-input/fluid-text-input-skeleton';\nimport '../fluid-select/fluid-select-skeleton';\n\n/**\n * Fluid time picker skeleton.\n *\n * @element cds-custom-fluid-time-picker-skeleton\n */\n@customElement(`${prefix}-fluid-time-picker-skeleton`)\nclass CDSFluidTimePickerSkeleton extends LitElement {\n /**\n * Specify if there are only two TimePicker elements.\n */\n @property({ type: Boolean, attribute: 'is-only-two', reflect: true })\n isOnlyTwo = false;\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--time-picker--fluid--skeleton`]: true,\n [`${prefix}--time-picker--equal-width`]: this.isOnlyTwo,\n });\n\n return html`\n <div class=\"${wrapperClasses}\">\n <cds-custom-fluid-text-input-skeleton></cds-custom-fluid-text-input-skeleton>\n <cds-custom-fluid-select-skeleton></cds-custom-fluid-select-skeleton>\n ${this.isOnlyTwo\n ? null\n : html`<cds-custom-fluid-select-skeleton></cds-custom-fluid-select-skeleton>`}\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSFluidTimePickerSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;AAIG;AAEH,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU,CAAA;AAAnD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;IAoBnB;IAlBE,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI;AACjD,YAAA,CAAC,GAAG,MAAM,CAAA,0BAAA,CAA4B,GAAG,IAAI,CAAC,SAAS;AACxD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,cAAc,CAAA;;;AAGxB,QAAA,EAAA,IAAI,CAAC;AACL,cAAE;cACA,IAAI,CAAA,CAAA,uDAAA,CAAyD;;KAEpE;IACH;;AAEO,0BAAA,CAAA,MAAM,GAAG,MAAH;AAnBb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE;AAClD,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AALd,0BAA0B,GAAA,UAAA,CAAA;AAD/B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;AAC/C,CAAA,EAAA,0BAA0B,CAyB/B;AAED,
|
|
1
|
+
{"version":3,"file":"fluid-time-picker-skeleton.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-time-picker.scss?lit';\nimport '../fluid-text-input/fluid-text-input-skeleton';\nimport '../fluid-select/fluid-select-skeleton';\n\n/**\n * Fluid time picker skeleton.\n *\n * @element cds-custom-fluid-time-picker-skeleton\n */\n@customElement(`${prefix}-fluid-time-picker-skeleton`)\nclass CDSFluidTimePickerSkeleton extends LitElement {\n /**\n * Specify if there are only two TimePicker elements.\n */\n @property({ type: Boolean, attribute: 'is-only-two', reflect: true })\n isOnlyTwo = false;\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--time-picker--fluid--skeleton`]: true,\n [`${prefix}--time-picker--equal-width`]: this.isOnlyTwo,\n });\n\n return html`\n <div class=\"${wrapperClasses}\">\n <cds-custom-fluid-text-input-skeleton></cds-custom-fluid-text-input-skeleton>\n <cds-custom-fluid-select-skeleton></cds-custom-fluid-select-skeleton>\n ${this.isOnlyTwo\n ? null\n : html`<cds-custom-fluid-select-skeleton></cds-custom-fluid-select-skeleton>`}\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSFluidTimePickerSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;AAIG;AAEH,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU,CAAA;AAAnD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;IAoBnB;IAlBE,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI;AACjD,YAAA,CAAC,GAAG,MAAM,CAAA,0BAAA,CAA4B,GAAG,IAAI,CAAC,SAAS;AACxD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,cAAc,CAAA;;;AAGxB,QAAA,EAAA,IAAI,CAAC;AACL,cAAE;cACA,IAAI,CAAA,CAAA,uDAAA,CAAyD;;KAEpE;IACH;;AAEO,0BAAA,CAAA,MAAM,GAAG,MAAH;AAnBb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE;AAClD,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AALd,0BAA0B,GAAA,UAAA,CAAA;AAD/B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;AAC/C,CAAA,EAAA,0BAA0B,CAyB/B;AAED,yCAAe,0BAA0B;;;;"}
|
|
@@ -9,7 +9,7 @@ import { __decorate } from 'tslib';
|
|
|
9
9
|
import { html } from 'lit';
|
|
10
10
|
import { classMap } from 'lit/directives/class-map.js';
|
|
11
11
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
12
|
-
import
|
|
12
|
+
import iconLoader from '../../globals/internal/icon-loader.js';
|
|
13
13
|
import { prefix } from '../../globals/settings.js';
|
|
14
14
|
import WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';
|
|
15
15
|
import WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';
|
|
@@ -233,7 +233,7 @@ CDSFluidTimePicker.styles = [CDSTimePicker.styles, styles];
|
|
|
233
233
|
CDSFluidTimePicker = __decorate([
|
|
234
234
|
carbonElement(`${prefix}-fluid-time-picker`)
|
|
235
235
|
], CDSFluidTimePicker);
|
|
236
|
-
var
|
|
236
|
+
var CDSFluidTimePicker_default = CDSFluidTimePicker;
|
|
237
237
|
|
|
238
|
-
export {
|
|
238
|
+
export { CDSFluidTimePicker_default as default };
|
|
239
239
|
//# sourceMappingURL=fluid-time-picker.js.map
|