@carbon/web-components 2.10.0 → 2.11.0-rc.1
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-6f99b9d8.js → 16-486ace1a.js} +3 -3
- package/dist/{16-86616f6a.js → 16-51a594ce.js} +3 -3
- package/dist/{16-c82d5cfd.js → 16-656090c0.js} +3 -3
- package/dist/{custom-element-975be15f.js → 16-71872213.js} +3 -8
- package/dist/{16-e3da4022.js → 16-730a41a2.js} +3 -3
- package/dist/{16-9bfd003b.js → 16-83a1cd89.js} +3 -3
- package/dist/{16-b507d4ba.js → 16-b73c677b.js} +3 -3
- package/dist/{16-3e28b02c.js → 16-d1c73001.js} +3 -3
- package/dist/{16-8688d7b7.js → 20-d069d8da.js} +3 -3
- package/dist/accordion.min.js +15 -9
- package/dist/ai-skeleton.min.js +3 -3
- package/dist/breadcrumb.min.js +3 -3
- package/dist/{button-690db41b.js → button-21c75bab.js} +3 -3
- package/dist/{button-set-4d1a3543.js → button-set-69863a24.js} +3 -3
- package/dist/{button-skeleton-efe28069.js → button-skeleton-1abc1fd8.js} +4 -4
- package/dist/button.min.js +3 -3
- package/dist/carbon-element-4ca9803f.js +2 -2
- package/dist/chat-button.min.js +5 -5
- package/dist/checkbox-d0a3a79f.js +109 -0
- package/dist/checkbox.min.js +3 -3
- package/dist/{class-map-40d6e892.js → class-map-5edb95da.js} +4 -4
- package/dist/code-snippet.min.js +11 -11
- package/dist/collection-helpers-4e32fe16.js +2 -2
- package/dist/combo-box.min.js +3 -3
- package/dist/{content-switcher-item-557f043e.js → content-switcher-item-5b8dd42f.js} +3 -3
- package/dist/content-switcher.min.js +3 -3
- package/dist/{copy-button-77c9a2be.js → copy-button-d673538b.js} +5 -5
- package/dist/copy-button.min.js +3 -3
- package/dist/data-table.min.js +20 -20
- package/dist/date-picker.min.js +3 -3
- package/dist/{defineProperty-1c81c535.js → defineProperty-e448b551.js} +3 -3
- package/dist/directive-e2d48b9c.js +2 -2
- package/dist/dropdown-item-91b3dc95.js +148 -0
- package/dist/dropdown.min.js +3 -3
- package/dist/file-uploader.min.js +10 -10
- package/dist/{floating-menu-ee49fedd.js → floating-menu-46199beb.js} +4 -4
- package/dist/floating-menu.min.js +3 -3
- package/dist/{focus-28af17cd.js → focus-e70d1cbe.js} +4 -4
- package/dist/form-group.min.js +3 -3
- package/dist/form.min.js +3 -3
- package/dist/{get-d229c408.js → get-52a048b1.js} +3 -3
- package/dist/{host-listener-1093b8af.js → host-listener-b6a3d690.js} +4 -4
- package/dist/{icon-button-8c199f5d.js → icon-button-09275c70.js} +4 -4
- package/dist/icon-button.min.js +3 -3
- package/dist/{if-defined-87ba0c08.js → if-defined-2e09d22b.js} +3 -3
- package/dist/{if-non-empty-a1c6e0fe.js → if-non-empty-20ce3c96.js} +4 -4
- package/dist/inline-loading.min.js +3 -3
- package/dist/{layer-c557b485.js → layer-5f257c4a.js} +3 -3
- package/dist/layer.min.js +3 -3
- package/dist/{link-49d03ffa.js → link-dc6f9b4e.js} +6 -6
- package/dist/link.min.js +3 -3
- package/dist/list.min.js +3 -3
- package/dist/{loading-358d36a7.js → loading-2604f4ad.js} +3 -3
- package/dist/{loading-icon-4d90d624.js → loading-icon-85b7e502.js} +5 -5
- package/dist/loading.min.js +3 -3
- package/dist/{modal-label-f7bb6b21.js → modal-label-d53c98de.js} +7 -7
- package/dist/modal.min.js +3 -3
- package/dist/multi-select.min.js +6 -6
- package/dist/notification.min.js +11 -11
- package/dist/number-input.min.js +3 -3
- package/dist/{objectSpread2-97102dd8.js → objectSpread2-46e4de7a.js} +3 -3
- package/dist/on-6c264d49.js +2 -2
- package/dist/overflow-menu.min.js +3 -3
- package/dist/pagination.min.js +3 -3
- package/dist/{popover-content-2a2998fe.js → popover-content-08cf10b0.js} +4 -4
- package/dist/popover-controller-cc6ccb74.js +73 -0
- package/dist/popover.min.js +3 -3
- package/dist/progress-bar.min.js +4 -4
- package/dist/progress-indicator.min.js +3 -3
- package/dist/query-5f833318.js +2 -2
- package/dist/query-assigned-elements-73bd2544.js +2 -2
- package/dist/radio-button.min.js +3 -3
- package/dist/{radio-group-manager-aa09b989.js → radio-group-manager-de7f9ab3.js} +3 -3
- package/dist/{search-d48abba3.js → search-23232b04.js} +3 -3
- package/dist/search.min.js +3 -3
- package/dist/{select-item-ddced627.js → select-item-4ebf72a0.js} +3 -3
- package/dist/select.min.js +15 -15
- package/dist/{settings-2211e02a.js → settings-97cd1c3a.js} +3 -3
- package/dist/shared-enums-c6fe8c39.js +2 -2
- package/dist/side-panel.min.js +4 -4
- package/dist/{skeleton-icon-0f8941b3.js → skeleton-icon-bfc7d5c8.js} +3 -3
- package/dist/skeleton-icon.min.js +3 -3
- package/dist/{skeleton-placeholder-80d37e68.js → skeleton-placeholder-403f26a3.js} +3 -3
- package/dist/skeleton-placeholder.min.js +3 -3
- package/dist/{skeleton-text-2f44cf41.js → skeleton-text-9d02604f.js} +3 -3
- package/dist/skeleton-text.min.js +3 -3
- package/dist/skip-to-content.min.js +4 -4
- package/dist/slider.min.js +3 -3
- package/dist/slug.min.js +3 -3
- package/dist/{spread-c0d6f8ee.js → spread-d515f3f1.js} +4 -4
- package/dist/stack.min.js +4 -4
- package/dist/state-ddd29b9d.js +2 -2
- package/dist/structured-list.min.js +6 -6
- package/dist/tabs.min.js +4 -4
- package/dist/tag.min.js +6 -6
- package/dist/tearsheet.min.js +6 -6
- package/dist/{text-input-06f2796d.js → text-input-ead65188.js} +4 -4
- package/dist/text-input.min.js +4 -4
- package/dist/textarea.min.js +3 -3
- package/dist/tile.min.js +3 -3
- package/dist/toggle-tip.min.js +3 -3
- package/dist/toggle.min.js +3 -3
- package/dist/{toggletip-586fce1e.js → toggletip-f95c53b0.js} +5 -5
- package/dist/{tooltip-content-7e00430f.js → tooltip-content-d784ae2b.js} +3 -3
- package/dist/tooltip.min.js +3 -3
- package/dist/ui-shell.min.js +16 -16
- package/dist/validity-d86ffa4f.js +2 -2
- 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 +2 -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.d.ts +1 -1
- package/es/components/copy/copy.js +3 -2
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.d.ts +48 -45
- package/es/components/copy-button/copy-button.js +3 -2
- 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.d.ts +1 -1
- package/es/components/data-table/table-skeleton.js +3 -2
- 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.d.ts +1 -1
- package/es/components/file-uploader/demo-file-uploader.js +3 -2
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +50 -47
- package/es/components/file-uploader/file-uploader-button.js +3 -2
- 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.d.ts +1 -1
- package/es/components/form-group/form-group.js +3 -2
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/icon-button/icon-button.js +2 -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.d.ts +1 -1
- package/es/components/layer/layer.js +3 -2
- 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 +4 -3
- 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 +2 -1
- package/es/components/popover/popover-content.js.map +1 -1
- package/es/components/popover/popover.js +2 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/progress-bar/progress-bar.d.ts +1 -1
- package/es/components/progress-bar/progress-bar.js +3 -2
- 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.d.ts +1 -1
- package/es/components/select/select-skeleton.js +3 -2
- 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.d.ts +1 -1
- package/es/components/stack/stack.js +3 -2
- 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.d.ts +1 -1
- package/es/components/text-input/text-input-skeleton.js +3 -2
- 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 +2 -1
- 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 +2 -1
- 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 +3 -2
- package/es/components/ui-shell/header-global-action.js +3 -2
- 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 +3 -2
- package/es/components/ui-shell/header-panel.js +3 -2
- package/es/components/ui-shell/header-panel.js.map +1 -1
- package/es/components/ui-shell/header-side-nav-items.d.ts +1 -1
- package/es/components/ui-shell/header-side-nav-items.js +3 -2
- 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 +50 -46
- package/es/components/ui-shell/switcher-item.js +3 -2
- package/es/components/ui-shell/switcher-item.js.map +1 -1
- package/es/components/ui-shell/switcher.d.ts +3 -2
- package/es/components/ui-shell/switcher.js +3 -2
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.js","names":["LitElement","html","property","classMap","on","prefix","HostListenerMixin","HostListener","forEach","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","carbonElement","customElement","CDSSideNav","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","Promise","resolve","_updateAndTransitionPromise","updateComplete","then","_transitionPromise","_cleanHTransition","_hTransition","release","decorators","event","expanded","detail","active","_this$querySelector","querySelector","selectorNavItems","focus","_updatedSideNavMenuForceCollapsedState","_hovered","hovered","querySelectorAll","selectorMenu","item","forceCollapsed","reflect","attribute","RESPONSIVE","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","disconnectedCallback","shouldUpdate","changedProperties","has","updated","doc","getRootNode","selectorButtonToggle","collapseMode","headerItems","selectorHeaderItems","removeAttribute","isNotChildOfHeader","_handleFocusOut","relatedTarget","FIXED","contains","_handleFocusIn","_handleNavMouseOver","RAIL","_handleNavMouseOut","_onOverlayClick","render","isNotPersistent","classes","overlayClasses","_t","_","_t2","static","eventButtonToggle"],"sources":["components/ui-shell/side-nav.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 on from '../../globals/mixins/on';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-side-nav\n * @fires cds-header-menu-button-toggled\n * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n /**\n * `true` if this side nav is hovered.\n */\n private _hovered = false;\n\n /**\n * The handle for `transitionend` event listener.\n */\n private _hTransition: Handle | null = null;\n\n /**\n * A promise that is resolved when the transition is complete.\n */\n private _transitionPromise = Promise.resolve();\n\n /**\n * A promise that is resolved when the transition upon proprety update is complete.\n */\n private get _updateAndTransitionPromise() {\n return this.updateComplete.then(() => this._transitionPromise);\n }\n\n /**\n * Cleans the handle for `transitionend` event listener.\n */\n private _cleanHTransition() {\n if (this._hTransition) {\n this._hTransition = this._hTransition.release();\n }\n }\n\n /**\n * Handles `${prefix}-header-menu-button-toggle` event on the document.\n */\n @HostListener('parentRoot:eventButtonToggle')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleButtonToggle = async (event: CustomEvent) => {\n this.expanded = event.detail.active;\n if (this.expanded) {\n await this._updateAndTransitionPromise;\n // Checks if the side nav is not collapsed during the animation\n if (this.expanded) {\n (\n this.querySelector(\n (this.constructor as typeof CDSSideNav).selectorNavItems\n ) as HTMLElement\n )?.focus();\n }\n }\n };\n\n /**\n * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n */\n private _updatedSideNavMenuForceCollapsedState() {\n const { expanded, _hovered: hovered } = this;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorMenu\n ),\n (item) => {\n (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n }\n );\n }\n\n /**\n * Collapse mode of the side nav.\n */\n @property({ reflect: true, attribute: 'collapse-mode' })\n collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n /**\n * `true` to expand the side nav.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /**\n * If `true` will style the side nav to sit below the header\n */\n @property({\n type: Boolean,\n attribute: 'is-not-child-of-header',\n })\n isNotChildOfHeader = false;\n\n /**\n * Specify if the side-nav will be persistent above the lg breakpoint\n */\n @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n isNotPersistent = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._cleanHTransition();\n super.disconnectedCallback();\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('expanded')) {\n this._transitionPromise = new Promise((resolve) => {\n this._cleanHTransition();\n this._hTransition = on(this, 'transitionend', () => {\n this._cleanHTransition();\n resolve();\n });\n });\n }\n return true;\n }\n\n updated(changedProperties) {\n const doc = this.getRootNode() as Document;\n if (changedProperties.has('collapseMode')) {\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n }\n );\n }\n if (changedProperties.has('expanded')) {\n const headerItems = doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorHeaderItems\n );\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).active = this.expanded;\n }\n );\n if (this.expanded) {\n forEach(headerItems, (item) => {\n item.setAttribute('tabindex', '-1');\n });\n } else {\n forEach(headerItems, (item) => {\n item.removeAttribute('tabindex');\n });\n }\n }\n if (changedProperties.has('isNotChildOfHeader')) {\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).isNotChildOfHeader =\n this.isNotChildOfHeader;\n }\n );\n }\n }\n\n /**\n * Handles `blur` event handler on this element.\n *\n * @param event The event.\n * @param event.relatedTarget The event relatedTarget.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusOut({ relatedTarget }: FocusEvent) {\n const { collapseMode } = this;\n if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n if (!this.contains(relatedTarget as Node)) {\n this.expanded = false;\n }\n }\n }\n\n /**\n * Handles `focus` event handler on this element.\n *\n */\n @HostListener('focusin')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusIn() {\n const { collapseMode } = this;\n if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n this.expanded = true;\n }\n }\n\n /**\n * Handles the `mouseover` event for the side nav in rail mode.\n *\n */\n private _handleNavMouseOver() {\n const { collapseMode } = this;\n if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n this.expanded = true;\n this._hovered = true;\n this._updatedSideNavMenuForceCollapsedState();\n }\n }\n\n /**\n * Handles the `mouseout` event for the side nav in rail mode.\n *\n */\n private _handleNavMouseOut() {\n const { collapseMode } = this;\n if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n this.expanded = false;\n this._hovered = false;\n this._updatedSideNavMenuForceCollapsedState();\n }\n }\n\n /**\n * Handles the `click` event for the side nav overlay.\n *\n */\n private _onOverlayClick() {\n this.expanded = false;\n }\n\n render() {\n const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n this;\n const classes = classMap({\n [`${prefix}--side-nav__navigation`]: true,\n [`${prefix}--side-nav`]: true,\n [`${prefix}--side-nav--expanded`]: expanded,\n [`${prefix}--side-nav--collapsed`]:\n !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n [`${prefix}--side-nav--rail`]:\n collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n [`${prefix}--side-nav--hidden`]: isNotPersistent,\n });\n\n const overlayClasses = classMap({\n [`${prefix}--side-nav__overlay`]: true,\n [`${prefix}--side-nav__overlay-active`]: expanded,\n });\n return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n ? null\n : html`<div\n class=\"${overlayClasses}\"\n @click=${this._onOverlayClick}></div>`}\n <div\n class=\"${classes}\"\n @mouseover=\"${this._handleNavMouseOver}\"\n @mouseout=\"${this._handleNavMouseOut}\">\n <slot></slot>\n </div>`;\n }\n\n /**\n * A selector that will return the toggle buttons.\n */\n static get selectorButtonToggle() {\n return `${prefix}-header-menu-button`;\n }\n\n /**\n * A selector that will return the header name + global action elements.\n */\n static get selectorHeaderItems() {\n return `${prefix}-header-name, ${prefix}-header-global-action`;\n }\n\n /**\n * A selector that will return side nav focusable items.\n */\n static get selectorNavItems() {\n return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n }\n\n /**\n * A selector that will return side nav menus.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n /**\n * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n static get eventButtonToggle() {\n return `${prefix}-header-menu-button-toggled`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNav;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"side-nav.js","names":["LitElement","html","property","classMap","prefix","HostListenerMixin","HostListener","forEach","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","carbonElement","customElement","CDSSideNav","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_cleanHTransition","_hTransition","release","decorators","event","expanded","detail","active","_updatedSideNavMenuForceCollapsedState","_hovered","hovered","querySelectorAll","selectorMenu","item","forceCollapsed","reflect","attribute","RESPONSIVE","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","disconnectedCallback","updated","changedProperties","doc","getRootNode","has","selectorButtonToggle","collapseMode","headerItems","selectorHeaderItems","_this$querySelector","querySelector","selectorNavItems","focus","removeAttribute","isNotChildOfHeader","_handleFocusOut","relatedTarget","FIXED","contains","_handleFocusIn","_handleNavMouseOver","RAIL","_handleNavMouseOut","_onOverlayClick","render","isNotPersistent","classes","overlayClasses","_t","_","_t2","static","eventButtonToggle"],"sources":["components/ui-shell/side-nav.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 { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-side-nav\n * @fires cds-header-menu-button-toggled\n * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n /**\n * `true` if this side nav is hovered.\n */\n private _hovered = false;\n\n /**\n * The handle for `transitionend` event listener.\n */\n private _hTransition: Handle | null = null;\n\n /**\n * Cleans the handle for `transitionend` event listener.\n */\n private _cleanHTransition() {\n if (this._hTransition) {\n this._hTransition = this._hTransition.release();\n }\n }\n\n /**\n * Handles `${prefix}-header-menu-button-toggle` event on the document.\n */\n @HostListener('parentRoot:eventButtonToggle')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleButtonToggle = async (event: CustomEvent) => {\n this.expanded = event.detail.active;\n };\n\n /**\n * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n */\n private _updatedSideNavMenuForceCollapsedState() {\n const { expanded, _hovered: hovered } = this;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorMenu\n ),\n (item) => {\n (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n }\n );\n }\n\n /**\n * Collapse mode of the side nav.\n */\n @property({ reflect: true, attribute: 'collapse-mode' })\n collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n /**\n * `true` to expand the side nav.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /**\n * If `true` will style the side nav to sit below the header\n */\n @property({\n type: Boolean,\n attribute: 'is-not-child-of-header',\n })\n isNotChildOfHeader = false;\n\n /**\n * Specify if the side-nav will be persistent above the lg breakpoint\n */\n @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n isNotPersistent = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._cleanHTransition();\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n const doc = this.getRootNode() as Document;\n if (changedProperties.has('collapseMode')) {\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n }\n );\n }\n if (changedProperties.has('expanded')) {\n const headerItems = doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorHeaderItems\n );\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).active = this.expanded;\n }\n );\n if (this.expanded) {\n forEach(headerItems, (item) => {\n item.setAttribute('tabindex', '-1');\n });\n (\n this.querySelector(\n (this.constructor as typeof CDSSideNav).selectorNavItems\n ) as HTMLElement\n )?.focus();\n } else {\n forEach(headerItems, (item) => {\n item.removeAttribute('tabindex');\n });\n }\n }\n if (changedProperties.has('isNotChildOfHeader')) {\n forEach(\n doc.querySelectorAll(\n (this.constructor as typeof CDSSideNav).selectorButtonToggle\n ),\n (item) => {\n (item as CDSHeaderMenuButton).isNotChildOfHeader =\n this.isNotChildOfHeader;\n }\n );\n }\n }\n\n /**\n * Handles `blur` event handler on this element.\n *\n * @param event The event.\n * @param event.relatedTarget The event relatedTarget.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusOut({ relatedTarget }: FocusEvent) {\n const { collapseMode } = this;\n if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n if (!this.contains(relatedTarget as Node)) {\n this.expanded = false;\n }\n }\n }\n\n /**\n * Handles `focus` event handler on this element.\n *\n */\n @HostListener('focusin')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusIn() {\n const { collapseMode } = this;\n if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n this.expanded = true;\n }\n }\n\n /**\n * Handles the `mouseover` event for the side nav in rail mode.\n *\n */\n private _handleNavMouseOver() {\n const { collapseMode } = this;\n if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n this.expanded = true;\n this._hovered = true;\n this._updatedSideNavMenuForceCollapsedState();\n }\n }\n\n /**\n * Handles the `mouseout` event for the side nav in rail mode.\n *\n */\n private _handleNavMouseOut() {\n const { collapseMode } = this;\n if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n this.expanded = false;\n this._hovered = false;\n this._updatedSideNavMenuForceCollapsedState();\n }\n }\n\n /**\n * Handles the `click` event for the side nav overlay.\n *\n */\n private _onOverlayClick() {\n this.expanded = false;\n }\n\n render() {\n const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n this;\n const classes = classMap({\n [`${prefix}--side-nav__navigation`]: true,\n [`${prefix}--side-nav`]: true,\n [`${prefix}--side-nav--expanded`]: expanded,\n [`${prefix}--side-nav--collapsed`]:\n !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n [`${prefix}--side-nav--rail`]:\n collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n [`${prefix}--side-nav--hidden`]: isNotPersistent,\n });\n\n const overlayClasses = classMap({\n [`${prefix}--side-nav__overlay`]: true,\n [`${prefix}--side-nav__overlay-active`]: expanded,\n });\n return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n ? null\n : html`<div\n class=\"${overlayClasses}\"\n @click=${this._onOverlayClick}></div>`}\n <div\n class=\"${classes}\"\n @mouseover=\"${this._handleNavMouseOver}\"\n @mouseout=\"${this._handleNavMouseOut}\">\n <slot></slot>\n </div>`;\n }\n\n /**\n * A selector that will return the toggle buttons.\n */\n static get selectorButtonToggle() {\n return `${prefix}-header-menu-button`;\n }\n\n /**\n * A selector that will return the header name + global action elements.\n */\n static get selectorHeaderItems() {\n return `${prefix}-header-name, ${prefix}-header-global-action`;\n }\n\n /**\n * A selector that will return side nav focusable items.\n */\n static get selectorNavItems() {\n return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n }\n\n /**\n * A selector that will return side nav menus.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n /**\n * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n static get eventButtonToggle() {\n return `${prefix}-header-menu-button-toggled`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNav;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switcher-divider.js","names":["LitElement","prefix","styles","carbonElement","customElement","CDSSwitcherDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 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 { prefix } from '../../globals/settings';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBF,aAAa,
|
|
1
|
+
{"version":3,"file":"switcher-divider.js","names":["LitElement","prefix","styles","carbonElement","customElement","CDSSwitcherDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 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 { prefix } from '../../globals/settings';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBF,aAAa,CAAC,GAAGH,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS5C;EAAC;IAAAI,CAAA,EATKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACtB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,IAAA,CAAAC,eAAA,CALEf,kBAAkB,CAAAgB,SAAA,8BAAAC,IAAA;MAMtB;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GARSF,UAAU;AAW3C,eAAeK,kBAAkB","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2019,
|
|
4
|
+
* Copyright IBM Corp. 2019, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -33,11 +33,11 @@ declare const CDSSwitcherItem_base: {
|
|
|
33
33
|
click(): void;
|
|
34
34
|
hidePopover(): void;
|
|
35
35
|
showPopover(): void;
|
|
36
|
-
togglePopover(force?: boolean
|
|
37
|
-
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions
|
|
38
|
-
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions
|
|
39
|
-
removeEventListener<
|
|
40
|
-
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions
|
|
36
|
+
togglePopover(force?: boolean): boolean;
|
|
37
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
38
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
39
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
40
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
41
41
|
readonly attributes: NamedNodeMap;
|
|
42
42
|
readonly classList: DOMTokenList;
|
|
43
43
|
className: string;
|
|
@@ -62,10 +62,10 @@ declare const CDSSwitcherItem_base: {
|
|
|
62
62
|
slot: string;
|
|
63
63
|
readonly tagName: string;
|
|
64
64
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
65
|
-
checkVisibility(options?: CheckVisibilityOptions
|
|
66
|
-
closest<
|
|
67
|
-
closest<
|
|
68
|
-
closest<
|
|
65
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
66
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
67
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
68
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
69
69
|
closest<E extends Element = Element>(selectors: string): E | null;
|
|
70
70
|
computedStyleMap(): StylePropertyMapReadOnly;
|
|
71
71
|
getAttribute(qualifiedName: string): string | null;
|
|
@@ -76,10 +76,10 @@ declare const CDSSwitcherItem_base: {
|
|
|
76
76
|
getBoundingClientRect(): DOMRect;
|
|
77
77
|
getClientRects(): DOMRectList;
|
|
78
78
|
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
79
|
-
getElementsByTagName<
|
|
80
|
-
getElementsByTagName<
|
|
81
|
-
getElementsByTagName<
|
|
82
|
-
getElementsByTagName<
|
|
79
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
80
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
81
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
82
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
83
83
|
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
84
84
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
85
85
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
@@ -97,21 +97,22 @@ declare const CDSSwitcherItem_base: {
|
|
|
97
97
|
removeAttribute(qualifiedName: string): void;
|
|
98
98
|
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
99
99
|
removeAttributeNode(attr: Attr): Attr;
|
|
100
|
-
requestFullscreen(options?: FullscreenOptions
|
|
100
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
101
101
|
requestPointerLock(): void;
|
|
102
|
-
scroll(options?: ScrollToOptions
|
|
102
|
+
scroll(options?: ScrollToOptions): void;
|
|
103
103
|
scroll(x: number, y: number): void;
|
|
104
|
-
scrollBy(options?: ScrollToOptions
|
|
104
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
105
105
|
scrollBy(x: number, y: number): void;
|
|
106
|
-
scrollIntoView(arg?: boolean | ScrollIntoViewOptions
|
|
107
|
-
scrollTo(options?: ScrollToOptions
|
|
106
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
107
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
108
108
|
scrollTo(x: number, y: number): void;
|
|
109
109
|
setAttribute(qualifiedName: string, value: string): void;
|
|
110
110
|
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
111
111
|
setAttributeNode(attr: Attr): Attr | null;
|
|
112
112
|
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
113
|
+
setHTMLUnsafe(html: string): void;
|
|
113
114
|
setPointerCapture(pointerId: number): void;
|
|
114
|
-
toggleAttribute(qualifiedName: string, force?: boolean
|
|
115
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
115
116
|
webkitMatchesSelector(selectors: string): boolean;
|
|
116
117
|
readonly baseURI: string;
|
|
117
118
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
@@ -127,20 +128,20 @@ declare const CDSSwitcherItem_base: {
|
|
|
127
128
|
readonly previousSibling: ChildNode | null;
|
|
128
129
|
textContent: string | null;
|
|
129
130
|
appendChild<T extends Node>(node: T): T;
|
|
130
|
-
cloneNode(deep?: boolean
|
|
131
|
+
cloneNode(deep?: boolean): Node;
|
|
131
132
|
compareDocumentPosition(other: Node): number;
|
|
132
133
|
contains(other: Node | null): boolean;
|
|
133
|
-
getRootNode(options?: GetRootNodeOptions
|
|
134
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
134
135
|
hasChildNodes(): boolean;
|
|
135
|
-
insertBefore<
|
|
136
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
136
137
|
isDefaultNamespace(namespace: string | null): boolean;
|
|
137
138
|
isEqualNode(otherNode: Node | null): boolean;
|
|
138
139
|
isSameNode(otherNode: Node | null): boolean;
|
|
139
140
|
lookupNamespaceURI(prefix: string | null): string | null;
|
|
140
141
|
lookupPrefix(namespace: string | null): string | null;
|
|
141
142
|
normalize(): void;
|
|
142
|
-
removeChild<
|
|
143
|
-
replaceChild<
|
|
143
|
+
removeChild<T extends Node>(child: T): T;
|
|
144
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
144
145
|
readonly ELEMENT_NODE: 1;
|
|
145
146
|
readonly ATTRIBUTE_NODE: 2;
|
|
146
147
|
readonly TEXT_NODE: 3;
|
|
@@ -162,6 +163,8 @@ declare const CDSSwitcherItem_base: {
|
|
|
162
163
|
dispatchEvent(event: Event): boolean;
|
|
163
164
|
ariaAtomic: string | null;
|
|
164
165
|
ariaAutoComplete: string | null;
|
|
166
|
+
ariaBrailleLabel: string | null;
|
|
167
|
+
ariaBrailleRoleDescription: string | null;
|
|
165
168
|
ariaBusy: string | null;
|
|
166
169
|
ariaChecked: string | null;
|
|
167
170
|
ariaColCount: string | null;
|
|
@@ -199,12 +202,12 @@ declare const CDSSwitcherItem_base: {
|
|
|
199
202
|
ariaValueNow: string | null;
|
|
200
203
|
ariaValueText: string | null;
|
|
201
204
|
role: string | null;
|
|
202
|
-
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions
|
|
203
|
-
getAnimations(options?: GetAnimationsOptions
|
|
204
|
-
after(...nodes: (
|
|
205
|
-
before(...nodes: (
|
|
205
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
206
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
207
|
+
after(...nodes: (Node | string)[]): void;
|
|
208
|
+
before(...nodes: (Node | string)[]): void;
|
|
206
209
|
remove(): void;
|
|
207
|
-
replaceWith(...nodes: (
|
|
210
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
208
211
|
innerHTML: string;
|
|
209
212
|
readonly nextElementSibling: Element | null;
|
|
210
213
|
readonly previousElementSibling: Element | null;
|
|
@@ -212,19 +215,19 @@ declare const CDSSwitcherItem_base: {
|
|
|
212
215
|
readonly children: HTMLCollection;
|
|
213
216
|
readonly firstElementChild: Element | null;
|
|
214
217
|
readonly lastElementChild: Element | null;
|
|
215
|
-
append(...nodes: (
|
|
216
|
-
prepend(...nodes: (
|
|
217
|
-
querySelector<
|
|
218
|
-
querySelector<
|
|
219
|
-
querySelector<
|
|
220
|
-
querySelector<
|
|
221
|
-
querySelector<
|
|
222
|
-
querySelectorAll<
|
|
223
|
-
querySelectorAll<
|
|
224
|
-
querySelectorAll<
|
|
225
|
-
querySelectorAll<
|
|
226
|
-
querySelectorAll<
|
|
227
|
-
replaceChildren(...nodes: (
|
|
218
|
+
append(...nodes: (Node | string)[]): void;
|
|
219
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
220
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
221
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
222
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
223
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
224
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
225
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
226
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
227
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
228
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
229
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
230
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
228
231
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
229
232
|
readonly attributeStyleMap: StylePropertyMap;
|
|
230
233
|
readonly style: CSSStyleDeclaration;
|
|
@@ -295,7 +298,7 @@ declare const CDSSwitcherItem_base: {
|
|
|
295
298
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
296
299
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
297
300
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
298
|
-
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent
|
|
301
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
299
302
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
300
303
|
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
301
304
|
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
@@ -330,7 +333,7 @@ declare const CDSSwitcherItem_base: {
|
|
|
330
333
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
331
334
|
autofocus: boolean;
|
|
332
335
|
readonly dataset: DOMStringMap;
|
|
333
|
-
nonce?: string
|
|
336
|
+
nonce?: string;
|
|
334
337
|
tabIndex: number;
|
|
335
338
|
blur(): void;
|
|
336
339
|
};
|
|
@@ -366,7 +369,8 @@ declare class CDSSwitcherItem extends CDSSwitcherItem_base {
|
|
|
366
369
|
static shadowRootOptions: {
|
|
367
370
|
delegatesFocus: boolean;
|
|
368
371
|
mode: ShadowRootMode;
|
|
369
|
-
|
|
372
|
+
serializable?: boolean;
|
|
373
|
+
slotAssignment?: SlotAssignmentMode;
|
|
370
374
|
};
|
|
371
375
|
static styles: any;
|
|
372
376
|
}
|
|
@@ -7,7 +7,7 @@ let _ = t => t,
|
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
*
|
|
10
|
-
* Copyright IBM Corp. 2019,
|
|
10
|
+
* Copyright IBM Corp. 2019, 2024
|
|
11
11
|
*
|
|
12
12
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -15,7 +15,8 @@ let _ = t => t,
|
|
|
15
15
|
|
|
16
16
|
import { classMap } from 'lit/directives/class-map.js';
|
|
17
17
|
import { LitElement, html } from 'lit';
|
|
18
|
-
import { property
|
|
18
|
+
import { property } from 'lit/decorators.js';
|
|
19
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
19
20
|
import { prefix } from '../../globals/settings';
|
|
20
21
|
import FocusMixin from '../../globals/mixins/focus';
|
|
21
22
|
import styles from "././header.css.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switcher-item.js","names":["classMap","LitElement","html","property","customElement","prefix","FocusMixin","styles","CDSSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","selected","ariaLabel","ariaLabelledBy","tabIndex","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019,
|
|
1
|
+
{"version":3,"file":"switcher-item.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","FocusMixin","styles","CDSSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","selected","ariaLabel","ariaLabelledBy","tabIndex","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\n\n/**\n * Switcher menu item.\n *\n * @element cds-switcher-item\n */\n@customElement(`${prefix}-switcher-item`)\nclass CDSSwitcherItem extends FocusMixin(LitElement) {\n /**\n * Required props for accessibility label\n */\n @property({ type: String, attribute: 'aria-label' })\n ariaLabel;\n\n /**\n * Props for accessibility labelled by\n */\n @property({ type: String, attribute: 'aria-labelledby' })\n ariaLabelledBy;\n\n /**\n * Link `href`.\n */\n @property()\n href = '';\n\n /**\n * Specify if this is a large variation of the side nav link\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * Specify if this is a large variation of the side nav link\n */\n @property({ type: Number, reflect: true, attribute: 'tab-index' })\n tabIndex = 0;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const { href, selected, ariaLabel, ariaLabelledBy, tabIndex } = this;\n\n const classes = classMap({\n [`${prefix}--switcher__item-link`]: true,\n [`${prefix}--switcher__item-link--selected`]: selected,\n });\n\n return html`\n <a\n part=\"link\"\n aria-label=\"${ariaLabel}\"\n aria-labelledby=\"${ariaLabelledBy}\"\n tabindex=\"${tabIndex}\"\n class=\"${classes}\"\n href=\"${href}\">\n <slot></slot>\n </a>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcherItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBL,aAAa,CAAC,GAAGC,MAAM,gBAAgB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgErD;EAAC;IAAAI,CAAA,EAhEKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMnDf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMxDf,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKRf,QAAQ,CAAC;QAAEgB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEgB,IAAI,EAAEO,MAAM;QAAED,OAAO,EAAE,IAAI;QAAEJ,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACvD,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MA5BZ;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCEtB,eAAe,CAAAuB,SAAA,8BAAAC,IAAA;MAoCnB;IAAC;MAAAhB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEC,QAAQ;UAAEC,SAAS;UAAEC,cAAc;UAAEC;QAAS,CAAC,GAAG,IAAI;QAEpE,MAAMC,OAAO,GAAGxC,QAAQ,CAAC;UACvB,CAAC,GAAGM,MAAM,uBAAuB,GAAG,IAAI;UACxC,CAAC,GAAGA,MAAM,iCAAiC,GAAG8B;QAChD,CAAC,CAAC;QAEF,OAAOlC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA;AACA,sBAHe;AACf,2BADe;AACf,oBADe;AACf,iBADe;AACf,gBADe;AACf;AACA;AACA,KAHe,GAGOL,SAAS,EACJC,cAAc,EACrBC,QAAQ,EACXC,OAAO,EACRL,IAAI;MAIlB;IAAC;MAAAlB,IAAA;MAAA0B,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAAAqB,aAAA,CAAAA,aAAA,KAGI3C,UAAU,CAAC4C,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAA7B,IAAA;MAAA0B,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAENf,MAAM;MAAA;IAAA;EAAA;AAAA,GA/DMD,UAAU,CAACN,UAAU,CAAC;AAkEpD,eAAeQ,eAAe","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2023
|
|
4
|
+
* Copyright IBM Corp. 2023, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -26,7 +26,8 @@ declare class CDSSwitcher extends LitElement {
|
|
|
26
26
|
static shadowRootOptions: {
|
|
27
27
|
delegatesFocus: boolean;
|
|
28
28
|
mode: ShadowRootMode;
|
|
29
|
-
|
|
29
|
+
serializable?: boolean;
|
|
30
|
+
slotAssignment?: SlotAssignmentMode;
|
|
30
31
|
};
|
|
31
32
|
static styles: any;
|
|
32
33
|
}
|
|
@@ -7,14 +7,15 @@ let _ = t => t,
|
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
*
|
|
10
|
-
* Copyright IBM Corp. 2023
|
|
10
|
+
* Copyright IBM Corp. 2023, 2024
|
|
11
11
|
*
|
|
12
12
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
16
|
import { LitElement, html } from 'lit';
|
|
17
|
-
import { property
|
|
17
|
+
import { property } from 'lit/decorators.js';
|
|
18
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
18
19
|
import styles from "././header.css.js";
|
|
19
20
|
import { prefix } from '../../globals/settings';
|
|
20
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switcher.js","names":["LitElement","html","property","customElement","styles","prefix","CDSSwitcher","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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
|
|
1
|
+
{"version":3,"file":"switcher.js","names":["LitElement","html","property","carbonElement","customElement","styles","prefix","CDSSwitcher","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/switcher.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023, 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, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Switcher\n *\n * @element cds-switcher\n */\n@customElement(`${prefix}-switcher`)\nclass CDSSwitcher extends LitElement {\n /**\n * Required props for accessibility label on the underlying menu\n */\n @property({ type: String, attribute: 'aria-label' })\n ariaLabel;\n\n /**\n * Prop for accessibility labelled by on the underlying menu\n */\n @property({ type: String, attribute: 'aria-labelledby' })\n ariaLabelledBy;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSwitcher;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAC,GAAGE,MAAM,WAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAApC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8BrC;EAAC;IAAAI,CAAA,EA9BKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMnDd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MATzD;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAjBEnB,WAAW,CAAAoB,SAAA,8BAAAC,IAAA;MAkBf;IAAC;MAAAb,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAO5B,IAAI,CAAA6B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAAAY,aAAA,CAAAA,aAAA,KAGIjC,UAAU,CAACkC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAApB,IAAA;MAAAiB,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAGNhB,MAAM;MAAA;IAAA;EAAA;AAAA,GA7BEL,UAAU;AAgCpC,eAAeO,WAAW","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-controller.js","names":["computePosition","flip","offset","arrow","autoUpdate","PopoverController","constructor","host","_defineProperty","computePlacement","addController","setPlacement","options","trigger","target","cleanup","updatePlacement","arrowElement","alignment","caret","shimmedAlign","middleware","fallbackAxisSideDirection","element","padding","hasAttribute","x","y","placement","middlewareData","strategy","style","left","top","position","arrowX","arrowY","staticSide","right","bottom","split","offsetWidth","tagName","_this$host","setAttribute","hostUpdated","_this$cleanup","call","undefined","hostDisconnected","_this$cleanup2"],"sources":["globals/controllers/popover-controller.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 { ReactiveController, LitElement } from 'lit';\nimport {\n computePosition,\n flip,\n offset,\n arrow,\n autoUpdate,\n Placement,\n} from '@floating-ui/dom';\n\ntype PopoverControllerOptions = {\n target: HTMLElement;\n trigger: HTMLElement;\n arrowElement?: HTMLElement | undefined;\n alignment: string;\n flip: boolean;\n caret: boolean;\n};\n\ninterface PopoverElement extends LitElement {\n open: boolean;\n}\n\nexport default class PopoverController implements ReactiveController {\n /**\n * Host component\n */\n private host!: PopoverElement;\n\n /**\n * Floating-ui options to pass to `computePlacement()`\n */\n private options!: PopoverControllerOptions;\n\n /**\n * cleanup function to stop auto updates\n */\n private cleanup?: () => void;\n\n /**\n * register with host component\n * @param host host component\n */\n constructor(host: PopoverElement) {\n (this.host = host).addController(this);\n }\n\n async setPlacement(options: PopoverControllerOptions = this.options) {\n this.options = options;\n const { trigger, target } = options;\n\n this.cleanup = autoUpdate(trigger, target, this.updatePlacement);\n }\n\n updatePlacement = (): void => {\n this.computePlacement();\n };\n\n async computePlacement() {\n const { arrowElement, alignment, caret, trigger, target } = this.options;\n\n let shimmedAlign;\n switch (alignment) {\n case 'top-left':\n shimmedAlign = 'top-start';\n break;\n case 'top-right':\n shimmedAlign = 'top-end';\n break;\n case 'bottom-left':\n shimmedAlign = 'bottom-start';\n break;\n case 'bottom-right':\n shimmedAlign = 'bottom-end';\n break;\n case 'left-bottom':\n shimmedAlign = 'left-end';\n break;\n case 'left-top':\n shimmedAlign = 'left-start';\n break;\n case 'right-bottom':\n shimmedAlign = 'right-end';\n break;\n case 'right-top':\n shimmedAlign = 'right-start';\n break;\n default:\n shimmedAlign = alignment;\n break;\n }\n\n const middleware = [\n flip({ fallbackAxisSideDirection: 'start' }),\n offset(caret ? 10 : 0),\n ...(caret && arrowElement\n ? [arrow({ element: arrowElement, padding: 15 })]\n : []),\n ];\n\n if (this.host.hasAttribute('open')) {\n const { x, y, placement, middlewareData, strategy } =\n await computePosition(trigger, target, {\n strategy: 'fixed',\n middleware,\n placement: shimmedAlign as Placement,\n });\n\n target.style.left = `${x}px`;\n target.style.top = `${y}px`;\n target.style.position = `${strategy}`;\n\n if (arrowElement) {\n // @ts-ignore\n const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n const staticSide: any = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';\n arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';\n arrowElement.style.right = '';\n arrowElement.style.bottom = '';\n arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;\n }\n\n // adding specific case here where the style of the caret/arrow\n // is dependent on the placement\n if (this.host.tagName === 'CDS-SLUG') {\n this.host?.setAttribute('alignment', placement);\n }\n }\n }\n\n hostUpdated(): void {\n if (!this.host.hasAttribute('open')) {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n }\n\n hostDisconnected(): void {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,KAAK,EACLC,UAAU,QAEL,kBAAkB;AAezB,eAAe,MAAMC,iBAAiB,CAA+B;EACnE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;AACA;EACEC,WAAWA,CAACC,IAAoB,EAAE;IAAAC,eAAA,0BAWhB,MAAY;MAC5B,IAAI,CAACC,gBAAgB,CAAC,CAAC;IACzB,CAAC;IAZC,CAAC,IAAI,CAACF,IAAI,GAAGA,IAAI,EAAEG,aAAa,CAAC,IAAI,CAAC;EACxC;EAEA,MAAMC,YAAYA,CAACC,OAAiC,GAAG,IAAI,CAACA,OAAO,EAAE;IACnE,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,MAAM;MAAEC,OAAO;MAAEC;IAAO,CAAC,GAAGF,OAAO;IAEnC,IAAI,CAACG,OAAO,GAAGX,UAAU,CAACS,OAAO,EAAEC,MAAM,EAAE,IAAI,CAACE,eAAe,CAAC;EAClE;EAMA,MAAMP,gBAAgBA,CAAA,EAAG;IACvB,MAAM;MAAEQ,YAAY;MAAEC,SAAS;MAAEC,KAAK;MAAEN,OAAO;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACF,OAAO;IAExE,IAAIQ,YAAY;IAChB,QAAQF,SAAS;MACf,KAAK,UAAU;QACbE,YAAY,GAAG,WAAW;QAC1B;MACF,KAAK,WAAW;QACdA,YAAY,GAAG,SAAS;QACxB;MACF,KAAK,aAAa;QAChBA,YAAY,GAAG,cAAc;QAC7B;MACF,KAAK,cAAc;QACjBA,YAAY,GAAG,YAAY;QAC3B;MACF,KAAK,aAAa;QAChBA,YAAY,GAAG,UAAU;QACzB;MACF,KAAK,UAAU;QACbA,YAAY,GAAG,YAAY;QAC3B;MACF,KAAK,cAAc;QACjBA,YAAY,GAAG,WAAW;QAC1B;MACF,KAAK,WAAW;QACdA,YAAY,GAAG,aAAa;QAC5B;MACF;QACEA,YAAY,GAAGF,SAAS;QACxB;IACJ;IAEA,MAAMG,UAAU,GAAG,CACjBpB,IAAI,CAAC;MAAEqB,yBAAyB,EAAE;IAAQ,CAAC,CAAC,EAC5CpB,MAAM,CAACiB,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,EACtB,IAAIA,KAAK,IAAIF,YAAY,GACrB,CAACd,KAAK,CAAC;MAAEoB,OAAO,EAAEN,YAAY;MAAEO,OAAO,EAAE;IAAG,CAAC,CAAC,CAAC,GAC/C,EAAE,CAAC,CACR;IAED,IAAI,IAAI,CAACjB,IAAI,CAACkB,YAAY,CAAC,MAAM,CAAC,EAAE;MAClC,MAAM;QAAEC,CAAC;QAAEC,CAAC;QAAEC,SAAS;QAAEC,cAAc;QAAEC;MAAS,CAAC,GACjD,MAAM9B,eAAe,CAACa,OAAO,EAAEC,MAAM,EAAE;QACrCgB,QAAQ,EAAE,OAAO;QACjBT,UAAU;QACVO,SAAS,EAAER;MACb,CAAC,CAAC;MAEJN,MAAM,CAACiB,KAAK,CAACC,IAAI,
|
|
1
|
+
{"version":3,"file":"popover-controller.js","names":["computePosition","flip","offset","arrow","autoUpdate","PopoverController","constructor","host","_defineProperty","computePlacement","addController","setPlacement","options","trigger","target","cleanup","updatePlacement","arrowElement","alignment","caret","shimmedAlign","middleware","fallbackAxisSideDirection","element","padding","hasAttribute","x","y","placement","middlewareData","strategy","style","left","top","position","arrowX","arrowY","staticSide","right","bottom","split","offsetWidth","tagName","_this$host","setAttribute","hostUpdated","_this$cleanup","call","undefined","hostDisconnected","_this$cleanup2"],"sources":["globals/controllers/popover-controller.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 { ReactiveController, LitElement } from 'lit';\nimport {\n computePosition,\n flip,\n offset,\n arrow,\n autoUpdate,\n Placement,\n} from '@floating-ui/dom';\n\ntype PopoverControllerOptions = {\n target: HTMLElement;\n trigger: HTMLElement;\n arrowElement?: HTMLElement | undefined;\n alignment: string;\n flip: boolean;\n caret: boolean;\n};\n\ninterface PopoverElement extends LitElement {\n open: boolean;\n}\n\nexport default class PopoverController implements ReactiveController {\n /**\n * Host component\n */\n private host!: PopoverElement;\n\n /**\n * Floating-ui options to pass to `computePlacement()`\n */\n private options!: PopoverControllerOptions;\n\n /**\n * cleanup function to stop auto updates\n */\n private cleanup?: () => void;\n\n /**\n * register with host component\n * @param host host component\n */\n constructor(host: PopoverElement) {\n (this.host = host).addController(this);\n }\n\n async setPlacement(options: PopoverControllerOptions = this.options) {\n this.options = options;\n const { trigger, target } = options;\n\n this.cleanup = autoUpdate(trigger, target, this.updatePlacement);\n }\n\n updatePlacement = (): void => {\n this.computePlacement();\n };\n\n async computePlacement() {\n const { arrowElement, alignment, caret, trigger, target } = this.options;\n\n let shimmedAlign;\n switch (alignment) {\n case 'top-left':\n shimmedAlign = 'top-start';\n break;\n case 'top-right':\n shimmedAlign = 'top-end';\n break;\n case 'bottom-left':\n shimmedAlign = 'bottom-start';\n break;\n case 'bottom-right':\n shimmedAlign = 'bottom-end';\n break;\n case 'left-bottom':\n shimmedAlign = 'left-end';\n break;\n case 'left-top':\n shimmedAlign = 'left-start';\n break;\n case 'right-bottom':\n shimmedAlign = 'right-end';\n break;\n case 'right-top':\n shimmedAlign = 'right-start';\n break;\n default:\n shimmedAlign = alignment;\n break;\n }\n\n const middleware = [\n flip({ fallbackAxisSideDirection: 'start' }),\n offset(caret ? 10 : 0),\n ...(caret && arrowElement\n ? [arrow({ element: arrowElement, padding: 15 })]\n : []),\n ];\n\n if (this.host.hasAttribute('open')) {\n const { x, y, placement, middlewareData, strategy } =\n await computePosition(trigger, target, {\n strategy: 'fixed',\n middleware,\n placement: shimmedAlign as Placement,\n });\n\n target.style.left = `${x}px`;\n target.style.top = `${y}px`;\n target.style.position = `${strategy}`;\n\n if (arrowElement) {\n // @ts-ignore\n const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n const staticSide: any = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';\n arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';\n arrowElement.style.right = '';\n arrowElement.style.bottom = '';\n arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;\n }\n\n // adding specific case here where the style of the caret/arrow\n // is dependent on the placement\n if (this.host.tagName === 'CDS-SLUG') {\n this.host?.setAttribute('alignment', placement);\n }\n }\n }\n\n hostUpdated(): void {\n if (!this.host.hasAttribute('open')) {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n }\n\n hostDisconnected(): void {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,KAAK,EACLC,UAAU,QAEL,kBAAkB;AAezB,eAAe,MAAMC,iBAAiB,CAA+B;EACnE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;AACA;EACEC,WAAWA,CAACC,IAAoB,EAAE;IAAAC,eAAA,0BAWhB,MAAY;MAC5B,IAAI,CAACC,gBAAgB,CAAC,CAAC;IACzB,CAAC;IAZC,CAAC,IAAI,CAACF,IAAI,GAAGA,IAAI,EAAEG,aAAa,CAAC,IAAI,CAAC;EACxC;EAEA,MAAMC,YAAYA,CAACC,OAAiC,GAAG,IAAI,CAACA,OAAO,EAAE;IACnE,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,MAAM;MAAEC,OAAO;MAAEC;IAAO,CAAC,GAAGF,OAAO;IAEnC,IAAI,CAACG,OAAO,GAAGX,UAAU,CAACS,OAAO,EAAEC,MAAM,EAAE,IAAI,CAACE,eAAe,CAAC;EAClE;EAMA,MAAMP,gBAAgBA,CAAA,EAAG;IACvB,MAAM;MAAEQ,YAAY;MAAEC,SAAS;MAAEC,KAAK;MAAEN,OAAO;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACF,OAAO;IAExE,IAAIQ,YAAY;IAChB,QAAQF,SAAS;MACf,KAAK,UAAU;QACbE,YAAY,GAAG,WAAW;QAC1B;MACF,KAAK,WAAW;QACdA,YAAY,GAAG,SAAS;QACxB;MACF,KAAK,aAAa;QAChBA,YAAY,GAAG,cAAc;QAC7B;MACF,KAAK,cAAc;QACjBA,YAAY,GAAG,YAAY;QAC3B;MACF,KAAK,aAAa;QAChBA,YAAY,GAAG,UAAU;QACzB;MACF,KAAK,UAAU;QACbA,YAAY,GAAG,YAAY;QAC3B;MACF,KAAK,cAAc;QACjBA,YAAY,GAAG,WAAW;QAC1B;MACF,KAAK,WAAW;QACdA,YAAY,GAAG,aAAa;QAC5B;MACF;QACEA,YAAY,GAAGF,SAAS;QACxB;IACJ;IAEA,MAAMG,UAAU,GAAG,CACjBpB,IAAI,CAAC;MAAEqB,yBAAyB,EAAE;IAAQ,CAAC,CAAC,EAC5CpB,MAAM,CAACiB,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,EACtB,IAAIA,KAAK,IAAIF,YAAY,GACrB,CAACd,KAAK,CAAC;MAAEoB,OAAO,EAAEN,YAAY;MAAEO,OAAO,EAAE;IAAG,CAAC,CAAC,CAAC,GAC/C,EAAE,CAAC,CACR;IAED,IAAI,IAAI,CAACjB,IAAI,CAACkB,YAAY,CAAC,MAAM,CAAC,EAAE;MAClC,MAAM;QAAEC,CAAC;QAAEC,CAAC;QAAEC,SAAS;QAAEC,cAAc;QAAEC;MAAS,CAAC,GACjD,MAAM9B,eAAe,CAACa,OAAO,EAAEC,MAAM,EAAE;QACrCgB,QAAQ,EAAE,OAAO;QACjBT,UAAU;QACVO,SAAS,EAAER;MACb,CAAC,CAAC;MAEJN,MAAM,CAACiB,KAAK,CAACC,IAAI,GAAG,GAAGN,CAAC,IAAI;MAC5BZ,MAAM,CAACiB,KAAK,CAACE,GAAG,GAAG,GAAGN,CAAC,IAAI;MAC3Bb,MAAM,CAACiB,KAAK,CAACG,QAAQ,GAAG,GAAGJ,QAAQ,EAAE;MAErC,IAAIb,YAAY,EAAE;QAChB;QACA,MAAM;UAAES,CAAC,EAAES,MAAM;UAAER,CAAC,EAAES;QAAO,CAAC,GAAGP,cAAc,CAAC1B,KAAK;QAErD,MAAMkC,UAAe,GAAG;UACtBJ,GAAG,EAAE,QAAQ;UACbK,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,KAAK;UACbP,IAAI,EAAE;QACR,CAAC,CAACJ,SAAS,CAACY,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1BvB,YAAY,CAACc,KAAK,CAACC,IAAI,GAAGG,MAAM,IAAI,IAAI,GAAG,GAAGA,MAAM,IAAI,GAAG,EAAE;QAC7DlB,YAAY,CAACc,KAAK,CAACE,GAAG,GAAGG,MAAM,IAAI,IAAI,GAAG,GAAGA,MAAM,IAAI,GAAG,EAAE;QAC5DnB,YAAY,CAACc,KAAK,CAACO,KAAK,GAAG,EAAE;QAC7BrB,YAAY,CAACc,KAAK,CAACQ,MAAM,GAAG,EAAE;QAC9BtB,YAAY,CAACc,KAAK,CAACM,UAAU,CAAC,GAAG,GAAG,CAACpB,YAAY,CAACwB,WAAW,GAAG,CAAC,IAAI;MACvE;;MAEA;MACA;MACA,IAAI,IAAI,CAAClC,IAAI,CAACmC,OAAO,KAAK,UAAU,EAAE;QAAA,IAAAC,UAAA;QACpC,CAAAA,UAAA,OAAI,CAACpC,IAAI,cAAAoC,UAAA,eAATA,UAAA,CAAWC,YAAY,CAAC,WAAW,EAAEhB,SAAS,CAAC;MACjD;IACF;EACF;EAEAiB,WAAWA,CAAA,EAAS;IAClB,IAAI,CAAC,IAAI,CAACtC,IAAI,CAACkB,YAAY,CAAC,MAAM,CAAC,EAAE;MAAA,IAAAqB,aAAA;MACnC,CAAAA,aAAA,OAAI,CAAC/B,OAAO,cAAA+B,aAAA,eAAZA,aAAA,CAAAC,IAAA,KAAe,CAAC;MAChB,IAAI,CAAChC,OAAO,GAAGiC,SAAS;IAC1B;EACF;EAEAC,gBAAgBA,CAAA,EAAS;IAAA,IAAAC,cAAA;IACvB,CAAAA,cAAA,OAAI,CAACnC,OAAO,cAAAmC,cAAA,eAAZA,cAAA,CAAAH,IAAA,KAAe,CAAC;IAChB,IAAI,CAAChC,OAAO,GAAGiC,SAAS;EAC1B;AACF","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carbon-element.js","names":["legacyCustomElement","tagName","clazz","customElements","define","error","console","warn","standardCustomElement","descriptor","kind","elements","finisher","carbonElement","classOrDescriptor"],"sources":["globals/decorators/carbon-element.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport {\n Constructor,\n ClassDescriptor,\n} from '@lit/reactive-element/decorators/base.js';\n\n/**\n * Allow for custom element classes with private constructors\n */\ntype CustomElementClass = Omit<typeof HTMLElement, 'new'>;\n\nconst legacyCustomElement = (tagName: string, clazz: CustomElementClass) => {\n try {\n customElements.define(tagName, clazz as CustomElementConstructor);\n } catch (error) {\n console.warn(`Attempting to re-define ${tagName}`);\n }\n // Cast as any because TS doesn't recognize the return type as being a\n // subtype of the decorated class when clazz is typed as\n // `Constructor<HTMLElement>` for some reason.\n // `Constructor<HTMLElement>` is helpful to make sure the decorator is\n // applied to elements however.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return clazz as any;\n};\n\nconst standardCustomElement = (\n tagName: string,\n descriptor: ClassDescriptor\n) => {\n const { kind, elements } = descriptor;\n return {\n kind,\n elements,\n // This callback is called once the class is otherwise fully defined\n finisher(clazz: Constructor<HTMLElement>) {\n try {\n customElements.define(tagName, clazz);\n } catch (error) {\n console.warn(`Attempting to re-define ${tagName}`);\n }\n },\n };\n};\n\n/**\n * Class decorator factory that defines the decorated class as a custom element.\n *\n * ```js\n * @customElement('my-element')\n * class MyElement extends LitElement {\n * render() {\n * return html``;\n * }\n * }\n * ```\n *\n * @category Decorator\n * @param tagName The tag name of the custom element to define.\n */\nexport const carbonElement =\n (tagName: string) =>\n (classOrDescriptor: CustomElementClass | ClassDescriptor) =>\n typeof classOrDescriptor === 'function'\n ? legacyCustomElement(tagName, classOrDescriptor)\n : standardCustomElement(tagName, classOrDescriptor as ClassDescriptor);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMA,mBAAmB,GAAGA,CAACC,OAAe,EAAEC,KAAyB,KAAK;EAC1E,IAAI;IACFC,cAAc,CAACC,MAAM,CAACH,OAAO,EAAEC,KAAiC,CAAC;EACnE,CAAC,CAAC,OAAOG,KAAK,EAAE;IACdC,OAAO,CAACC,IAAI,
|
|
1
|
+
{"version":3,"file":"carbon-element.js","names":["legacyCustomElement","tagName","clazz","customElements","define","error","console","warn","standardCustomElement","descriptor","kind","elements","finisher","carbonElement","classOrDescriptor"],"sources":["globals/decorators/carbon-element.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport {\n Constructor,\n ClassDescriptor,\n} from '@lit/reactive-element/decorators/base.js';\n\n/**\n * Allow for custom element classes with private constructors\n */\ntype CustomElementClass = Omit<typeof HTMLElement, 'new'>;\n\nconst legacyCustomElement = (tagName: string, clazz: CustomElementClass) => {\n try {\n customElements.define(tagName, clazz as CustomElementConstructor);\n } catch (error) {\n console.warn(`Attempting to re-define ${tagName}`);\n }\n // Cast as any because TS doesn't recognize the return type as being a\n // subtype of the decorated class when clazz is typed as\n // `Constructor<HTMLElement>` for some reason.\n // `Constructor<HTMLElement>` is helpful to make sure the decorator is\n // applied to elements however.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return clazz as any;\n};\n\nconst standardCustomElement = (\n tagName: string,\n descriptor: ClassDescriptor\n) => {\n const { kind, elements } = descriptor;\n return {\n kind,\n elements,\n // This callback is called once the class is otherwise fully defined\n finisher(clazz: Constructor<HTMLElement>) {\n try {\n customElements.define(tagName, clazz);\n } catch (error) {\n console.warn(`Attempting to re-define ${tagName}`);\n }\n },\n };\n};\n\n/**\n * Class decorator factory that defines the decorated class as a custom element.\n *\n * ```js\n * @customElement('my-element')\n * class MyElement extends LitElement {\n * render() {\n * return html``;\n * }\n * }\n * ```\n *\n * @category Decorator\n * @param tagName The tag name of the custom element to define.\n */\nexport const carbonElement =\n (tagName: string) =>\n (classOrDescriptor: CustomElementClass | ClassDescriptor) =>\n typeof classOrDescriptor === 'function'\n ? legacyCustomElement(tagName, classOrDescriptor)\n : standardCustomElement(tagName, classOrDescriptor as ClassDescriptor);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMA,mBAAmB,GAAGA,CAACC,OAAe,EAAEC,KAAyB,KAAK;EAC1E,IAAI;IACFC,cAAc,CAACC,MAAM,CAACH,OAAO,EAAEC,KAAiC,CAAC;EACnE,CAAC,CAAC,OAAOG,KAAK,EAAE;IACdC,OAAO,CAACC,IAAI,CAAC,2BAA2BN,OAAO,EAAE,CAAC;EACpD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAOC,KAAK;AACd,CAAC;AAED,MAAMM,qBAAqB,GAAGA,CAC5BP,OAAe,EACfQ,UAA2B,KACxB;EACH,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGF,UAAU;EACrC,OAAO;IACLC,IAAI;IACJC,QAAQ;IACR;IACAC,QAAQA,CAACV,KAA+B,EAAE;MACxC,IAAI;QACFC,cAAc,CAACC,MAAM,CAACH,OAAO,EAAEC,KAAK,CAAC;MACvC,CAAC,CAAC,OAAOG,KAAK,EAAE;QACdC,OAAO,CAACC,IAAI,CAAC,2BAA2BN,OAAO,EAAE,CAAC;MACpD;IACF;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMY,aAAa,GACvBZ,OAAe,IACfa,iBAAuD,IACtD,OAAOA,iBAAiB,KAAK,UAAU,GACnCd,mBAAmB,CAACC,OAAO,EAAEa,iBAAiB,CAAC,GAC/CN,qBAAqB,CAACP,OAAO,EAAEa,iBAAoC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storybook-cdn.js","names":["packageJson","_renderScript","components","tag","scripts","forEach","component","cdnJs","version","cdnCss"],"sources":["globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 packageJson from '../../../package.json';\n\n/* eslint-disable max-len */\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n let scripts = '';\n components.forEach((component) => {\n scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n });\n return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n return `\n ### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n `;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,WAAW,MAAM,uBAAuB;;AAE/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,UAAU,EAAEC,GAAG,EAAE;EACtC,IAAIC,OAAO,GAAG,EAAE;EAChBF,UAAU,CAACG,OAAO,CAAEC,SAAS,IAAK;IAChCF,OAAO,
|
|
1
|
+
{"version":3,"file":"storybook-cdn.js","names":["packageJson","_renderScript","components","tag","scripts","forEach","component","cdnJs","version","cdnCss"],"sources":["globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 packageJson from '../../../package.json';\n\n/* eslint-disable max-len */\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n let scripts = '';\n components.forEach((component) => {\n scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n });\n return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n return `\n ### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n `;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,WAAW,MAAM,uBAAuB;;AAE/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,UAAU,EAAEC,GAAG,EAAE;EACtC,IAAIC,OAAO,GAAG,EAAE;EAChBF,UAAU,CAACG,OAAO,CAAEC,SAAS,IAAK;IAChCF,OAAO,IAAI,kFAAkFD,GAAG,IAAIG,SAAS,sBAAsB;EACrI,CAAC,CAAC;EACF,OAAOF,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,KAAK,GAAGA,CAAC;EAAEL;AAAW,CAAC,KAAK;EACvC,OAAO;AACT;AACA;AACA;AACA;AACA;AACA;AACA,GAAGD,aAAa,CAACC,UAAU,EAAE,YAAYF,WAAW,CAACQ,OAAO,EAAE,CAAC;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,GAAGP,aAAa,CAACC,UAAU,EAAE,YAAYF,WAAW,CAACQ,OAAO,EAAE,CAAC;AAC/D;AACA,IAAI;AACJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EAC1B,OAAO;AACT;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC","ignoreList":[]}
|