@carbon/web-components 2.11.1 → 2.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/16-486ace1a.js +1 -1
- package/dist/16-51a594ce.js +1 -1
- package/dist/16-656090c0.js +1 -1
- package/dist/16-71872213.js +1 -1
- package/dist/16-730a41a2.js +1 -1
- package/dist/16-83a1cd89.js +1 -1
- package/dist/16-b73c677b.js +1 -1
- package/dist/16-d1c73001.js +1 -1
- package/dist/20-d069d8da.js +1 -1
- package/dist/accordion.min.js +8 -14
- package/dist/ai-skeleton.min.js +1 -1
- package/dist/breadcrumb.min.js +4 -4
- package/dist/button-21c75bab.js +1 -1
- package/dist/{button-set-69863a24.js → button-set-984abad1.js} +2 -2
- package/dist/button-skeleton-1abc1fd8.js +1 -1
- package/dist/button.min.js +2 -2
- package/dist/carbon-element-4ca9803f.js +1 -1
- package/dist/chat-button.min.js +1 -1
- package/dist/checkbox-dc5fcaff.js +109 -0
- package/dist/checkbox.min.js +4 -4
- package/dist/class-map-5edb95da.js +1 -1
- package/dist/code-snippet.min.js +3 -3
- package/dist/collection-helpers-4e32fe16.js +1 -1
- package/dist/combo-box.min.js +3 -3
- package/dist/{content-switcher-item-5b8dd42f.js → content-switcher-item-62392ba8.js} +1 -1
- package/dist/content-switcher.min.js +2 -2
- package/dist/{copy-button-d673538b.js → copy-button-8ae404e7.js} +3 -3
- package/dist/copy-button.min.js +2 -2
- package/dist/data-table.min.js +9 -9
- package/dist/date-picker.min.js +6 -6
- package/dist/defineProperty-e448b551.js +1 -1
- package/dist/directive-e2d48b9c.js +1 -1
- package/dist/dropdown-item-8284b402.js +148 -0
- package/dist/dropdown.min.js +2 -2
- package/dist/file-uploader.min.js +2 -2
- package/dist/{floating-menu-46199beb.js → floating-menu-4fdda50e.js} +1 -1
- package/dist/floating-menu.min.js +2 -2
- package/dist/focus-e70d1cbe.js +1 -1
- package/dist/form-group.min.js +3 -3
- package/dist/form.min.js +2 -2
- package/dist/get-52a048b1.js +1 -1
- package/dist/host-listener-b6a3d690.js +1 -1
- package/dist/{icon-button-09275c70.js → icon-button-9889b58b.js} +4 -4
- package/dist/icon-button.min.js +2 -2
- package/dist/if-defined-2e09d22b.js +1 -1
- package/dist/if-non-empty-20ce3c96.js +1 -1
- package/dist/inline-loading.min.js +5 -5
- package/dist/{layer-5f257c4a.js → layer-ee2a047c.js} +1 -1
- package/dist/layer.min.js +2 -2
- package/dist/{link-dc6f9b4e.js → link-c2b4e683.js} +1 -1
- package/dist/link.min.js +2 -2
- package/dist/list.min.js +4 -4
- package/dist/loading-2604f4ad.js +1 -1
- package/dist/loading-icon-85b7e502.js +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/{modal-label-d53c98de.js → modal-label-9ee331a4.js} +1 -1
- package/dist/modal.min.js +2 -2
- package/dist/multi-select.min.js +4 -4
- package/dist/notification.min.js +5 -5
- package/dist/number-input.min.js +4 -4
- package/dist/objectSpread2-46e4de7a.js +1 -1
- package/dist/on-6c264d49.js +1 -1
- package/dist/overflow-menu.min.js +5 -5
- package/dist/pagination.min.js +5 -5
- package/dist/{popover-content-08cf10b0.js → popover-content-d6f3bde5.js} +2 -2
- package/dist/popover-controller-486f0f75.js +73 -0
- package/dist/popover.min.js +2 -2
- package/dist/progress-bar.min.js +1 -1
- package/dist/progress-indicator.min.js +3 -3
- package/dist/query-5f833318.js +1 -1
- package/dist/query-assigned-elements-73bd2544.js +1 -1
- package/dist/radio-button.min.js +2 -2
- package/dist/radio-group-manager-de7f9ab3.js +1 -1
- package/dist/search-09497355.js +102 -0
- package/dist/search.min.js +2 -2
- package/dist/select-95272984.js +141 -0
- package/dist/select.min.js +3 -71
- package/dist/settings-97cd1c3a.js +1 -1
- package/dist/shared-enums-c6fe8c39.js +1 -1
- package/dist/side-panel.min.js +11 -11
- package/dist/skeleton-icon-bfc7d5c8.js +1 -1
- package/dist/skeleton-icon.min.js +1 -1
- package/dist/skeleton-placeholder-403f26a3.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-text-9d02604f.js +1 -1
- package/dist/skeleton-text.min.js +1 -1
- package/dist/skip-to-content.min.js +2 -2
- package/dist/slider.min.js +4 -4
- package/dist/slug.min.js +3 -3
- package/dist/spread-d515f3f1.js +1 -1
- package/dist/stack.min.js +1 -1
- package/dist/state-ddd29b9d.js +1 -1
- package/dist/structured-list.min.js +5 -5
- package/dist/tabs.min.js +5 -5
- package/dist/tag.min.js +5 -5
- package/dist/tearsheet.min.js +10 -10
- package/dist/text-input-5ebf4917.js +142 -0
- package/dist/text-input.min.js +2 -2
- package/dist/textarea.min.js +6 -6
- package/dist/tile.min.js +3 -3
- package/dist/toggle-tip.min.js +2 -2
- package/dist/toggle.min.js +2 -2
- package/dist/{toggletip-f95c53b0.js → toggletip-1ef069a9.js} +2 -2
- package/dist/{tooltip-content-d784ae2b.js → tooltip-content-a75c5632.js} +3 -3
- package/dist/tooltip.min.js +2 -2
- package/dist/ui-shell.min.js +14 -14
- package/dist/validity-d86ffa4f.js +1 -1
- package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
- package/es/components/accordion/accordion-item.js +8 -7
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.d.ts +1 -1
- package/es/components/accordion/accordion-skeleton.js +5 -6
- 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 +4 -3
- 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 +3 -2
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js +3 -2
- 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 +3 -2
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-set-base.js +3 -2
- package/es/components/button/button-set-base.js.map +1 -1
- package/es/components/button/button-set.js +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.js.map +1 -1
- package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es/components/chat-button/chat-button.js.map +1 -1
- package/es/components/checkbox/checkbox-group.js +2 -2
- 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.js +2 -2
- 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.js +3 -2
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.js +14 -13
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.js +6 -6
- 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 +5 -4
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.d.ts +1 -1
- package/es/components/copy-button/copy-button.js +1 -1
- 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 +2 -2
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js +3 -2
- 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 +3 -2
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.js +1 -1
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js +3 -2
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.js +5 -4
- 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 +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.js +12 -11
- package/es/components/data-table/table-row.js.map +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.js +5 -4
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js +4 -3
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.js +28 -27
- package/es/components/data-table/table.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.js +2 -2
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.css.js +1 -1
- package/es/components/date-picker/date-picker.js +20 -19
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.js +3 -2
- 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.js +9 -9
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.js +2 -2
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.js +2 -2
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +2 -2
- 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.css.js +1 -1
- package/es/components/file-uploader/file-uploader.js +1 -1
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/floating-menu.js +3 -3
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.css.js +1 -1
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form-group/form-group.css.js +1 -1
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/icon-button/icon-button.js +3 -2
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js +3 -2
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/layer/layer.js +2 -2
- package/es/components/layer/layer.js.map +1 -1
- package/es/components/link/link.js +1 -1
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.js +4 -3
- 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 +4 -3
- package/es/components/list/unordered-list.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.js.map +1 -1
- package/es/components/modal/modal-footer.js +1 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js +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.js +8 -8
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js +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 +18 -17
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/actionable-notification-button.js +3 -2
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.js +5 -4
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/inline-notification.js +5 -4
- 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.css.js +1 -1
- package/es/components/number-input/number-input.js +10 -9
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +6 -5
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +3 -2
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +6 -5
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/index.d.ts +2 -1
- package/es/components/pagination/index.js +2 -1
- package/es/components/pagination/index.js.map +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.js +4 -4
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/popover/popover-content.js.map +1 -1
- package/es/components/popover/popover.js +3 -3
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +1 -1
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js +4 -3
- 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.js +3 -2
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.js +4 -4
- 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.css.js +1 -1
- package/es/components/radio-button/radio-button.js +5 -4
- 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.css.js +1 -1
- package/es/components/search/search.js +1 -1
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select-skeleton.js.map +1 -1
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.js +14 -13
- 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.js +10 -9
- package/es/components/side-panel/side-panel.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.js +3 -2
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.js +8 -8
- 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.css.js +1 -1
- package/es/components/slider/slider.js +17 -16
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slug/slug.css.js +1 -1
- package/es/components/slug/slug.js +3 -2
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/stack/stack.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js +3 -2
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js +3 -2
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js +3 -2
- 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 +3 -2
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js +3 -2
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.js +4 -3
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.js +3 -2
- 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 +3 -2
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.js +13 -12
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.js +3 -3
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tearsheet/tearsheet.js +11 -10
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.css.js +1 -1
- package/es/components/text-input/text-input.js +5 -5
- 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.js.map +1 -1
- package/es/components/tile/clickable-tile.js +5 -4
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.js +3 -3
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.js +1 -1
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.js +2 -2
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.js +4 -4
- 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 +1 -1
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.js +1 -1
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle-tip/toggletip.js +3 -3
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip-content.js +3 -2
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.js +8 -7
- package/es/components/tooltip/tooltip.js.map +1 -1
- 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.js +1 -1
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu.js +4 -3
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.js +3 -2
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.js.map +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 +3 -2
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js +3 -2
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js +3 -2
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +3 -2
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +4 -3
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +6 -5
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.js +9 -8
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/switcher-divider.js +3 -2
- package/es/components/ui-shell/switcher-divider.js.map +1 -1
- 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.js +3 -2
- package/es/components/ui-shell/switcher.js.map +1 -1
- package/package.json +6 -6
- package/dist/checkbox-d0a3a79f.js +0 -109
- package/dist/dropdown-item-91b3dc95.js +0 -148
- package/dist/popover-controller-cc6ccb74.js +0 -73
- package/dist/search-23232b04.js +0 -102
- package/dist/select-item-4ebf72a0.js +0 -73
- package/dist/text-input-ead65188.js +0 -142
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item-skeleton.js","names":["LitElement","html","ChevronRight16","prefix","styles","carbonElement","customElement","CDSAccordionItemSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","part","class","static"],"sources":["components/accordion/accordion-item-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of accordion item.\n */\n@customElement(`${prefix}-accordion-item-skeleton`)\nclass CDSAccordionItemSkeleton extends LitElement {\n render() {\n return html`\n <span class=\"${prefix}--accordion__heading\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <cds-skeleton-text\n class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n </span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordionItemSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,OAAOC,cAAc,MAAM,+BAAqC;AAChE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,wBAAwB;AAC/B,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,wBAAwB,GAAAC,SAAA,EAD7BF,aAAa,CAAC,GAAGH,MAAM,0BAA0B,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnD,MACMH,wBAAwB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAelD;EAAC;IAAAI,CAAA,EAfKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,
|
|
1
|
+
{"version":3,"file":"accordion-item-skeleton.js","names":["LitElement","html","ChevronRight16","prefix","styles","carbonElement","customElement","CDSAccordionItemSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","part","class","static"],"sources":["components/accordion/accordion-item-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of accordion item.\n */\n@customElement(`${prefix}-accordion-item-skeleton`)\nclass CDSAccordionItemSkeleton extends LitElement {\n render() {\n return html`\n <span class=\"${prefix}--accordion__heading\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <cds-skeleton-text\n class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n </span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordionItemSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,OAAOC,cAAc,MAAM,+BAAqC;AAChE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,wBAAwB;AAC/B,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,wBAAwB,GAAAC,SAAA,EAD7BF,aAAa,CAAC,GAAGH,MAAM,0BAA0B,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnD,MACMH,wBAAwB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAelD;EAAC;IAAAI,CAAA,EAfKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,qBADe;AACf,UADe;AACf;AACA,mBAFe;AACf;AACA,KAFe,GACMjB,MAAM,EACjBD,cAAc,CAAC;UACfmB,IAAI,EAAE,cAAc;UACpBC,KAAK,EAAE,GAAGnB,MAAM;QAClB,CAAC,CAAC,EAESA,MAAM;MAGvB;IAAC;MAAAY,IAAA;MAAAQ,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAdeJ,UAAU;AAiBjD,eAAeO,wBAAwB","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
-
import _get from "@babel/runtime/helpers/esm/get";
|
|
3
2
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
3
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
4
4
|
let _ = t => t,
|
|
5
5
|
_t;
|
|
6
|
+
function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
|
|
6
7
|
/**
|
|
7
8
|
* @license
|
|
8
9
|
*
|
|
@@ -209,7 +210,7 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
|
|
|
209
210
|
if (!this.hasAttribute('role')) {
|
|
210
211
|
this.setAttribute('role', 'listitem');
|
|
211
212
|
}
|
|
212
|
-
|
|
213
|
+
_superPropGet(CDSAccordionItem, "connectedCallback", this, 3)([]);
|
|
213
214
|
if (this._hObserveResize) {
|
|
214
215
|
this._hObserveResize = this._hObserveResize.release();
|
|
215
216
|
}
|
|
@@ -280,7 +281,7 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
|
|
|
280
281
|
kind: "get",
|
|
281
282
|
static: true,
|
|
282
283
|
key: "_classesBreakpoints",
|
|
283
|
-
value: function
|
|
284
|
+
value: function () {
|
|
284
285
|
return {
|
|
285
286
|
[ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,
|
|
286
287
|
[ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`
|
|
@@ -296,7 +297,7 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
|
|
|
296
297
|
kind: "get",
|
|
297
298
|
static: true,
|
|
298
299
|
key: "_sizesBreakpoints",
|
|
299
|
-
value: function
|
|
300
|
+
value: function () {
|
|
300
301
|
return {
|
|
301
302
|
[ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,
|
|
302
303
|
[ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640
|
|
@@ -311,7 +312,7 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
|
|
|
311
312
|
kind: "get",
|
|
312
313
|
static: true,
|
|
313
314
|
key: "eventBeforeToggle",
|
|
314
|
-
value: function
|
|
315
|
+
value: function () {
|
|
315
316
|
return `${prefix}-accordion-item-beingtoggled`;
|
|
316
317
|
}
|
|
317
318
|
|
|
@@ -322,14 +323,14 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
|
|
|
322
323
|
kind: "get",
|
|
323
324
|
static: true,
|
|
324
325
|
key: "eventToggle",
|
|
325
|
-
value: function
|
|
326
|
+
value: function () {
|
|
326
327
|
return `${prefix}-accordion-item-toggled`;
|
|
327
328
|
}
|
|
328
329
|
}, {
|
|
329
330
|
kind: "get",
|
|
330
331
|
static: true,
|
|
331
332
|
key: "selectorAccordionContent",
|
|
332
|
-
value: function
|
|
333
|
+
value: function () {
|
|
333
334
|
return `.${prefix}--accordion__content`;
|
|
334
335
|
}
|
|
335
336
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","names":["classMap","LitElement","html","property","ChevronRight16","prefix","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","selectorAccordionContent","setAttribute","shadowRoot","querySelector","addEventListener","removeAttribute","eventToggle","content","style","maxBlockSize","scrollHeight","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","title","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n * The custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n /**\n * The current breakpoint.\n */\n private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * Handles user-initiated toggle request of this accordion item.\n *\n * @param open The new open state.\n */\n private _handleUserInitiatedToggle(open = !this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n open,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n const { selectorAccordionContent } = this\n .constructor as typeof CDSAccordionItem;\n\n !this.open\n ? this.setAttribute('expanding', '')\n : this.setAttribute('collapsing', '');\n this.shadowRoot!.querySelector(\n selectorAccordionContent\n )!.addEventListener('animationend', () => {\n this.removeAttribute('expanding');\n this.removeAttribute('collapsing');\n });\n\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAccordionItem).eventToggle,\n init\n )\n );\n }\n\n const content = this.shadowRoot!.querySelector(\n `.${prefix}--accordion__wrapper`\n ) as HTMLElement;\n\n if (this.open) {\n // accordion opens\n content!.style.maxBlockSize = content!.scrollHeight + 15 + 'px';\n } else {\n // accordion closes\n content!.style.maxBlockSize = '';\n }\n }\n\n /**\n * Handler for the `click` event on the expando button.\n */\n private _handleClickExpando() {\n this._handleUserInitiatedToggle();\n }\n\n /**\n * Handler for the `keydown` event on the expando button.\n */\n private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n if (this.open && (key === 'Esc' || key === 'Escape')) {\n this._handleUserInitiatedToggle(false);\n }\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n (records: ResizeObserverEntry[]) => {\n const { width } = records[records.length - 1].contentRect;\n const { _sizesBreakpoints: sizesBreakpoints } = this\n .constructor as typeof CDSAccordionItem;\n this._currentBreakpoint = Object.keys(sizesBreakpoints)\n .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n .find(\n (size) => width >= sizesBreakpoints[size]\n ) as ACCORDION_ITEM_BREAKPOINT;\n this.requestUpdate();\n }\n );\n\n /**\n * `true` if the accordion item should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the accordion item should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * The title text.\n */\n @property({ attribute: 'title' })\n title = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n render() {\n const {\n disabled,\n title,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof CDSAccordionItem;\n const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n const contentClasses = classMap({\n [classBreakpoint]: classBreakpoint,\n [`${prefix}--accordion__content`]: true,\n });\n return html`\n <button\n ?disabled=\"${disabled}\"\n type=\"button\"\n part=\"expando\"\n class=\"${prefix}--accordion__heading\"\n aria-controls=\"content\"\n aria-expanded=\"${open}\"\n @click=\"${handleClickExpando}\"\n @keydown=\"${handleKeydownExpando}\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <div part=\"title\" class=\"${prefix}--accordion__title\">\n <slot name=\"title\">${title}</slot>\n </div>\n </button>\n <div class=\"${prefix}--accordion__wrapper\">\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n /**\n * The CSS classes for breakpoints.\n *\n * @private\n */\n static get _classesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n };\n }\n\n /**\n * The breakpoints.\n *\n * @private\n */\n static get _sizesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n };\n }\n\n /**\n * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n */\n static get eventBeforeToggle() {\n return `${prefix}-accordion-item-beingtoggled`;\n }\n\n /**\n * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-accordion-item-toggled`;\n }\n\n static get selectorAccordionContent() {\n return `.${prefix}--accordion__content`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"accordion-item.js","names":["classMap","LitElement","html","property","ChevronRight16","prefix","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","selectorAccordionContent","setAttribute","shadowRoot","querySelector","addEventListener","removeAttribute","eventToggle","content","style","maxBlockSize","scrollHeight","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","_superPropGet","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","title","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n * The custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n /**\n * The current breakpoint.\n */\n private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * Handles user-initiated toggle request of this accordion item.\n *\n * @param open The new open state.\n */\n private _handleUserInitiatedToggle(open = !this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n open,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n const { selectorAccordionContent } = this\n .constructor as typeof CDSAccordionItem;\n\n !this.open\n ? this.setAttribute('expanding', '')\n : this.setAttribute('collapsing', '');\n this.shadowRoot!.querySelector(\n selectorAccordionContent\n )!.addEventListener('animationend', () => {\n this.removeAttribute('expanding');\n this.removeAttribute('collapsing');\n });\n\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAccordionItem).eventToggle,\n init\n )\n );\n }\n\n const content = this.shadowRoot!.querySelector(\n `.${prefix}--accordion__wrapper`\n ) as HTMLElement;\n\n if (this.open) {\n // accordion opens\n content!.style.maxBlockSize = content!.scrollHeight + 15 + 'px';\n } else {\n // accordion closes\n content!.style.maxBlockSize = '';\n }\n }\n\n /**\n * Handler for the `click` event on the expando button.\n */\n private _handleClickExpando() {\n this._handleUserInitiatedToggle();\n }\n\n /**\n * Handler for the `keydown` event on the expando button.\n */\n private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n if (this.open && (key === 'Esc' || key === 'Escape')) {\n this._handleUserInitiatedToggle(false);\n }\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n (records: ResizeObserverEntry[]) => {\n const { width } = records[records.length - 1].contentRect;\n const { _sizesBreakpoints: sizesBreakpoints } = this\n .constructor as typeof CDSAccordionItem;\n this._currentBreakpoint = Object.keys(sizesBreakpoints)\n .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n .find(\n (size) => width >= sizesBreakpoints[size]\n ) as ACCORDION_ITEM_BREAKPOINT;\n this.requestUpdate();\n }\n );\n\n /**\n * `true` if the accordion item should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the accordion item should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * The title text.\n */\n @property({ attribute: 'title' })\n title = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n render() {\n const {\n disabled,\n title,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof CDSAccordionItem;\n const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n const contentClasses = classMap({\n [classBreakpoint]: classBreakpoint,\n [`${prefix}--accordion__content`]: true,\n });\n return html`\n <button\n ?disabled=\"${disabled}\"\n type=\"button\"\n part=\"expando\"\n class=\"${prefix}--accordion__heading\"\n aria-controls=\"content\"\n aria-expanded=\"${open}\"\n @click=\"${handleClickExpando}\"\n @keydown=\"${handleKeydownExpando}\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <div part=\"title\" class=\"${prefix}--accordion__title\">\n <slot name=\"title\">${title}</slot>\n </div>\n </button>\n <div class=\"${prefix}--accordion__wrapper\">\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n /**\n * The CSS classes for breakpoints.\n *\n * @private\n */\n static get _classesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n };\n }\n\n /**\n * The breakpoints.\n *\n * @private\n */\n static get _sizesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n };\n }\n\n /**\n * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n */\n static get eventBeforeToggle() {\n return `${prefix}-accordion-item-beingtoggled`;\n }\n\n /**\n * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-accordion-item-toggled`;\n }\n\n static get selectorAccordionContent() {\n return `.${prefix}--accordion__content`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ let _2 = t => t,
|
|
|
6
6
|
/**
|
|
7
7
|
* @license
|
|
8
8
|
*
|
|
9
|
-
* Copyright IBM Corp. 2019,
|
|
9
|
+
* Copyright IBM Corp. 2019, 2024
|
|
10
10
|
*
|
|
11
11
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -14,7 +14,7 @@ let _2 = t => t,
|
|
|
14
14
|
|
|
15
15
|
import { classMap } from 'lit/directives/class-map.js';
|
|
16
16
|
import { LitElement, html } from 'lit';
|
|
17
|
-
import { property
|
|
17
|
+
import { property } from 'lit/decorators.js';
|
|
18
18
|
import { prefix } from '../../globals/settings';
|
|
19
19
|
import { ACCORDION_ALIGNMENT } from './accordion';
|
|
20
20
|
import { forEach } from '../../globals/internal/collection-helpers';
|
|
@@ -22,12 +22,11 @@ import ChevronRight16 from "../../icons/chevron--right/16";
|
|
|
22
22
|
import './accordion-item-skeleton';
|
|
23
23
|
import '../skeleton-text/index';
|
|
24
24
|
import styles from "././accordion.css.js";
|
|
25
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
25
26
|
|
|
26
27
|
/**
|
|
27
28
|
* Skeleton of code snippet.
|
|
28
|
-
*/
|
|
29
|
-
* Skeleton of code snippet.
|
|
30
|
-
*/
|
|
29
|
+
*/
|
|
31
30
|
let CDSAccordionSkeleton = _decorate([customElement(`${prefix}-accordion-skeleton`)], function (_initialize, _LitElement) {
|
|
32
31
|
class CDSAccordionSkeleton extends _LitElement {
|
|
33
32
|
constructor(...args) {
|
|
@@ -149,7 +148,7 @@ let CDSAccordionSkeleton = _decorate([customElement(`${prefix}-accordion-skeleto
|
|
|
149
148
|
kind: "get",
|
|
150
149
|
static: true,
|
|
151
150
|
key: "selectorAccordionItemSkeletons",
|
|
152
|
-
value: function
|
|
151
|
+
value: function () {
|
|
153
152
|
return `${prefix}-accordion-item-skeleton`;
|
|
154
153
|
}
|
|
155
154
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-skeleton.js","names":["classMap","LitElement","html","property","
|
|
1
|
+
{"version":3,"file":"accordion-skeleton.js","names":["classMap","LitElement","html","property","prefix","ACCORDION_ALIGNMENT","forEach","ChevronRight16","styles","carbonElement","customElement","CDSAccordionSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","END","type","Number","attribute","Boolean","updated","changedProperties","has","shadowRoot","querySelectorAll","selectorAccordionItemSkeletons","elem","setAttribute","alignment","isFlush","removeAttribute","render","classes","numSkeletonItems","open","count","_t","_2","_t2","part","class","Array","from","map","_","index","_t3","static"],"sources":["components/accordion/accordion-skeleton.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 { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss';\n\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n /**\n * Specify the alignment of the accordion heading title and chevron\n */\n @property({ reflect: true })\n alignment = ACCORDION_ALIGNMENT.END;\n\n /**\n * Set number of items to render\n */\n @property({ type: Number, attribute: 'count' })\n count = 4;\n\n /**\n * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n */\n @property({ type: Boolean, reflect: true })\n isFlush = false;\n\n /**\n * `true` if the first accordion item should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = true;\n\n updated(changedProperties) {\n if (changedProperties.has('alignment')) {\n // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.shadowRoot!.querySelectorAll(\n (this.constructor as typeof CDSAccordionSkeleton)\n .selectorAccordionItemSkeletons\n ),\n (elem) => {\n elem.setAttribute('alignment', this.alignment);\n }\n );\n }\n if (\n changedProperties.has('isFlush') ||\n changedProperties.has('alignment')\n ) {\n // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.shadowRoot!.querySelectorAll(\n (this.constructor as typeof CDSAccordionSkeleton)\n .selectorAccordionItemSkeletons\n ),\n (elem) => {\n this.isFlush && this.alignment !== 'start'\n ? elem.setAttribute('isFlush', '')\n : elem.removeAttribute('isFlush');\n }\n );\n }\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--accordion__item`]: true,\n [`${prefix}--accordion__item--active`]: true,\n [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n [`${prefix}--accordion--flush`]:\n this.isFlush && this.alignment !== 'start',\n });\n const numSkeletonItems = this.open ? this.count - 1 : this.count;\n return html`\n ${this.open\n ? html`\n <li class=\"${classes}\">\n <span class=\"${prefix}--accordion__heading\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <cds-skeleton-text\n class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n </span>\n <div class=\"${prefix}--accordion__content\">\n <cds-skeleton-text width=\"90%\"></cds-skeleton-text>\n <cds-skeleton-text width=\"80%\"></cds-skeleton-text>\n <cds-skeleton-text width=\"85%\"></cds-skeleton-text>\n </div>\n </li>\n `\n : ``}\n ${Array.from(new Array(numSkeletonItems)).map(\n (_, index) =>\n html`\n <cds-accordion-item-skeleton\n key=${index}></cds-accordion-item-skeleton>\n `\n )}\n `;\n }\n\n static get selectorAccordionItemSkeletons() {\n return `${prefix}-accordion-item-skeleton`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;inline-size:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-block-start:1px solid var(--cds-border-subtle);transition:border-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:100%;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local);transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:0}.cds--accordion__heading:focus{position:relative;z-index:2;box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;flex:0 0 1rem;block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;inline-size:100%;padding-inline-start:1rem;text-align:start}.cds--accordion__wrapper{overflow:hidden;padding:0;max-block-size:0;opacity:0;transition:all 110ms cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__wrapper{overflow:visible;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item,:host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item),:host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item-skeleton),:host(cds-accordion-item[isFlush]) .cds--accordion__item,:host(cds-accordion-item[isFlush]) :host(cds-accordion-item),:host(cds-accordion-item[isFlush]) :host(cds-accordion-item-skeleton){position:relative;border-color:transparent}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+.cds--accordion__item,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+.cds--accordion__item,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item),:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),:host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child{border-color:transparent}.cds--accordion--flush .cds--accordion__item::after,.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{position:absolute;display:block;block-size:1px;content:"";inline-size:calc(100% - 1rem - 1rem);margin-inline-start:1rem;transition:background cubic-bezier(.2,0,.38,.9) 110ms}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item::after,.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{transition:none}}.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child::after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover::after,.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:"";inline-size:100%;inset-inline-start:0;transition:background cubic-bezier(.2,0,.38,.9) 110ms}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover::after,.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus::after,.cds--accordion--flush .cds--accordion__heading:hover:focus::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::before{background:0 0}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow{fill:ButtonText}}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline-end:0;padding-inline-start:var(--cds-layout-density-padding-inline-local)}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
11
|
+
':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;inline-size:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-block-start:1px solid var(--cds-border-subtle);transition:border-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:100%;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local);transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:0}.cds--accordion__heading:focus{position:relative;z-index:2;box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;flex:0 0 1rem;block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;inline-size:100%;padding-inline-start:1rem;text-align:start}.cds--accordion__wrapper{overflow:hidden;padding:0;max-block-size:0;opacity:0;transition:all 110ms cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{overflow:visible;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item,:host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item),:host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item-skeleton),:host(cds-accordion-item[isFlush]) .cds--accordion__item,:host(cds-accordion-item[isFlush]) :host(cds-accordion-item),:host(cds-accordion-item[isFlush]) :host(cds-accordion-item-skeleton){position:relative;border-color:transparent}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+.cds--accordion__item,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+.cds--accordion__item,:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item),:host(cds-accordion-item[isFlush]) .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),:host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child{border-color:transparent}.cds--accordion--flush .cds--accordion__item::after,.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{position:absolute;display:block;block-size:1px;content:"";inline-size:calc(100% - 1rem - 1rem);margin-inline-start:1rem;transition:background cubic-bezier(.2,0,.38,.9) 110ms}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item::after,.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{transition:none}}.cds--accordion--flush .cds--accordion__item::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,:host(cds-accordion-item[isFlush]) .cds--accordion__item::before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child::after,:host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child::after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover::after,.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{position:absolute;display:block;background:var(--cds-layer-hover);block-size:1px;content:"";inline-size:100%;inset-inline-start:0;transition:background cubic-bezier(.2,0,.38,.9) 110ms}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover::after,.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus::after,.cds--accordion--flush .cds--accordion__heading:hover:focus::before,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::after,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::before,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::after,:host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::before{background:0 0}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow{fill:ButtonText}}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline-end:0;padding-inline-start:var(--cds-layout-density-padding-inline-local)}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
12
12
|
]);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
-
import _get from "@babel/runtime/helpers/esm/get";
|
|
3
2
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
3
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
4
4
|
let _ = t => t,
|
|
5
5
|
_t;
|
|
6
|
+
function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
|
|
6
7
|
/**
|
|
7
8
|
* @license
|
|
8
9
|
*
|
|
@@ -83,7 +84,7 @@ let CDSAccordion = _decorate([customElement(`${prefix}-accordion`)], function (_
|
|
|
83
84
|
if (!this.hasAttribute('role')) {
|
|
84
85
|
this.setAttribute('role', 'list');
|
|
85
86
|
}
|
|
86
|
-
|
|
87
|
+
_superPropGet(CDSAccordion, "connectedCallback", this, 3)([]);
|
|
87
88
|
}
|
|
88
89
|
}, {
|
|
89
90
|
kind: "method",
|
|
@@ -118,7 +119,7 @@ let CDSAccordion = _decorate([customElement(`${prefix}-accordion`)], function (_
|
|
|
118
119
|
kind: "get",
|
|
119
120
|
static: true,
|
|
120
121
|
key: "selectorAccordionItems",
|
|
121
|
-
value: function
|
|
122
|
+
value: function () {
|
|
122
123
|
return `${prefix}-accordion-item`;
|
|
123
124
|
}
|
|
124
125
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["LitElement","html","property","prefix","forEach","ACCORDION_SIZE","ACCORDION_ALIGNMENT","styles","carbonElement","customElement","CDSAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","MEDIUM","END","type","Boolean","connectedCallback","hasAttribute","setAttribute","
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["LitElement","html","property","prefix","forEach","ACCORDION_SIZE","ACCORDION_ALIGNMENT","styles","carbonElement","customElement","CDSAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","MEDIUM","END","type","Boolean","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","alignment","isFlush","removeAttribute","render","_t","_","static"],"sources":["components/accordion/accordion.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 { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n /**\n * Accordion size should be sm, md, lg.\n */\n @property({ reflect: true })\n size = ACCORDION_SIZE.MEDIUM;\n\n /**\n * Specify the alignment of the accordion heading title and chevron\n */\n @property({ reflect: true })\n alignment = ACCORDION_ALIGNMENT.END;\n\n /**\n * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n */\n @property({ type: Boolean, reflect: true })\n isFlush = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('size', this.size);\n }\n );\n }\n if (changedProperties.has('alignment')) {\n // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('alignment', this.alignment);\n }\n );\n }\n if (\n changedProperties.has('isFlush') ||\n changedProperties.has('alignment')\n ) {\n // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSAccordion).selectorAccordionItems\n ),\n (elem) => {\n this.isFlush && this.alignment !== 'start'\n ? elem.setAttribute('isFlush', '')\n : elem.removeAttribute('isFlush');\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static get selectorAccordionItems() {\n return `${prefix}-accordion-item`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAccordion;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-skeleton-icon.js","names":["LitElement","html","prefix","property","styles","carbonElement","customElement","CDSAISkeletonIcon","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","render","_t","_","customStyles","static"],"sources":["components/ai-skeleton/ai-skeleton-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-icon/skeleton-icon';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton icon.\n *\n * @element cds-ai-skeleton-icon\n */\n@customElement(`${prefix}-ai-skeleton-icon`)\nclass CDSAISkeletonIcon extends LitElement {\n /**\n * Custom styles to apply to skeleton icon\n */\n @property({ attribute: 'custom-styles' })\n customStyles = '';\n\n render() {\n return html`<cds-skeleton-icon\n class=\"${prefix}--skeleton__icon--ai\"\n style=\"${this.customStyles}\"></cds-skeleton-icon>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonIcon;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,gCAAgC;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGJ,MAAM,mBAAmB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAc3C;EAAC;IAAAI,CAAA,EAdKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBb,QAAQ,CAAC;QAAEc,SAAS,EAAE;MAAgB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,
|
|
1
|
+
{"version":3,"file":"ai-skeleton-icon.js","names":["LitElement","html","prefix","property","styles","carbonElement","customElement","CDSAISkeletonIcon","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","render","_t","_","customStyles","static"],"sources":["components/ai-skeleton/ai-skeleton-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-icon/skeleton-icon';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton icon.\n *\n * @element cds-ai-skeleton-icon\n */\n@customElement(`${prefix}-ai-skeleton-icon`)\nclass CDSAISkeletonIcon extends LitElement {\n /**\n * Custom styles to apply to skeleton icon\n */\n @property({ attribute: 'custom-styles' })\n customStyles = '';\n\n render() {\n return html`<cds-skeleton-icon\n class=\"${prefix}--skeleton__icon--ai\"\n style=\"${this.customStyles}\"></cds-skeleton-icon>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonIcon;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,gCAAgC;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGJ,MAAM,mBAAmB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAc3C;EAAC;IAAAI,CAAA,EAdKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBb,QAAQ,CAAC;QAAEc,SAAS,EAAE;MAAgB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAOnB,IAAI,CAAAoB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,eADe;AACf,eADe,4BACApB,MAAM,EACN,IAAI,CAACqB,YAAY;MAC9B;IAAC;MAAAR,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAbQJ,UAAU;AAgB1C,eAAeO,iBAAiB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-skeleton-placeholder.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSAISkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/ai-skeleton/ai-skeleton-placeholder.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-placeholder/skeleton-placeholder';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton placeholder.\n *\n * @element cds-ai-skeleton-placeholder\n */\n@customElement(`${prefix}-ai-skeleton-placeholder`)\nclass CDSAISkeletonPlaceholder extends LitElement {\n render() {\n return html`<cds-skeleton-placeholder\n optional-classes=\"${prefix}--skeleton__placeholder--ai\"></cds-skeleton-placeholder>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,8CAA8C;AACrD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,GAAAC,SAAA,EAD7BF,aAAa,CAAC,GAAGH,MAAM,0BAA0B,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnD,MACMH,wBAAwB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAOlD;EAAC;IAAAI,CAAA,EAPKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,
|
|
1
|
+
{"version":3,"file":"ai-skeleton-placeholder.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSAISkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/ai-skeleton/ai-skeleton-placeholder.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-placeholder/skeleton-placeholder';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton placeholder.\n *\n * @element cds-ai-skeleton-placeholder\n */\n@customElement(`${prefix}-ai-skeleton-placeholder`)\nclass CDSAISkeletonPlaceholder extends LitElement {\n render() {\n return html`<cds-skeleton-placeholder\n optional-classes=\"${prefix}--skeleton__placeholder--ai\"></cds-skeleton-placeholder>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,8CAA8C;AACrD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,GAAAC,SAAA,EAD7BF,aAAa,CAAC,GAAGH,MAAM,0BAA0B,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAnD,MACMH,wBAAwB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAOlD;EAAC;IAAAI,CAAA,EAPKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,0BADe,8DACWjB,MAAM;MAC9B;IAAC;MAAAY,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GANeH,UAAU;AASjD,eAAeM,wBAAwB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-skeleton-text.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSAISkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","Number","render","heading","width","lineCount","paragraph","_t","_","static"],"sources":["components/ai-skeleton/ai-skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-text/skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton text.\n *\n * @element cds-ai-skeleton-text\n */\n@customElement(`${prefix}-ai-skeleton-text`)\nclass CDSAISkeletonText extends LitElement {\n /**\n * Generates skeleton text at a larger size.\n */\n @property({ type: Boolean, reflect: true })\n heading = false;\n\n /**\n * width (in px or %) of single line of text or max-width of paragraph lines\n */\n @property({ reflect: true })\n width = '100%';\n\n /**\n * will generate multiple lines of text\n */\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /**\n * the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { heading, width, lineCount, paragraph } = this;\n return html`<cds-skeleton-text\n type=\"${heading ? 'heading' : ''}\"\n width=\"${width}\"\n linecount=\"${lineCount}\"\n ?paragraph=\"${paragraph}\"\n optional-classes=\"${prefix}--skeleton__text--ai\"></cds-skeleton-text>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonText;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,gCAAgC;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGH,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoC3C;EAAC;IAAAI,CAAA,EApCKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKdd,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,MAAM;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC/B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKhBd,QAAQ,CAAC;QAAEe,IAAI,EAAEK,MAAM;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC9B,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAtBb;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,
|
|
1
|
+
{"version":3,"file":"ai-skeleton-text.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSAISkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","Number","render","heading","width","lineCount","paragraph","_t","_","static"],"sources":["components/ai-skeleton/ai-skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './ai-skeleton.scss';\nimport '../skeleton-text/skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI skeleton text.\n *\n * @element cds-ai-skeleton-text\n */\n@customElement(`${prefix}-ai-skeleton-text`)\nclass CDSAISkeletonText extends LitElement {\n /**\n * Generates skeleton text at a larger size.\n */\n @property({ type: Boolean, reflect: true })\n heading = false;\n\n /**\n * width (in px or %) of single line of text or max-width of paragraph lines\n */\n @property({ reflect: true })\n width = '100%';\n\n /**\n * will generate multiple lines of text\n */\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /**\n * the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { heading, width, lineCount, paragraph } = this;\n return html`<cds-skeleton-text\n type=\"${heading ? 'heading' : ''}\"\n width=\"${width}\"\n linecount=\"${lineCount}\"\n ?paragraph=\"${paragraph}\"\n optional-classes=\"${prefix}--skeleton__text--ai\"></cds-skeleton-text>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAISkeletonText;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,wBAAoB;AACvC,OAAO,gCAAgC;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGH,MAAM,mBAAmB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoC3C;EAAC;IAAAI,CAAA,EApCKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKdd,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,MAAM;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC/B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKhBd,QAAQ,CAAC;QAAEe,IAAI,EAAEK,MAAM;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC9B,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAtBb;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,MAAMA,CAAA,EAAG;QACP,MAAM;UAAEC,OAAO;UAAEC,KAAK;UAAEC,SAAS;UAAEC;QAAU,CAAC,GAAG,IAAI;QACrD,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,cADe;AACf,eADe;AACf,mBADe;AACf,oBADe;AACf,0BADe,gDACDL,OAAO,GAAG,SAAS,GAAG,EAAE,EACvBC,KAAK,EACDC,SAAS,EACRC,SAAS,EACHxB,MAAM;MAC9B;IAAC;MAAAY,IAAA;MAAAe,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEejB,MAAM;MAAA;IAAA;EAAA;AAAA,GAnCQJ,UAAU;AAsC1C,eAAeO,iBAAiB","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
-
import _get from "@babel/runtime/helpers/esm/get";
|
|
3
2
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
3
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
4
4
|
let _ = t => t,
|
|
5
5
|
_t;
|
|
6
|
+
function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
|
|
6
7
|
/**
|
|
7
8
|
* @license
|
|
8
9
|
*
|
|
@@ -38,7 +39,7 @@ let CDSBreadcrumbItem = _decorate([customElement(`${prefix}-breadcrumb-item`)],
|
|
|
38
39
|
if (!this.hasAttribute('role')) {
|
|
39
40
|
this.setAttribute('role', 'listitem');
|
|
40
41
|
}
|
|
41
|
-
|
|
42
|
+
_superPropGet(CDSBreadcrumbItem, "connectedCallback", this, 3)([]);
|
|
42
43
|
}
|
|
43
44
|
}, {
|
|
44
45
|
kind: "method",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Breadcrumb item.\n *\n * @element cds-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGH,MAAM,kBAAkB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA3C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa3C;EAAC;IAAAI,CAAA,EAbKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,aAAA,CALEd,iBAAiB;MAMrB;IAAC;MAAAQ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAK,MAAMA,CAAA,EAAG;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAZQH,UAAU;AAe1C,eAAeM,iBAAiB","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
-
import _get from "@babel/runtime/helpers/esm/get";
|
|
3
2
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
3
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
4
4
|
let _ = t => t,
|
|
5
5
|
_t,
|
|
6
6
|
_t2;
|
|
7
|
+
function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
|
|
7
8
|
/**
|
|
8
9
|
* @license
|
|
9
10
|
*
|
|
@@ -39,7 +40,7 @@ let CDSBreadcrumbLink = _decorate([customElement(`${prefix}-breadcrumb-link`)],
|
|
|
39
40
|
value: function render() {
|
|
40
41
|
return html(_t || (_t = _`
|
|
41
42
|
${0}
|
|
42
|
-
`), this.href ?
|
|
43
|
+
`), this.href ? _superPropGet(CDSBreadcrumbLink, "render", this, 3)([]) : html(_t2 || (_t2 = _`<span class="${0}--link"><slot></slot></span>`), prefix));
|
|
43
44
|
}
|
|
44
45
|
}, {
|
|
45
46
|
kind: "field",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-link.js","names":["html","prefix","CDSLink","styles","carbonElement","customElement","CDSBreadcrumbLink","_decorate","_initialize","_CDSLink","constructor","args","F","d","kind","key","value","render","_t","_","href","
|
|
1
|
+
{"version":3,"file":"breadcrumb-link.js","names":["html","prefix","CDSLink","styles","carbonElement","customElement","CDSBreadcrumbLink","_decorate","_initialize","_CDSLink","constructor","args","F","d","kind","key","value","render","_t","_","href","_superPropGet","_t2","static"],"sources":["components/breadcrumb/breadcrumb-link.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 { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link in breadcrumb.\n *\n * @element cds-breadcrumb-link\n */\n@customElement(`${prefix}-breadcrumb-link`)\nclass CDSBreadcrumbLink extends CDSLink {\n render() {\n return html`\n ${this.href\n ? super.render()\n : html`<span class=\"${prefix}--link\"><slot></slot></span>`}\n `;\n }\n static styles = styles;\n}\n\nexport default CDSBreadcrumbLink;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAC,GAAGJ,MAAM,kBAAkB,CAAC,aAAAO,WAAA,EAAAC,QAAA;EAA3C,MACMH,iBAAiB,SAAAG,QAAA,CAAiB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EASxC;EAAC;IAAAI,CAAA,EATKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,KADe,GACP,IAAI,CAACC,IAAI,GAAAC,aAAA,CAHXf,iBAAiB,2BAKbN,IAAI,CAAAsB,GAAA,KAAAA,GAAA,GAAAH,CAAA,kDAAgBlB,MAAM,CAA8B;MAEhE;IAAC;MAAAa,IAAA;MAAAS,MAAA;MAAAR,GAAA;MAAAC,MAAA;QAAA,OACeb,MAAM;MAAA;IAAA;EAAA;AAAA,GARQD,OAAO;AAWvC,eAAeI,iBAAiB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["html","prefix","OverflowMenuHorizontal16","CDSOverflowMenu","styles","carbonElement","customElement","CDSBreadcrumbOverflowMenu","_decorate","_initialize","_CDSOverflowMenu","constructor","args","F","d","kind","key","value","render","_t","_","class","static"],"sources":["components/breadcrumb/breadcrumb-overflow-menu.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 { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport CDSOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element cds-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {\n render() {\n return html`\n <slot name=\"icon\">\n ${OverflowMenuHorizontal16({\n class: `${prefix}--overflow-menu__icon`,\n })}\n </slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSBreadcrumbOverflowMenu;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,wBAAwB,MAAM,0CAAgD;AACrF,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,yBAAyB,GAAAC,SAAA,EAD9BF,aAAa,CAAC,GAAGL,MAAM,2BAA2B,CAAC,aAAAQ,WAAA,EAAAC,gBAAA;EAApD,MACMH,yBAAyB,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYxD;EAAC;IAAAI,CAAA,EAZKN,yBAAyB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC7B,SAAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["html","prefix","OverflowMenuHorizontal16","CDSOverflowMenu","styles","carbonElement","customElement","CDSBreadcrumbOverflowMenu","_decorate","_initialize","_CDSOverflowMenu","constructor","args","F","d","kind","key","value","render","_t","_","class","static"],"sources":["components/breadcrumb/breadcrumb-overflow-menu.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 { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport CDSOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element cds-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {\n render() {\n return html`\n <slot name=\"icon\">\n ${OverflowMenuHorizontal16({\n class: `${prefix}--overflow-menu__icon`,\n })}\n </slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSBreadcrumbOverflowMenu;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,wBAAwB,MAAM,0CAAgD;AACrF,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,yBAAyB,GAAAC,SAAA,EAD9BF,aAAa,CAAC,GAAGL,MAAM,2BAA2B,CAAC,aAAAQ,WAAA,EAAAC,gBAAA;EAApD,MACMH,yBAAyB,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYxD;EAAC;IAAAI,CAAA,EAZKN,yBAAyB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC7B,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA,UAFe;AACf;AACA,KAFe,GAELlB,wBAAwB,CAAC;UACzBmB,KAAK,EAAE,GAAGpB,MAAM;QAClB,CAAC,CAAC;MAGR;IAAC;MAAAc,IAAA;MAAAO,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAXgBD,eAAe;AAcvD,eAAeI,yBAAyB","ignoreList":[]}
|