@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4
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/README.md +9 -9
- package/custom-elements.json +4026 -1801
- package/es/components/breadcrumb/breadcrumb.css.js +1 -1
- package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.d.ts +12 -4
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +57 -19
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +9 -0
- package/es/components/checkbox/checkbox.d.ts.map +1 -1
- package/es/components/checkbox/checkbox.js +32 -1
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/checkbox/checkbox.rtl.css.js +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.d.ts +2 -2
- package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +4 -4
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.css.js +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +75 -29
- package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet.js +370 -164
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
- package/es/components/copy/copy.d.ts +1 -2
- package/es/components/copy/copy.d.ts.map +1 -1
- package/es/components/copy/copy.js +6 -13
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.css.js +1 -1
- package/es/components/copy-button/copy-button.d.ts +8 -0
- package/es/components/copy-button/copy-button.d.ts.map +1 -1
- package/es/components/copy-button/copy-button.js +38 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/copy-button/copy-button.rtl.css.js +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/data-table.rtl.css.js +1 -1
- package/es/components/data-table/defs.d.ts +0 -13
- package/es/components/data-table/defs.d.ts.map +1 -1
- package/es/components/data-table/defs.js +0 -9
- package/es/components/data-table/defs.js.map +1 -1
- package/es/components/data-table/index.d.ts +6 -5
- package/es/components/data-table/index.d.ts.map +1 -1
- package/es/components/data-table/index.js +6 -5
- package/es/components/data-table/index.js.map +1 -1
- package/es/components/data-table/table-batch-actions.d.ts +7 -2
- package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
- package/es/components/data-table/table-batch-actions.js +25 -6
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.d.ts +8 -4
- package/es/components/data-table/table-body.d.ts.map +1 -1
- package/es/components/data-table/table-body.js +21 -14
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-content.d.ts +21 -0
- package/es/components/data-table/table-cell-content.d.ts.map +1 -0
- package/es/components/data-table/table-cell-content.js +53 -0
- package/es/components/data-table/table-cell-content.js.map +1 -0
- package/es/components/data-table/table-cell.d.ts +15 -2
- package/es/components/data-table/table-cell.d.ts.map +1 -1
- package/es/components/data-table/table-cell.js +43 -8
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.d.ts +336 -2
- package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
- package/es/components/data-table/table-expanded-row.js +69 -16
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.d.ts +7 -2
- package/es/components/data-table/table-head.d.ts.map +1 -1
- package/es/components/data-table/table-head.js +15 -6
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +21 -3
- package/es/components/data-table/table-header-cell.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell.js +67 -10
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-description.d.ts +21 -0
- package/es/components/data-table/table-header-description.d.ts.map +1 -0
- package/es/components/data-table/table-header-description.js +53 -0
- package/es/components/data-table/table-header-description.js.map +1 -0
- package/es/components/data-table/table-header-row.d.ts +3 -3
- package/es/components/data-table/table-header-row.d.ts.map +1 -1
- package/es/components/data-table/table-header-row.js +6 -6
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-header-title.d.ts +21 -0
- package/es/components/data-table/table-header-title.d.ts.map +1 -0
- package/es/components/data-table/table-header-title.js +53 -0
- package/es/components/data-table/table-header-title.js.map +1 -0
- package/es/components/data-table/table-row.d.ts +413 -5
- package/es/components/data-table/table-row.d.ts.map +1 -1
- package/es/components/data-table/table-row.js +386 -45
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-skeleton.d.ts +59 -0
- package/es/components/data-table/table-skeleton.d.ts.map +1 -0
- package/es/components/data-table/table-skeleton.js +259 -0
- package/es/components/data-table/table-skeleton.js.map +1 -0
- package/es/components/data-table/table-toolbar-content.d.ts +6 -2
- package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-content.js +21 -4
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +7 -3
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +25 -8
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.d.ts +19 -2
- package/es/components/data-table/table-toolbar.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar.js +68 -13
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.d.ts +556 -6
- package/es/components/data-table/table.d.ts.map +1 -1
- package/es/components/data-table/table.js +1012 -15
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/dropdown/defs.d.ts +6 -6
- package/es/components/dropdown/defs.d.ts.map +1 -1
- package/es/components/dropdown/defs.js +2 -2
- package/es/components/dropdown/defs.js.map +1 -1
- package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-item.js +1 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown.d.ts +9 -2
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +83 -62
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.d.ts +1 -1
- package/es/components/file-uploader/demo-file-uploader.d.ts.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.js +38 -4
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/floating-menu/defs.d.ts +1 -39
- package/es/components/floating-menu/defs.d.ts.map +1 -1
- package/es/components/floating-menu/defs.js +2 -23
- package/es/components/floating-menu/defs.js.map +1 -1
- package/es/components/floating-menu/floating-menu-trigger.d.ts +3 -3
- package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +11 -13
- package/es/components/floating-menu/floating-menu.d.ts.map +1 -1
- package/es/components/floating-menu/floating-menu.js +44 -54
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.d.ts +2 -2
- package/es/components/form/form-item.d.ts.map +1 -1
- package/es/components/form/form-item.js +4 -4
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form-group/form-group.css.js +12 -0
- package/es/components/form-group/form-group.d.ts +44 -0
- package/es/components/form-group/form-group.d.ts.map +1 -0
- package/es/components/form-group/form-group.js +141 -0
- package/es/components/form-group/form-group.js.map +1 -0
- package/es/components/form-group/form-group.rtl.css.js +12 -0
- package/es/components/form-group/index.d.ts +11 -0
- package/es/components/form-group/index.d.ts.map +1 -0
- package/es/components/form-group/index.js +11 -0
- package/es/components/form-group/index.js.map +1 -0
- package/es/components/icon-button/icon-button.css.js +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.d.ts.map +1 -1
- package/es/components/icon-button/icon-button.js +5 -3
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/icon-button/icon-button.rtl.css.js +1 -1
- package/es/components/list/list.css.js +1 -1
- package/es/components/list/list.rtl.css.js +1 -1
- package/es/components/modal/defs.d.ts +3 -3
- package/es/components/modal/defs.d.ts.map +1 -1
- package/es/components/modal/defs.js +2 -2
- package/es/components/modal/defs.js.map +1 -1
- package/es/components/modal/index.d.ts +2 -1
- package/es/components/modal/index.d.ts.map +1 -1
- package/es/components/modal/index.js +2 -1
- package/es/components/modal/index.js.map +1 -1
- package/es/components/modal/modal-body-content.d.ts +21 -0
- package/es/components/modal/modal-body-content.d.ts.map +1 -0
- package/es/components/modal/modal-body-content.js +53 -0
- package/es/components/modal/modal-body-content.js.map +1 -0
- package/es/components/modal/modal-body.d.ts +2 -2
- package/es/components/modal/modal-body.d.ts.map +1 -1
- package/es/components/modal/modal-body.js +4 -4
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +5 -5
- package/es/components/modal/modal-close-button.d.ts.map +1 -1
- package/es/components/modal/modal-close-button.js +9 -9
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer.d.ts +3 -3
- package/es/components/modal/modal-footer.d.ts.map +1 -1
- package/es/components/modal/modal-footer.js +13 -21
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.d.ts +2 -2
- package/es/components/modal/modal-header.d.ts.map +1 -1
- package/es/components/modal/modal-header.js +4 -4
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.d.ts +2 -2
- package/es/components/modal/modal-heading.d.ts.map +1 -1
- package/es/components/modal/modal-heading.js +4 -4
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.d.ts +2 -2
- package/es/components/modal/modal-label.d.ts.map +1 -1
- package/es/components/modal/modal-label.js +4 -4
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts +33 -3
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +121 -14
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.rtl.css.js +1 -1
- package/es/components/multi-select/defs.d.ts +27 -0
- package/es/components/multi-select/defs.d.ts.map +1 -0
- package/es/components/multi-select/defs.js +19 -0
- package/es/components/multi-select/defs.js.map +1 -0
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +9 -14
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +44 -5
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +250 -32
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.d.ts.map +1 -1
- package/es/components/number-input/number-input.js +1 -1
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/overflow-menu/defs.d.ts +4 -9
- package/es/components/overflow-menu/defs.d.ts.map +1 -1
- package/es/components/overflow-menu/defs.js +1 -4
- package/es/components/overflow-menu/defs.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.d.ts +16 -15
- package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +49 -28
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +12 -3
- package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +44 -12
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.css.js +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +22 -10
- package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +89 -40
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
- package/es/components/pagination/defs.d.ts +27 -0
- package/es/components/pagination/defs.d.ts.map +1 -0
- package/es/components/pagination/defs.js +19 -0
- package/es/components/pagination/defs.js.map +1 -0
- package/es/components/pagination/index.d.ts +1 -3
- package/es/components/pagination/index.d.ts.map +1 -1
- package/es/components/pagination/index.js +1 -3
- package/es/components/pagination/index.js.map +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.d.ts +55 -20
- package/es/components/pagination/pagination.d.ts.map +1 -1
- package/es/components/pagination/pagination.js +303 -123
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -2
- package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js +5 -5
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.d.ts +8 -3
- package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js +35 -8
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.d.ts +2 -2
- package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +12 -12
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +11 -3
- package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
- package/es/components/progress-indicator/progress-step.js +65 -24
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button.css.js +1 -1
- package/es/components/radio-button/radio-button.d.ts +4 -0
- package/es/components/radio-button/radio-button.d.ts.map +1 -1
- package/es/components/radio-button/radio-button.js +22 -0
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/radio-button/radio-button.rtl.css.js +1 -1
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +3 -1
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/stack/defs.d.ts +29 -0
- package/es/components/stack/defs.d.ts.map +1 -0
- package/es/components/stack/defs.js +31 -0
- package/es/components/stack/defs.js.map +1 -0
- package/es/components/stack/index.d.ts +11 -0
- package/es/components/stack/index.d.ts.map +1 -0
- package/es/components/stack/index.js +11 -0
- package/es/components/stack/index.js.map +1 -0
- package/es/components/stack/stack.css.js +12 -0
- package/es/components/stack/stack.d.ts +46 -0
- package/es/components/stack/stack.d.ts.map +1 -0
- package/es/components/stack/stack.js +116 -0
- package/es/components/stack/stack.js.map +1 -0
- package/es/components/stack/stack.rtl.css.js +12 -0
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.d.ts +9 -0
- package/es/components/structured-list/structured-list.d.ts.map +1 -1
- package/es/components/structured-list/structured-list.js +47 -1
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/structured-list/structured-list.rtl.css.js +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.rtl.css.js +1 -1
- package/es/components/text-input/defs.d.ts +38 -0
- package/es/components/text-input/defs.d.ts.map +1 -1
- package/es/components/text-input/defs.js +24 -3
- package/es/components/text-input/defs.js.map +1 -1
- package/es/components/text-input/text-input.d.ts +4 -5
- package/es/components/text-input/text-input.d.ts.map +1 -1
- package/es/components/text-input/text-input.js +5 -6
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/textarea/textarea.d.ts.map +1 -1
- package/es/components/textarea/textarea.js +1 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +1 -3
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +1 -1
- package/es/components/tile/expandable-tile.js.map +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/toggle-tip/toggletip.d.ts +1 -1
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +28 -3
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.d.ts +12 -1
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +47 -1
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +31 -0
- package/es/components/ui-shell/header-global-action.d.ts.map +1 -0
- package/es/components/ui-shell/header-global-action.js +88 -0
- package/es/components/ui-shell/header-global-action.js.map +1 -0
- package/es/components/ui-shell/header-menu-button.d.ts +6 -6
- package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +10 -10
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.d.ts +3 -3
- package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu-item.js +6 -6
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.d.ts +11 -3
- package/es/components/ui-shell/header-menu.d.ts.map +1 -1
- package/es/components/ui-shell/header-menu.js +47 -7
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.d.ts +3 -3
- package/es/components/ui-shell/header-name.d.ts.map +1 -1
- package/es/components/ui-shell/header-name.js +4 -4
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +11 -3
- package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
- package/es/components/ui-shell/header-nav-item.js +39 -6
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.d.ts +2 -2
- package/es/components/ui-shell/header-nav.d.ts.map +1 -1
- package/es/components/ui-shell/header-nav.js +5 -5
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.d.ts +30 -0
- package/es/components/ui-shell/header-panel.d.ts.map +1 -0
- package/es/components/ui-shell/header-panel.js +72 -0
- package/es/components/ui-shell/header-panel.js.map +1 -0
- package/es/components/ui-shell/header-side-nav-items.d.ts +27 -0
- package/es/components/ui-shell/header-side-nav-items.d.ts.map +1 -0
- package/es/components/ui-shell/header-side-nav-items.js +80 -0
- package/es/components/ui-shell/header-side-nav-items.js.map +1 -0
- package/es/components/ui-shell/header.css.js +1 -1
- package/es/components/ui-shell/header.d.ts +2 -2
- package/es/components/ui-shell/header.d.ts.map +1 -1
- package/es/components/ui-shell/header.js +5 -5
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/header.rtl.css.js +1 -1
- package/es/components/ui-shell/index.d.ts +5 -0
- package/es/components/ui-shell/index.d.ts.map +1 -1
- package/es/components/ui-shell/index.js +5 -0
- package/es/components/ui-shell/index.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.d.ts +2 -2
- package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js +5 -5
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.d.ts +2 -2
- package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-items.js +6 -6
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts +7 -3
- package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +18 -5
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +3 -3
- package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +4 -4
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +7 -3
- package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +18 -5
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.css.js +1 -1
- package/es/components/ui-shell/side-nav.d.ts +35 -13
- package/es/components/ui-shell/side-nav.d.ts.map +1 -1
- package/es/components/ui-shell/side-nav.js +142 -48
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
- package/es/components/ui-shell/switcher-divider.d.ts +21 -0
- package/es/components/ui-shell/switcher-divider.d.ts.map +1 -0
- package/es/components/ui-shell/switcher-divider.js +56 -0
- package/es/components/ui-shell/switcher-divider.js.map +1 -0
- package/es/components/{pagination/page-sizes-select.d.ts → ui-shell/switcher-item.d.ts} +18 -22
- package/es/components/ui-shell/switcher-item.d.ts.map +1 -0
- package/es/components/ui-shell/switcher-item.js +162 -0
- package/es/components/ui-shell/switcher-item.js.map +1 -0
- package/es/components/ui-shell/switcher.d.ts +35 -0
- package/es/components/ui-shell/switcher.d.ts.map +1 -0
- package/es/components/ui-shell/switcher.js +95 -0
- package/es/components/ui-shell/switcher.js.map +1 -0
- package/es/components-react/code-snippet/code-snippet-skeleton.d.ts +2 -2
- package/es/components-react/code-snippet/code-snippet.d.ts +2 -2
- package/es/components-react/data-table/table-batch-actions.d.ts +2 -2
- package/es/components-react/data-table/table-body.d.ts +2 -2
- package/es/components-react/{pagination/pages-select.d.ts → data-table/table-cell-content.d.ts} +2 -6
- package/es/components-react/{pagination/pages-select.js → data-table/table-cell-content.js} +4 -10
- package/es/components-react/data-table/table-cell.d.ts +2 -2
- package/es/components-react/data-table/table-expanded-row.d.ts +2 -2
- package/es/components-react/data-table/table-head.d.ts +2 -2
- package/es/components-react/data-table/table-header-cell.d.ts +2 -2
- package/es/components-react/{pagination/page-sizes-select.d.ts → data-table/table-header-description.d.ts} +2 -6
- package/es/components-react/{pagination/page-sizes-select.js → data-table/table-header-description.js} +4 -10
- package/es/components-react/data-table/table-header-row.d.ts +2 -2
- package/es/components-react/data-table/table-header-title.d.ts +15 -0
- package/es/components-react/data-table/{table-header-cell-skeleton.js → table-header-title.js} +4 -6
- package/es/components-react/data-table/table-row.d.ts +19 -2
- package/es/components-react/data-table/table-row.js +16 -0
- package/es/components-react/data-table/table-skeleton.d.ts +15 -0
- package/es/components-react/data-table/table-skeleton.js +21 -0
- package/es/components-react/data-table/table-toolbar-content.d.ts +2 -2
- package/es/components-react/data-table/table-toolbar-search.d.ts +2 -2
- package/es/components-react/data-table/table-toolbar.d.ts +2 -2
- package/es/components-react/data-table/table.d.ts +44 -2
- package/es/components-react/data-table/table.js +45 -3
- package/es/components-react/file-uploader/demo-file-uploader.d.ts +0 -49
- package/es/components-react/file-uploader/demo-file-uploader.js +3 -51
- package/es/components-react/floating-menu/floating-menu.d.ts +2 -2
- package/es/components-react/floating-menu/floating-menu.js +0 -2
- package/es/components-react/form/form-item.d.ts +2 -2
- package/es/components-react/form-group/form-group.d.ts +15 -0
- package/es/components-react/form-group/form-group.js +21 -0
- package/es/components-react/form-group/index.d.ts +14 -0
- package/es/components-react/form-group/index.js +8 -0
- package/es/components-react/modal/modal-body-content.d.ts +15 -0
- package/es/components-react/modal/modal-body-content.js +21 -0
- package/es/components-react/modal/modal-body.d.ts +2 -2
- package/es/components-react/modal/modal-close-button.d.ts +2 -2
- package/es/components-react/modal/modal-footer.d.ts +2 -2
- package/es/components-react/modal/modal-header.d.ts +2 -2
- package/es/components-react/modal/modal-heading.d.ts +2 -2
- package/es/components-react/modal/modal-label.d.ts +2 -2
- package/es/components-react/modal/modal.d.ts +2 -2
- package/es/components-react/multi-select/defs.d.ts +14 -0
- package/es/components-react/multi-select/defs.js +9 -0
- package/es/components-react/multi-select/multi-select.js +6 -1
- package/es/components-react/overflow-menu/overflow-menu-body.d.ts +2 -2
- package/es/components-react/overflow-menu/overflow-menu-item.d.ts +2 -2
- package/es/components-react/overflow-menu/overflow-menu.d.ts +4 -5
- package/es/components-react/overflow-menu/overflow-menu.js +5 -3
- package/es/components-react/pagination/defs.d.ts +14 -0
- package/es/components-react/pagination/defs.js +9 -0
- package/es/components-react/pagination/pagination.d.ts +3 -7
- package/es/components-react/pagination/pagination.js +3 -7
- package/es/components-react/progress-indicator/progress-indicator-skeleton.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-indicator.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-step-skeleton.d.ts +2 -3
- package/es/components-react/progress-indicator/progress-step.d.ts +2 -3
- package/es/components-react/stack/defs.d.ts +14 -0
- package/es/components-react/stack/defs.js +9 -0
- package/es/components-react/stack/index.d.ts +14 -0
- package/es/components-react/stack/index.js +8 -0
- package/es/components-react/stack/stack.d.ts +15 -0
- package/es/components-react/stack/stack.js +22 -0
- package/es/components-react/text-input/text-input.js +7 -1
- package/es/components-react/toggle-tip/toggletip.d.ts +0 -5
- package/es/components-react/toggle-tip/toggletip.js +3 -13
- package/es/components-react/{data-table/table-cell-skeleton.d.ts → ui-shell/header-global-action.d.ts} +3 -3
- package/es/components-react/{data-table/table-cell-skeleton.js → ui-shell/header-global-action.js} +4 -4
- package/es/components-react/ui-shell/header-menu-button.d.ts +2 -2
- package/es/components-react/ui-shell/header-menu-item.d.ts +2 -2
- package/es/components-react/ui-shell/header-menu.d.ts +2 -2
- package/es/components-react/ui-shell/header-name.d.ts +2 -2
- package/es/components-react/ui-shell/header-nav-item.d.ts +2 -2
- package/es/components-react/ui-shell/header-nav.d.ts +2 -2
- package/es/components-react/ui-shell/header-panel.d.ts +15 -0
- package/es/components-react/ui-shell/header-panel.js +21 -0
- package/es/components-react/ui-shell/header-side-nav-items.d.ts +15 -0
- package/es/components-react/ui-shell/header-side-nav-items.js +21 -0
- package/es/components-react/ui-shell/header.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-divider.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-items.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-link.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-menu-item.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav-menu.d.ts +2 -2
- package/es/components-react/ui-shell/side-nav.d.ts +2 -2
- package/es/components-react/ui-shell/switcher-divider.d.ts +15 -0
- package/es/components-react/ui-shell/switcher-divider.js +21 -0
- package/es/components-react/ui-shell/switcher-item.d.ts +15 -0
- package/es/components-react/ui-shell/switcher-item.js +21 -0
- package/es/components-react/ui-shell/switcher.d.ts +15 -0
- package/es/components-react/ui-shell/switcher.js +21 -0
- package/es/icons/arrow--down/16.js +1 -1
- package/es/icons/arrow--down/32.js +1 -1
- package/es/icons/arrows--vertical/16.js +1 -1
- package/es/icons/arrows--vertical/32.js +1 -1
- package/es/icons/overflow-menu--vertical/16.js +1 -1
- package/es/index.d.ts +12 -2
- package/es/index.d.ts.map +1 -1
- package/es/index.js +12 -2
- package/es/index.js.map +1 -1
- package/lib/components/data-table/defs.js +1 -10
- package/lib/components/data-table/defs.js.map +1 -1
- package/lib/components/dropdown/defs.js +2 -2
- package/lib/components/dropdown/defs.js.map +1 -1
- package/lib/components/floating-menu/defs.js +3 -24
- package/lib/components/floating-menu/defs.js.map +1 -1
- package/lib/components/modal/defs.js +2 -2
- package/lib/components/modal/defs.js.map +1 -1
- package/lib/components/multi-select/defs.js +25 -0
- package/lib/components/multi-select/defs.js.map +1 -0
- package/lib/components/overflow-menu/defs.js +2 -11
- package/lib/components/overflow-menu/defs.js.map +1 -1
- package/lib/components/pagination/defs.js +25 -0
- package/lib/components/pagination/defs.js.map +1 -0
- package/lib/components/stack/defs.js +36 -0
- package/lib/components/stack/defs.js.map +1 -0
- package/lib/components/text-input/defs.js +25 -4
- package/lib/components/text-input/defs.js.map +1 -1
- package/lib/components-react-node/{pagination/pages-select.js → data-table/table-cell-content.js} +3 -9
- package/lib/components-react-node/{pagination/page-sizes-select.js → data-table/table-header-description.js} +3 -9
- package/lib/components-react-node/data-table/{table-cell-skeleton.js → table-header-title.js} +3 -4
- package/lib/components-react-node/data-table/table-row.js +16 -0
- package/lib/components-react-node/data-table/{table-header-cell-skeleton.js → table-skeleton.js} +3 -4
- package/lib/components-react-node/data-table/table.js +44 -8
- package/lib/components-react-node/file-uploader/demo-file-uploader.js +3 -89
- package/lib/components-react-node/floating-menu/floating-menu.js +0 -12
- package/lib/components-react-node/form-group/form-group.js +36 -0
- package/lib/components-react-node/form-group/index.js +9 -0
- package/lib/components-react-node/modal/modal-body-content.js +36 -0
- package/lib/components-react-node/multi-select/defs.js +24 -0
- package/lib/components-react-node/multi-select/multi-select.js +13 -0
- package/lib/components-react-node/overflow-menu/overflow-menu.js +3 -8
- package/lib/components-react-node/pagination/defs.js +24 -0
- package/lib/components-react-node/pagination/pagination.js +3 -7
- package/lib/components-react-node/stack/defs.js +24 -0
- package/lib/components-react-node/stack/index.js +9 -0
- package/lib/components-react-node/stack/stack.js +49 -0
- package/lib/components-react-node/text-input/text-input.js +12 -0
- package/lib/components-react-node/toggle-tip/toggletip.js +3 -51
- package/lib/components-react-node/ui-shell/header-global-action.js +37 -0
- package/lib/components-react-node/ui-shell/header-panel.js +36 -0
- package/lib/components-react-node/ui-shell/header-side-nav-items.js +36 -0
- package/lib/components-react-node/ui-shell/switcher-divider.js +36 -0
- package/lib/components-react-node/ui-shell/switcher-item.js +36 -0
- package/lib/components-react-node/ui-shell/switcher.js +36 -0
- package/package.json +6 -7
- package/scss/components/button/button.scss +48 -1
- package/scss/components/checkbox/checkbox.scss +16 -0
- package/scss/components/code-snippet/code-snippet.scss +82 -101
- package/scss/components/copy-button/copy-button.scss +17 -0
- package/scss/components/data-table/_table-action.scss +50 -32
- package/scss/components/data-table/_table-core.scss +253 -29
- package/scss/components/data-table/_table-expandable.scss +25 -32
- package/scss/components/data-table/_table-selection.scss +36 -20
- package/scss/components/data-table/_table-sizes.scss +162 -20
- package/scss/components/data-table/_table-sort.scss +5 -21
- package/scss/components/data-table/data-table.scss +4 -3
- package/scss/components/form-group/form-group.scss +23 -0
- package/scss/components/modal/modal.scss +61 -87
- package/scss/components/multi-select/multi-select.scss +54 -19
- package/scss/components/overflow-menu/overflow-menu.scss +21 -9
- package/scss/components/pagination/pagination.scss +0 -66
- package/scss/components/progress-indicator/progress-indicator.scss +11 -10
- package/scss/components/radio-button/radio-button.scss +11 -1
- package/scss/components/select/select.scss +28 -1
- package/scss/components/stack/stack.scss +33 -0
- package/scss/components/structured-list/structured-list.scss +90 -20
- package/scss/components/tooltip/tooltip.scss +26 -0
- package/scss/components/ui-shell/header.scss +69 -0
- package/scss/components/ui-shell/side-nav.scss +27 -49
- package/es/components/data-table/table-cell-skeleton.d.ts +0 -20
- package/es/components/data-table/table-cell-skeleton.d.ts.map +0 -1
- package/es/components/data-table/table-cell-skeleton.js +0 -42
- package/es/components/data-table/table-cell-skeleton.js.map +0 -1
- package/es/components/data-table/table-expand-row.d.ts +0 -371
- package/es/components/data-table/table-expand-row.d.ts.map +0 -1
- package/es/components/data-table/table-expand-row.js +0 -192
- package/es/components/data-table/table-expand-row.js.map +0 -1
- package/es/components/data-table/table-header-cell-skeleton.d.ts +0 -19
- package/es/components/data-table/table-header-cell-skeleton.d.ts.map +0 -1
- package/es/components/data-table/table-header-cell-skeleton.js +0 -33
- package/es/components/data-table/table-header-cell-skeleton.js.map +0 -1
- package/es/components/data-table/table-header-expand-row.d.ts +0 -33
- package/es/components/data-table/table-header-expand-row.d.ts.map +0 -1
- package/es/components/data-table/table-header-expand-row.js +0 -68
- package/es/components/data-table/table-header-expand-row.js.map +0 -1
- package/es/components/pagination/page-sizes-select.d.ts.map +0 -1
- package/es/components/pagination/page-sizes-select.js +0 -172
- package/es/components/pagination/page-sizes-select.js.map +0 -1
- package/es/components/pagination/pages-select.d.ts +0 -362
- package/es/components/pagination/pages-select.d.ts.map +0 -1
- package/es/components/pagination/pages-select.js +0 -185
- package/es/components/pagination/pages-select.js.map +0 -1
- package/es/components-react/data-table/table-expand-row.d.ts +0 -24
- package/es/components-react/data-table/table-expand-row.js +0 -33
- package/es/components-react/data-table/table-header-cell-skeleton.d.ts +0 -14
- package/es/components-react/data-table/table-header-expand-row.d.ts +0 -29
- package/es/components-react/data-table/table-header-expand-row.js +0 -37
- package/lib/components-react-node/data-table/table-expand-row.js +0 -47
- package/lib/components-react-node/data-table/table-header-expand-row.js +0 -51
- package/scss/components/data-table/_table-skeleton.scss +0 -27
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/data-table/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,
|
|
1
|
+
{"version":3,"sources":["components/data-table/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,wBAAwB,6BAA6B;IACrD,yBAAyB,8BAA8B;IACvD,yBAAyB,8BAA8B;IACvD,0BAA0B,+BAA+B;CAC1D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;CAmB7B,CAAC","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"]}
|
|
@@ -7,18 +7,9 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
/**
|
|
11
|
-
* Table color scheme.
|
|
12
|
-
*/
|
|
13
|
-
export let TABLE_COLOR_SCHEME;
|
|
14
|
-
|
|
15
10
|
/**
|
|
16
11
|
* Table size.
|
|
17
12
|
*/
|
|
18
|
-
(function (TABLE_COLOR_SCHEME) {
|
|
19
|
-
TABLE_COLOR_SCHEME["REGULAR"] = "";
|
|
20
|
-
TABLE_COLOR_SCHEME["ZEBRA"] = "zebra";
|
|
21
|
-
})(TABLE_COLOR_SCHEME || (TABLE_COLOR_SCHEME = {}));
|
|
22
13
|
export let TABLE_SIZE;
|
|
23
14
|
|
|
24
15
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.js","names":["
|
|
1
|
+
{"version":3,"file":"defs.js","names":["TABLE_SIZE","TABLE_SORT_DIRECTION","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","BI_STATES_FROM_ASCENDING","ASCENDING","DESCENDING","BI_STATES_FROM_DESCENDING","TRI_STATES_FROM_ASCENDING","NONE","TRI_STATES_FROM_DESCENDING"],"sources":["components/data-table/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n /**\n * xs size.\n */\n XS = 'xs',\n\n /**\n * sm size.\n */\n SM = 'sm',\n\n /**\n * md size.\n */\n MD = 'md',\n\n /**\n * lg size - default.\n */\n LG = 'lg',\n\n /**\n * xl size.\n */\n XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n /**\n * Not sorted.\n */\n NONE = 'none',\n\n /**\n * Sorted ascendingly.\n */\n ASCENDING = 'ascending',\n\n /**\n * Sorted descendingly.\n */\n DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.ASCENDING,\n TABLE_SORT_DIRECTION.DESCENDING,\n ],\n [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n TABLE_SORT_DIRECTION.NONE,\n TABLE_SORT_DIRECTION.DESCENDING,\n TABLE_SORT_DIRECTION.ASCENDING,\n ],\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,UAAU;;AA2BtB;AACA;AACA;AAFA,WA3BYA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AA8BtB,WAAYC,oBAAoB;;AAiBhC;AACA;AACA;AAFA,WAjBYA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;AAAA,GAApBA,oBAAoB,KAApBA,oBAAoB;AAoBhC,WAAYC,gBAAgB;;AAO5B;AACA;AACA;AAFA,WAPYA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAU5B,OAAO,MAAMC,iBAAiB,GAAG;EAC/B,CAACD,gBAAgB,CAACE,wBAAwB,GAAG,CAC3CH,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACK,yBAAyB,GAAG,CAC5CN,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS,CAC/B;EACD,CAACH,gBAAgB,CAACM,yBAAyB,GAAG,CAC5CP,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACI,SAAS,EAC9BJ,oBAAoB,CAACK,UAAU,CAChC;EACD,CAACJ,gBAAgB,CAACQ,0BAA0B,GAAG,CAC7CT,oBAAoB,CAACQ,IAAI,EACzBR,oBAAoB,CAACK,UAAU,EAC/BL,oBAAoB,CAACI,SAAS;AAElC,CAAC"}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2021
|
|
4
|
+
* Copyright IBM Corp. 2021, 2023
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import './table';
|
|
10
|
+
import './table-skeleton';
|
|
11
|
+
import './table-header-title';
|
|
12
|
+
import './table-header-description';
|
|
10
13
|
import './table-batch-actions';
|
|
11
14
|
import './table-body';
|
|
12
15
|
import './table-cell';
|
|
13
|
-
import './table-cell-
|
|
14
|
-
import './table-expand-row';
|
|
16
|
+
import './table-cell-content';
|
|
15
17
|
import './table-expanded-row';
|
|
16
18
|
import './table-head';
|
|
17
19
|
import './table-header-cell';
|
|
18
|
-
import './table-header-cell-skeleton';
|
|
19
|
-
import './table-header-expand-row';
|
|
20
20
|
import './table-header-row';
|
|
21
21
|
import './table-row';
|
|
22
|
+
import './table-skeleton';
|
|
22
23
|
import './table-toolbar';
|
|
23
24
|
import './table-toolbar-content';
|
|
24
25
|
import './table-toolbar-search';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/data-table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC;AACjB,OAAO,
|
|
1
|
+
{"version":3,"sources":["components/data-table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,wBAAwB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './table';\nimport './table-skeleton';\nimport './table-header-title';\nimport './table-header-description';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-content';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-row';\nimport './table-row';\nimport './table-skeleton';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"]}
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2021
|
|
4
|
+
* Copyright IBM Corp. 2021, 2023
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
import './table';
|
|
11
|
+
import './table-skeleton';
|
|
12
|
+
import './table-header-title';
|
|
13
|
+
import './table-header-description';
|
|
11
14
|
import './table-batch-actions';
|
|
12
15
|
import './table-body';
|
|
13
16
|
import './table-cell';
|
|
14
|
-
import './table-cell-
|
|
15
|
-
import './table-expand-row';
|
|
17
|
+
import './table-cell-content';
|
|
16
18
|
import './table-expanded-row';
|
|
17
19
|
import './table-head';
|
|
18
20
|
import './table-header-cell';
|
|
19
|
-
import './table-header-cell-skeleton';
|
|
20
|
-
import './table-header-expand-row';
|
|
21
21
|
import './table-header-row';
|
|
22
22
|
import './table-row';
|
|
23
|
+
import './table-skeleton';
|
|
23
24
|
import './table-toolbar';
|
|
24
25
|
import './table-toolbar-content';
|
|
25
26
|
import './table-toolbar-search';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["components/data-table/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './table';\nimport './table-
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["components/data-table/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './table';\nimport './table-skeleton';\nimport './table-header-title';\nimport './table-header-description';\nimport './table-batch-actions';\nimport './table-body';\nimport './table-cell';\nimport './table-cell-content';\nimport './table-expanded-row';\nimport './table-head';\nimport './table-header-cell';\nimport './table-header-row';\nimport './table-row';\nimport './table-skeleton';\nimport './table-toolbar';\nimport './table-toolbar-content';\nimport './table-toolbar-search';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAAS;AAChB,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAC7B,OAAO,4BAA4B;AACnC,OAAO,uBAAuB;AAC9B,OAAO,cAAc;AACrB,OAAO,cAAc;AACrB,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAC7B,OAAO,cAAc;AACrB,OAAO,qBAAqB;AAC5B,OAAO,oBAAoB;AAC3B,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,iBAAiB;AACxB,OAAO,yBAAyB;AAChC,OAAO,wBAAwB"}
|
|
@@ -13,7 +13,7 @@ import { LitElement } from 'lit';
|
|
|
13
13
|
* @element cds-table-batch-actions
|
|
14
14
|
* @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
|
|
15
15
|
*/
|
|
16
|
-
declare class
|
|
16
|
+
declare class CDSTableBatchActions extends LitElement {
|
|
17
17
|
/**
|
|
18
18
|
* Handles `click` event on the Cancel button.
|
|
19
19
|
*/
|
|
@@ -33,14 +33,19 @@ declare class BXTableBatchActions extends LitElement {
|
|
|
33
33
|
* This number is used to derive the selection message.
|
|
34
34
|
*/
|
|
35
35
|
selectedRowsCount: number;
|
|
36
|
+
firstUpdated(): void;
|
|
36
37
|
updated(changedProperties: any): void;
|
|
37
38
|
render(): import("lit-html").TemplateResult<1>;
|
|
39
|
+
/**
|
|
40
|
+
* The CSS selector to find the action buttons.
|
|
41
|
+
*/
|
|
42
|
+
static get selectorButtons(): string;
|
|
38
43
|
/**
|
|
39
44
|
* The name of the custom event fired after the Cancel button is clicked.
|
|
40
45
|
*/
|
|
41
46
|
static get eventClickCancel(): string;
|
|
42
47
|
static styles: any;
|
|
43
48
|
}
|
|
44
|
-
export default
|
|
49
|
+
export default CDSTableBatchActions;
|
|
45
50
|
|
|
46
51
|
//# sourceMappingURL=table-batch-actions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,
|
|
1
|
+
{"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB;;iBAC2B;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB,YAAY;IAQZ,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"table-batch-actions.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n firstUpdated() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((e) => {\n e.setAttribute('batch-action', '');\n });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The CSS selector to find the action buttons.\n */\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"]}
|
|
@@ -26,15 +26,15 @@ import styles from "././data-table.css.js";
|
|
|
26
26
|
* @element cds-table-batch-actions
|
|
27
27
|
* @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
|
|
28
28
|
*/
|
|
29
|
-
let
|
|
30
|
-
class
|
|
29
|
+
let CDSTableBatchActions = _decorate([customElement(`${prefix}-table-batch-actions`)], function (_initialize, _LitElement) {
|
|
30
|
+
class CDSTableBatchActions extends _LitElement {
|
|
31
31
|
constructor(...args) {
|
|
32
32
|
super(...args);
|
|
33
33
|
_initialize(this);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
return {
|
|
37
|
-
F:
|
|
37
|
+
F: CDSTableBatchActions,
|
|
38
38
|
d: [{
|
|
39
39
|
kind: "method",
|
|
40
40
|
key: "_handleCancel",
|
|
@@ -88,7 +88,7 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
|
|
|
88
88
|
}
|
|
89
89
|
}, {
|
|
90
90
|
kind: "method",
|
|
91
|
-
key: "
|
|
91
|
+
key: "firstUpdated",
|
|
92
92
|
value:
|
|
93
93
|
/**
|
|
94
94
|
* The formatter for selected items. Should be changed upon the locale the UI is rendered with.
|
|
@@ -97,7 +97,15 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
|
|
|
97
97
|
* Numeric representation of the total number of items selected in a table.
|
|
98
98
|
* This number is used to derive the selection message.
|
|
99
99
|
*/
|
|
100
|
-
function
|
|
100
|
+
function firstUpdated() {
|
|
101
|
+
this.querySelectorAll(this.constructor.selectorButtons).forEach(e => {
|
|
102
|
+
e.setAttribute('batch-action', '');
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
}, {
|
|
106
|
+
kind: "method",
|
|
107
|
+
key: "updated",
|
|
108
|
+
value: function updated(changedProperties) {
|
|
101
109
|
if (changedProperties.has('active')) {
|
|
102
110
|
this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);
|
|
103
111
|
}
|
|
@@ -130,6 +138,17 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
|
|
|
130
138
|
}), prefix, prefix, prefix, prefix, handleCancel);
|
|
131
139
|
}
|
|
132
140
|
|
|
141
|
+
/**
|
|
142
|
+
* The CSS selector to find the action buttons.
|
|
143
|
+
*/
|
|
144
|
+
}, {
|
|
145
|
+
kind: "get",
|
|
146
|
+
static: true,
|
|
147
|
+
key: "selectorButtons",
|
|
148
|
+
value: function selectorButtons() {
|
|
149
|
+
return `${prefix}-button`;
|
|
150
|
+
}
|
|
151
|
+
|
|
133
152
|
/**
|
|
134
153
|
* The name of the custom event fired after the Cancel button is clicked.
|
|
135
154
|
*/
|
|
@@ -150,5 +169,5 @@ let BXTableBatchActions = _decorate([customElement(`${prefix}-table-batch-action
|
|
|
150
169
|
}]
|
|
151
170
|
};
|
|
152
171
|
}, LitElement);
|
|
153
|
-
export default
|
|
172
|
+
export default CDSTableBatchActions;
|
|
154
173
|
//# sourceMappingURL=table-batch-actions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-batch-actions.js","names":["LitElement","html","property","customElement","prefix","styles","
|
|
1
|
+
{"version":3,"file":"table-batch-actions.js","names":["LitElement","html","property","customElement","prefix","styles","CDSTableBatchActions","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleCancel","eventClickCancel","dispatchEvent","CustomEvent","bubbles","composed","decorators","type","Boolean","reflect","attribute","count","Number","firstUpdated","querySelectorAll","selectorButtons","forEach","e","setAttribute","updated","changedProperties","has","active","render","formatSelectedItemsCount","selectedRowsCount","handleCancel","_t","_","static"],"sources":["components/data-table/table-batch-actions.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Table batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n */\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /**\n * Handles `click` event on the Cancel button.\n */\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /**\n * `true` if this batch actions bar should be active.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n */\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /**\n * Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n */\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n firstUpdated() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((e) => {\n e.setAttribute('batch-action', '');\n });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /**\n * The CSS selector to find the action buttons.\n */\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /**\n * The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"mappings":"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"}
|
|
@@ -7,13 +7,12 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import { LitElement } from 'lit';
|
|
10
|
-
import { TABLE_COLOR_SCHEME } from './defs';
|
|
11
10
|
/**
|
|
12
11
|
* Data table body.
|
|
13
12
|
*
|
|
14
13
|
* @element cds-table-body
|
|
15
14
|
*/
|
|
16
|
-
declare class
|
|
15
|
+
declare class CDSTableBody extends LitElement {
|
|
17
16
|
/**
|
|
18
17
|
* The `<slot>` element in the shadow DOM.
|
|
19
18
|
*/
|
|
@@ -26,15 +25,20 @@ declare class BXTableBody extends LitElement {
|
|
|
26
25
|
* Handles `slotchange` event in the `<slot>` element in the shadow DOM.
|
|
27
26
|
*/
|
|
28
27
|
private _handleSlotChange;
|
|
28
|
+
/**
|
|
29
|
+
* TODO: Uncomment when Carbon fully implements sticky header
|
|
30
|
+
* Specify whether the header should be sticky.
|
|
31
|
+
* Still experimental: may not work with every combination of table props
|
|
32
|
+
*/
|
|
29
33
|
/**
|
|
30
34
|
* The color scheme.
|
|
31
35
|
*/
|
|
32
|
-
|
|
36
|
+
useZebraStyles: boolean;
|
|
33
37
|
connectedCallback(): void;
|
|
34
38
|
updated(changedProperties: any): void;
|
|
35
39
|
render(): import("lit-html").TemplateResult<1>;
|
|
36
40
|
static styles: any;
|
|
37
41
|
}
|
|
38
|
-
export default
|
|
42
|
+
export default CDSTableBody;
|
|
39
43
|
|
|
40
44
|
//# sourceMappingURL=table-body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/data-table/table-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"sources":["components/data-table/table-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAmB;IAEpC;;OAEG;IACH,OAAO,CAAC,YAAY;IAWpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;;;OAIG;IAIH;;OAEG;IAEH,cAAc,UAAS;IAEvB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAKN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"table-body.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { useZebraStyles, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n (node as CDSTableRow).even = useZebraStyles && even;\n (node as CDSTableRow).odd = useZebraStyles && !even;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n /**\n * The color scheme.\n */\n @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n useZebraStyles = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('useZebraStyles')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBody;\n"]}
|
|
@@ -15,7 +15,6 @@ let _ = t => t,
|
|
|
15
15
|
import { LitElement, html } from 'lit';
|
|
16
16
|
import { property, customElement, query } from 'lit/decorators.js';
|
|
17
17
|
import { prefix } from '../../globals/settings';
|
|
18
|
-
import { TABLE_COLOR_SCHEME } from './defs';
|
|
19
18
|
import styles from "././data-table.css.js";
|
|
20
19
|
|
|
21
20
|
/**
|
|
@@ -27,15 +26,15 @@ import styles from "././data-table.css.js";
|
|
|
27
26
|
*
|
|
28
27
|
* @element cds-table-body
|
|
29
28
|
*/
|
|
30
|
-
let
|
|
31
|
-
class
|
|
29
|
+
let CDSTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_initialize, _LitElement) {
|
|
30
|
+
class CDSTableBody extends _LitElement {
|
|
32
31
|
constructor(...args) {
|
|
33
32
|
super(...args);
|
|
34
33
|
_initialize(this);
|
|
35
34
|
}
|
|
36
35
|
}
|
|
37
36
|
return {
|
|
38
|
-
F:
|
|
37
|
+
F: CDSTableBody,
|
|
39
38
|
d: [{
|
|
40
39
|
kind: "field",
|
|
41
40
|
decorators: [query('slot')],
|
|
@@ -54,14 +53,14 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
|
|
|
54
53
|
*/
|
|
55
54
|
function _updateZebra() {
|
|
56
55
|
const {
|
|
57
|
-
|
|
56
|
+
useZebraStyles,
|
|
58
57
|
_slotNode: slotNode
|
|
59
58
|
} = this;
|
|
60
59
|
slotNode.assignedNodes().forEach(node => {
|
|
61
60
|
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
62
|
-
const
|
|
63
|
-
node.even =
|
|
64
|
-
node.odd =
|
|
61
|
+
const even = node.matches('*:nth-of-type(even)');
|
|
62
|
+
node.even = useZebraStyles && even;
|
|
63
|
+
node.odd = useZebraStyles && !even;
|
|
65
64
|
}
|
|
66
65
|
});
|
|
67
66
|
}
|
|
@@ -80,17 +79,25 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
|
|
|
80
79
|
}, {
|
|
81
80
|
kind: "field",
|
|
82
81
|
decorators: [property({
|
|
82
|
+
type: Boolean,
|
|
83
83
|
reflect: true,
|
|
84
|
-
attribute: '
|
|
84
|
+
attribute: 'use-zebra-styles'
|
|
85
85
|
})],
|
|
86
|
-
key: "
|
|
86
|
+
key: "useZebraStyles",
|
|
87
87
|
value() {
|
|
88
|
-
return
|
|
88
|
+
return false;
|
|
89
89
|
}
|
|
90
90
|
}, {
|
|
91
91
|
kind: "method",
|
|
92
92
|
key: "connectedCallback",
|
|
93
93
|
value:
|
|
94
|
+
/**
|
|
95
|
+
* TODO: Uncomment when Carbon fully implements sticky header
|
|
96
|
+
* Specify whether the header should be sticky.
|
|
97
|
+
* Still experimental: may not work with every combination of table props
|
|
98
|
+
*/
|
|
99
|
+
// @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
|
|
100
|
+
// stickyHeader = false;
|
|
94
101
|
/**
|
|
95
102
|
* The color scheme.
|
|
96
103
|
*/
|
|
@@ -98,13 +105,13 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
|
|
|
98
105
|
if (!this.hasAttribute('role')) {
|
|
99
106
|
this.setAttribute('role', 'rowgroup');
|
|
100
107
|
}
|
|
101
|
-
_get(_getPrototypeOf(
|
|
108
|
+
_get(_getPrototypeOf(CDSTableBody.prototype), "connectedCallback", this).call(this);
|
|
102
109
|
}
|
|
103
110
|
}, {
|
|
104
111
|
kind: "method",
|
|
105
112
|
key: "updated",
|
|
106
113
|
value: function updated(changedProperties) {
|
|
107
|
-
if (changedProperties.has('
|
|
114
|
+
if (changedProperties.has('useZebraStyles')) {
|
|
108
115
|
this._updateZebra();
|
|
109
116
|
}
|
|
110
117
|
}
|
|
@@ -127,5 +134,5 @@ let BXTableBody = _decorate([customElement(`${prefix}-table-body`)], function (_
|
|
|
127
134
|
}]
|
|
128
135
|
};
|
|
129
136
|
}, LitElement);
|
|
130
|
-
export default
|
|
137
|
+
export default CDSTableBody;
|
|
131
138
|
//# sourceMappingURL=table-body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-body.js","names":["LitElement","html","property","customElement","query","prefix","
|
|
1
|
+
{"version":3,"file":"table-body.js","names":["LitElement","html","property","customElement","query","prefix","styles","CDSTableBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","key","value","_updateZebra","useZebraStyles","_slotNode","slotNode","assignedNodes","forEach","node","nodeType","Node","ELEMENT_NODE","even","matches","odd","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","render","_handleSlotChange","handleSlotChange","_t","_","static"],"sources":["components/data-table/table-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n /**\n * The `<slot>` element in the shadow DOM.\n */\n @query('slot')\n private _slotNode!: HTMLSlotElement;\n\n /**\n * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n */\n private _updateZebra() {\n const { useZebraStyles, _slotNode: slotNode } = this;\n slotNode.assignedNodes().forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n (node as CDSTableRow).even = useZebraStyles && even;\n (node as CDSTableRow).odd = useZebraStyles && !even;\n }\n });\n }\n\n /**\n * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n */\n private _handleSlotChange = () => {\n this._updateZebra();\n };\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n /**\n * The color scheme.\n */\n @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n useZebraStyles = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'rowgroup');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('useZebraStyles')) {\n this._updateZebra();\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBody;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,YAAY,GAAAC,SAAA,EADjBL,aAAa,CAAE,GAAEE,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DtC;EAAC;IAAAI,CAAA,EA7DKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfZ,KAAK,CAAC,MAAM,CAAC;MAAAa,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAHd;AACF;AACA;;MAIE;AACF;AACA;MACE,SAAAC,aAAA,EAAuB;QACrB,MAAM;UAAEC,cAAc;UAAEC,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QACpDA,QAAQ,CAACC,aAAa,EAAE,CAACC,OAAO,CAAEC,IAAI,IAAK;UACzC,IAAIA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE;YACvC,MAAMC,IAAI,GAAIJ,IAAI,CAAiBK,OAAO,CAAC,qBAAqB,CAAC;YAChEL,IAAI,CAAiBI,IAAI,GAAGT,cAAc,IAAIS,IAAI;YAClDJ,IAAI,CAAiBM,GAAG,GAAGX,cAAc,IAAI,CAACS,IAAI;UACrD;QACF,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;IAFE;MAAAd,IAAA;MAAAE,GAAA;MAAAC,MAAA;QAAA,OAG4B,MAAM;UAChC,IAAI,CAACC,YAAY,EAAE;QACrB,CAAC;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAaAd,QAAQ,CAAC;QAAE8B,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAAlB,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAZtB;AACF;AACA;AACA;AACA;MACE;MACA;MAEA;AACF;AACA;MAIE,SAAAkB,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,CA9CEjC,YAAY,CAAAkC,SAAA,8BAAAC,IAAA;MA+ChB;IAAC;MAAA3B,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAyB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,gBAAgB,CAAC,EAAE;UAC3C,IAAI,CAAC1B,YAAY,EAAE;QACrB;MACF;IAAC;MAAAJ,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAA4B,OAAA,EAAS;QACP,MAAM;UAAEC,iBAAiB,EAAEC;QAAiB,CAAC,GAAG,IAAI;QACpD,OAAO/C,IAAI,CAAAgD,EAAA,KAAAA,EAAA,GAAAC,CAAC,uBAAoB,CAAmB,YAAU,GAA3BF,gBAAgB;MACpD;IAAC;MAAAjC,IAAA;MAAAoC,MAAA;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GA5DGN,UAAU;AA+DrC,eAAeO,YAAY"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2023
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { LitElement } from 'lit';
|
|
10
|
+
/**
|
|
11
|
+
* Data table cell content.
|
|
12
|
+
*
|
|
13
|
+
* @element cds-table-cell-content
|
|
14
|
+
*/
|
|
15
|
+
declare class CDSTableCellContent extends LitElement {
|
|
16
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
17
|
+
static styles: any;
|
|
18
|
+
}
|
|
19
|
+
export default CDSTableCellContent;
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=table-cell-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["components/data-table/table-cell-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"table-cell-content.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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
+
let _ = t => t,
|
|
3
|
+
_t;
|
|
4
|
+
/**
|
|
5
|
+
* @license
|
|
6
|
+
*
|
|
7
|
+
* Copyright IBM Corp. 2019, 2023
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
10
|
+
* LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import { LitElement, html } from 'lit';
|
|
14
|
+
import { customElement } from 'lit/decorators.js';
|
|
15
|
+
import { prefix } from '../../globals/settings';
|
|
16
|
+
import styles from "././data-table.css.js";
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Data table cell content.
|
|
20
|
+
*
|
|
21
|
+
* @element cds-table-cell-content
|
|
22
|
+
*/ /**
|
|
23
|
+
* Data table cell content.
|
|
24
|
+
*
|
|
25
|
+
* @element cds-table-cell-content
|
|
26
|
+
*/
|
|
27
|
+
let CDSTableCellContent = _decorate([customElement(`${prefix}-table-cell-content`)], function (_initialize, _LitElement) {
|
|
28
|
+
class CDSTableCellContent extends _LitElement {
|
|
29
|
+
constructor(...args) {
|
|
30
|
+
super(...args);
|
|
31
|
+
_initialize(this);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return {
|
|
35
|
+
F: CDSTableCellContent,
|
|
36
|
+
d: [{
|
|
37
|
+
kind: "method",
|
|
38
|
+
key: "render",
|
|
39
|
+
value: function render() {
|
|
40
|
+
return html(_t || (_t = _` <slot></slot> `));
|
|
41
|
+
}
|
|
42
|
+
}, {
|
|
43
|
+
kind: "field",
|
|
44
|
+
static: true,
|
|
45
|
+
key: "styles",
|
|
46
|
+
value() {
|
|
47
|
+
return styles;
|
|
48
|
+
}
|
|
49
|
+
}]
|
|
50
|
+
};
|
|
51
|
+
}, LitElement);
|
|
52
|
+
export default CDSTableCellContent;
|
|
53
|
+
//# sourceMappingURL=table-cell-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-cell-content.js","names":["LitElement","html","customElement","prefix","styles","CDSTableCellContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/data-table/table-cell-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,mBAAmB,GAAAC,SAAA,EADxBJ,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAM7C;EAAC;IAAAI,CAAA,EANKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACvB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALUJ,UAAU;AAQ5C,eAAeK,mBAAmB"}
|
|
@@ -12,11 +12,24 @@ import { LitElement } from 'lit';
|
|
|
12
12
|
*
|
|
13
13
|
* @element cds-table-cell
|
|
14
14
|
*/
|
|
15
|
-
declare class
|
|
15
|
+
declare class CDSTableCell extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Specify whether the overflow menu (if it exists) should be shown always, or only on hover
|
|
18
|
+
*/
|
|
19
|
+
overflowMenuOnHover: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* The table size.
|
|
22
|
+
*/
|
|
23
|
+
size: any;
|
|
24
|
+
/**
|
|
25
|
+
* TODO: Uncomment when Carbon fully implements sticky header
|
|
26
|
+
* Specify whether the header should be sticky.
|
|
27
|
+
* Still experimental: may not work with every combination of table props
|
|
28
|
+
*/
|
|
16
29
|
connectedCallback(): void;
|
|
17
30
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
31
|
static styles: any;
|
|
19
32
|
}
|
|
20
|
-
export default
|
|
33
|
+
export default CDSTableCell;
|
|
21
34
|
|
|
22
35
|
//# sourceMappingURL=table-cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/data-table/table-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,
|
|
1
|
+
{"version":3,"sources":["components/data-table/table-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,IAAI,MAAC;IAEL;;;;OAIG;IAIH,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"table-cell.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 { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table cell.\n *\n * @element cds-table-cell\n */\n@customElement(`${prefix}-table-cell`)\nclass CDSTableCell extends LitElement {\n /**\n * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'overflow-menu-on-hover',\n })\n overflowMenuOnHover = false;\n\n /**\n * The table size.\n */\n @property({ reflect: true })\n size;\n\n /**\n * TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n */\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'cell');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableCell;\n"]}
|