@carbon/web-components 1.26.0-rc.2 → 1.26.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/accordion.min.js +2 -2
- package/dist/accordion.rtl.min.js +2 -2
- package/dist/breadcrumb.min.js +1 -1
- package/dist/breadcrumb.rtl.min.js +1 -1
- package/dist/{button-0eeac278.js → button-c71594fa.js} +2 -2
- package/dist/{button-4b4837f0.js → button-e31ba29e.js} +2 -2
- package/dist/button.min.js +1 -1
- package/dist/button.rtl.min.js +1 -1
- package/dist/{decorators-0a905d41.js → carbon-element-18175602.js} +9 -1
- package/dist/checkbox-3fc0ced9.js +65 -0
- package/dist/checkbox-a740039c.js +65 -0
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.rtl.min.js +1 -1
- package/dist/code-snippet.min.js +2 -2
- package/dist/code-snippet.rtl.min.js +2 -2
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-box.rtl.min.js +1 -1
- package/dist/{content-switcher-item-d37071b9.js → content-switcher-item-77b690a9.js} +2 -2
- package/dist/{content-switcher-item-db96b7e3.js → content-switcher-item-96395561.js} +2 -2
- package/dist/content-switcher.min.js +1 -1
- package/dist/content-switcher.rtl.min.js +1 -1
- package/dist/copy-button-50221d0f.js +65 -0
- package/dist/copy-button-9cb9a0c6.js +65 -0
- package/dist/copy-button.min.js +1 -1
- package/dist/copy-button.rtl.min.js +1 -1
- package/dist/data-table.min.js +2 -2
- package/dist/data-table.rtl.min.js +2 -2
- package/dist/date-picker.min.js +3 -3
- package/dist/date-picker.rtl.min.js +3 -3
- package/dist/decorators-56213c84.js +78 -0
- package/dist/{dropdown-item-1630cdb0.js → dropdown-item-62abeaa7.js} +2 -2
- package/dist/{dropdown-item-8c9136d9.js → dropdown-item-97eb5366.js} +2 -2
- package/dist/dropdown.min.js +1 -1
- package/dist/dropdown.rtl.min.js +1 -1
- package/dist/file-uploader.min.js +2 -2
- package/dist/file-uploader.rtl.min.js +2 -2
- package/dist/form.min.js +1 -1
- package/dist/form.rtl.min.js +1 -1
- package/dist/inline-loading.min.js +2 -2
- package/dist/inline-loading.rtl.min.js +2 -2
- package/dist/{input-1583283e.js → input-254c34ac.js} +2 -2
- package/dist/{input-b817aa3d.js → input-bb75e577.js} +2 -2
- package/dist/input.min.js +1 -1
- package/dist/input.rtl.min.js +1 -1
- package/dist/link-3c734b06.js +65 -0
- package/dist/link-aecb4d2a.js +65 -0
- package/dist/link.min.js +1 -1
- package/dist/link.rtl.min.js +1 -1
- package/dist/list.min.js +1 -1
- package/dist/list.rtl.min.js +1 -1
- package/dist/loading-9ce928f0.js +65 -0
- package/dist/loading-c77e0b8d.js +65 -0
- package/dist/loading.min.js +1 -1
- package/dist/loading.rtl.min.js +1 -1
- package/dist/modal.min.js +2 -2
- package/dist/modal.rtl.min.js +2 -2
- package/dist/multi-select.min.js +1 -1
- package/dist/multi-select.rtl.min.js +1 -1
- package/dist/notification.min.js +2 -2
- package/dist/notification.rtl.min.js +2 -2
- package/dist/number-input.min.js +2 -2
- package/dist/number-input.rtl.min.js +2 -2
- package/dist/overflow-menu.min.js +2 -2
- package/dist/overflow-menu.rtl.min.js +2 -2
- package/dist/pagination.min.js +1 -1
- package/dist/pagination.rtl.min.js +1 -1
- package/dist/progress-indicator.min.js +2 -2
- package/dist/progress-indicator.rtl.min.js +2 -2
- package/dist/radio-button.min.js +2 -2
- package/dist/radio-button.rtl.min.js +2 -2
- package/dist/search-99e65bb6.js +65 -0
- package/dist/search-dfddc65c.js +65 -0
- package/dist/search.min.js +1 -1
- package/dist/search.rtl.min.js +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.rtl.min.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-placeholder.rtl.min.js +1 -1
- package/dist/skeleton-text.min.js +2 -2
- package/dist/skeleton-text.rtl.min.js +2 -2
- package/dist/skip-to-content.min.js +1 -1
- package/dist/skip-to-content.rtl.min.js +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slider.rtl.min.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/structured-list.rtl.min.js +1 -1
- package/dist/tabs.min.js +2 -2
- package/dist/tabs.rtl.min.js +2 -2
- package/dist/tag.min.js +2 -2
- package/dist/tag.rtl.min.js +2 -2
- package/dist/textarea.min.js +1 -1
- package/dist/textarea.rtl.min.js +1 -1
- package/dist/tile.min.js +1 -1
- package/dist/tile.rtl.min.js +1 -1
- package/dist/toggle.min.js +2 -2
- package/dist/toggle.rtl.min.js +2 -2
- package/dist/tooltip.min.js +2 -2
- package/dist/tooltip.rtl.min.js +2 -2
- package/dist/ui-shell.min.js +2 -2
- package/dist/ui-shell.rtl.min.js +2 -2
- package/es/components/accordion/accordion-item.d.ts +1 -1
- package/es/components/accordion/accordion-item.d.ts.map +1 -1
- package/es/components/accordion/accordion-item.js +4 -3
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion.d.ts +1 -1
- package/es/components/accordion/accordion.d.ts.map +1 -1
- package/es/components/accordion/accordion.js +3 -2
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb-item.d.ts.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.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb-link.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js +2 -2
- package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +3 -2
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts.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-skeleton.d.ts +1 -1
- package/es/components/button/button-skeleton.d.ts.map +1 -1
- package/es/components/button/button-skeleton.js +3 -2
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.d.ts +1 -1
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +3 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/checkbox/checkbox.d.ts +1 -1
- package/es/components/checkbox/checkbox.d.ts.map +1 -1
- package/es/components/checkbox/checkbox.js +3 -2
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.d.ts +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +3 -2
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +1 -1
- package/es/components/code-snippet/code-snippet.d.ts.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-item.d.ts +1 -1
- package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
- package/es/components/combo-box/combo-box-item.js +2 -2
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.d.ts +1 -1
- package/es/components/combo-box/combo-box.d.ts.map +1 -1
- package/es/components/combo-box/combo-box.js +3 -2
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
- package/es/components/content-switcher/content-switcher-item.js +3 -2
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.d.ts +1 -1
- package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
- package/es/components/content-switcher/content-switcher.js +3 -2
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/copy-button/copy-button.d.ts +1 -1
- package/es/components/copy-button/copy-button.d.ts.map +1 -1
- package/es/components/copy-button/copy-button.js +3 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/table-batch-actions.d.ts +1 -1
- package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
- package/es/components/data-table/table-batch-actions.js +3 -2
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.d.ts +1 -1
- package/es/components/data-table/table-body.d.ts.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-skeleton.d.ts +1 -1
- package/es/components/data-table/table-cell-skeleton.d.ts.map +1 -1
- package/es/components/data-table/table-cell-skeleton.js +3 -2
- package/es/components/data-table/table-cell-skeleton.js.map +1 -1
- package/es/components/data-table/table-cell.d.ts +1 -1
- package/es/components/data-table/table-cell.d.ts.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-expand-row.d.ts +1 -1
- package/es/components/data-table/table-expand-row.d.ts.map +1 -1
- package/es/components/data-table/table-expand-row.js +3 -2
- package/es/components/data-table/table-expand-row.js.map +1 -1
- package/es/components/data-table/table-expanded-row.d.ts +1 -1
- package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
- package/es/components/data-table/table-expanded-row.js +3 -2
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.d.ts +1 -1
- package/es/components/data-table/table-head.d.ts.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-skeleton.d.ts +1 -1
- package/es/components/data-table/table-header-cell-skeleton.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell-skeleton.js +2 -2
- package/es/components/data-table/table-header-cell-skeleton.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +1 -1
- package/es/components/data-table/table-header-cell.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell.js +3 -2
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-expand-row.d.ts +1 -1
- package/es/components/data-table/table-header-expand-row.d.ts.map +1 -1
- package/es/components/data-table/table-header-expand-row.js +2 -2
- package/es/components/data-table/table-header-expand-row.js.map +1 -1
- package/es/components/data-table/table-header-row.d.ts +1 -1
- package/es/components/data-table/table-header-row.d.ts.map +1 -1
- package/es/components/data-table/table-header-row.js +2 -2
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-row.d.ts +1 -1
- package/es/components/data-table/table-row.d.ts.map +1 -1
- package/es/components/data-table/table-row.js +3 -2
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.d.ts +1 -1
- package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-content.js +3 -2
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +3 -2
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.d.ts +1 -1
- package/es/components/data-table/table-toolbar.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar.js +3 -2
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.d.ts +1 -1
- package/es/components/data-table/table.d.ts.map +1 -1
- package/es/components/data-table/table.js +3 -2
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.d.ts +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +3 -2
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +3 -7
- package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input.js +3 -2
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.d.ts +2 -4
- package/es/components/date-picker/date-picker.d.ts.map +1 -1
- package/es/components/date-picker/date-picker.js +3 -2
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.d.ts +1 -1
- package/es/components/dropdown/dropdown-item.d.ts.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.d.ts +1 -1
- package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +3 -2
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +2 -1
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/drop-container.d.ts +4 -1
- package/es/components/file-uploader/drop-container.d.ts.map +1 -1
- package/es/components/file-uploader/drop-container.js +3 -2
- package/es/components/file-uploader/drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.d.ts +1 -1
- package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +3 -2
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader.d.ts +1 -1
- package/es/components/file-uploader/file-uploader.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader.js +3 -2
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/form/form-item.d.ts +1 -1
- package/es/components/form/form-item.d.ts.map +1 -1
- package/es/components/form/form-item.js +3 -2
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/inline-loading/inline-loading.d.ts +1 -1
- package/es/components/inline-loading/inline-loading.d.ts.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/input/input.d.ts +1 -4
- package/es/components/input/input.d.ts.map +1 -1
- package/es/components/input/input.js +3 -2
- package/es/components/input/input.js.map +1 -1
- package/es/components/link/link.d.ts +1 -1
- package/es/components/link/link.d.ts.map +1 -1
- package/es/components/link/link.js +3 -2
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.d.ts +1 -1
- package/es/components/list/list-item.d.ts.map +1 -1
- package/es/components/list/list-item.js +3 -2
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.d.ts +1 -1
- package/es/components/list/ordered-list.d.ts.map +1 -1
- package/es/components/list/ordered-list.js +3 -2
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.d.ts +1 -1
- package/es/components/list/unordered-list.d.ts.map +1 -1
- package/es/components/list/unordered-list.js +3 -2
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading.d.ts +1 -1
- package/es/components/loading/loading.d.ts.map +1 -1
- package/es/components/loading/loading.js +3 -2
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/modal/modal-body.d.ts +1 -1
- package/es/components/modal/modal-body.d.ts.map +1 -1
- package/es/components/modal/modal-body.js +3 -2
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +1 -1
- package/es/components/modal/modal-close-button.d.ts.map +1 -1
- package/es/components/modal/modal-close-button.js +3 -2
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer-button.d.ts +1 -1
- package/es/components/modal/modal-footer-button.d.ts.map +1 -1
- package/es/components/modal/modal-footer-button.js +2 -2
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.d.ts +1 -1
- package/es/components/modal/modal-footer.d.ts.map +1 -1
- package/es/components/modal/modal-footer.js +3 -2
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.d.ts +1 -1
- package/es/components/modal/modal-header.d.ts.map +1 -1
- package/es/components/modal/modal-header.js +3 -2
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.d.ts +1 -1
- package/es/components/modal/modal-heading.d.ts.map +1 -1
- package/es/components/modal/modal-heading.js +3 -2
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.d.ts +1 -1
- package/es/components/modal/modal-label.d.ts.map +1 -1
- package/es/components/modal/modal-label.js +3 -2
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.d.ts +1 -1
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +3 -2
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +1 -1
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +3 -2
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +1 -1
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +3 -2
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/inline-notification.d.ts +1 -1
- package/es/components/notification/inline-notification.d.ts.map +1 -1
- package/es/components/notification/inline-notification.js +4 -3
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/toast-notification.d.ts +1 -1
- package/es/components/notification/toast-notification.d.ts.map +1 -1
- package/es/components/notification/toast-notification.js +3 -2
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.d.ts +1 -1
- package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
- package/es/components/number-input/number-input-skeleton.js +3 -2
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +1 -1
- package/es/components/number-input/number-input.d.ts.map +1 -1
- package/es/components/number-input/number-input.js +3 -2
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +3 -2
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts.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.d.ts +4 -1
- package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +3 -2
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/page-sizes-select.d.ts +1 -1
- package/es/components/pagination/page-sizes-select.d.ts.map +1 -1
- package/es/components/pagination/page-sizes-select.js +3 -2
- package/es/components/pagination/page-sizes-select.js.map +1 -1
- package/es/components/pagination/pages-select.d.ts +1 -1
- package/es/components/pagination/pages-select.d.ts.map +1 -1
- package/es/components/pagination/pages-select.js +3 -2
- package/es/components/pagination/pages-select.js.map +1 -1
- package/es/components/pagination/pagination.d.ts +1 -1
- package/es/components/pagination/pagination.d.ts.map +1 -1
- package/es/components/pagination/pagination.js +3 -2
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js +3 -2
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.d.ts +1 -1
- package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js +3 -2
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.d.ts +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +3 -2
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +1 -1
- package/es/components/progress-indicator/progress-step.d.ts.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.d.ts +1 -1
- package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
- package/es/components/radio-button/radio-button-group.js +3 -2
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.d.ts +1 -1
- package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js +3 -2
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.d.ts +1 -1
- package/es/components/radio-button/radio-button.d.ts.map +1 -1
- package/es/components/radio-button/radio-button.js +3 -2
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search-skeleton.d.ts +1 -1
- package/es/components/search/search-skeleton.d.ts.map +1 -1
- package/es/components/search/search-skeleton.js +3 -2
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.d.ts +1 -1
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +3 -2
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select-item-group.d.ts +1 -1
- package/es/components/select/select-item-group.d.ts.map +1 -1
- package/es/components/select/select-item-group.js +3 -2
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.d.ts +1 -1
- package/es/components/select/select-item.d.ts.map +1 -1
- package/es/components/select/select-item.js +3 -2
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select.d.ts +6 -2
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +3 -2
- package/es/components/select/select.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js +3 -2
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.d.ts +1 -1
- package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js +3 -2
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts.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.d.ts +1 -1
- package/es/components/slider/slider-input.d.ts.map +1 -1
- package/es/components/slider/slider-input.js +3 -2
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.d.ts +1 -1
- package/es/components/slider/slider-skeleton.d.ts.map +1 -1
- package/es/components/slider/slider-skeleton.js +3 -2
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.d.ts +1 -1
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +3 -2
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/structured-list/structured-list-body.d.ts +1 -1
- package/es/components/structured-list/structured-list-body.d.ts.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.d.ts +1 -1
- package/es/components/structured-list/structured-list-cell.d.ts.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.d.ts +1 -1
- package/es/components/structured-list/structured-list-head.d.ts.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.d.ts +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js +3 -2
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.d.ts +1 -1
- package/es/components/structured-list/structured-list-header-cell.d.ts.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.d.ts +1 -1
- package/es/components/structured-list/structured-list-header-row.d.ts.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.d.ts +1 -1
- package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-row.js +3 -2
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.d.ts +1 -1
- package/es/components/structured-list/structured-list.d.ts.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.d.ts +1 -1
- package/es/components/tabs/tab-skeleton.d.ts.map +1 -1
- package/es/components/tabs/tab-skeleton.js +3 -2
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.d.ts +1 -1
- package/es/components/tabs/tab.d.ts.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.d.ts +1 -1
- package/es/components/tabs/tabs-skeleton.d.ts.map +1 -1
- package/es/components/tabs/tabs-skeleton.js +3 -2
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +3 -3
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +5 -4
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/filter-tag.d.ts +5 -2
- package/es/components/tag/filter-tag.d.ts.map +1 -1
- package/es/components/tag/filter-tag.js +3 -2
- package/es/components/tag/filter-tag.js.map +1 -1
- package/es/components/tag/tag.d.ts +1 -1
- package/es/components/tag/tag.d.ts.map +1 -1
- package/es/components/tag/tag.js +3 -2
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/textarea/textarea-skeleton.d.ts +1 -1
- package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
- package/es/components/textarea/textarea-skeleton.js +3 -2
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.d.ts +1 -1
- package/es/components/textarea/textarea.d.ts.map +1 -1
- package/es/components/textarea/textarea.js +3 -2
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/clickable-tile.d.ts +1 -1
- package/es/components/tile/clickable-tile.d.ts.map +1 -1
- package/es/components/tile/clickable-tile.js +3 -2
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +1 -1
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +3 -2
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.d.ts +1 -1
- package/es/components/tile/radio-tile.d.ts.map +1 -1
- package/es/components/tile/radio-tile.js +2 -2
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts.map +1 -1
- package/es/components/tile/selectable-tile.js +2 -1
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.d.ts +1 -1
- package/es/components/tile/tile-group.d.ts.map +1 -1
- package/es/components/tile/tile-group.js +3 -2
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.d.ts +1 -1
- package/es/components/tile/tile.d.ts.map +1 -1
- package/es/components/tile/tile.js +3 -2
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.d.ts +1 -1
- package/es/components/toggle/toggle.d.ts.map +1 -1
- package/es/components/toggle/toggle.js +3 -2
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/tooltip/tooltip-body.d.ts.map +1 -1
- package/es/components/tooltip/tooltip-body.js +2 -1
- package/es/components/tooltip/tooltip-body.js.map +1 -1
- package/es/components/tooltip/tooltip-definition.d.ts +1 -1
- package/es/components/tooltip/tooltip-definition.d.ts.map +1 -1
- package/es/components/tooltip/tooltip-definition.js +3 -2
- package/es/components/tooltip/tooltip-definition.js.map +1 -1
- package/es/components/tooltip/tooltip-footer.d.ts +1 -1
- package/es/components/tooltip/tooltip-footer.d.ts.map +1 -1
- package/es/components/tooltip/tooltip-footer.js +3 -2
- package/es/components/tooltip/tooltip-footer.js.map +1 -1
- package/es/components/tooltip/tooltip-icon.d.ts +1 -1
- package/es/components/tooltip/tooltip-icon.d.ts.map +1 -1
- package/es/components/tooltip/tooltip-icon.js +3 -2
- package/es/components/tooltip/tooltip-icon.js.map +1 -1
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +2 -1
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.d.ts +1 -1
- package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +3 -2
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.d.ts +1 -1
- package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-item.js +2 -2
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.d.ts +1 -1
- package/es/components/ui-shell/header-menu.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu.js +3 -2
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.d.ts +1 -1
- package/es/components/ui-shell/header-name.d.ts.map +1 -1
- package/es/components/ui-shell/header-name.js +3 -2
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-nav-item.js +3 -2
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.d.ts +1 -1
- package/es/components/ui-shell/header-nav.d.ts.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.d.ts +1 -1
- package/es/components/ui-shell/header.d.ts.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.d.ts +1 -1
- package/es/components/ui-shell/side-nav-divider.d.ts.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.d.ts +1 -1
- package/es/components/ui-shell/side-nav-items.d.ts.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.d.ts +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts.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.d.ts +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +3 -2
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +3 -2
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.d.ts +1 -1
- package/es/components/ui-shell/side-nav.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav.js +3 -2
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/globals/decorators/carbon-element.d.ts +235 -0
- package/es/globals/decorators/carbon-element.d.ts.map +1 -0
- package/es/globals/decorators/carbon-element.js +429 -0
- package/es/globals/decorators/carbon-element.js.map +1 -0
- package/package.json +2 -2
- package/dist/checkbox-0edcc860.js +0 -65
- package/dist/checkbox-155d2e12.js +0 -65
- package/dist/copy-button-d50482da.js +0 -65
- package/dist/copy-button-e0c0c272.js +0 -65
- package/dist/link-5cef0608.js +0 -65
- package/dist/link-c666ff67.js +0 -65
- package/dist/loading-3754cb83.js +0 -65
- package/dist/loading-a86f38a0.js +0 -65
- package/dist/search-11f3a241.js +0 -65
- package/dist/search-487b4714.js +0 -65
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBrC;;;;;;;;;;;;GAYG;AACH,cACM,eAAgB,SAAQ,oBAAsB;IAClD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IA2BlC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,SAAS,SAAM;IAEf,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IAwCN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"accordion-item.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\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\nconst { prefix } = settings;\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 bx-accordion-item\n * @fires bx-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 bx-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 BXAccordionItem 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 BXAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventToggle,\n init\n )\n );\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 BXAccordionItem;\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-text' })\n titleText = '';\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 titleText,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\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\">${titleText}</slot>\n </div>\n </button>\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\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 styles = styles;\n}\n\nexport default BXAccordionItem;\n"]}
|
|
@@ -6,7 +6,7 @@ let _ = t => t,
|
|
|
6
6
|
/**
|
|
7
7
|
* @license
|
|
8
8
|
*
|
|
9
|
-
* Copyright IBM Corp. 2019,
|
|
9
|
+
* Copyright IBM Corp. 2019, 2023
|
|
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,11 +14,12 @@ let _ = t => t,
|
|
|
14
14
|
|
|
15
15
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
16
16
|
import { classMap } from 'lit-html/directives/class-map';
|
|
17
|
-
import { html, property,
|
|
17
|
+
import { html, property, LitElement } from 'lit-element';
|
|
18
18
|
import ChevronRight16 from "../../icons/chevron--right/16";
|
|
19
19
|
import FocusMixin from '../../globals/mixins/focus';
|
|
20
20
|
import { ACCORDION_ITEM_BREAKPOINT } from './defs';
|
|
21
21
|
import styles from "././accordion.css.js";
|
|
22
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
22
23
|
export { ACCORDION_ITEM_BREAKPOINT };
|
|
23
24
|
const {
|
|
24
25
|
prefix
|
|
@@ -230,7 +231,7 @@ let BXAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fun
|
|
|
230
231
|
[classBreakpoint]: classBreakpoint,
|
|
231
232
|
[`${prefix}--accordion__content`]: true
|
|
232
233
|
});
|
|
233
|
-
return html(_t || (_t = _` <button ?disabled="${0}" type="button" part="expando" class="${0}--accordion__heading" aria-controls="content" aria-expanded="${0}" @click="${0}" @keydown="${0}"> ${0} <div part="title" class="${0}--accordion__title"> <slot name="title">${0}</slot> </div> </button> <div id="content" part="content" class="${0}"> <slot></slot> </div> `), disabled, prefix,
|
|
234
|
+
return html(_t || (_t = _` <button ?disabled="${0}" type="button" part="expando" class="${0}--accordion__heading" aria-controls="content" aria-expanded="${0}" @click="${0}" @keydown="${0}"> ${0} <div part="title" class="${0}--accordion__title"> <slot name="title">${0}</slot> </div> </button> <div id="content" part="content" class="${0}"> <slot></slot> </div> `), disabled, prefix, open, handleClickExpando, handleKeydownExpando, ChevronRight16({
|
|
234
235
|
part: 'expando-icon',
|
|
235
236
|
class: `${prefix}--accordion__arrow`
|
|
236
237
|
}), prefix, titleText, contentClasses);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","names":["settings","classMap","html","property","customElement","LitElement","ChevronRight16","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","prefix","observeResize","observer","elem","observe","release","unobserve","BXAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","titleText","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","String","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\nconst { prefix } = settings;\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 bx-accordion-item\n * @fires bx-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 bx-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 BXAccordionItem 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 BXAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventToggle,\n init\n )\n );\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 BXAccordionItem;\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-text' })\n titleText = '';\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 titleText,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\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=\"${String(Boolean(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\">${titleText}</slot>\n </div>\n </button>\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\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 styles = styles;\n}\n\nexport default BXAccordionItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"accordion-item.js","names":["settings","classMap","html","property","LitElement","ChevronRight16","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","prefix","observeResize","observer","elem","observe","release","unobserve","BXAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","titleText","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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\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\nconst { prefix } = settings;\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 bx-accordion-item\n * @fires bx-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 bx-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 BXAccordionItem 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 BXAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventToggle,\n init\n )\n );\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 BXAccordionItem;\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-text' })\n titleText = '';\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 titleText,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\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\">${titleText}</slot>\n </div>\n </button>\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\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 styles = styles;\n}\n\nexport default BXAccordionItem;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/accordion/accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/accordion/accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAIxC,OAAO,EAAE,cAAc,EAAE,CAAC;AAI1B;;;;GAIG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,IAAI,iBAA0B;IAE9B,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"accordion.d.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, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Accordion container.\n *\n * @element bx-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass BXAccordion extends LitElement {\n /**\n * Accordion size.\n */\n @property({ reflect: true })\n size = ACCORDION_SIZE.REGULAR;\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 BXAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('size', this.size);\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 BXAccordion;\n"]}
|
|
@@ -6,17 +6,18 @@ let _ = t => t,
|
|
|
6
6
|
/**
|
|
7
7
|
* @license
|
|
8
8
|
*
|
|
9
|
-
* Copyright IBM Corp. 2019,
|
|
9
|
+
* Copyright IBM Corp. 2019, 2023
|
|
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.
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
import { html, property,
|
|
15
|
+
import { html, property, LitElement } from 'lit-element';
|
|
16
16
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
17
17
|
import { forEach } from '../../globals/internal/collection-helpers';
|
|
18
18
|
import { ACCORDION_SIZE } from './defs';
|
|
19
19
|
import styles from "././accordion.css.js";
|
|
20
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
20
21
|
export { ACCORDION_SIZE };
|
|
21
22
|
const {
|
|
22
23
|
prefix
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["html","property","
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["html","property","LitElement","settings","forEach","ACCORDION_SIZE","styles","carbonElement","customElement","prefix","BXAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Accordion container.\n *\n * @element bx-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass BXAccordion extends LitElement {\n /**\n * Accordion size.\n */\n @property({ reflect: true })\n size = ACCORDION_SIZE.REGULAR;\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 BXAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('size', this.size);\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 BXAccordion;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,cAAc,QAAQ,QAAQ;AACvC,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,cAAc;AAEvB,MAAM;EAAEI;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqCrC;EAAC;IAAAI,CAAA,EArCKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdlB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,cAAc,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ7B;AACF;AACA;;MAIE,SAAAE,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXElB,WAAW,CAAAmB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAZ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAS,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACpB,WAAW,CAAwBqB,sBAAsB,CAChE,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CAAC,CACF;QACH;MACF;IAAC;MAAAnB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAtB,IAAA;MAAAuB,MAAA;MAAApB,GAAA;MAAAC,KAAA,EAED,SAAAa,uBAAA,EAAoC;QAClC,OAAQ,GAAE1B,MAAO,iBAAgB;MACnC;IAAC;MAAAS,IAAA;MAAAuB,MAAA;MAAApB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GApCEJ,UAAU;AAuCpC,eAAeQ,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAO/C;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"breadcrumb-item.d.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb item.\n *\n * @element bx-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass BXBreadcrumbItem 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 BXBreadcrumbItem;\n"]}
|
|
@@ -6,15 +6,16 @@ let _ = t => t,
|
|
|
6
6
|
/**
|
|
7
7
|
* @license
|
|
8
8
|
*
|
|
9
|
-
* Copyright IBM Corp. 2019,
|
|
9
|
+
* Copyright IBM Corp. 2019, 2023
|
|
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.
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
import { html,
|
|
15
|
+
import { html, LitElement } from 'lit-element';
|
|
16
16
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
17
17
|
import styles from "././breadcrumb.css.js";
|
|
18
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
18
19
|
const {
|
|
19
20
|
prefix
|
|
20
21
|
} = settings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.js","names":["html","
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb item.\n *\n * @element bx-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass BXBreadcrumbItem 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 BXBreadcrumbItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa1C;EAAC;IAAAI,CAAA,EAbKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,gBAAgB,CAAAgB,SAAA,8BAAAC,IAAA;MAMpB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAZOF,UAAU;AAezC,eAAeM,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,cAAc,CAAC;AAMlC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,MAAM;IACnC,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"breadcrumb-link.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport BXLink from '../link/link';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Link in breadcrumb.\n *\n * @element bx-breadcrumb-link\n */\n@customElement(`${prefix}-breadcrumb-link`)\nclass BXBreadcrumbLink extends BXLink {\n static styles = styles;\n}\n\nexport default BXBreadcrumbLink;\n"]}
|
|
@@ -2,16 +2,16 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
*
|
|
5
|
-
* Copyright IBM Corp. 2019,
|
|
5
|
+
* Copyright IBM Corp. 2019, 2023
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
import { customElement } from 'lit-element';
|
|
12
11
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
13
12
|
import BXLink from '../link/link';
|
|
14
13
|
import styles from "././breadcrumb.css.js";
|
|
14
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
15
15
|
const {
|
|
16
16
|
prefix
|
|
17
17
|
} = settings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-link.js","names":["
|
|
1
|
+
{"version":3,"file":"breadcrumb-link.js","names":["settings","BXLink","styles","carbonElement","customElement","prefix","BXBreadcrumbLink","_decorate","_initialize","_BXLink","constructor","args","F","d","kind","static","key","value"],"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 settings from 'carbon-components/es/globals/js/settings';\nimport BXLink from '../link/link';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Link in breadcrumb.\n *\n * @element bx-breadcrumb-link\n */\n@customElement(`${prefix}-breadcrumb-link`)\nclass BXBreadcrumbLink extends BXLink {\n static styles = styles;\n}\n\nexport default BXBreadcrumbLink;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,OAAA;EAA3C,MACMH,gBAAgB,SAAAG,OAAA,CAAgB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAEtC;EAAC;IAAAI,CAAA,EAFKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACJf,MAAM;MAAA;IAAA;EAAA;AAAA,GADOD,MAAM;AAIrC,eAAeK,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/breadcrumb-overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,cAAc,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/breadcrumb-overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAM5D;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,cAAc;IACnD,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,wBAAwB,CAAC","file":"breadcrumb-overflow-menu.d.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-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport BXOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element bx-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass BXBreadcrumbOverflowMenu extends BXOverflowMenu {\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 BXBreadcrumbOverflowMenu;\n"]}
|
|
@@ -4,17 +4,18 @@ let _ = t => t,
|
|
|
4
4
|
/**
|
|
5
5
|
* @license
|
|
6
6
|
*
|
|
7
|
-
* Copyright IBM Corp. 2019,
|
|
7
|
+
* Copyright IBM Corp. 2019, 2023
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
10
10
|
* LICENSE file in the root directory of this source tree.
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
import {
|
|
13
|
+
import { html } from 'lit-element';
|
|
14
14
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
15
15
|
import OverflowMenuHorizontal16 from "../../icons/overflow-menu--horizontal/16";
|
|
16
16
|
import BXOverflowMenu from '../overflow-menu/overflow-menu';
|
|
17
17
|
import styles from "././breadcrumb.css.js";
|
|
18
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
18
19
|
const {
|
|
19
20
|
prefix
|
|
20
21
|
} = settings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["
|
|
1
|
+
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["html","settings","OverflowMenuHorizontal16","BXOverflowMenu","styles","carbonElement","customElement","prefix","BXBreadcrumbOverflowMenu","_decorate","_initialize","_BXOverflowMenu","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-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport BXOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element bx-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass BXBreadcrumbOverflowMenu extends BXOverflowMenu {\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 BXBreadcrumbOverflowMenu;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,wBAAwB,MAAM,0CAAgD;AACrF,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,wBAAwB,GAAAC,SAAA,EAD7BH,aAAa,CAAE,GAAEC,MAAO,2BAA0B,CAAC,aAAAG,WAAA,EAAAC,eAAA;EAApD,MACMH,wBAAwB,SAAAG,eAAA,CAAwB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYtD;EAAC;IAAAI,CAAA,EAZKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,OAAA,EAAS;QACP,OAAOnB,IAAI,CAAAoB,EAAA,KAAAA,EAAA,GAAAC,CAAA,sCAELnB,wBAAwB,CAAC;UACzBoB,KAAK,EAAG,GAAEf,MAAO;QACnB,CAAC,CAAC;MAGR;IAAC;MAAAS,IAAA;MAAAO,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAXeD,cAAc;AAcrD,eAAeK,wBAAwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAO/C;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC,iBAAiB;IAOjB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"breadcrumb.d.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb.\n *\n * @element bx-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass BXBreadcrumb extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'nav');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`\n <ol\n class=\"${prefix}--breadcrumb ${prefix}--breadcrumb--no-trailing-slash\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXBreadcrumb;\n"]}
|
|
@@ -6,15 +6,16 @@ let _ = t => t,
|
|
|
6
6
|
/**
|
|
7
7
|
* @license
|
|
8
8
|
*
|
|
9
|
-
* Copyright IBM Corp. 2019,
|
|
9
|
+
* Copyright IBM Corp. 2019, 2023
|
|
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.
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
import { html,
|
|
15
|
+
import { html, LitElement } from 'lit-element';
|
|
16
16
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
17
17
|
import styles from "././breadcrumb.css.js";
|
|
18
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
18
19
|
const {
|
|
19
20
|
prefix
|
|
20
21
|
} = settings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","names":["html","
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumb","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb.\n *\n * @element bx-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass BXBreadcrumb extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'nav');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`\n <ol\n class=\"${prefix}--breadcrumb ${prefix}--breadcrumb--no-trailing-slash\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXBreadcrumb;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkBtC;EAAC;IAAAI,CAAA,EAlBKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;QAClC;QACAC,IAAA,CAAAC,eAAA,CALEf,YAAY,CAAAgB,SAAA,8BAAAC,IAAA;MAMhB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA,4FAEErB,MAAM,EAAgBA,MAAM;MAI3C;IAAC;MAAAS,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAjBGF,UAAU;AAoBrC,eAAeM,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/button/button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,QAAQ,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"sources":["components/button/button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC;;GAEG;AACH,cACM,gBAAiB,SAAQ,QAAQ;IACrC;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAOhC,MAAM;IA2CN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"button-skeleton.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXButton from './button';\nimport styles from './button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-btn-skeleton`)\nclass BXButtonSkeleton extends BXButton {\n /**\n * Handles `click` event on the `<a>.\n *\n * @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"></button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButtonSkeleton;\n"]}
|
|
@@ -5,7 +5,7 @@ let _ = t => t,
|
|
|
5
5
|
/**
|
|
6
6
|
* @license
|
|
7
7
|
*
|
|
8
|
-
* Copyright IBM Corp. 2019,
|
|
8
|
+
* Copyright IBM Corp. 2019, 2023
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -13,10 +13,11 @@ let _ = t => t,
|
|
|
13
13
|
|
|
14
14
|
import settings from 'carbon-components/es/globals/js/settings';
|
|
15
15
|
import { classMap } from 'lit-html/directives/class-map';
|
|
16
|
-
import { html
|
|
16
|
+
import { html } from 'lit-element';
|
|
17
17
|
import ifNonNull from '../../globals/directives/if-non-null';
|
|
18
18
|
import BXButton from './button';
|
|
19
19
|
import styles from "././button.css.js";
|
|
20
|
+
import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
|
|
20
21
|
const {
|
|
21
22
|
prefix
|
|
22
23
|
} = settings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-skeleton.js","names":["settings","classMap","html","
|
|
1
|
+
{"version":3,"file":"button-skeleton.js","names":["settings","classMap","html","ifNonNull","BXButton","styles","carbonElement","customElement","prefix","BXButtonSkeleton","_decorate","_initialize","_BXButton","constructor","args","F","d","kind","key","value","_handleClickLinkSkeleton","event","disabled","preventDefault","stopPropagation","render","autofocus","download","href","hreflang","ping","rel","size","target","type","classes","_t","_","_t2","static"],"sources":["components/button/button-skeleton.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXButton from './button';\nimport styles from './button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-btn-skeleton`)\nclass BXButtonSkeleton extends BXButton {\n /**\n * Handles `click` event on the `<a>.\n *\n * @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"></button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButtonSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,QAAQ,MAAM,UAAU;AAC/B,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMS,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,SAAA;EAAxC,MACMH,gBAAgB,SAAAG,SAAA,CAAkB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDxC;EAAC;IAAAI,CAAA,EAzDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACpB;AACF;AACA;AACA;AACA;MACE,SAAAC,yBAAiCC,KAAiB,EAAE;QAClD,IAAI,IAAI,CAACC,QAAQ,EAAE;UACjBD,KAAK,CAACE,cAAc,EAAE,CAAC,CAAC;UACxBF,KAAK,CAACG,eAAe,EAAE,CAAC,CAAC;QAC3B;MACF;IAAC;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;QACP,MAAM;UACJC,SAAS;UACTJ,QAAQ;UACRK,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,OAAM,GAAG,IAAI;UACxB,CAAE,GAAEA,MAAO,YAAW,GAAG,IAAI;UAC7B,CAAE,GAAEA,MAAO,UAASwB,IAAK,EAAC,GAAGA;QAC/B,CAAC,CAAC;QACF,OAAOJ,IAAI,GACP1B,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,CAAA,gKAISF,OAAO,EACJhC,SAAS,CAACwB,QAAQ,CAAC,EACvBxB,SAAS,CAACyB,IAAI,CAAC,EACXzB,SAAS,CAAC0B,QAAQ,CAAC,EACvB1B,SAAS,CAAC2B,IAAI,CAAC,EAChB3B,SAAS,CAAC4B,GAAG,CAAC,EACX5B,SAAS,CAAC8B,MAAM,CAAC,EACnB9B,SAAS,CAAC+B,IAAI,CAAC,EACb,IAAI,CAACd,wBAAwB,IAE3ClB,IAAI,CAAAoC,GAAA,KAAAA,GAAA,GAAAD,CAAA,gGAGSF,OAAO,EACFT,SAAS,EACVJ,QAAQ,EACbnB,SAAS,CAAC+B,IAAI,CAAC,CAC1B;MACP;IAAC;MAAAjB,IAAA;MAAAsB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDOD,QAAQ;AA2DvC,eAAeK,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAMtE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIxD;;;;;GAKG;AACH,cACM,QAAS,SAAQ,aAAyC;IAC9D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,eAAe,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAO5B;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,UAAU,qBAA8B;IAExC;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd,gBAAgB;IAShB,MAAM;IAsEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"button.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT } from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT };\n\nconst { prefix } = settings;\n\n/**\n * Button.\n *\n * @element bx-btn\n * @csspart button The button.\n */\n@customElement(`${prefix}-btn`)\nclass BXButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * `true` if there is a non-icon content.\n */\n private _hasMainContent = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * Button icon layout.\n */\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n isExpressive,\n linkRole,\n kind,\n ping,\n rel,\n size,\n target,\n type,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,\n [`${prefix}--btn--xl`]: size === 'xl',\n [`${prefix}--btn--field`]: size === 'field' && !isExpressive,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n });\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButton;\n"]}
|