@carbon/web-components 2.10.0 → 2.11.0-rc.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/dist/{16-c82d5cfd.js → 16-486ace1a.js} +6 -6
- package/dist/{16-86616f6a.js → 16-51a594ce.js} +6 -6
- package/dist/16-656090c0.js +73 -0
- package/dist/{16-9bfd003b.js → 16-71872213.js} +6 -6
- package/dist/{16-e3da4022.js → 16-730a41a2.js} +6 -6
- package/dist/{16-6f99b9d8.js → 16-83a1cd89.js} +6 -6
- package/dist/{16-b507d4ba.js → 16-b73c677b.js} +6 -6
- package/dist/{16-3e28b02c.js → 16-d1c73001.js} +6 -6
- package/dist/{16-8688d7b7.js → 20-d069d8da.js} +6 -6
- package/dist/accordion.min.js +12 -12
- package/dist/ai-skeleton.min.js +6 -6
- package/dist/breadcrumb.min.js +6 -6
- package/dist/{button-690db41b.js → button-21c75bab.js} +6 -6
- package/dist/{button-set-4d1a3543.js → button-set-69863a24.js} +6 -6
- package/dist/{button-skeleton-efe28069.js → button-skeleton-1abc1fd8.js} +7 -7
- package/dist/button.min.js +6 -6
- package/dist/carbon-element-4ca9803f.js +5 -5
- package/dist/chat-button.min.js +6 -6
- package/dist/checkbox-d0a3a79f.js +109 -0
- package/dist/checkbox.min.js +6 -6
- package/dist/{class-map-40d6e892.js → class-map-5edb95da.js} +7 -7
- package/dist/code-snippet.min.js +14 -14
- package/dist/collection-helpers-4e32fe16.js +5 -5
- package/dist/combo-box.min.js +6 -6
- package/dist/{content-switcher-item-557f043e.js → content-switcher-item-5b8dd42f.js} +6 -6
- package/dist/content-switcher.min.js +6 -6
- package/dist/{copy-button-77c9a2be.js → copy-button-0cfa83bd.js} +6 -6
- package/dist/copy-button.min.js +6 -6
- package/dist/custom-element-975be15f.js +5 -5
- package/dist/data-table.min.js +8 -8
- package/dist/date-picker.min.js +6 -6
- package/dist/{defineProperty-1c81c535.js → defineProperty-e448b551.js} +6 -6
- package/dist/directive-e2d48b9c.js +5 -5
- package/dist/dropdown-item-91b3dc95.js +148 -0
- package/dist/dropdown.min.js +6 -6
- package/dist/file-uploader.min.js +6 -6
- package/dist/{floating-menu-ee49fedd.js → floating-menu-46199beb.js} +7 -7
- package/dist/floating-menu.min.js +6 -6
- package/dist/{focus-28af17cd.js → focus-e70d1cbe.js} +7 -7
- package/dist/form-group.min.js +6 -6
- package/dist/form.min.js +6 -6
- package/dist/{get-d229c408.js → get-52a048b1.js} +6 -6
- package/dist/{host-listener-1093b8af.js → host-listener-b6a3d690.js} +7 -7
- package/dist/{icon-button-8c199f5d.js → icon-button-37322eeb.js} +6 -6
- package/dist/icon-button.min.js +6 -6
- package/dist/{if-defined-87ba0c08.js → if-defined-2e09d22b.js} +6 -6
- package/dist/{if-non-empty-a1c6e0fe.js → if-non-empty-20ce3c96.js} +7 -7
- package/dist/inline-loading.min.js +6 -6
- package/dist/{layer-c557b485.js → layer-0633200a.js} +6 -6
- package/dist/layer.min.js +6 -6
- package/dist/{link-49d03ffa.js → link-dc6f9b4e.js} +9 -9
- package/dist/link.min.js +6 -6
- package/dist/list.min.js +6 -6
- package/dist/{loading-358d36a7.js → loading-2604f4ad.js} +6 -6
- package/dist/{loading-icon-4d90d624.js → loading-icon-85b7e502.js} +8 -8
- package/dist/loading.min.js +6 -6
- package/dist/{modal-label-f7bb6b21.js → modal-label-d53c98de.js} +10 -10
- package/dist/modal.min.js +6 -6
- package/dist/multi-select.min.js +9 -9
- package/dist/notification.min.js +14 -14
- package/dist/number-input.min.js +6 -6
- package/dist/{objectSpread2-97102dd8.js → objectSpread2-46e4de7a.js} +6 -6
- package/dist/on-6c264d49.js +5 -5
- package/dist/overflow-menu.min.js +6 -6
- package/dist/pagination.min.js +6 -6
- package/dist/{popover-content-2a2998fe.js → popover-content-11101167.js} +6 -6
- package/dist/popover-controller-cc6ccb74.js +73 -0
- package/dist/popover.min.js +6 -6
- package/dist/progress-bar.min.js +6 -6
- package/dist/progress-indicator.min.js +6 -6
- package/dist/query-5f833318.js +5 -5
- package/dist/query-assigned-elements-73bd2544.js +5 -5
- package/dist/radio-button.min.js +6 -6
- package/dist/{radio-group-manager-aa09b989.js → radio-group-manager-de7f9ab3.js} +6 -6
- package/dist/{search-d48abba3.js → search-1b5a2d87.js} +6 -6
- package/dist/search.min.js +6 -6
- package/dist/{select-item-ddced627.js → select-item-4ebf72a0.js} +6 -6
- package/dist/select.min.js +15 -15
- package/dist/{settings-2211e02a.js → settings-97cd1c3a.js} +6 -6
- package/dist/shared-enums-c6fe8c39.js +5 -5
- package/dist/side-panel.min.js +7 -7
- package/dist/{skeleton-icon-0f8941b3.js → skeleton-icon-bfc7d5c8.js} +6 -6
- package/dist/skeleton-icon.min.js +6 -6
- package/dist/{skeleton-placeholder-80d37e68.js → skeleton-placeholder-403f26a3.js} +6 -6
- package/dist/skeleton-placeholder.min.js +6 -6
- package/dist/{skeleton-text-2f44cf41.js → skeleton-text-9d02604f.js} +6 -6
- package/dist/skeleton-text.min.js +6 -6
- package/dist/skip-to-content.min.js +7 -7
- package/dist/slider.min.js +6 -6
- package/dist/slug.min.js +6 -6
- package/dist/{spread-c0d6f8ee.js → spread-d515f3f1.js} +7 -7
- package/dist/stack.min.js +6 -6
- package/dist/state-ddd29b9d.js +5 -5
- package/dist/structured-list.min.js +9 -9
- package/dist/tabs.min.js +7 -7
- package/dist/tag.min.js +9 -9
- package/dist/tearsheet.min.js +9 -9
- package/dist/{text-input-06f2796d.js → text-input-672028f4.js} +6 -6
- package/dist/text-input.min.js +6 -6
- package/dist/textarea.min.js +10 -10
- package/dist/tile.min.js +6 -6
- package/dist/toggle-tip.min.js +6 -6
- package/dist/toggle.min.js +6 -6
- package/dist/{toggletip-586fce1e.js → toggletip-b1b58c28.js} +7 -7
- package/dist/{tooltip-content-7e00430f.js → tooltip-content-51c6ffbc.js} +6 -6
- package/dist/tooltip.min.js +6 -6
- package/dist/ui-shell.min.js +19 -19
- package/dist/validity-d86ffa4f.js +5 -5
- package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
- package/es/components/accordion/accordion-item.d.ts +47 -44
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.js.map +1 -1
- package/es/components/accordion/accordion.css.js +1 -1
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-set-base.js.map +1 -1
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.d.ts +99 -92
- package/es/components/button/button.js.map +1 -1
- package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es/components/chat-button/chat-button.js.map +1 -1
- package/es/components/checkbox/checkbox-group.d.ts +2 -1
- package/es/components/checkbox/checkbox-group.js.map +1 -1
- package/es/components/checkbox/checkbox-skeleton.js.map +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +97 -90
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +49 -45
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +49 -45
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.d.ts +47 -44
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-content.js.map +1 -1
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.d.ts +49 -46
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +49 -45
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-description.js.map +1 -1
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-header-title.js.map +1 -1
- package/es/components/data-table/table-row.d.ts +97 -91
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-skeleton.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +51 -47
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.d.ts +49 -46
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/append-to-plugin.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +49 -45
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.d.ts +98 -92
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +196 -183
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +49 -46
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.d.ts +49 -46
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader-skeleton.js.map +1 -1
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +100 -93
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/layer/layer.js.map +1 -1
- package/es/components/link/link.d.ts +49 -45
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading-icon.js.map +1 -1
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/modal/modal-body-content.js.map +1 -1
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +49 -45
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts +49 -46
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.d.ts +49 -46
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/inline-notification.d.ts +47 -44
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +2 -1
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +49 -45
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +97 -91
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/pagination.d.ts +98 -91
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/popover/popover-content.js.map +1 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +49 -45
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.d.ts +98 -92
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.d.ts +99 -92
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.d.ts +148 -138
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select-skeleton.js.map +1 -1
- package/es/components/select/select.d.ts +51 -47
- package/es/components/select/select.js.map +1 -1
- package/es/components/side-panel/side-panel.css.js +1 -1
- package/es/components/side-panel/side-panel.d.ts +49 -46
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/skeleton-icon/skeleton-icon.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts +49 -45
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.d.ts +49 -45
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.d.ts +148 -138
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slug/slug-action-button.js.map +1 -1
- package/es/components/slug/slug.css.js +1 -1
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/stack/stack.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.d.ts +49 -46
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.d.ts +49 -45
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.d.ts +49 -46
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.d.ts +97 -91
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tearsheet/tearsheet.css.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +49 -46
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.d.ts +98 -91
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.d.ts +2 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +97 -91
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts +99 -92
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.d.ts +49 -46
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.d.ts +50 -49
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle-tip/toggletip.css.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +99 -92
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.d.ts +49 -46
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +2 -1
- package/es/components/ui-shell/header-global-action.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.d.ts +49 -45
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.d.ts +99 -92
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.d.ts +49 -45
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +49 -45
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.d.ts +2 -1
- package/es/components/ui-shell/header-panel.js.map +1 -1
- package/es/components/ui-shell/header-side-nav-items.js.map +1 -1
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts +49 -45
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +49 -45
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +49 -45
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.d.ts +50 -56
- package/es/components/ui-shell/side-nav.js +5 -47
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/switcher-divider.js.map +1 -1
- package/es/components/ui-shell/switcher-item.d.ts +49 -45
- package/es/components/ui-shell/switcher-item.js.map +1 -1
- package/es/components/ui-shell/switcher.d.ts +2 -1
- package/es/components/ui-shell/switcher.js.map +1 -1
- package/es/globals/controllers/popover-controller.js.map +1 -1
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es/globals/internal/storybook-cdn.js.map +1 -1
- package/es/globals/mixins/focus.d.ts +47 -44
- package/es/globals/mixins/form.d.ts +48 -45
- package/es/globals/mixins/host-listener.d.ts +48 -45
- package/es/globals/mixins/host-listener.js.map +1 -1
- package/es/globals/mixins/validity.d.ts +48 -45
- package/es/globals/scss/themes.css.js +1 -1
- package/es/globals/settings.js.map +1 -1
- package/es/polyfills/toggle-class.js.map +1 -1
- package/lib/components-react-node/accordion/accordion-item-skeleton.js +2 -2
- package/lib/components-react-node/accordion/accordion-item.js +2 -2
- package/lib/components-react-node/accordion/accordion-skeleton.js +2 -2
- package/lib/components-react-node/accordion/accordion.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-icon.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-placeholder.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-text.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-item.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-link.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-overflow-menu.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-skeleton.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb.js +2 -2
- package/lib/components-react-node/button/button-set-base.js +2 -2
- package/lib/components-react-node/button/button-set.js +2 -2
- package/lib/components-react-node/button/button-skeleton.js +2 -2
- package/lib/components-react-node/button/button.js +2 -2
- package/lib/components-react-node/chat-button/chat-button-skeleton.js +2 -2
- package/lib/components-react-node/chat-button/chat-button.js +2 -2
- package/lib/components-react-node/checkbox/checkbox-group.js +2 -2
- package/lib/components-react-node/checkbox/checkbox-skeleton.js +2 -2
- package/lib/components-react-node/checkbox/checkbox.js +2 -2
- package/lib/components-react-node/code-snippet/code-snippet-skeleton.js +2 -2
- package/lib/components-react-node/code-snippet/code-snippet.js +2 -2
- package/lib/components-react-node/combo-box/combo-box-item.js +2 -2
- package/lib/components-react-node/combo-box/combo-box.js +2 -2
- package/lib/components-react-node/content-switcher/content-switcher-item.js +2 -2
- package/lib/components-react-node/content-switcher/content-switcher.js +2 -2
- package/lib/components-react-node/copy/copy.js +2 -2
- package/lib/components-react-node/copy-button/copy-button.js +2 -2
- package/lib/components-react-node/data-table/table-batch-actions.js +2 -2
- package/lib/components-react-node/data-table/table-body.js +2 -2
- package/lib/components-react-node/data-table/table-cell-content.js +2 -2
- package/lib/components-react-node/data-table/table-cell.js +2 -2
- package/lib/components-react-node/data-table/table-expanded-row.js +2 -2
- package/lib/components-react-node/data-table/table-head.js +2 -2
- package/lib/components-react-node/data-table/table-header-cell.js +2 -2
- package/lib/components-react-node/data-table/table-header-description.js +2 -2
- package/lib/components-react-node/data-table/table-header-row.js +2 -2
- package/lib/components-react-node/data-table/table-header-title.js +2 -2
- package/lib/components-react-node/data-table/table-row.js +2 -2
- package/lib/components-react-node/data-table/table-skeleton.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar-content.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar-search.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar.js +2 -2
- package/lib/components-react-node/data-table/table.js +2 -2
- package/lib/components-react-node/date-picker/date-picker-input-skeleton.js +2 -2
- package/lib/components-react-node/date-picker/date-picker-input.js +2 -2
- package/lib/components-react-node/date-picker/date-picker.js +2 -2
- package/lib/components-react-node/dropdown/dropdown-item.js +2 -2
- package/lib/components-react-node/dropdown/dropdown-skeleton.js +2 -2
- package/lib/components-react-node/dropdown/dropdown.js +2 -2
- package/lib/components-react-node/file-uploader/demo-file-uploader.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-button.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-drop-container.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-item.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-skeleton.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader.js +2 -2
- package/lib/components-react-node/form/form-item.js +2 -2
- package/lib/components-react-node/form-group/form-group.js +2 -2
- package/lib/components-react-node/icon-button/icon-button.js +2 -2
- package/lib/components-react-node/inline-loading/inline-loading.js +2 -2
- package/lib/components-react-node/layer/layer.js +2 -2
- package/lib/components-react-node/link/link.js +2 -2
- package/lib/components-react-node/list/list-item.js +2 -2
- package/lib/components-react-node/list/ordered-list.js +2 -2
- package/lib/components-react-node/list/unordered-list.js +2 -2
- package/lib/components-react-node/loading/loading.js +2 -2
- package/lib/components-react-node/modal/modal-body-content.js +2 -2
- package/lib/components-react-node/modal/modal-body.js +2 -2
- package/lib/components-react-node/modal/modal-close-button.js +2 -2
- package/lib/components-react-node/modal/modal-footer-button.js +2 -2
- package/lib/components-react-node/modal/modal-footer.js +2 -2
- package/lib/components-react-node/modal/modal-header.js +2 -2
- package/lib/components-react-node/modal/modal-heading.js +2 -2
- package/lib/components-react-node/modal/modal-label.js +2 -2
- package/lib/components-react-node/modal/modal.js +2 -2
- package/lib/components-react-node/multi-select/multi-select-item.js +2 -2
- package/lib/components-react-node/multi-select/multi-select.js +2 -2
- package/lib/components-react-node/notification/actionable-notification-button.js +2 -2
- package/lib/components-react-node/notification/actionable-notification.js +2 -2
- package/lib/components-react-node/notification/inline-notification.js +2 -2
- package/lib/components-react-node/notification/toast-notification.js +2 -2
- package/lib/components-react-node/number-input/number-input-skeleton.js +2 -2
- package/lib/components-react-node/number-input/number-input.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu-body.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu-item.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu.js +2 -2
- package/lib/components-react-node/pagination/pagination.js +2 -2
- package/lib/components-react-node/popover/popover-content.js +2 -2
- package/lib/components-react-node/popover/popover.js +2 -2
- package/lib/components-react-node/progress-bar/progress-bar.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-indicator-skeleton.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-indicator.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-step-skeleton.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-step.js +2 -2
- package/lib/components-react-node/radio-button/radio-button-group.js +2 -2
- package/lib/components-react-node/radio-button/radio-button-skeleton.js +2 -2
- package/lib/components-react-node/radio-button/radio-button.js +2 -2
- package/lib/components-react-node/search/search-skeleton.js +2 -2
- package/lib/components-react-node/search/search.js +2 -2
- package/lib/components-react-node/select/select-item-group.js +2 -2
- package/lib/components-react-node/select/select-item.js +2 -2
- package/lib/components-react-node/select/select-skeleton.js +2 -2
- package/lib/components-react-node/select/select.js +2 -2
- package/lib/components-react-node/side-panel/side-panel.js +2 -2
- package/lib/components-react-node/skeleton-icon/skeleton-icon.js +2 -2
- package/lib/components-react-node/skeleton-placeholder/skeleton-placeholder.js +2 -2
- package/lib/components-react-node/skeleton-text/skeleton-text.js +2 -2
- package/lib/components-react-node/skip-to-content/skip-to-content.js +2 -2
- package/lib/components-react-node/slider/slider-input.js +2 -2
- package/lib/components-react-node/slider/slider-skeleton.js +2 -2
- package/lib/components-react-node/slider/slider.js +2 -2
- package/lib/components-react-node/slug/slug-action-button.js +2 -2
- package/lib/components-react-node/slug/slug.js +2 -2
- package/lib/components-react-node/stack/stack.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-body.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-cell.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-head.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-cell-skeleton.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-cell.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-row.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-row.js +2 -2
- package/lib/components-react-node/structured-list/structured-list.js +2 -2
- package/lib/components-react-node/tabs/tab-skeleton.js +2 -2
- package/lib/components-react-node/tabs/tab.js +2 -2
- package/lib/components-react-node/tabs/tabs-skeleton.js +2 -2
- package/lib/components-react-node/tabs/tabs.js +2 -2
- package/lib/components-react-node/tag/tag.js +2 -2
- package/lib/components-react-node/tearsheet/tearsheet.js +2 -2
- package/lib/components-react-node/text-input/text-input-skeleton.js +2 -2
- package/lib/components-react-node/text-input/text-input.js +2 -2
- package/lib/components-react-node/textarea/textarea-skeleton.js +2 -2
- package/lib/components-react-node/textarea/textarea.js +2 -2
- package/lib/components-react-node/tile/clickable-tile.js +2 -2
- package/lib/components-react-node/tile/expandable-tile.js +2 -2
- package/lib/components-react-node/tile/radio-tile.js +2 -2
- package/lib/components-react-node/tile/selectable-tile.js +2 -2
- package/lib/components-react-node/tile/tile-group.js +2 -2
- package/lib/components-react-node/tile/tile.js +2 -2
- package/lib/components-react-node/toggle/toggle.js +2 -2
- package/lib/components-react-node/toggle-tip/toggletip.js +2 -2
- package/lib/components-react-node/tooltip/tooltip-content.js +2 -2
- package/lib/components-react-node/tooltip/tooltip.js +2 -2
- package/lib/components-react-node/ui-shell/header-global-action.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu-button.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu-item.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu.js +2 -2
- package/lib/components-react-node/ui-shell/header-name.js +2 -2
- package/lib/components-react-node/ui-shell/header-nav-item.js +2 -2
- package/lib/components-react-node/ui-shell/header-nav.js +2 -2
- package/lib/components-react-node/ui-shell/header-panel.js +2 -2
- package/lib/components-react-node/ui-shell/header-side-nav-items.js +2 -2
- package/lib/components-react-node/ui-shell/header.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-divider.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-items.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-link.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-menu-item.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-menu.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav.js +2 -2
- package/lib/components-react-node/ui-shell/switcher-divider.js +2 -2
- package/lib/components-react-node/ui-shell/switcher-item.js +2 -2
- package/lib/components-react-node/ui-shell/switcher.js +2 -2
- package/lib/globals/controllers/popover-controller.js.map +1 -1
- package/lib/globals/settings.js.map +1 -1
- package/package.json +4 -4
- package/dist/20-7dd70a15.js +0 -73
- package/dist/checkbox-6b1a3bff.js +0 -109
- package/dist/dropdown-item-4c020a7d.js +0 -148
- package/dist/popover-controller-0c0475fc.js +0 -73
|
@@ -56,11 +56,11 @@ declare const CDSFloatingMenu_base: {
|
|
|
56
56
|
click(): void;
|
|
57
57
|
hidePopover(): void;
|
|
58
58
|
showPopover(): void;
|
|
59
|
-
togglePopover(force?: boolean
|
|
60
|
-
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions
|
|
61
|
-
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions
|
|
62
|
-
removeEventListener<
|
|
63
|
-
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions
|
|
59
|
+
togglePopover(force?: boolean): boolean;
|
|
60
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
61
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
62
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
63
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
64
64
|
readonly attributes: NamedNodeMap;
|
|
65
65
|
readonly classList: DOMTokenList;
|
|
66
66
|
className: string;
|
|
@@ -85,10 +85,10 @@ declare const CDSFloatingMenu_base: {
|
|
|
85
85
|
slot: string;
|
|
86
86
|
readonly tagName: string;
|
|
87
87
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
88
|
-
checkVisibility(options?: CheckVisibilityOptions
|
|
89
|
-
closest<
|
|
90
|
-
closest<
|
|
91
|
-
closest<
|
|
88
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
89
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
90
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
91
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
92
92
|
closest<E extends Element = Element>(selectors: string): E | null;
|
|
93
93
|
computedStyleMap(): StylePropertyMapReadOnly;
|
|
94
94
|
getAttribute(qualifiedName: string): string | null;
|
|
@@ -99,10 +99,10 @@ declare const CDSFloatingMenu_base: {
|
|
|
99
99
|
getBoundingClientRect(): DOMRect;
|
|
100
100
|
getClientRects(): DOMRectList;
|
|
101
101
|
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
102
|
-
getElementsByTagName<
|
|
103
|
-
getElementsByTagName<
|
|
104
|
-
getElementsByTagName<
|
|
105
|
-
getElementsByTagName<
|
|
102
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
103
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
104
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
105
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
106
106
|
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
107
107
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
108
108
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
@@ -120,21 +120,22 @@ declare const CDSFloatingMenu_base: {
|
|
|
120
120
|
removeAttribute(qualifiedName: string): void;
|
|
121
121
|
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
122
122
|
removeAttributeNode(attr: Attr): Attr;
|
|
123
|
-
requestFullscreen(options?: FullscreenOptions
|
|
123
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
124
124
|
requestPointerLock(): void;
|
|
125
|
-
scroll(options?: ScrollToOptions
|
|
125
|
+
scroll(options?: ScrollToOptions): void;
|
|
126
126
|
scroll(x: number, y: number): void;
|
|
127
|
-
scrollBy(options?: ScrollToOptions
|
|
127
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
128
128
|
scrollBy(x: number, y: number): void;
|
|
129
|
-
scrollIntoView(arg?: boolean | ScrollIntoViewOptions
|
|
130
|
-
scrollTo(options?: ScrollToOptions
|
|
129
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
130
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
131
131
|
scrollTo(x: number, y: number): void;
|
|
132
132
|
setAttribute(qualifiedName: string, value: string): void;
|
|
133
133
|
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
134
134
|
setAttributeNode(attr: Attr): Attr | null;
|
|
135
135
|
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
136
|
+
setHTMLUnsafe(html: string): void;
|
|
136
137
|
setPointerCapture(pointerId: number): void;
|
|
137
|
-
toggleAttribute(qualifiedName: string, force?: boolean
|
|
138
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
138
139
|
webkitMatchesSelector(selectors: string): boolean;
|
|
139
140
|
readonly baseURI: string;
|
|
140
141
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
@@ -150,20 +151,20 @@ declare const CDSFloatingMenu_base: {
|
|
|
150
151
|
readonly previousSibling: ChildNode | null;
|
|
151
152
|
textContent: string | null;
|
|
152
153
|
appendChild<T extends Node>(node: T): T;
|
|
153
|
-
cloneNode(deep?: boolean
|
|
154
|
+
cloneNode(deep?: boolean): Node;
|
|
154
155
|
compareDocumentPosition(other: Node): number;
|
|
155
156
|
contains(other: Node | null): boolean;
|
|
156
|
-
getRootNode(options?: GetRootNodeOptions
|
|
157
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
157
158
|
hasChildNodes(): boolean;
|
|
158
|
-
insertBefore<
|
|
159
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
159
160
|
isDefaultNamespace(namespace: string | null): boolean;
|
|
160
161
|
isEqualNode(otherNode: Node | null): boolean;
|
|
161
162
|
isSameNode(otherNode: Node | null): boolean;
|
|
162
163
|
lookupNamespaceURI(prefix: string | null): string | null;
|
|
163
164
|
lookupPrefix(namespace: string | null): string | null;
|
|
164
165
|
normalize(): void;
|
|
165
|
-
removeChild<
|
|
166
|
-
replaceChild<
|
|
166
|
+
removeChild<T extends Node>(child: T): T;
|
|
167
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
167
168
|
readonly ELEMENT_NODE: 1;
|
|
168
169
|
readonly ATTRIBUTE_NODE: 2;
|
|
169
170
|
readonly TEXT_NODE: 3;
|
|
@@ -185,6 +186,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
185
186
|
dispatchEvent(event: Event): boolean;
|
|
186
187
|
ariaAtomic: string | null;
|
|
187
188
|
ariaAutoComplete: string | null;
|
|
189
|
+
ariaBrailleLabel: string | null;
|
|
190
|
+
ariaBrailleRoleDescription: string | null;
|
|
188
191
|
ariaBusy: string | null;
|
|
189
192
|
ariaChecked: string | null;
|
|
190
193
|
ariaColCount: string | null;
|
|
@@ -222,12 +225,12 @@ declare const CDSFloatingMenu_base: {
|
|
|
222
225
|
ariaValueNow: string | null;
|
|
223
226
|
ariaValueText: string | null;
|
|
224
227
|
role: string | null;
|
|
225
|
-
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions
|
|
226
|
-
getAnimations(options?: GetAnimationsOptions
|
|
227
|
-
after(...nodes: (
|
|
228
|
-
before(...nodes: (
|
|
228
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
229
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
230
|
+
after(...nodes: (Node | string)[]): void;
|
|
231
|
+
before(...nodes: (Node | string)[]): void;
|
|
229
232
|
remove(): void;
|
|
230
|
-
replaceWith(...nodes: (
|
|
233
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
231
234
|
innerHTML: string;
|
|
232
235
|
readonly nextElementSibling: Element | null;
|
|
233
236
|
readonly previousElementSibling: Element | null;
|
|
@@ -235,19 +238,19 @@ declare const CDSFloatingMenu_base: {
|
|
|
235
238
|
readonly children: HTMLCollection;
|
|
236
239
|
readonly firstElementChild: Element | null;
|
|
237
240
|
readonly lastElementChild: Element | null;
|
|
238
|
-
append(...nodes: (
|
|
239
|
-
prepend(...nodes: (
|
|
240
|
-
querySelector<
|
|
241
|
-
querySelector<
|
|
242
|
-
querySelector<
|
|
243
|
-
querySelector<
|
|
244
|
-
querySelector<
|
|
245
|
-
querySelectorAll<
|
|
246
|
-
querySelectorAll<
|
|
247
|
-
querySelectorAll<
|
|
248
|
-
querySelectorAll<
|
|
249
|
-
querySelectorAll<
|
|
250
|
-
replaceChildren(...nodes: (
|
|
241
|
+
append(...nodes: (Node | string)[]): void;
|
|
242
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
243
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
244
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
245
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
246
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
247
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
248
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
249
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
250
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
251
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
252
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
253
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
251
254
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
252
255
|
readonly attributeStyleMap: StylePropertyMap;
|
|
253
256
|
readonly style: CSSStyleDeclaration;
|
|
@@ -318,7 +321,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
318
321
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
319
322
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
320
323
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
321
|
-
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent
|
|
324
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
322
325
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
323
326
|
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
324
327
|
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
@@ -353,15 +356,15 @@ declare const CDSFloatingMenu_base: {
|
|
|
353
356
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
354
357
|
autofocus: boolean;
|
|
355
358
|
readonly dataset: DOMStringMap;
|
|
356
|
-
nonce?: string
|
|
359
|
+
nonce?: string;
|
|
357
360
|
tabIndex: number;
|
|
358
361
|
blur(): void;
|
|
359
|
-
focus(options?: FocusOptions
|
|
362
|
+
focus(options?: FocusOptions): void;
|
|
360
363
|
};
|
|
361
364
|
_hostListeners: {
|
|
362
365
|
[listenerName: string]: {
|
|
363
366
|
[type: string]: {
|
|
364
|
-
options?: boolean | AddEventListenerOptions
|
|
367
|
+
options?: boolean | AddEventListenerOptions;
|
|
365
368
|
};
|
|
366
369
|
};
|
|
367
370
|
};
|
|
@@ -391,11 +394,11 @@ declare const CDSFloatingMenu_base: {
|
|
|
391
394
|
click(): void;
|
|
392
395
|
hidePopover(): void;
|
|
393
396
|
showPopover(): void;
|
|
394
|
-
togglePopover(force?: boolean
|
|
395
|
-
addEventListener<
|
|
396
|
-
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions
|
|
397
|
-
removeEventListener<
|
|
398
|
-
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions
|
|
397
|
+
togglePopover(force?: boolean): boolean;
|
|
398
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
399
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
400
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
401
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
399
402
|
readonly attributes: NamedNodeMap;
|
|
400
403
|
readonly classList: DOMTokenList;
|
|
401
404
|
className: string;
|
|
@@ -420,11 +423,11 @@ declare const CDSFloatingMenu_base: {
|
|
|
420
423
|
slot: string;
|
|
421
424
|
readonly tagName: string;
|
|
422
425
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
423
|
-
checkVisibility(options?: CheckVisibilityOptions
|
|
424
|
-
closest<
|
|
425
|
-
closest<
|
|
426
|
-
closest<
|
|
427
|
-
closest<
|
|
426
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
427
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
428
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
429
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
430
|
+
closest<E extends Element = Element>(selectors: string): E | null;
|
|
428
431
|
computedStyleMap(): StylePropertyMapReadOnly;
|
|
429
432
|
getAttribute(qualifiedName: string): string | null;
|
|
430
433
|
getAttributeNS(namespace: string | null, localName: string): string | null;
|
|
@@ -434,10 +437,10 @@ declare const CDSFloatingMenu_base: {
|
|
|
434
437
|
getBoundingClientRect(): DOMRect;
|
|
435
438
|
getClientRects(): DOMRectList;
|
|
436
439
|
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
437
|
-
getElementsByTagName<
|
|
438
|
-
getElementsByTagName<
|
|
439
|
-
getElementsByTagName<
|
|
440
|
-
getElementsByTagName<
|
|
440
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
441
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
442
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
443
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
441
444
|
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
442
445
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
443
446
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
@@ -455,21 +458,22 @@ declare const CDSFloatingMenu_base: {
|
|
|
455
458
|
removeAttribute(qualifiedName: string): void;
|
|
456
459
|
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
457
460
|
removeAttributeNode(attr: Attr): Attr;
|
|
458
|
-
requestFullscreen(options?: FullscreenOptions
|
|
461
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
459
462
|
requestPointerLock(): void;
|
|
460
|
-
scroll(options?: ScrollToOptions
|
|
463
|
+
scroll(options?: ScrollToOptions): void;
|
|
461
464
|
scroll(x: number, y: number): void;
|
|
462
|
-
scrollBy(options?: ScrollToOptions
|
|
465
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
463
466
|
scrollBy(x: number, y: number): void;
|
|
464
|
-
scrollIntoView(arg?: boolean | ScrollIntoViewOptions
|
|
465
|
-
scrollTo(options?: ScrollToOptions
|
|
467
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
468
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
466
469
|
scrollTo(x: number, y: number): void;
|
|
467
470
|
setAttribute(qualifiedName: string, value: string): void;
|
|
468
471
|
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
469
472
|
setAttributeNode(attr: Attr): Attr | null;
|
|
470
473
|
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
474
|
+
setHTMLUnsafe(html: string): void;
|
|
471
475
|
setPointerCapture(pointerId: number): void;
|
|
472
|
-
toggleAttribute(qualifiedName: string, force?: boolean
|
|
476
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
473
477
|
webkitMatchesSelector(selectors: string): boolean;
|
|
474
478
|
readonly baseURI: string;
|
|
475
479
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
@@ -485,20 +489,20 @@ declare const CDSFloatingMenu_base: {
|
|
|
485
489
|
readonly previousSibling: ChildNode | null;
|
|
486
490
|
textContent: string | null;
|
|
487
491
|
appendChild<T extends Node>(node: T): T;
|
|
488
|
-
cloneNode(deep?: boolean
|
|
492
|
+
cloneNode(deep?: boolean): Node;
|
|
489
493
|
compareDocumentPosition(other: Node): number;
|
|
490
494
|
contains(other: Node | null): boolean;
|
|
491
|
-
getRootNode(options?: GetRootNodeOptions
|
|
495
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
492
496
|
hasChildNodes(): boolean;
|
|
493
|
-
insertBefore<
|
|
497
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
494
498
|
isDefaultNamespace(namespace: string | null): boolean;
|
|
495
499
|
isEqualNode(otherNode: Node | null): boolean;
|
|
496
500
|
isSameNode(otherNode: Node | null): boolean;
|
|
497
501
|
lookupNamespaceURI(prefix: string | null): string | null;
|
|
498
502
|
lookupPrefix(namespace: string | null): string | null;
|
|
499
503
|
normalize(): void;
|
|
500
|
-
removeChild<
|
|
501
|
-
replaceChild<
|
|
504
|
+
removeChild<T extends Node>(child: T): T;
|
|
505
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
502
506
|
readonly ELEMENT_NODE: 1;
|
|
503
507
|
readonly ATTRIBUTE_NODE: 2;
|
|
504
508
|
readonly TEXT_NODE: 3;
|
|
@@ -520,6 +524,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
520
524
|
dispatchEvent(event: Event): boolean;
|
|
521
525
|
ariaAtomic: string | null;
|
|
522
526
|
ariaAutoComplete: string | null;
|
|
527
|
+
ariaBrailleLabel: string | null;
|
|
528
|
+
ariaBrailleRoleDescription: string | null;
|
|
523
529
|
ariaBusy: string | null;
|
|
524
530
|
ariaChecked: string | null;
|
|
525
531
|
ariaColCount: string | null;
|
|
@@ -557,12 +563,12 @@ declare const CDSFloatingMenu_base: {
|
|
|
557
563
|
ariaValueNow: string | null;
|
|
558
564
|
ariaValueText: string | null;
|
|
559
565
|
role: string | null;
|
|
560
|
-
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions
|
|
561
|
-
getAnimations(options?: GetAnimationsOptions
|
|
562
|
-
after(...nodes: (
|
|
563
|
-
before(...nodes: (
|
|
566
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
567
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
568
|
+
after(...nodes: (Node | string)[]): void;
|
|
569
|
+
before(...nodes: (Node | string)[]): void;
|
|
564
570
|
remove(): void;
|
|
565
|
-
replaceWith(...nodes: (
|
|
571
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
566
572
|
innerHTML: string;
|
|
567
573
|
readonly nextElementSibling: Element | null;
|
|
568
574
|
readonly previousElementSibling: Element | null;
|
|
@@ -570,19 +576,19 @@ declare const CDSFloatingMenu_base: {
|
|
|
570
576
|
readonly children: HTMLCollection;
|
|
571
577
|
readonly firstElementChild: Element | null;
|
|
572
578
|
readonly lastElementChild: Element | null;
|
|
573
|
-
append(...nodes: (
|
|
574
|
-
prepend(...nodes: (
|
|
575
|
-
querySelector<
|
|
576
|
-
querySelector<
|
|
577
|
-
querySelector<
|
|
578
|
-
querySelector<
|
|
579
|
-
querySelector<
|
|
580
|
-
querySelectorAll<
|
|
581
|
-
querySelectorAll<
|
|
582
|
-
querySelectorAll<
|
|
583
|
-
querySelectorAll<
|
|
584
|
-
querySelectorAll<
|
|
585
|
-
replaceChildren(...nodes: (
|
|
579
|
+
append(...nodes: (Node | string)[]): void;
|
|
580
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
581
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
582
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
583
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
584
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
585
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
586
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
587
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
588
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
589
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
590
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
591
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
586
592
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
587
593
|
readonly attributeStyleMap: StylePropertyMap;
|
|
588
594
|
readonly style: CSSStyleDeclaration;
|
|
@@ -653,7 +659,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
653
659
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
654
660
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
655
661
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
656
|
-
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent
|
|
662
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
657
663
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
658
664
|
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
659
665
|
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
@@ -688,7 +694,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
688
694
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
689
695
|
autofocus: boolean;
|
|
690
696
|
readonly dataset: DOMStringMap;
|
|
691
|
-
nonce?: string
|
|
697
|
+
nonce?: string;
|
|
692
698
|
tabIndex: number;
|
|
693
699
|
blur(): void;
|
|
694
700
|
};
|
|
@@ -731,7 +737,7 @@ declare abstract class CDSFloatingMenu extends CDSFloatingMenu_base {
|
|
|
731
737
|
/**
|
|
732
738
|
* The DOM element to put this menu into.
|
|
733
739
|
*/
|
|
734
|
-
get container():
|
|
740
|
+
get container(): Element;
|
|
735
741
|
/**
|
|
736
742
|
* The position of this floating menu.
|
|
737
743
|
*/
|
|
@@ -749,7 +755,8 @@ declare abstract class CDSFloatingMenu extends CDSFloatingMenu_base {
|
|
|
749
755
|
static shadowRootOptions: {
|
|
750
756
|
delegatesFocus: boolean;
|
|
751
757
|
mode: ShadowRootMode;
|
|
752
|
-
|
|
758
|
+
serializable?: boolean;
|
|
759
|
+
slotAssignment?: SlotAssignmentMode;
|
|
753
760
|
};
|
|
754
761
|
}
|
|
755
762
|
export default CDSFloatingMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating-menu.js","names":["LitElement","HostListener","FocusMixin","HostListenerMixin","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","prefix","observeResize","observer","elem","observe","release","unobserve","closestComposed","selector","found","closest","host","getRootNode","CDSFloatingMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","ResizeObserver","container","open","parent","position","direction","start","top","style","RTL","decorators","relatedTarget","contains","HTMLElement","prototype","focus","call","event","shiftKey","selectorContainer","ownerDocument","body","triggerPosition","TypeError","left","refLeft","refTop","right","refRight","bottom","refBottom","width","height","getBoundingClientRect","containerLeft","containerRight","containerTop","containerComputedStyle","defaultView","getComputedStyle","positionDirection","getPropertyValue","isRtl","containerStartFromViewport","innerWidth","refStartFromContainer","refEndFromContainer","refTopFromContainer","Error","flipped","Object","values","indexOf","alignmentStart","TOP","BOTTOM","disconnectedCallback","_hObserveResizeContainer","_hObserveResizeParent","updated","changedProperties","has","parentElement","appendChild","_this$parent","_resizeObserver","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * @license\n *\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 // @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 // @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 // @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 // @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 ) || this.ownerDocument!.body\n );\n }\n\n /**\n * The position of this floating menu.\n */\n get position(): FloatingMenuPosition {\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 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 : 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 (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"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,OAAOC,YAAY,MAAM,wCAAwC;AACjE,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,iBAAiB,MAAM,oCAAoC;AAElE,SACEC,uBAAuB,EACvBC,gCAAgC,QAC3B,QAAQ;AAEf,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,SAASF,uBAAuB,EAAEC,gCAAgC;;AAElE;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,aAAa,GAAGA,CAACC,QAAwB,EAAEC,IAAa,KAAK;EACjED,QAAQ,CAACE,OAAO,CAACD,IAAI,CAAC;EACtB,OAAO;IACLE,OAAOA,CAAA,EAAG;MACRH,QAAQ,CAACI,SAAS,CAACH,IAAI,CAAC;MACxB,OAAO,IAAI;IACb;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,eAAe,GAAGA,CAACJ,IAAa,EAAEK,QAAgB,KAAK;EAC3D,MAAMC,KAAK,GAAGN,IAAI,CAACO,OAAO,CAACF,QAAQ,CAAC;EACpC,IAAIC,KAAK,EAAE;IACT,OAAOA,KAAK;EACd;EACA,MAAM;IAAEE;EAAK,CAAC,GAAGR,IAAI,CAACS,WAAW,CAAC,CAAe;EACjD,IAAID,IAAI,EAAE;IACR,OAAOJ,eAAe,CAACI,IAAI,EAAEH,QAAQ,CAAC;EACxC;EACA,OAAO,IAAI;AACb,CAAC;;AAED;AACA;AACA;AAFA,IAGeK,eAAe,GAAAC,SAAA,iBAAAC,WAAA,EAAAC,kBAAA;EAA9B,MAAeH,eAAe,SAAAG,kBAAA,CAE5B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8OF;EAAC;IAAAI,CAAA,EAhPcN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAMmB,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKD,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAO5B,IAAIC,cAAc,CAAC,MAAM;UACjD,MAAM;YAAEC,SAAS;YAAEC,IAAI;YAAEC,MAAM;YAAEC;UAAS,CAAC,GAAG,IAAI;UAClD,IAAIH,SAAS,IAAIC,IAAI,IAAIC,MAAM,EAAE;YAC/B,MAAM;cAAEE,SAAS;cAAEC,KAAK;cAAEC;YAAI,CAAC,GAAGH,QAAQ;YAC1C,IAAI,CAACI,KAAK,CACRH,SAAS,KAAK9B,gCAAgC,CAACkC,GAAG,GAAG,MAAM,GAAG,OAAO,CACtE,GAAI,GAAEH,KAAM,IAAG;YAChB,IAAI,CAACE,KAAK,CAACD,GAAG,GAAI,GAAEA,GAAI,IAAG;UAC7B;QACF,CAAC,CAAC;MAAA;IAAA;MAAAV,IAAA;MAAAa,UAAA,GAEDvC,YAAY,CAAC,UAAU,CAAC;MAAA2B,GAAA;MAAAC,MAAA;QAAA,OAEH,CAAC;UAAEY;QAA0B,CAAC,KAAK;UACvD,IAAI,CAAC,IAAI,CAACC,QAAQ,CAACD,aAAqB,CAAC,EAAE;YACzC,MAAM;cAAER;YAAO,CAAC,GAAG,IAAI;YACvB,IAAIA,MAAM,IAAIA,MAAM,KAAKQ,aAAa,EAAE;cACtCR,MAAM,CAACD,IAAI,GAAG,KAAK;cACnBW,WAAW,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACb,MAAM,CAAC,CAAC,CAAC;YACjD;UACF;QACF,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAa,UAAA,GAEAvC,YAAY,CAAC,OAAO,CAAC;MAAA2B,GAAA;MAAAC,MAAA;QAAA,OAEL,MAAM;UACrB,MAAM;YAAEI;UAAO,CAAC,GAAG,IAAI;UACvB,IAAIA,MAAM,EAAE;YACVA,MAAM,CAACD,IAAI,GAAG,KAAK;UACrB;QACF,CAAC;MAAA;IAAA;MAAAL,IAAA;MAAAa,UAAA,GAEAvC,YAAY,CAAC,SAAS,CAAC;MAAA2B,GAAA;MAAAC,MAAA;QAAA,OAEEkB,KAAoB,IAAK;UACjD,IAAIA,KAAK,CAACnB,GAAG,KAAK,KAAK,EAAE;YACvB,IAAImB,KAAK,CAACC,QAAQ,EAAE;cAClB,MAAM;gBAAEf;cAAO,CAAC,GAAG,IAAI;cACvB,IAAIA,MAAM,EAAE;gBACVA,MAAM,CAACD,IAAI,GAAG,KAAK;cACrB;YACF;UACF;QACF,CAAC;MAAA;IAAA;MAAAL,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKiD,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA/DtD;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;MACE;MACA;;MA8CA;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAE,UAAA,EAAgB;QACd,OACElB,eAAe,CACb,IAAI,EACH,IAAI,CAACU,WAAW,CAA4B0B,iBAC/C,CAAC,IAAI,IAAI,CAACC,aAAa,CAAEC,IAAI;MAEjC;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAK,SAAA,EAAqC;QACnC,MAAM;UAAEkB;QAAgB,CAAC,GAAG,IAAI,CAACnB,MAAO;QACxC,IAAI,CAACmB,eAAe,EAAE;UACpB,MAAM,IAAIC,SAAS,CAAC,iDAAiD,CAAC;QACxE;QAEA,MAAM;UAAEtB;QAAU,CAAC,GAAG,IAAI;QAC1B,MAAM;UACJuB,IAAI,EAAEC,OAAO,GAAG,CAAC;UACjBlB,GAAG,EAAEmB,MAAM,GAAG,CAAC;UACfC,KAAK,EAAEC,QAAQ,GAAG;QACpB,CAAC,GAAGN,eAAe;QACnB,IAAI;UAAEO,MAAM,EAAEC,SAAS,GAAG;QAAE,CAAC,GAAGR,eAAe;QAC/C,MAAM;UAAES,KAAK;UAAEC;QAAO,CAAC,GAAG,IAAI,CAACC,qBAAqB,CAAC,CAAC;QACtD,MAAM;UACJT,IAAI,EAAEU,aAAa,GAAG,CAAC;UACvBP,KAAK,EAAEQ,cAAc,GAAG,CAAC;UACzB5B,GAAG,EAAE6B,YAAY,GAAG;QACtB,CAAC,GAAGnC,SAAS,CAACgC,qBAAqB,CAAC,CAAC;QACrCH,SAAS,GAAGA,SAAS,GAAGM,YAAY;QAEpC,MAAMC,sBAAsB,GAC1BpC,SAAS,CAACmB,aAAa,CAAEkB,WAAW,CAAEC,gBAAgB,CAACtC,SAAS,CAAC;QACnE,MAAMuC,iBAAiB,GAAGH,sBAAsB,CAACI,gBAAgB,CAC/D,WACF,CAAqC;QACrC,MAAMC,KAAK,GAAGF,iBAAiB,KAAKjE,gCAAgC,CAACkC,GAAG;QACxE,MAAMkC,0BAA0B,GAAG,CAACD,KAAK,GACrCR,aAAa,GACbjC,SAAS,CAACmB,aAAa,CAAEkB,WAAW,CAAEM,UAAU,GAAGT,cAAc;QACrE,MAAMU,qBAAqB,GAAG,CAACH,KAAK,GAChCjB,OAAO,GAAGS,aAAa,GACvBC,cAAc,GAAGP,QAAQ;QAC7B,MAAMkB,mBAAmB,GAAG,CAACJ,KAAK,GAC9Bd,QAAQ,GAAGM,aAAa,GACxBC,cAAc,GAAGV,OAAO;QAC5B,MAAMsB,mBAAmB,GAAGrB,MAAM,GAAGU,YAAY;QAEjD,IACE,CAACnC,SAAS,KAAK,IAAI,CAACmB,aAAa,CAAEC,IAAI,IACrCsB,0BAA0B,KAAK,CAAC,IAChCP,YAAY,KAAK,CAAC,KACpBC,sBAAsB,CAACI,gBAAgB,CAAC,UAAU,CAAC,KAAK,QAAQ,EAChE;UACA,MAAM,IAAIO,KAAK,CACb,0DACF,CAAC;QACH;QAEA,MAAM;UAAEC,OAAO;UAAE5C;QAAU,CAAC,GAAG,IAAI;QACnC,IAAI6C,MAAM,CAACC,MAAM,CAAC7E,uBAAuB,CAAC,CAAC8E,OAAO,CAAC/C,SAAS,CAAC,GAAG,CAAC,EAAE;UACjE,MAAM,IAAI2C,KAAK,CAAE,kCAAiC3C,SAAU,EAAC,CAAC;QAChE;QAEA,MAAMgD,cAAc,GAAGJ,OAAO,GAC1BH,mBAAmB,GAAGf,KAAK,GAC3Bc,qBAAqB;QAEzB,MAAM;UAAEvC,KAAK;UAAEC;QAAI,CAAC,GAAG;UACrB,CAACjC,uBAAuB,CAACgF,GAAG,GAAG,OAAO;YACpChD,KAAK,EAAE+C,cAAc;YACrB9C,GAAG,EAAEwC,mBAAmB,GAAGf;UAC7B,CAAC,CAAC;UACF,CAAC1D,uBAAuB,CAACiF,MAAM,GAAG,OAAO;YACvCjD,KAAK,EAAE+C,cAAc;YACrB9C,GAAG,EAAEuB;UACP,CAAC;QACH,CAAC,CAACzB,SAAS,CAAC,CAAC,CAAC;QAEd,OAAO;UACLA,SAAS,EAAEmC,iBAAiB;UAC5BlC,KAAK;UACLC;QACF,CAAC;MACH;IAAC;MAAAV,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAyD,qBAAA,EAAuB;QACrB,IAAI,IAAI,CAACC,wBAAwB,EAAE;UACjC,IAAI,CAACA,wBAAwB,GAAG,IAAI,CAACA,wBAAwB,CAAC5E,OAAO,CAAC,CAAC;QACzE;QACA,IAAI,IAAI,CAAC6E,qBAAqB,EAAE;UAC9B,IAAI,CAACA,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAAC7E,OAAO,CAAC,CAAC;QACnE;MACF;IAAC;MAAAgB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA4D,QAAQC,iBAAiB,EAAE;QACzB,MAAM;UAAE3D,SAAS;UAAEC,IAAI;UAAEC;QAAO,CAAC,GAAG,IAAI;QACxC,IACE,CAACyD,iBAAiB,CAACC,GAAG,CAAC,SAAS,CAAC,IAC/BD,iBAAiB,CAACC,GAAG,CAAC,WAAW,CAAC,IAClCD,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,KAC/B3D,IAAI,EACJ;UACA,IAAI,CAACC,MAAM,EAAE;YACX,IAAI,CAACA,MAAM,GAAG,IAAI,CAAC2D,aAAuC;YAC1D7D,SAAS,CAAC8D,WAAW,CAAC,IAAI,CAAC;UAC7B;UACA;UACA,MAAM;YAAE1D,SAAS;YAAEC,KAAK;YAAEC;UAAI,CAAC,GAAG,IAAI,CAACH,QAAQ;UAC/C,IAAI,CAACI,KAAK,CACRH,SAAS,KAAK9B,gCAAgC,CAACkC,GAAG,GAAG,MAAM,GAAG,OAAO,CACtE,GAAI,GAAEH,KAAM,IAAG;UAChB,IAAI,CAACE,KAAK,CAACD,GAAG,GAAI,GAAEA,GAAI,IAAG;QAC7B;QACA,IAAIqD,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC,IAAI,IAAI,CAACJ,wBAAwB,EAAE;YACjC,IAAI,CAACA,wBAAwB,GAAG,IAAI,CAACA,wBAAwB,CAAC5E,OAAO,CAAC,CAAC;UACzE;UACA,IAAI,IAAI,CAAC6E,qBAAqB,EAAE;YAC9B,IAAI,CAACA,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAAC7E,OAAO,CAAC,CAAC;UACnE;UACA,IAAIqB,IAAI,EAAE;YAAA,IAAA8D,YAAA;YACR,MAAM;cAAEF;YAAc,CAAC,IAAAE,YAAA,GAAG,IAAI,CAAC7D,MAAM,cAAA6D,YAAA,cAAAA,YAAA,GAAI,CAAC,CAAC;YAC3C,IAAI,CAACP,wBAAwB,GAAGhF,aAAa,CAC3C,IAAI,CAACwF,eAAe,EACpBhE,SACF,CAAC;YACD,IAAI6D,aAAa,EAAE;cACjB,IAAI,CAACJ,qBAAqB,GAAGjF,aAAa,CACxC,IAAI,CAACwF,eAAe,EACpBH,aACF,CAAC;YACH;UACF;QACF;MACF;;MAEA;AACF;AACA;IAFE;MAAAjE,IAAA;MAAAqE,MAAA;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAGuB,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAqE,MAAA;MAAApE,GAAA;MAAAC,KAAA;MAE3B;AACF;AACA;MACE,SAAAoB,kBAAA,EAA+B;QAC7B,OAAQ,kCAAiC3C,MAAO,QAAO;MACzD;IAAC;MAAAqB,IAAA;MAAAqE,MAAA;MAAApE,GAAA;MAAAC,MAAA;QAAA,OAAAoE,aAAA,CAAAA,aAAA,KAEIjG,UAAU,CAACkG,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;EAAA;AAAA,GA9OehG,iBAAiB,CACtDD,UAAU,CAACF,UAAU,CACvB,CAAC;AAgPD,eAAemB,eAAe","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"floating-menu.js","names":["LitElement","HostListener","FocusMixin","HostListenerMixin","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","prefix","observeResize","observer","elem","observe","release","unobserve","closestComposed","selector","found","closest","host","getRootNode","CDSFloatingMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","ResizeObserver","container","open","parent","position","direction","start","top","style","RTL","decorators","relatedTarget","contains","HTMLElement","prototype","focus","call","event","shiftKey","selectorContainer","ownerDocument","body","triggerPosition","TypeError","left","refLeft","refTop","right","refRight","bottom","refBottom","width","height","getBoundingClientRect","containerLeft","containerRight","containerTop","containerComputedStyle","defaultView","getComputedStyle","positionDirection","getPropertyValue","isRtl","containerStartFromViewport","innerWidth","refStartFromContainer","refEndFromContainer","refTopFromContainer","Error","flipped","Object","values","indexOf","alignmentStart","TOP","BOTTOM","disconnectedCallback","_hObserveResizeContainer","_hObserveResizeParent","updated","changedProperties","has","parentElement","appendChild","_this$parent","_resizeObserver","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * @license\n *\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 // @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 // @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 // @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 // @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 ) || this.ownerDocument!.body\n );\n }\n\n /**\n * The position of this floating menu.\n */\n get position(): FloatingMenuPosition {\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 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 : 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 (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"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-item.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSFormItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/form/form-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './form-item.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for form items\n *\n * @element cds-form-item\n */\n@customElement(`${prefix}-form-item`)\nclass CDSFormItem extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSFormItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBF,aAAa,
|
|
1
|
+
{"version":3,"file":"form-item.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSFormItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/form/form-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './form-item.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for form items\n *\n * @element cds-form-item\n */\n@customElement(`${prefix}-form-item`)\nclass CDSFormItem extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSFormItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBF,aAAa,CAAC,GAAGH,MAAM,YAAY,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMrC;EAAC;IAAAI,CAAA,EANKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GALEH,UAAU;AAQpC,eAAeM,WAAW","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-group.js","names":["LitElement","html","property","customElement","prefix","styles","CDSFormGroup","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","String","render","invalid","legendId","legendText","message","messageText","_t","_","_t2","static"],"sources":["components/form-group/form-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './form-group.scss';\n\n/**\n * The shell UI for file uploader.\n *\n * @element cds-form-group\n * @slot label-title.\n * @slot lebel-description.\n */\n@customElement(`${prefix}-form-group`)\nclass CDSFormGroup extends LitElement {\n /**\n * Specify whether the Form Group is invalid\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Provide id for the fieldset <legend> which corresponds to the fieldset\n * `aria-labelledby`\n */\n @property({ attribute: 'legend-id' })\n legendId;\n\n /**\n * Provide the text to be rendered inside of the fieldset <legend>\n */\n @property({ attribute: 'legend-text' })\n legendText!: string;\n\n /**\n * Specify whether the message should be displayed in the Form Group\n */\n @property({ type: Boolean, reflect: true })\n message = false;\n\n /**\n * Provide the text for the message in the Form Group\n */\n @property({ type: String, attribute: 'message-text', reflect: true })\n messageText;\n\n render() {\n const { invalid, legendId, legendText, message, messageText } = this;\n\n return html`\n <fieldset\n class=\"${prefix}--fieldset\"\n ?data-invalid=${invalid}\n aria-labelledby=\"${legendId}\">\n <legend class=\"${prefix}--label\" id=${legendId}>${legendText}</legend>\n <slot></slot>\n ${message\n ? html`<div class=\"${prefix}--form__requirements\">\n ${messageText}\n </div>`\n : null}\n </fieldset>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSFormGroup;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,YAAY,GAAAC,SAAA,EADjBJ,aAAa,
|
|
1
|
+
{"version":3,"file":"form-group.js","names":["LitElement","html","property","customElement","prefix","styles","CDSFormGroup","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","String","render","invalid","legendId","legendText","message","messageText","_t","_","_t2","static"],"sources":["components/form-group/form-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './form-group.scss';\n\n/**\n * The shell UI for file uploader.\n *\n * @element cds-form-group\n * @slot label-title.\n * @slot lebel-description.\n */\n@customElement(`${prefix}-form-group`)\nclass CDSFormGroup extends LitElement {\n /**\n * Specify whether the Form Group is invalid\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Provide id for the fieldset <legend> which corresponds to the fieldset\n * `aria-labelledby`\n */\n @property({ attribute: 'legend-id' })\n legendId;\n\n /**\n * Provide the text to be rendered inside of the fieldset <legend>\n */\n @property({ attribute: 'legend-text' })\n legendText!: string;\n\n /**\n * Specify whether the message should be displayed in the Form Group\n */\n @property({ type: Boolean, reflect: true })\n message = false;\n\n /**\n * Provide the text for the message in the Form Group\n */\n @property({ type: String, attribute: 'message-text', reflect: true })\n messageText;\n\n render() {\n const { invalid, legendId, legendText, message, messageText } = this;\n\n return html`\n <fieldset\n class=\"${prefix}--fieldset\"\n ?data-invalid=${invalid}\n aria-labelledby=\"${legendId}\">\n <legend class=\"${prefix}--label\" id=${legendId}>${legendText}</legend>\n <slot></slot>\n ${message\n ? html`<div class=\"${prefix}--form__requirements\">\n ${messageText}\n </div>`\n : null}\n </fieldset>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSFormGroup;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,YAAY,GAAAC,SAAA,EADjBJ,aAAa,CAAC,GAAGC,MAAM,aAAa,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDtC;EAAC;IAAAI,CAAA,EApDKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMdb,QAAQ,CAAC;QAAEmB,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMpCb,QAAQ,CAAC;QAAEmB,SAAS,EAAE;MAAc,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMtCb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKdb,QAAQ,CAAC;QAAEc,IAAI,EAAEM,MAAM;QAAED,SAAS,EAAE,cAAc;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MA5BrE;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,OAAA,EAAS;QACP,MAAM;UAAEC,OAAO;UAAEC,QAAQ;UAAEC,UAAU;UAAEC,OAAO;UAAEC;QAAY,CAAC,GAAG,IAAI;QAEpE,OAAO3B,IAAI,CAAA4B,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA,iBAFe;AACf,wBADe;AACf,2BADe;AACf,yBADe;AACf;AACA,UAFe;AACf;AACA,KAFe,GAEE1B,MAAM,EACCoB,OAAO,EACJC,QAAQ,EACVrB,MAAM,EAAeqB,QAAQ,EAAIC,UAAU,EAE1DC,OAAO,GACL1B,IAAI,CAAA8B,GAAA,KAAAA,GAAA,GAAAD,CAAA;AAChB,gBADgB;AAChB,mBADgB,GAAe1B,MAAM,EACrBwB,WAAW,IAEf,IAAI;MAGd;IAAC;MAAAd,IAAA;MAAAkB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDGL,UAAU;AAsDrC,eAAeM,YAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","names":["html","property","customElement","prefix","CDSButton","ICON_BUTTON_SIZE","ICON_BUTTON_TOOLTIP_ALIGNMENT","styles","CDSIconButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","attribute","Number","updated","changedProperties","_this$shadowRoot","_this$querySelector","_this$shadowRoot2","shadowRoot","querySelector","classList","add","tooltipContent","textContent","setAttribute","_renderTooltipContent","_t","_","render","align","autoalign","closeOnActivation","defaultOpen","enterDelayMs","leaveDelayMs","_t2","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * @license\n *\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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport styles from './icon-button.scss';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /**\n * Specify how the trigger should align with the tooltip\n */\n @property({ reflect: true, type: String })\n align = 'top';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n */\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /**\n * Specify whether the tooltip should be open when it first renders\n */\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /**\n * Specify the duration in milliseconds to delay before displaying the tooltip\n */\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /**\n * Specify the duration in milliseconds to delay before hiding the tooltip\n */\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 300;\n\n /**\n * Specify the size of the Button. Defaults to `md`.\n */\n @property({ reflect: true })\n size = 'md';\n\n updated(changedProperties) {\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected _renderTooltipContent() {\n return html`\n <cds-tooltip-content>\n <slot name=\"tooltip-content\"></slot>\n </cds-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n close-on-activation=\"${closeOnActivation}\"\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-tooltip>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAOC,SAAS,MAAM,kBAAkB;AACxC,SAASC,gBAAgB,EAAEC,6BAA6B,QAAQ,QAAQ;AACxE,OAAOC,MAAM,MAAM,wBAAoB;AAEvC,SAASF,gBAAgB,EAAEC,6BAA6B;;AAExD;AACA;AACA;AACA;AAHA,IAKME,aAAa,GAAAC,SAAA,EADlBP,aAAa,
|
|
1
|
+
{"version":3,"file":"icon-button.js","names":["html","property","customElement","prefix","CDSButton","ICON_BUTTON_SIZE","ICON_BUTTON_TOOLTIP_ALIGNMENT","styles","CDSIconButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","decorators","reflect","type","String","key","value","Boolean","attribute","Number","updated","changedProperties","_this$shadowRoot","_this$querySelector","_this$shadowRoot2","shadowRoot","querySelector","classList","add","tooltipContent","textContent","setAttribute","_renderTooltipContent","_t","_","render","align","autoalign","closeOnActivation","defaultOpen","enterDelayMs","leaveDelayMs","_t2","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/icon-button/icon-button.ts"],"sourcesContent":["/**\n * @license\n *\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 { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport styles from './icon-button.scss';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Icon Button\n *\n */\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /**\n * Specify how the trigger should align with the tooltip\n */\n @property({ reflect: true, type: String })\n align = 'top';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n */\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /**\n * Specify whether the tooltip should be open when it first renders\n */\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /**\n * Specify the duration in milliseconds to delay before displaying the tooltip\n */\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /**\n * Specify the duration in milliseconds to delay before hiding the tooltip\n */\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 300;\n\n /**\n * Specify the size of the Button. Defaults to `md`.\n */\n @property({ reflect: true })\n size = 'md';\n\n updated(changedProperties) {\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n protected _renderTooltipContent() {\n return html`\n <cds-tooltip-content>\n <slot name=\"tooltip-content\"></slot>\n </cds-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n close-on-activation=\"${closeOnActivation}\"\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-tooltip>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSIconButton;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-loading.js","names":["LitElement","html","property","classMap","CheckmarkFilled16","ErrorFilled16","prefix","LOADING_TYPE","getLoadingIcon","INLINE_LOADING_STATE","styles","carbonElement","customElement","CDSInlineLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","_renderIcon","assistiveText","status","ERROR","class","FINISHED","INACTIVE","ACTIVE","classes","_t","_","type","SMALL","undefined","reflect","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","statusIconResult","statusIconWrapperResult","_t2","_t3","static"],"sources":["components/inline-loading/inline-loading.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport { prefix } from '../../globals/settings';\nimport LOADING_TYPE from '../loading/types';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-inline-loading\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * @returns The template for the status icon.\n */\n private _renderIcon() {\n const { assistiveText, status } = this;\n if (status === INLINE_LOADING_STATE.ERROR) {\n return ErrorFilled16({\n class: `${prefix}--inline-loading--error`,\n });\n }\n if (status === INLINE_LOADING_STATE.FINISHED) {\n return CheckmarkFilled16({\n class: `${prefix}--inline-loading__checkmark-container`,\n });\n }\n if (\n status === INLINE_LOADING_STATE.INACTIVE ||\n status === INLINE_LOADING_STATE.ACTIVE\n ) {\n const classes = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--small`]: true,\n [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n });\n return html`\n <div class=\"${classes}\">\n ${getLoadingIcon({ assistiveText, type: LOADING_TYPE.SMALL })}\n </div>\n `;\n }\n return undefined;\n }\n\n /**\n * The loading status.\n */\n @property({ reflect: true })\n status = INLINE_LOADING_STATE.ACTIVE;\n\n connectedCallback() {\n if (!this.hasAttribute('aria-live')) {\n this.setAttribute('aria-live', 'assertive');\n }\n super.connectedCallback();\n }\n\n render() {\n const statusIconResult = this._renderIcon();\n const statusIconWrapperResult = !statusIconResult\n ? undefined\n : html`\n <div class=\"${prefix}--inline-loading__animation\">\n ${statusIconResult}\n </div>\n `;\n return html`\n ${statusIconWrapperResult}\n <p class=\"${prefix}--inline-loading__text\"><slot></slot></p>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineLoading;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,iBAAiB,MAAM,kCAAwC;AACtE,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,cAAc,MAAM,yBAAyB;AACpD,SAASC,oBAAoB,QAAQ,QAAQ;AAC7C,OAAOC,MAAM,MAAM,2BAAuB;AAC1C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,oBAAoB;;AAE7B;AACA;AACA;AACA;AACA;AAJA,IAMMI,gBAAgB,GAAAC,SAAA,EADrBF,aAAa,
|
|
1
|
+
{"version":3,"file":"inline-loading.js","names":["LitElement","html","property","classMap","CheckmarkFilled16","ErrorFilled16","prefix","LOADING_TYPE","getLoadingIcon","INLINE_LOADING_STATE","styles","carbonElement","customElement","CDSInlineLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","_renderIcon","assistiveText","status","ERROR","class","FINISHED","INACTIVE","ACTIVE","classes","_t","_","type","SMALL","undefined","reflect","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","statusIconResult","statusIconWrapperResult","_t2","_t3","static"],"sources":["components/inline-loading/inline-loading.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport { prefix } from '../../globals/settings';\nimport LOADING_TYPE from '../loading/types';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-inline-loading\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * @returns The template for the status icon.\n */\n private _renderIcon() {\n const { assistiveText, status } = this;\n if (status === INLINE_LOADING_STATE.ERROR) {\n return ErrorFilled16({\n class: `${prefix}--inline-loading--error`,\n });\n }\n if (status === INLINE_LOADING_STATE.FINISHED) {\n return CheckmarkFilled16({\n class: `${prefix}--inline-loading__checkmark-container`,\n });\n }\n if (\n status === INLINE_LOADING_STATE.INACTIVE ||\n status === INLINE_LOADING_STATE.ACTIVE\n ) {\n const classes = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--small`]: true,\n [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n });\n return html`\n <div class=\"${classes}\">\n ${getLoadingIcon({ assistiveText, type: LOADING_TYPE.SMALL })}\n </div>\n `;\n }\n return undefined;\n }\n\n /**\n * The loading status.\n */\n @property({ reflect: true })\n status = INLINE_LOADING_STATE.ACTIVE;\n\n connectedCallback() {\n if (!this.hasAttribute('aria-live')) {\n this.setAttribute('aria-live', 'assertive');\n }\n super.connectedCallback();\n }\n\n render() {\n const statusIconResult = this._renderIcon();\n const statusIconWrapperResult = !statusIconResult\n ? undefined\n : html`\n <div class=\"${prefix}--inline-loading__animation\">\n ${statusIconResult}\n </div>\n `;\n return html`\n ${statusIconWrapperResult}\n <p class=\"${prefix}--inline-loading__text\"><slot></slot></p>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineLoading;\n"],"mappings":"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","ignoreList":[]}
|