@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.10
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 +3 -2
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-6817cfbb.js → helpers-02b23286.js} +65 -155
- package/dist/cjs/helpers-02b23286.js.map +1 -0
- package/dist/cjs/{helpers-33b42cd6.js → helpers-ce248d54.js} +80 -29
- package/dist/cjs/helpers-ce248d54.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +9 -14
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +26 -3
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +47 -3
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +33 -35
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +27 -15
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +378 -108
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +23 -18
- package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +16 -5
- package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +13 -5
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +73 -9
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state_2.cjs.entry.js +101 -43
- package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +7 -6
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +24 -14
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +7 -15
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1016 -0
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-input-label_2.cjs.entry.js +82 -0
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-link.cjs.entry.js +10 -12
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +267 -112
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +58 -28
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +4 -5
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +21 -16
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +10 -8
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +20 -20
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +4 -4
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +22 -16
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-view.cjs.entry.js +45 -23
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +5 -3
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-4cf27b16.js +4 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -2
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +26 -26
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +63 -38
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.css +177 -23
- package/dist/collection/components/ic-data-table/ic-data-table.js +480 -127
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +425 -7
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +123 -2
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +9 -4
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
- package/dist/collection/components/ic-date-input/ic-date-input.css +74 -9
- package/dist/collection/components/ic-date-input/ic-date-input.js +67 -18
- package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
- package/dist/collection/components/ic-date-picker/ic-date-picker.css +18 -16
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +59 -4
- package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +4 -7
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +213 -46
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +20 -2
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-tree-item/ic-tree-item.css +51 -26
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +84 -44
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.css +31 -8
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +117 -37
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
- package/dist/collection/utils/helpers.js +53 -34
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +73 -26
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +60 -145
- package/dist/components/helpers2.js.map +1 -1
- package/dist/components/ic-accordion-group.js +11 -11
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +14 -6
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +12 -16
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +9 -5
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +28 -5
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +44 -20
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +49 -3
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +21 -20
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.js +38 -37
- package/dist/components/ic-card-horizontal.js.map +1 -1
- package/dist/components/ic-card-vertical.js +54 -50
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +25 -7
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +12 -4
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +32 -16
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +1 -1
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-row.js +1 -1
- package/dist/components/ic-data-table-title-bar.js +6 -6
- package/dist/components/ic-data-table-title-bar.js.map +1 -1
- package/dist/components/ic-data-table.js +383 -108
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input2.js +26 -18
- package/dist/components/ic-date-input2.js.map +1 -1
- package/dist/components/ic-date-picker.js +19 -5
- package/dist/components/ic-date-picker.js.map +1 -1
- package/dist/components/ic-dialog.js +13 -4
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +89 -12
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state2.js +10 -17
- package/dist/components/ic-empty-state2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +7 -8
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +8 -7
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +25 -15
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +9 -17
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +19 -9
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +23 -32
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +19 -20
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +9 -9
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +13 -15
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +11 -9
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +30 -21
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +472 -175
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +13 -9
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +12 -9
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +64 -10
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +6 -4
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +9 -6
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +106 -32
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +15 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +25 -15
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-popover-menu.js +50 -26
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +61 -29
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +45 -23
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +70 -81
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select2.js +196 -67
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +17 -12
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +5 -5
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +5 -3
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +4 -4
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +14 -3
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +24 -18
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +60 -123
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -18
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +1 -1
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +10 -8
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +46 -24
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +22 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast.js +4 -4
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +75 -14
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +76 -17
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +1 -1
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +15 -8
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.js +27 -18
- package/dist/components/ic-tree-item.js.map +1 -1
- package/dist/components/ic-tree-view.js +54 -27
- package/dist/components/ic-tree-view.js.map +1 -1
- package/dist/components/ic-typography2.js +4 -2
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +1601 -77
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0054bdc2.entry.js +2 -0
- package/dist/core/p-0054bdc2.entry.js.map +1 -0
- package/dist/core/p-01a23e24.entry.js +2 -0
- package/dist/core/p-01a23e24.entry.js.map +1 -0
- package/dist/core/{p-5f5403e2.entry.js → p-01ab3a15.entry.js} +2 -2
- package/dist/core/{p-5f5403e2.entry.js.map → p-01ab3a15.entry.js.map} +1 -1
- package/dist/core/p-063911a8.entry.js +2 -0
- package/dist/core/p-063911a8.entry.js.map +1 -0
- package/dist/core/{p-bf670360.entry.js → p-0c5d45e1.entry.js} +2 -2
- package/dist/core/p-0c5d45e1.entry.js.map +1 -0
- package/dist/core/p-0c9155f4.entry.js +2 -0
- package/dist/core/p-0c9155f4.entry.js.map +1 -0
- package/dist/core/p-14098257.entry.js +2 -0
- package/dist/core/p-14098257.entry.js.map +1 -0
- package/dist/core/p-157b47bc.entry.js +2 -0
- package/dist/core/p-157b47bc.entry.js.map +1 -0
- package/dist/core/{p-266341f5.entry.js → p-15a5cce5.entry.js} +2 -2
- package/dist/core/{p-266341f5.entry.js.map → p-15a5cce5.entry.js.map} +1 -1
- package/dist/core/{p-306def43.entry.js → p-1658e577.entry.js} +2 -2
- package/dist/core/p-1658e577.entry.js.map +1 -0
- package/dist/core/p-2169e75b.entry.js +2 -0
- package/dist/core/p-2169e75b.entry.js.map +1 -0
- package/dist/core/p-26aff39e.entry.js +2 -0
- package/dist/core/p-26aff39e.entry.js.map +1 -0
- package/dist/core/p-27b1223d.entry.js +2 -0
- package/dist/core/p-27b1223d.entry.js.map +1 -0
- package/dist/core/p-32726b89.entry.js +2 -0
- package/dist/core/p-32726b89.entry.js.map +1 -0
- package/dist/core/p-33110185.entry.js +2 -0
- package/dist/core/p-33110185.entry.js.map +1 -0
- package/dist/core/p-3963201d.entry.js +2 -0
- package/dist/core/p-3963201d.entry.js.map +1 -0
- package/dist/core/p-41bfa3e5.entry.js +2 -0
- package/dist/core/p-41bfa3e5.entry.js.map +1 -0
- package/dist/core/p-4347f05c.entry.js +2 -0
- package/dist/core/p-4347f05c.entry.js.map +1 -0
- package/dist/core/{p-d8563643.entry.js → p-45177148.entry.js} +2 -2
- package/dist/core/p-45177148.entry.js.map +1 -0
- package/dist/core/p-47a1ce8d.entry.js +2 -0
- package/dist/core/p-47a1ce8d.entry.js.map +1 -0
- package/dist/core/p-4f96bec1.entry.js +2 -0
- package/dist/core/p-4f96bec1.entry.js.map +1 -0
- package/dist/core/p-51058719.entry.js +2 -0
- package/dist/core/p-51058719.entry.js.map +1 -0
- package/dist/core/p-5193184c.entry.js +2 -0
- package/dist/core/p-5193184c.entry.js.map +1 -0
- package/dist/core/p-51faa4ba.entry.js +2 -0
- package/dist/core/p-51faa4ba.entry.js.map +1 -0
- package/dist/core/p-54dc696e.entry.js +2 -0
- package/dist/core/p-54dc696e.entry.js.map +1 -0
- package/dist/core/p-6188f029.entry.js +2 -0
- package/dist/core/p-6188f029.entry.js.map +1 -0
- package/dist/core/p-6ac8e09b.entry.js +2 -0
- package/dist/core/p-6ac8e09b.entry.js.map +1 -0
- package/dist/core/p-71496305.entry.js +2 -0
- package/dist/core/p-71496305.entry.js.map +1 -0
- package/dist/core/p-77157922.entry.js +2 -0
- package/dist/core/p-77157922.entry.js.map +1 -0
- package/dist/core/p-78ed3070.entry.js +2 -0
- package/dist/core/p-78ed3070.entry.js.map +1 -0
- package/dist/core/p-794ff553.entry.js +2 -0
- package/dist/core/p-794ff553.entry.js.map +1 -0
- package/dist/core/p-82b408ad.entry.js +2 -0
- package/dist/core/p-82b408ad.entry.js.map +1 -0
- package/dist/core/p-88913402.entry.js +2 -0
- package/dist/core/p-88913402.entry.js.map +1 -0
- package/dist/core/p-897fac99.js +2 -0
- package/dist/core/p-897fac99.js.map +1 -0
- package/dist/core/p-8e56516a.entry.js +2 -0
- package/dist/core/p-8e56516a.entry.js.map +1 -0
- package/dist/core/p-8ebd64ae.entry.js +2 -0
- package/dist/core/p-8ebd64ae.entry.js.map +1 -0
- package/dist/core/{p-c21d0db8.entry.js → p-9462f294.entry.js} +2 -2
- package/dist/core/p-9462f294.entry.js.map +1 -0
- package/dist/core/p-94efa0d2.entry.js +2 -0
- package/dist/core/p-94efa0d2.entry.js.map +1 -0
- package/dist/core/p-9a392c41.entry.js +2 -0
- package/dist/core/p-9a392c41.entry.js.map +1 -0
- package/dist/core/p-a04712b9.js +2 -0
- package/dist/core/p-a04712b9.js.map +1 -0
- package/dist/core/p-a1cf5884.entry.js +2 -0
- package/dist/core/p-a1cf5884.entry.js.map +1 -0
- package/dist/core/{p-73b40c79.entry.js → p-a1d5fff2.entry.js} +2 -2
- package/dist/core/p-a1d5fff2.entry.js.map +1 -0
- package/dist/core/p-a69ef3eb.entry.js +2 -0
- package/dist/core/p-a69ef3eb.entry.js.map +1 -0
- package/dist/core/p-abda7e21.entry.js +2 -0
- package/dist/core/p-abda7e21.entry.js.map +1 -0
- package/dist/core/p-abdd8560.entry.js +2 -0
- package/dist/core/p-abdd8560.entry.js.map +1 -0
- package/dist/core/p-ace8126b.entry.js +2 -0
- package/dist/core/p-ace8126b.entry.js.map +1 -0
- package/dist/core/p-b2a6f0dd.entry.js +2 -0
- package/dist/core/p-b2a6f0dd.entry.js.map +1 -0
- package/dist/core/p-b5a5fe39.entry.js +2 -0
- package/dist/core/p-b5a5fe39.entry.js.map +1 -0
- package/dist/core/{p-d03374fc.entry.js → p-b717ae40.entry.js} +2 -2
- package/dist/core/p-b85466a7.entry.js +2 -0
- package/dist/core/p-b85466a7.entry.js.map +1 -0
- package/dist/core/p-bd4401d5.entry.js +2 -0
- package/dist/core/p-bd4401d5.entry.js.map +1 -0
- package/dist/core/p-bd87bf33.entry.js +2 -0
- package/dist/core/p-bd87bf33.entry.js.map +1 -0
- package/dist/core/{p-5f313e1a.entry.js → p-be1ec9aa.entry.js} +2 -2
- package/dist/core/p-be1ec9aa.entry.js.map +1 -0
- package/dist/core/p-c035d7b9.entry.js +2 -0
- package/dist/core/p-c035d7b9.entry.js.map +1 -0
- package/dist/core/p-ce923b92.entry.js +2 -0
- package/dist/core/p-ce923b92.entry.js.map +1 -0
- package/dist/core/p-d2b2b7df.entry.js +2 -0
- package/dist/core/p-d2b2b7df.entry.js.map +1 -0
- package/dist/core/p-e1df1b9a.entry.js +2 -0
- package/dist/core/p-e1df1b9a.entry.js.map +1 -0
- package/dist/core/p-e3e0cf46.entry.js +2 -0
- package/dist/core/p-e3e0cf46.entry.js.map +1 -0
- package/dist/core/p-f3d2af04.entry.js +2 -0
- package/dist/core/p-f3d2af04.entry.js.map +1 -0
- package/dist/core/{p-f1072c28.entry.js → p-f64abdff.entry.js} +2 -2
- package/dist/core/p-f64abdff.entry.js.map +1 -0
- package/dist/core/p-fc155ae2.entry.js +2 -0
- package/dist/core/p-fc155ae2.entry.js.map +1 -0
- package/dist/core/p-ffb11ad1.entry.js +2 -0
- package/dist/core/p-ffb11ad1.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-5bd2012a.js → helpers-0f42cb46.js} +61 -146
- package/dist/esm/helpers-0f42cb46.js.map +1 -0
- package/dist/esm/{helpers-dab8ddfe.js → helpers-56c75bf4.js} +74 -27
- package/dist/esm/helpers-56c75bf4.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +10 -10
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +12 -5
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +10 -15
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +9 -6
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +26 -3
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +47 -3
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +28 -26
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +34 -36
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +49 -48
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +21 -6
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +10 -4
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +28 -16
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
- package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
- package/dist/esm/ic-data-table.entry.js +378 -108
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +23 -18
- package/dist/esm/ic-date-input.entry.js.map +1 -1
- package/dist/esm/ic-date-picker.entry.js +16 -5
- package/dist/esm/ic-date-picker.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +13 -5
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +74 -10
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state_2.entry.js +102 -44
- package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +6 -7
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +7 -6
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +24 -14
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +8 -16
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/{collection/components/ic-menu-with-multi/ic-menu.js → esm/ic-input-component-container_3.entry.js} +173 -739
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -0
- package/dist/esm/ic-input-label_2.entry.js +77 -0
- package/dist/esm/ic-input-label_2.entry.js.map +1 -0
- package/dist/esm/ic-link.entry.js +10 -12
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +3 -3
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +25 -18
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +11 -8
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +10 -8
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +61 -9
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +5 -4
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +8 -6
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination_4.entry.js +267 -112
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +47 -25
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +58 -28
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +42 -22
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +54 -56
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +16 -11
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +4 -4
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +5 -4
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +4 -5
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +12 -2
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +21 -16
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +60 -123
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -19
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +10 -8
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +20 -20
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +4 -4
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +62 -12
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +64 -9
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +13 -7
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +23 -17
- package/dist/esm/ic-tree-item.entry.js.map +1 -1
- package/dist/esm/ic-tree-view.entry.js +46 -24
- package/dist/esm/ic-tree-view.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +5 -3
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-93509377.js +4 -12
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +8 -4
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +50 -5
- package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +223 -0
- package/dist/types/components/ic-date-input/ic-date-input.d.ts +10 -1
- package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +10 -1
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +33 -8
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +16 -7
- package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +19 -5
- package/dist/types/components.d.ts +189 -488
- package/dist/types/utils/helpers.d.ts +14 -11
- package/dist/types/utils/types.d.ts +17 -12
- package/hydrate/index.js +5118 -7475
- package/package.json +12 -10
- package/dist/cjs/helpers-33b42cd6.js.map +0 -1
- package/dist/cjs/helpers-6817cfbb.js.map +0 -1
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +0 -156
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js +0 -2738
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-menu.cjs.entry.js +0 -658
- package/dist/cjs/ic-menu.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-select-with-multi.cjs.entry.js +0 -788
- package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +0 -1
- package/dist/collection/components/ic-menu-with-multi/ic-menu.css +0 -712
- package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +0 -1
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +0 -1057
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-select-with-multi/assets/Check.svg +0 -3
- package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +0 -3
- package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +0 -3
- package/dist/collection/components/ic-select-with-multi/ic-select.css +0 -695
- package/dist/collection/components/ic-select-with-multi/ic-select.js +0 -1520
- package/dist/collection/components/ic-select-with-multi/ic-select.js.map +0 -1
- package/dist/collection/components/ic-select-with-multi/story-data.js +0 -216
- package/dist/collection/components/ic-select-with-multi/story-data.js.map +0 -1
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +0 -1518
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +0 -1
- package/dist/components/ic-menu-with-multi.d.ts +0 -11
- package/dist/components/ic-menu-with-multi.js +0 -8
- package/dist/components/ic-menu-with-multi.js.map +0 -1
- package/dist/components/ic-menu3.js +0 -2803
- package/dist/components/ic-menu3.js.map +0 -1
- package/dist/components/ic-select-with-multi.d.ts +0 -11
- package/dist/components/ic-select-with-multi.js +0 -906
- package/dist/components/ic-select-with-multi.js.map +0 -1
- package/dist/core/p-06eeb7f2.entry.js +0 -2
- package/dist/core/p-06eeb7f2.entry.js.map +0 -1
- package/dist/core/p-0922c552.entry.js +0 -2
- package/dist/core/p-0922c552.entry.js.map +0 -1
- package/dist/core/p-0bc0e852.entry.js +0 -2
- package/dist/core/p-0bc0e852.entry.js.map +0 -1
- package/dist/core/p-108a9029.entry.js +0 -2
- package/dist/core/p-108a9029.entry.js.map +0 -1
- package/dist/core/p-13100d3c.entry.js +0 -2
- package/dist/core/p-13100d3c.entry.js.map +0 -1
- package/dist/core/p-1769df1d.entry.js +0 -2
- package/dist/core/p-1769df1d.entry.js.map +0 -1
- package/dist/core/p-202bc922.entry.js +0 -2
- package/dist/core/p-202bc922.entry.js.map +0 -1
- package/dist/core/p-297e99cf.js +0 -2
- package/dist/core/p-297e99cf.js.map +0 -1
- package/dist/core/p-306def43.entry.js.map +0 -1
- package/dist/core/p-30b046b2.entry.js +0 -2
- package/dist/core/p-30b046b2.entry.js.map +0 -1
- package/dist/core/p-3778cc5e.entry.js +0 -2
- package/dist/core/p-3778cc5e.entry.js.map +0 -1
- package/dist/core/p-383a5a76.entry.js +0 -2
- package/dist/core/p-383a5a76.entry.js.map +0 -1
- package/dist/core/p-3a0510e2.entry.js +0 -2
- package/dist/core/p-3a0510e2.entry.js.map +0 -1
- package/dist/core/p-3ace51f5.entry.js +0 -2
- package/dist/core/p-3ace51f5.entry.js.map +0 -1
- package/dist/core/p-3f0391c1.entry.js +0 -2
- package/dist/core/p-3f0391c1.entry.js.map +0 -1
- package/dist/core/p-41fecc61.entry.js +0 -2
- package/dist/core/p-41fecc61.entry.js.map +0 -1
- package/dist/core/p-46cb94a2.entry.js +0 -2
- package/dist/core/p-46cb94a2.entry.js.map +0 -1
- package/dist/core/p-4e67f127.entry.js +0 -2
- package/dist/core/p-4e67f127.entry.js.map +0 -1
- package/dist/core/p-505250cf.entry.js +0 -2
- package/dist/core/p-505250cf.entry.js.map +0 -1
- package/dist/core/p-50e48f4d.entry.js +0 -2
- package/dist/core/p-50e48f4d.entry.js.map +0 -1
- package/dist/core/p-56e7459a.entry.js +0 -2
- package/dist/core/p-56e7459a.entry.js.map +0 -1
- package/dist/core/p-59028160.entry.js +0 -2
- package/dist/core/p-59028160.entry.js.map +0 -1
- package/dist/core/p-5cfb5821.entry.js +0 -2
- package/dist/core/p-5cfb5821.entry.js.map +0 -1
- package/dist/core/p-5e6fd734.entry.js +0 -2
- package/dist/core/p-5e6fd734.entry.js.map +0 -1
- package/dist/core/p-5f313e1a.entry.js.map +0 -1
- package/dist/core/p-710c6a42.entry.js +0 -2
- package/dist/core/p-710c6a42.entry.js.map +0 -1
- package/dist/core/p-73b40c79.entry.js.map +0 -1
- package/dist/core/p-77a32de5.entry.js +0 -2
- package/dist/core/p-77a32de5.entry.js.map +0 -1
- package/dist/core/p-7a9de008.entry.js +0 -2
- package/dist/core/p-7a9de008.entry.js.map +0 -1
- package/dist/core/p-801414e2.entry.js +0 -2
- package/dist/core/p-801414e2.entry.js.map +0 -1
- package/dist/core/p-82ba744d.entry.js +0 -2
- package/dist/core/p-82ba744d.entry.js.map +0 -1
- package/dist/core/p-897b8d16.entry.js +0 -2
- package/dist/core/p-897b8d16.entry.js.map +0 -1
- package/dist/core/p-9397b15b.js +0 -2
- package/dist/core/p-9397b15b.js.map +0 -1
- package/dist/core/p-9af6adb1.entry.js +0 -2
- package/dist/core/p-9af6adb1.entry.js.map +0 -1
- package/dist/core/p-9b54feca.entry.js +0 -2
- package/dist/core/p-9b54feca.entry.js.map +0 -1
- package/dist/core/p-a57cd616.entry.js +0 -2
- package/dist/core/p-a57cd616.entry.js.map +0 -1
- package/dist/core/p-a5eaed1a.entry.js +0 -2
- package/dist/core/p-a5eaed1a.entry.js.map +0 -1
- package/dist/core/p-a78cf2cb.entry.js +0 -2
- package/dist/core/p-a78cf2cb.entry.js.map +0 -1
- package/dist/core/p-a91340b4.entry.js +0 -2
- package/dist/core/p-a91340b4.entry.js.map +0 -1
- package/dist/core/p-aee8d45b.entry.js +0 -2
- package/dist/core/p-aee8d45b.entry.js.map +0 -1
- package/dist/core/p-badd4c8d.entry.js +0 -2
- package/dist/core/p-badd4c8d.entry.js.map +0 -1
- package/dist/core/p-bf670360.entry.js.map +0 -1
- package/dist/core/p-c033e7d6.entry.js +0 -2
- package/dist/core/p-c033e7d6.entry.js.map +0 -1
- package/dist/core/p-c07af2d8.entry.js +0 -2
- package/dist/core/p-c07af2d8.entry.js.map +0 -1
- package/dist/core/p-c21d0db8.entry.js.map +0 -1
- package/dist/core/p-c678f73d.entry.js +0 -2
- package/dist/core/p-c678f73d.entry.js.map +0 -1
- package/dist/core/p-c6ae9bad.entry.js +0 -2
- package/dist/core/p-c6ae9bad.entry.js.map +0 -1
- package/dist/core/p-c6c1e08e.entry.js +0 -2
- package/dist/core/p-c6c1e08e.entry.js.map +0 -1
- package/dist/core/p-cb6cebdd.entry.js +0 -2
- package/dist/core/p-cb6cebdd.entry.js.map +0 -1
- package/dist/core/p-d16f364a.entry.js +0 -2
- package/dist/core/p-d16f364a.entry.js.map +0 -1
- package/dist/core/p-d239c33b.entry.js +0 -2
- package/dist/core/p-d239c33b.entry.js.map +0 -1
- package/dist/core/p-d8563643.entry.js.map +0 -1
- package/dist/core/p-da40757f.entry.js +0 -2
- package/dist/core/p-da40757f.entry.js.map +0 -1
- package/dist/core/p-de052137.entry.js +0 -2
- package/dist/core/p-de052137.entry.js.map +0 -1
- package/dist/core/p-e5d99316.entry.js +0 -2
- package/dist/core/p-e5d99316.entry.js.map +0 -1
- package/dist/core/p-e89bb650.entry.js +0 -2
- package/dist/core/p-e89bb650.entry.js.map +0 -1
- package/dist/core/p-f1072c28.entry.js.map +0 -1
- package/dist/core/p-f37df214.entry.js +0 -2
- package/dist/core/p-f37df214.entry.js.map +0 -1
- package/dist/core/p-f743b0eb.entry.js +0 -2
- package/dist/core/p-f743b0eb.entry.js.map +0 -1
- package/dist/core/p-f98b1afc.entry.js +0 -2
- package/dist/core/p-f98b1afc.entry.js.map +0 -1
- package/dist/core/p-fe13f1ba.entry.js +0 -2
- package/dist/core/p-fe13f1ba.entry.js.map +0 -1
- package/dist/esm/helpers-5bd2012a.js.map +0 -1
- package/dist/esm/helpers-dab8ddfe.js.map +0 -1
- package/dist/esm/ic-input-component-container_4.entry.js +0 -149
- package/dist/esm/ic-input-component-container_4.entry.js.map +0 -1
- package/dist/esm/ic-menu-with-multi.entry.js +0 -2734
- package/dist/esm/ic-menu-with-multi.entry.js.map +0 -1
- package/dist/esm/ic-menu.entry.js +0 -654
- package/dist/esm/ic-menu.entry.js.map +0 -1
- package/dist/esm/ic-select-with-multi.entry.js +0 -784
- package/dist/esm/ic-select-with-multi.entry.js.map +0 -1
- package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +0 -214
- package/dist/types/components/ic-select-with-multi/ic-select.d.ts +0 -259
- package/dist/types/components/ic-select-with-multi/story-data.d.ts +0 -32
- /package/dist/core/{p-d03374fc.entry.js.map → p-b717ae40.entry.js.map} +0 -0
@@ -1,5 +1,5 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
|
2
|
-
import { d as dynamicDebounce,
|
2
|
+
import { d as dynamicDebounce, b as isEmptyString, p as pxToRem, i as isSlotUsed, c as addDataToPosition, e as deviceSizeMatches, f as getSlotElements, h as checkResizeObserver, j as IC_DEVICE_SIZES } from './helpers2.js';
|
3
3
|
import { d as defineCustomElement$h } from './ic-button2.js';
|
4
4
|
import { d as defineCustomElement$g } from './ic-empty-state2.js';
|
5
5
|
import { d as defineCustomElement$f } from './ic-input-component-container2.js';
|
@@ -29,7 +29,7 @@ const descendingIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 2
|
|
29
29
|
<path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>
|
30
30
|
</svg>`;
|
31
31
|
|
32
|
-
const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height)}.truncation-show-hide{
|
32
|
+
const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination=\"true\"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded=\"true\"]) .table-row-container{border:var(--ic-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n --ic-data-table-cell-background-selected-hover\n ) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}:host([embedded=\"true\"]) tr:last-child .table-cell,:host([embedded=\"true\"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1)}.loading.show-background{background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg){fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-color-secondary-text)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media screen and (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media screen and (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}";
|
33
33
|
|
34
34
|
const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLElement {
|
35
35
|
constructor() {
|
@@ -37,6 +37,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
37
37
|
this.__registerHost();
|
38
38
|
this.__attachShadow();
|
39
39
|
this.icRowHeightChange = createEvent(this, "icRowHeightChange", 7);
|
40
|
+
this.icSelectedRowChange = createEvent(this, "icSelectedRowChange", 7);
|
40
41
|
this.icSortChange = createEvent(this, "icSortChange", 7);
|
41
42
|
this.DENSITY_HEIGHT_MULTIPLIER = {
|
42
43
|
dense: 0.8,
|
@@ -68,10 +69,43 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
68
69
|
this.itemsPerPageChange = false;
|
69
70
|
this.DATA_ROW_HEIGHT_STRING = "data-row-height";
|
70
71
|
this.ROW_HEIGHT_CSS_VARIABLE = "--row-height";
|
72
|
+
this.LINE_CLAMP_CSS_VARIABLE = "--ic-line-clamp";
|
71
73
|
this.DEFAULT_LINE_HEIGHT = 24;
|
72
74
|
this.densityUpdate = false;
|
73
75
|
this.truncationPatternUpdated = false;
|
74
76
|
this.isNewDebounceDelaySet = false;
|
77
|
+
this.headerResizeObserver = null;
|
78
|
+
this.IC_TOOLTIP_STRING = "ic-tooltip";
|
79
|
+
this.SHOW_TRUNC_TOOLTIP_STRING = "show-trunc-tooltip";
|
80
|
+
this.CELL_DESCRIPTION_STRING = ".cell-description";
|
81
|
+
this.CELL_CONTAINER_WITH_DESCRIPTION_STRING = "cell-container-with-description";
|
82
|
+
this.CELL_TEXT_WRAPPER_STRING = ".cell-text-wrapper";
|
83
|
+
this.IC_TYPOGRAPHY_STRING = "ic-typography";
|
84
|
+
this.runHeaderResizeObserver = () => {
|
85
|
+
this.headerResizeObserver = new ResizeObserver(() => {
|
86
|
+
this.headerResizeCallback();
|
87
|
+
});
|
88
|
+
this.headerResizeObserver.observe(this.el);
|
89
|
+
};
|
90
|
+
this.headerResizeCallback = () => {
|
91
|
+
if (!this.hideColumnHeaders && this.columnHeaderTruncation) {
|
92
|
+
const tableContainerWidth = this.el.shadowRoot.querySelector(".table-container").clientWidth;
|
93
|
+
if (tableContainerWidth !== this.prevTableContainerWidth) {
|
94
|
+
const headers = this.el.shadowRoot.querySelectorAll("th.column-header");
|
95
|
+
headers.forEach((header) => {
|
96
|
+
const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);
|
97
|
+
const typographyEls = header.querySelectorAll(this.IC_TYPOGRAPHY_STRING);
|
98
|
+
if (tooltip && typographyEls && typographyEls.length === 2) {
|
99
|
+
tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);
|
100
|
+
if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {
|
101
|
+
tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);
|
102
|
+
}
|
103
|
+
}
|
104
|
+
});
|
105
|
+
this.prevTableContainerWidth = tableContainerWidth;
|
106
|
+
}
|
107
|
+
}
|
108
|
+
};
|
75
109
|
this.updateSetRowHeight = (typographyEl) => {
|
76
110
|
const fontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
|
77
111
|
if (typographyEl) {
|
@@ -128,8 +162,9 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
128
162
|
}
|
129
163
|
else {
|
130
164
|
if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {
|
131
|
-
typographyEl.setAttribute("style",
|
132
|
-
cellContainer.
|
165
|
+
typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
|
166
|
+
const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
|
167
|
+
cellTextWrapper.prepend(typographyEl);
|
133
168
|
tooltip.remove();
|
134
169
|
}
|
135
170
|
if (this.truncationPattern === this.SHOW_HIDE_STRING &&
|
@@ -184,6 +219,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
184
219
|
}
|
185
220
|
this.truncate(typographyEl, cellContainer, tooltip);
|
186
221
|
};
|
222
|
+
this.getTruncWrapper = (typographyEl) => typographyEl.shadowRoot.querySelector(".trunc-wrapper");
|
187
223
|
this.removeTextWrap = () => {
|
188
224
|
this.getTypographyElements().forEach((typographyEl) => {
|
189
225
|
const tableCell = typographyEl.closest("td");
|
@@ -205,7 +241,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
205
241
|
this.timerStarted = null;
|
206
242
|
}, this.minimumLoadingDisplayDuration);
|
207
243
|
};
|
208
|
-
this.isObject = (value) => typeof value === "object";
|
244
|
+
this.isObject = (value) => value !== undefined && value !== null && typeof value === "object";
|
209
245
|
this.notDefaultDensity = () => this.density !== "default";
|
210
246
|
this.getCellContent = (cell, dataType) => {
|
211
247
|
switch (dataType) {
|
@@ -228,19 +264,16 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
228
264
|
return this.getObjectValue(cell, key);
|
229
265
|
};
|
230
266
|
this.createUpdatingIndicator = () => {
|
231
|
-
const {
|
232
|
-
return (h("th", { colSpan: this.columns.length, class: "updating-state" }, h("ic-loading-indicator", {
|
267
|
+
const { description, max, min, progress, monochrome } = this.updatingOptions || {};
|
268
|
+
return (h("th", { colSpan: this.columns.length, class: "updating-state" }, h("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
|
233
269
|
};
|
234
270
|
this.setRowHeight = (height) => {
|
235
271
|
return pxToRem(`${height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -
|
236
272
|
this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);
|
237
273
|
};
|
238
|
-
this.setTruncationClass = () =>
|
239
|
-
|
240
|
-
|
241
|
-
}
|
242
|
-
return {};
|
243
|
-
};
|
274
|
+
this.setTruncationClass = () => this.truncationPattern
|
275
|
+
? { [`truncation-${this.truncationPattern}`]: true }
|
276
|
+
: {};
|
244
277
|
this.getColumnWidth = (columnWidth) => {
|
245
278
|
// TODO: Setting max width on columns
|
246
279
|
let columnWidthStyling = {};
|
@@ -271,6 +304,56 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
271
304
|
}
|
272
305
|
return {};
|
273
306
|
};
|
307
|
+
this.adjustWidthForActionElement = () => {
|
308
|
+
const elements = this.el.shadowRoot.querySelectorAll(".action-element");
|
309
|
+
elements.forEach((element) => {
|
310
|
+
const width = element.firstChild.getBoundingClientRect()
|
311
|
+
.width;
|
312
|
+
const gridWrapper = element.closest(".cell-grid-wrapper");
|
313
|
+
gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;
|
314
|
+
});
|
315
|
+
};
|
316
|
+
this.createCellContent = (columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis) => {
|
317
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
318
|
+
return (h("div", { innerHTML: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element" &&
|
319
|
+
!isSlotUsed(this.el, cellSlotName)
|
320
|
+
? cell
|
321
|
+
: null, class: Object.assign(Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
|
322
|
+
((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
|
323
|
+
rowAlignment ||
|
324
|
+
this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
|
325
|
+
!!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
|
326
|
+
!!rowAlignment ||
|
327
|
+
!!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
|
328
|
+
((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
|
329
|
+
this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
|
330
|
+
!!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
|
331
|
+
!!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
|
332
|
+
(rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
|
333
|
+
!!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon), [`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
|
334
|
+
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
335
|
+
rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
|
336
|
+
!!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
337
|
+
!!rowEmphasis }, this.setTruncationClass()), { [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]: this.isObject(cell) && Object.keys(cell).includes("description") }), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
|
338
|
+
? this.setRowHeight(currentRowHeight)
|
339
|
+
: null }, isSlotUsed(this.el, cellSlotName) ? (h("slot", { name: cellSlotName })) : (h(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (h("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
|
340
|
+
(cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (h("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
|
341
|
+
!isSlotUsed(this.el, cellSlotName) && (h("div", { class: {
|
342
|
+
"cell-text-wrapper": true,
|
343
|
+
"cell-text-no-wrap": !this.truncationPattern,
|
344
|
+
} }, h("ic-typography", { variant: "body", class: {
|
345
|
+
[`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
|
346
|
+
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
347
|
+
rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
|
348
|
+
!!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
349
|
+
!!rowEmphasis,
|
350
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
351
|
+
} }, this.isObject(cell) && (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (h("ic-link", { href: cellValue("href"), theme: this.theme, target: cellValue("target") || undefined, rel: cellValue("rel") || undefined }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType))), this.isObject(cell) &&
|
352
|
+
Object.keys(cell).includes("description") && (h("div", { class: {
|
353
|
+
["cell-description"]: true,
|
354
|
+
[`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true,
|
355
|
+
} }, ((_o = cellValue("description")) === null || _o === void 0 ? void 0 : _o.icon) && (h("span", { class: "cell-description-icon", innerHTML: cellValue("description").icon })), h("ic-typography", { variant: "caption", class: "cell-description-text" }, (_q = (_p = cellValue("description")) === null || _p === void 0 ? void 0 : _p.data) !== null && _q !== void 0 ? _q : cellValue("description"))))))))));
|
356
|
+
};
|
274
357
|
this.createCells = (row, rowIndex) => {
|
275
358
|
var _a;
|
276
359
|
const rowValues = Object.values(row);
|
@@ -288,7 +371,6 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
288
371
|
? variableRowHeightVal !== "auto" && variableRowHeightVal
|
289
372
|
: this.globalRowHeight !== "auto" && this.globalRowHeight;
|
290
373
|
return rowValues.map((cell, index) => {
|
291
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
292
374
|
const columnProps = this.columns[index];
|
293
375
|
const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
|
294
376
|
const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
|
@@ -304,59 +386,48 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
304
386
|
return (h("td", { class: {
|
305
387
|
["table-cell"]: true,
|
306
388
|
[`table-density-${this.density}`]: this.notDefaultDensity(),
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
!!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
|
315
|
-
!!rowAlignment ||
|
316
|
-
!!this.getCellAlignment(cell, "vertical"), [`cell-alignment-${((_e = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _e === void 0 ? void 0 : _e.horizontal) ||
|
317
|
-
((_f = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _f === void 0 ? void 0 : _f.horizontal) ||
|
318
|
-
this.getCellAlignment(cell, "horizontal")}`]: !!((_g = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _g === void 0 ? void 0 : _g.horizontal) ||
|
319
|
-
!!((_h = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _h === void 0 ? void 0 : _h.horizontal) ||
|
320
|
-
!!this.getCellAlignment(cell, "horizontal"), [`data-type-${columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType}`]: true, [this.TEXT_WRAP_STRING]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) ||
|
321
|
-
(rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap) ||
|
322
|
-
!!this.getCellOptions(cell, "textWrap"), ["cell-icon"]: hasIcon || !!((_j = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _j === void 0 ? void 0 : _j.icon) }, this.setTruncationClass()), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
|
323
|
-
? this.setRowHeight(currentRowHeight)
|
324
|
-
: null }, isSlotUsed(this.el, cellSlotName) ? (h("slot", { name: cellSlotName })) : (h(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (h("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) && (h("span", { class: "icon", innerHTML: cellValue("icon") || (columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
|
325
|
-
!isSlotUsed(this.el, cellSlotName) && (h("ic-typography", { variant: "body", class: {
|
326
|
-
[`cell-emphasis-${(this.isObject(cell) && cellValue("emphasis")) ||
|
327
|
-
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
328
|
-
rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
|
329
|
-
!!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
|
330
|
-
!!rowEmphasis,
|
331
|
-
[`text-${this.density}`]: this.notDefaultDensity(),
|
332
|
-
} }, this.isObject(cell) &&
|
333
|
-
(columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "date" ? (Object.keys(cell).includes("href") ? (h("ic-link", { href: cellValue("href") }, cellValue("data"))) : (cellValue("data"))) : (this.getCellContent(cell, columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType)))))))));
|
389
|
+
["with-overflow"]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element",
|
390
|
+
}, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, this.isObject(cell) &&
|
391
|
+
Object.keys(cell).includes("actionElement") ? (h("div", { class: "cell-grid-wrapper" }, this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis), h("span", { class: "action-element", innerHTML: cellValue("actionElement"),
|
392
|
+
// eslint-disable-next-line react/jsx-no-bind
|
393
|
+
onClick: cell.actionOnClick
|
394
|
+
? (event) => this.handleClick(event, cell.actionOnClick)
|
395
|
+
: undefined }))) : (this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis))));
|
334
396
|
}
|
335
397
|
});
|
336
398
|
};
|
337
|
-
this.createColumnHeaders = () => {
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
342
|
-
|
343
|
-
|
344
|
-
|
345
|
-
|
346
|
-
|
347
|
-
|
348
|
-
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
399
|
+
this.createColumnHeaders = () => (this.columns || []).map(({ cellAlignment, colspan, icon, key, title, columnWidth }, index) => (h("th", { scope: "col", class: {
|
400
|
+
["column-header"]: true,
|
401
|
+
[`table-density-${this.density}`]: this.notDefaultDensity(),
|
402
|
+
["updating-state-headers"]: this.updating && !this.loading,
|
403
|
+
}, style: Object.assign({}, this.getColumnWidth(columnWidth)), colSpan: colspan }, h("div", { class: {
|
404
|
+
"column-header-inner-container": true,
|
405
|
+
"truncation-tooltip": this.columnHeaderTruncation,
|
406
|
+
[`column-header-alignment-${cellAlignment}`]: !!cellAlignment,
|
407
|
+
} }, isSlotUsed(this.el, `${key}-column-icon`) ? (h("slot", { name: `${key}-column-icon` })) : (icon &&
|
408
|
+
!icon.hideOnHeader && (h("span", { class: "icon", innerHTML: icon.icon }))), this.columnHeaderTruncation ? (h("ic-tooltip", { label: title, target: `column-header-${index}` }, h("ic-typography", { id: `column-header-${index}`, variant: "body", class: {
|
409
|
+
["column-header-text"]: true,
|
410
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
411
|
+
} }, title))) : (h("ic-typography", { variant: "body", class: {
|
412
|
+
["column-header-text"]: true,
|
413
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
414
|
+
} }, title)), this.sortable && (h("ic-button", { variant: "icon", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
|
415
|
+
// eslint-disable-next-line react/jsx-no-bind
|
416
|
+
onClick: () => this.sortRows(key), innerHTML: this.SORT_ICONS[this.sortedColumn === key
|
417
|
+
? this.sortedColumnOrder
|
418
|
+
: "unsorted"], class: {
|
419
|
+
["sort-button"]: true,
|
420
|
+
["sort-button-unsorted"]: this.sortedColumn !== key ||
|
421
|
+
this.sortedColumnOrder === "unsorted",
|
422
|
+
} }))), this.columnHeaderTruncation && (h("ic-typography", { variant: "body", "aria-hidden": "true", class: {
|
423
|
+
["column-header-text"]: true,
|
424
|
+
["dummy-column-header-text"]: this.columnHeaderTruncation,
|
425
|
+
[`text-${this.density}`]: this.notDefaultDensity(),
|
426
|
+
} }, title)))));
|
359
427
|
this.onRowClick = (row) => {
|
428
|
+
if (!this.loading && !this.updating) {
|
429
|
+
this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);
|
430
|
+
}
|
360
431
|
this.selectedRow =
|
361
432
|
this.selectedRow !== row && !this.loading && !this.updating && row;
|
362
433
|
};
|
@@ -373,26 +444,28 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
373
444
|
const organisedData = data.map((row, rowIndex) => {
|
374
445
|
const slottedColumns = this.columns
|
375
446
|
.map(({ key }, index) => isSlotUsed(this.el, `${key}-${rowIndex}`) && { key, index })
|
376
|
-
.filter((col) => !!col
|
447
|
+
.filter((col) => !!col &&
|
448
|
+
// skip the column if its already in the row
|
449
|
+
!Object.prototype.hasOwnProperty.call(row, col.key));
|
377
450
|
return slottedColumns.length > 0
|
378
451
|
? addDataToPosition(row, slottedColumns, "")
|
379
452
|
: row;
|
380
453
|
});
|
381
454
|
return organisedData
|
382
|
-
.sort(!this.sortable
|
455
|
+
.sort(!this.sortable || this.disableAutoSort
|
456
|
+
? undefined
|
457
|
+
: this.getSortFunction())
|
383
458
|
.map((row, index) => {
|
384
459
|
return (h("tr", {
|
385
460
|
// eslint-disable-next-line react/jsx-no-bind
|
386
461
|
onClick: () => this.onRowClick(row), class: {
|
387
462
|
["table-row"]: true,
|
388
|
-
["table-row-selected"]: this.selectedRow === row,
|
463
|
+
["table-row-selected"]: this.highlightSelectedRow && this.selectedRow === row,
|
389
464
|
}
|
390
465
|
}, this.createCells(row, index)));
|
391
466
|
});
|
392
467
|
};
|
393
|
-
this.getObjectValue = (cell, key) =>
|
394
|
-
return Object.values(cell)[Object.keys(cell).indexOf(key)];
|
395
|
-
};
|
468
|
+
this.getObjectValue = (cell, key) => Object.values(cell)[Object.keys(cell).indexOf(key)];
|
396
469
|
this.getSortButtonLabel = (key) => {
|
397
470
|
let label = "";
|
398
471
|
const getNextSortOption = (option) => {
|
@@ -455,7 +528,8 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
455
528
|
});
|
456
529
|
};
|
457
530
|
this.getTypographyElements = () => {
|
458
|
-
|
531
|
+
// Filter out column headers and cell descriptions
|
532
|
+
return Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)"));
|
459
533
|
};
|
460
534
|
this.getTooltip = (typographyEl) => {
|
461
535
|
return typographyEl.closest(this.TOOLTIP);
|
@@ -466,7 +540,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
466
540
|
const cellContainer = this.getCellContainer(typographyEl);
|
467
541
|
if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {
|
468
542
|
this.removeTooltip(cellContainer, typographyEl, tooltip);
|
469
|
-
typographyEl.setAttribute("style",
|
543
|
+
typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
|
470
544
|
return;
|
471
545
|
}
|
472
546
|
this.regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly);
|
@@ -475,6 +549,56 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
475
549
|
this.updateScrollOffset = () => {
|
476
550
|
this.scrollOffset = this.el.shadowRoot.querySelector(".table-row-container").scrollTop;
|
477
551
|
};
|
552
|
+
this.updateRowHeightForDescriptions = (rowHeight, cellContainer) => {
|
553
|
+
cellContainer.setAttribute("data-row-height", rowHeight.toString());
|
554
|
+
cellContainer.setAttribute("style", `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`);
|
555
|
+
};
|
556
|
+
// Method to update the row heights on cells with descriptions and tooltip truncation
|
557
|
+
this.updateCellHeightsWithDescriptions = () => {
|
558
|
+
const descriptions = this.el.shadowRoot.querySelectorAll(this.CELL_DESCRIPTION_STRING);
|
559
|
+
descriptions.forEach((description) => {
|
560
|
+
const cellContainer = description.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);
|
561
|
+
const typography = cellContainer.querySelector(this.IC_TYPOGRAPHY_STRING);
|
562
|
+
const descriptionMarginTop = window
|
563
|
+
.getComputedStyle(description)
|
564
|
+
.getPropertyValue("margin-top");
|
565
|
+
const descriptionHeight = description.clientHeight + parseInt(descriptionMarginTop, 10);
|
566
|
+
if (this.globalRowHeight && this.globalRowHeight !== "auto") {
|
567
|
+
if (!typography.textContent &&
|
568
|
+
descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight) {
|
569
|
+
this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);
|
570
|
+
}
|
571
|
+
else if (this.truncationPattern === this.TOOLTIP_STRING) {
|
572
|
+
if (descriptionHeight + this.DEFAULT_LINE_HEIGHT >
|
573
|
+
this.globalRowHeight) {
|
574
|
+
const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
|
575
|
+
if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {
|
576
|
+
// recalculate descriptionHeight as when a word break occurs this value changes
|
577
|
+
// Additional spacing given for 300-400% zoom
|
578
|
+
this.updateRowHeightForDescriptions(descriptionHeight +
|
579
|
+
this.DEFAULT_LINE_HEIGHT +
|
580
|
+
cellIcon.clientHeight, cellContainer);
|
581
|
+
}
|
582
|
+
else {
|
583
|
+
this.updateRowHeightForDescriptions(descriptionHeight + this.DEFAULT_LINE_HEIGHT, cellContainer);
|
584
|
+
}
|
585
|
+
}
|
586
|
+
this.addLineClampCSS(typography, cellContainer);
|
587
|
+
// Additional case for show/hide truncation for when a description is present, but the text
|
588
|
+
// isn't overflowing the cell to trigger the show more button to appear.
|
589
|
+
}
|
590
|
+
else if (this.truncationPattern === this.SHOW_HIDE_STRING &&
|
591
|
+
descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&
|
592
|
+
typography.style.getPropertyValue("--truncation-max-lines") !==
|
593
|
+
"initial") {
|
594
|
+
this.updateRowHeightForDescriptions(descriptionHeight + this.DEFAULT_LINE_HEIGHT, cellContainer);
|
595
|
+
if (descriptionHeight) {
|
596
|
+
this.createShowHideTruncation(typography, cellContainer, descriptionHeight);
|
597
|
+
}
|
598
|
+
}
|
599
|
+
}
|
600
|
+
});
|
601
|
+
};
|
478
602
|
this.setTableDimensions = () => {
|
479
603
|
let tableHostDimensions = {};
|
480
604
|
if (this.width) {
|
@@ -491,6 +615,94 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
491
615
|
}
|
492
616
|
return tableHostDimensions;
|
493
617
|
};
|
618
|
+
this.fixCellTooltip = (element) => {
|
619
|
+
var _a, _b, _c;
|
620
|
+
let tooltip;
|
621
|
+
if (element.tagName === "IC-TOOLTIP") {
|
622
|
+
tooltip = element;
|
623
|
+
}
|
624
|
+
else if ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.IC_TOOLTIP_STRING)) {
|
625
|
+
tooltip = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(this.IC_TOOLTIP_STRING);
|
626
|
+
}
|
627
|
+
else {
|
628
|
+
if (((_c = element.children) === null || _c === void 0 ? void 0 : _c.length) > 0) {
|
629
|
+
Array.from(element.children).forEach((el) => {
|
630
|
+
this.fixCellTooltip(el);
|
631
|
+
});
|
632
|
+
}
|
633
|
+
else {
|
634
|
+
return;
|
635
|
+
}
|
636
|
+
}
|
637
|
+
if (tooltip) {
|
638
|
+
tooltip.setExternalPopperProps({
|
639
|
+
strategy: "fixed",
|
640
|
+
});
|
641
|
+
}
|
642
|
+
};
|
643
|
+
this.fixCellTooltips = () => {
|
644
|
+
const elements = this.el.shadowRoot.querySelectorAll(".data-type-element");
|
645
|
+
elements.forEach((element) => {
|
646
|
+
const slotElements = getSlotElements(element);
|
647
|
+
slotElements === null || slotElements === void 0 ? void 0 : slotElements.forEach((slottedEl) => {
|
648
|
+
this.fixCellTooltip(slottedEl);
|
649
|
+
});
|
650
|
+
});
|
651
|
+
const actionElements = this.el.shadowRoot.querySelectorAll(".action-element");
|
652
|
+
actionElements === null || actionElements === void 0 ? void 0 : actionElements.forEach((actionElementSpan) => {
|
653
|
+
const actionElement = actionElementSpan.firstChild;
|
654
|
+
if (actionElement) {
|
655
|
+
this.fixCellTooltip(actionElement);
|
656
|
+
}
|
657
|
+
});
|
658
|
+
};
|
659
|
+
this.handleClick = (event, callback) => callback(event);
|
660
|
+
this.renderTableBody = (data, loading, overlay) => {
|
661
|
+
if (!(data === null || data === void 0 ? void 0 : data.length))
|
662
|
+
return;
|
663
|
+
if (overlay && loading) {
|
664
|
+
return h("tbody", null, this.createRows());
|
665
|
+
}
|
666
|
+
else if (loading && !overlay) {
|
667
|
+
return null;
|
668
|
+
}
|
669
|
+
else {
|
670
|
+
return h("tbody", null, this.createRows());
|
671
|
+
}
|
672
|
+
};
|
673
|
+
this.renderLoadingIndicator = (isLoading, loadingOptions) => {
|
674
|
+
if (!isLoading)
|
675
|
+
return null;
|
676
|
+
return (h(Fragment, null, h("div", { class: "loading-overlay", ref: (el) => (this.loadingOverlay = el) }), h("ic-loading-indicator", { theme: this.theme, monochrome: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.monochrome, class: {
|
677
|
+
"loading-empty": isLoading,
|
678
|
+
loading: true,
|
679
|
+
"show-background": loadingOptions.showBackground || loadingOptions.overlay,
|
680
|
+
}, description: loadingOptions.description || "Loading table data", label: loadingOptions.label || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })));
|
681
|
+
};
|
682
|
+
this.renderAriaLiveLoading = () => {
|
683
|
+
var _a, _b;
|
684
|
+
if (this.loading) {
|
685
|
+
return ((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.label) || "Loading...";
|
686
|
+
}
|
687
|
+
else if (this.updating) {
|
688
|
+
return ((_b = this.updatingOptions) === null || _b === void 0 ? void 0 : _b.description) || "Updating table data";
|
689
|
+
}
|
690
|
+
else {
|
691
|
+
return "";
|
692
|
+
}
|
693
|
+
};
|
694
|
+
this.renderEmptyState = (data, loading, overlay) => {
|
695
|
+
const emptyStateEl = isSlotUsed(this.el, "empty-state") ? (h("slot", { name: "empty-state" })) : (h("ic-empty-state", { aligned: "center", heading: "No Data", class: "loading-empty" }));
|
696
|
+
if (loading && !(data === null || data === void 0 ? void 0 : data.length) && overlay) {
|
697
|
+
return emptyStateEl;
|
698
|
+
}
|
699
|
+
else if (!loading && !(data === null || data === void 0 ? void 0 : data.length)) {
|
700
|
+
return emptyStateEl;
|
701
|
+
}
|
702
|
+
else {
|
703
|
+
return null;
|
704
|
+
}
|
705
|
+
};
|
494
706
|
this.fromRow = 0;
|
495
707
|
this.previousRowsPerPage = undefined;
|
496
708
|
this.rowsPerPage = undefined;
|
@@ -503,12 +715,15 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
503
715
|
this.currentRowHeight = undefined;
|
504
716
|
this.debounceDelay = 0;
|
505
717
|
this.caption = undefined;
|
718
|
+
this.columnHeaderTruncation = false;
|
506
719
|
this.columns = undefined;
|
507
720
|
this.data = undefined;
|
721
|
+
this.disableAutoSort = false;
|
508
722
|
this.density = "default";
|
509
723
|
this.embedded = false;
|
510
724
|
this.globalRowHeight = "auto";
|
511
725
|
this.height = undefined;
|
726
|
+
this.highlightSelectedRow = true;
|
512
727
|
this.hideColumnHeaders = false;
|
513
728
|
this.loading = false;
|
514
729
|
this.loadingOptions = undefined;
|
@@ -516,20 +731,23 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
516
731
|
this.minWidth = undefined;
|
517
732
|
this.minimumLoadingDisplayDuration = 1000;
|
518
733
|
this.paginationBarOptions = {
|
734
|
+
alignment: "right",
|
735
|
+
hideAllFromItemsPerPage: false,
|
736
|
+
hideRangeLabel: false,
|
737
|
+
itemLabel: "Item",
|
519
738
|
itemsPerPageOptions: [
|
520
739
|
{ label: "10", value: "10" },
|
521
740
|
{ label: "25", value: "25" },
|
522
741
|
{ label: "50", value: "50" },
|
523
742
|
],
|
743
|
+
monochrome: false,
|
744
|
+
pageLabel: "Page",
|
524
745
|
rangeLabelType: "page",
|
525
|
-
|
526
|
-
|
746
|
+
selectedItemsPerPage: 10,
|
747
|
+
setToFirstPageOnPaginationChange: false,
|
527
748
|
showGoToPageControl: true,
|
528
|
-
|
529
|
-
|
530
|
-
itemLabel: "Item",
|
531
|
-
pageLabel: "Page",
|
532
|
-
hideRangeLabel: false,
|
749
|
+
showItemsPerPageControl: true,
|
750
|
+
type: "simple",
|
533
751
|
};
|
534
752
|
this.showPagination = false;
|
535
753
|
this.sortable = false;
|
@@ -540,30 +758,47 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
540
758
|
this.stickyColumnHeaders = false;
|
541
759
|
this.stickyRowHeaders = false;
|
542
760
|
this.tableLayout = "fixed";
|
761
|
+
this.theme = "inherit";
|
543
762
|
this.truncationPattern = undefined;
|
544
763
|
this.updating = false;
|
545
764
|
this.updatingOptions = undefined;
|
546
765
|
this.variableRowHeight = undefined;
|
547
766
|
this.width = undefined;
|
548
767
|
}
|
768
|
+
headerTruncationChangeHandler() {
|
769
|
+
if (this.columnHeaderTruncation) {
|
770
|
+
this.prevTableContainerWidth = 0;
|
771
|
+
}
|
772
|
+
else {
|
773
|
+
const headers = this.el.shadowRoot.querySelectorAll("th.column-header");
|
774
|
+
headers.forEach((header) => {
|
775
|
+
const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);
|
776
|
+
if (tooltip) {
|
777
|
+
tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);
|
778
|
+
}
|
779
|
+
});
|
780
|
+
}
|
781
|
+
}
|
549
782
|
disconnectedCallback() {
|
550
|
-
var _a;
|
783
|
+
var _a, _b;
|
551
784
|
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
785
|
+
(_b = this.headerResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
552
786
|
}
|
553
787
|
componentWillLoad() {
|
554
|
-
var _a;
|
788
|
+
var _a, _b;
|
555
789
|
this.rowsPerPage = Number(this.paginationBarOptions.itemsPerPageOptions[0].value);
|
556
790
|
this.previousRowsPerPage = this.rowsPerPage;
|
557
791
|
this.toRow = this.rowsPerPage;
|
558
792
|
this.sortedColumn = this.sortOptions.defaultColumn;
|
559
793
|
this.sortedColumnOrder = this.sortOptions.sortOrders[0];
|
560
|
-
this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 });
|
794
|
+
this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 || !!((_b = this.loadingOptions) === null || _b === void 0 ? void 0 : _b.overlay) });
|
561
795
|
this.initialLoad = true;
|
562
796
|
this.previousItemsPerPage = this.rowsPerPage;
|
563
797
|
}
|
564
798
|
componentDidLoad() {
|
565
799
|
const tableElement = this.el.shadowRoot.querySelector("table");
|
566
800
|
const tableContainer = this.el.shadowRoot.querySelector(".table-container");
|
801
|
+
checkResizeObserver(this.runHeaderResizeObserver);
|
567
802
|
if (this.dataUpdated) {
|
568
803
|
this.dataUpdated = false;
|
569
804
|
}
|
@@ -587,6 +822,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
587
822
|
if (this.globalRowHeight !== "auto") {
|
588
823
|
this.updateSetRowHeight();
|
589
824
|
}
|
825
|
+
window.addEventListener("resize", this.updateCellHeightsWithDescriptions);
|
590
826
|
}
|
591
827
|
componentDidUpdate() {
|
592
828
|
// truncation updates invoked here once new/updated data has
|
@@ -596,6 +832,11 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
596
832
|
this.truncateUpdatedData();
|
597
833
|
}
|
598
834
|
}
|
835
|
+
componentDidRender() {
|
836
|
+
this.fixCellTooltips();
|
837
|
+
this.updateCellHeightsWithDescriptions();
|
838
|
+
this.adjustWidthForActionElement();
|
839
|
+
}
|
599
840
|
truncateUpdatedData() {
|
600
841
|
if (this.dataUpdated) {
|
601
842
|
if (this.truncationPattern === this.SHOW_HIDE_STRING) {
|
@@ -652,7 +893,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
652
893
|
cellContainer.style.height = null;
|
653
894
|
if (this.truncationPattern === this.TOOLTIP_STRING) {
|
654
895
|
this.removeTooltip(cellContainer, typographyEl, tooltipEl);
|
655
|
-
typographyEl.setAttribute("style",
|
896
|
+
typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
|
656
897
|
}
|
657
898
|
else if (this.truncationPattern === this.SHOW_HIDE_STRING) {
|
658
899
|
this.resetShowHideTruncation(typographyEl);
|
@@ -663,7 +904,8 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
663
904
|
parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
|
664
905
|
// If the set row height is bigger than the cell container even
|
665
906
|
// with textWrap, set the row height
|
666
|
-
if (!
|
907
|
+
if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
|
908
|
+
!((_a = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style) === null || _a === void 0 ? void 0 : _a.height) &&
|
667
909
|
rowHeight > cellContainer.clientHeight &&
|
668
910
|
!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
|
669
911
|
cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
|
@@ -696,7 +938,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
696
938
|
const newRows = Array.from(allRows).slice(this.previousItemsPerPage);
|
697
939
|
newRows.forEach((row) => {
|
698
940
|
row
|
699
|
-
.querySelectorAll(
|
941
|
+
.querySelectorAll(this.IC_TYPOGRAPHY_STRING)
|
700
942
|
.forEach((typographyEl) => {
|
701
943
|
const cellContainer = this.getCellContainer(typographyEl);
|
702
944
|
const tooltipEl = this.getTooltip(typographyEl);
|
@@ -758,9 +1000,17 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
758
1000
|
}
|
759
1001
|
}
|
760
1002
|
}
|
761
|
-
createShowHideTruncation(typographyEl, cellContainer) {
|
1003
|
+
createShowHideTruncation(typographyEl, cellContainer, descriptionHeight) {
|
762
1004
|
typographyEl.checkMaxLines(typographyEl.scrollHeight);
|
763
1005
|
typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
|
1006
|
+
if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
|
1007
|
+
descriptionHeight) {
|
1008
|
+
typographyEl.setAttribute("max-lines", `${Math.floor(((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - descriptionHeight) /
|
1009
|
+
this.DEFAULT_LINE_HEIGHT)}`);
|
1010
|
+
}
|
1011
|
+
else {
|
1012
|
+
typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
|
1013
|
+
}
|
764
1014
|
typographyEl.setShowHideExpanded(false);
|
765
1015
|
cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);
|
766
1016
|
}
|
@@ -774,9 +1024,6 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
774
1024
|
cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);
|
775
1025
|
this.createShowHideTruncation(typographyEl, cellContainer);
|
776
1026
|
}
|
777
|
-
getTruncWrapper(typographyEl) {
|
778
|
-
return typographyEl.shadowRoot.querySelector(".trunc-wrapper");
|
779
|
-
}
|
780
1027
|
// Set the height to initial if row height is set and the show / hide truncation
|
781
1028
|
// is clicked
|
782
1029
|
handleTypographyTruncationExpandToggle({ detail, }) {
|
@@ -867,7 +1114,8 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
867
1114
|
this.truncationPatternUpdated = true;
|
868
1115
|
}
|
869
1116
|
async dataHandler(newData) {
|
870
|
-
|
1117
|
+
var _a;
|
1118
|
+
this.loadingOptions = Object.assign(Object.assign({}, this.loadingOptions), { showBackground: (newData === null || newData === void 0 ? void 0 : newData.length) > 0 || !!((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.overlay) });
|
871
1119
|
if (this.loading) {
|
872
1120
|
!this.hasLoadedForOneSecond
|
873
1121
|
? setTimeout(() => (this.loading = false), this.minimumLoadingDisplayDuration -
|
@@ -894,7 +1142,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
894
1142
|
typographyEl.setShowHideExpanded(false);
|
895
1143
|
cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);
|
896
1144
|
}
|
897
|
-
else {
|
1145
|
+
else if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING)) {
|
898
1146
|
typographyEl.resetTruncation().then(() => {
|
899
1147
|
if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {
|
900
1148
|
cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
|
@@ -930,7 +1178,11 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
930
1178
|
this.variableRowHeight = null;
|
931
1179
|
}
|
932
1180
|
showLoadingIndicator() {
|
933
|
-
|
1181
|
+
var _a, _b, _c;
|
1182
|
+
if ((_a = this.loadingOptions) === null || _a === void 0 ? void 0 : _a.overlay) {
|
1183
|
+
(_b = this.loadingOverlay) === null || _b === void 0 ? void 0 : _b.classList.add("show");
|
1184
|
+
}
|
1185
|
+
(_c = this.loadingIndicator) === null || _c === void 0 ? void 0 : _c.classList.add("show");
|
934
1186
|
}
|
935
1187
|
getRowOptions(rowKeys, rowValues) {
|
936
1188
|
const rowOptionsIndex = rowKeys.indexOf("rowOptions");
|
@@ -959,23 +1211,44 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
959
1211
|
if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) &&
|
960
1212
|
this.truncationPattern === this.TOOLTIP_STRING) {
|
961
1213
|
if (!typographyEl.getAttribute("style") ||
|
962
|
-
typographyEl.style.cssText.includes(
|
1214
|
+
typographyEl.style.cssText.includes(`${this.LINE_CLAMP_CSS_VARIABLE}: 0;`)) {
|
963
1215
|
this.addLineClampCSS(typographyEl, cellContainer);
|
964
1216
|
}
|
965
|
-
this.
|
1217
|
+
if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))
|
1218
|
+
this.createTruncationTooltip(typographyEl, cellContainer);
|
966
1219
|
}
|
967
1220
|
}
|
968
1221
|
removeTooltip(cellContainer, typographyEl, tooltip) {
|
969
|
-
cellContainer.
|
1222
|
+
const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
|
1223
|
+
cellTextWrapper.prepend(typographyEl);
|
970
1224
|
if (tooltip) {
|
971
1225
|
tooltip.remove();
|
972
1226
|
}
|
973
1227
|
}
|
974
1228
|
addLineClampCSS(typographyEl, cellContainer) {
|
975
|
-
|
1229
|
+
var _a, _b;
|
1230
|
+
const descriptionCellHeight = (_a = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _a === void 0 ? void 0 : _a.clientHeight;
|
1231
|
+
if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
|
1232
|
+
(cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) > descriptionCellHeight) {
|
1233
|
+
let iconHeight;
|
1234
|
+
if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {
|
1235
|
+
const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
|
1236
|
+
iconHeight = cellIcon ? cellIcon.clientHeight : 0;
|
1237
|
+
}
|
1238
|
+
else {
|
1239
|
+
iconHeight = 0;
|
1240
|
+
}
|
1241
|
+
const height = (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) -
|
1242
|
+
((_b = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _b === void 0 ? void 0 : _b.clientHeight) -
|
1243
|
+
iconHeight;
|
1244
|
+
typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`);
|
1245
|
+
}
|
1246
|
+
else {
|
1247
|
+
typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)}`);
|
1248
|
+
}
|
976
1249
|
}
|
977
1250
|
createTruncationTooltip(typographyEl, cellContainer) {
|
978
|
-
const tooltipEl = document.createElement(
|
1251
|
+
const tooltipEl = document.createElement(this.IC_TOOLTIP_STRING);
|
979
1252
|
tooltipEl.setAttribute("target", typographyEl.id);
|
980
1253
|
tooltipEl.setAttribute("label", typographyEl.textContent);
|
981
1254
|
tooltipEl.classList.add("ic-tooltip-overflow");
|
@@ -983,33 +1256,30 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
983
1256
|
// This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly
|
984
1257
|
strategy: "fixed",
|
985
1258
|
});
|
986
|
-
cellContainer.
|
987
|
-
|
1259
|
+
const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
|
1260
|
+
cellTextWrapper.prepend(tooltipEl);
|
1261
|
+
tooltipEl.prepend(typographyEl);
|
988
1262
|
}
|
989
1263
|
render() {
|
990
|
-
|
991
|
-
|
1264
|
+
var _a;
|
1265
|
+
const { caption, createColumnHeaders, createUpdatingIndicator, data, hideColumnHeaders, loading, loadingOptions, paginationBarOptions, scrollable, scrollOffset, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, theme, } = this;
|
1266
|
+
return (h(Host, { style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { class: "table-container" }, isSlotUsed(this.el, "title-bar") && h("slot", { name: "title-bar" }), h("div", { class: {
|
992
1267
|
["table-row-container"]: true,
|
993
1268
|
scrollable,
|
994
|
-
}, tabIndex: scrollable ? 0 : null, onScroll: updateScrollOffset },
|
1269
|
+
}, tabIndex: scrollable ? 0 : null, onScroll: updateScrollOffset }, h("table", { style: {
|
995
1270
|
["--table-layout"]: this.tableLayout,
|
996
1271
|
} }, h("caption", { class: "table-caption" }, caption), !hideColumnHeaders && (h("thead", { class: {
|
997
1272
|
["column-header-sticky"]: stickyColumnHeaders,
|
998
1273
|
["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
|
999
1274
|
} }, h("tr", null, createColumnHeaders()))), updating &&
|
1000
1275
|
!loading &&
|
1001
|
-
(hideColumnHeaders ? (h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), (data
|
1002
|
-
!loading &&
|
1003
|
-
(isSlotUsed(this.el, "empty-state") ? (h("slot", { name: "empty-state" })) : (h("ic-empty-state", { aligned: "center", heading: "No Data", class: "loading-empty" })))), loading && (h("ic-loading-indicator", { appearance: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.appearance, class: {
|
1004
|
-
"loading-empty": loading,
|
1005
|
-
loading: true,
|
1006
|
-
"show-background": loadingOptions.showBackground,
|
1007
|
-
}, description: loadingOptions.description || "Loading table data", label: loadingOptions.label || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (h("div", { class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (h("slot", { name: "pagination-bar" })) : (h("ic-pagination-bar", { totalItems: data.length, type: paginationBarOptions.type, rangeLabelType: paginationBarOptions.rangeLabelType, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, showGoToPageControl: paginationBarOptions.showGoToPageControl, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, alignment: paginationBarOptions.alignment, appearance: paginationBarOptions.appearance, itemLabel: paginationBarOptions.itemLabel, pageLabel: paginationBarOptions.pageLabel, hideRangeLabel: paginationBarOptions.hideRangeLabel })))), sortable && (h("div", { class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
|
1276
|
+
(hideColumnHeaders ? (h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(data, loading, loadingOptions.overlay)), this.renderEmptyState(data, loading, loadingOptions.overlay)), h("div", { "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (h("div", { class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (h("slot", { name: "pagination-bar" })) : (h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (h("div", { class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
|
1008
1277
|
? `${sortedColumn} sorted ${sortedColumnOrder}`
|
1009
1278
|
: "table unsorted")))));
|
1010
1279
|
}
|
1011
1280
|
get el() { return this; }
|
1012
1281
|
static get watchers() { return {
|
1282
|
+
"columnHeaderTruncation": ["headerTruncationChangeHandler"],
|
1013
1283
|
"loading": ["loadingHandler"],
|
1014
1284
|
"truncationPattern": ["truncationPatternHandler"],
|
1015
1285
|
"data": ["dataHandler"],
|
@@ -1020,12 +1290,15 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
1020
1290
|
static get style() { return icDataTableCss; }
|
1021
1291
|
}, [1, "ic-data-table", {
|
1022
1292
|
"caption": [1],
|
1293
|
+
"columnHeaderTruncation": [4, "column-header-truncation"],
|
1023
1294
|
"columns": [16],
|
1024
1295
|
"data": [16],
|
1296
|
+
"disableAutoSort": [4, "disable-auto-sort"],
|
1025
1297
|
"density": [1025],
|
1026
1298
|
"embedded": [4],
|
1027
1299
|
"globalRowHeight": [1032, "global-row-height"],
|
1028
1300
|
"height": [1],
|
1301
|
+
"highlightSelectedRow": [4, "highlight-selected-row"],
|
1029
1302
|
"hideColumnHeaders": [4, "hide-column-headers"],
|
1030
1303
|
"loading": [1028],
|
1031
1304
|
"loadingOptions": [16],
|
@@ -1039,6 +1312,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
1039
1312
|
"stickyColumnHeaders": [4, "sticky-column-headers"],
|
1040
1313
|
"stickyRowHeaders": [4, "sticky-row-headers"],
|
1041
1314
|
"tableLayout": [1, "table-layout"],
|
1315
|
+
"theme": [1],
|
1042
1316
|
"truncationPattern": [1, "truncation-pattern"],
|
1043
1317
|
"updating": [4],
|
1044
1318
|
"updatingOptions": [16],
|
@@ -1057,6 +1331,7 @@ const DataTable = /*@__PURE__*/ proxyCustomElement(class DataTable extends HTMLE
|
|
1057
1331
|
"debounceDelay": [32],
|
1058
1332
|
"resetRowHeights": [64]
|
1059
1333
|
}, [[0, "typographyTruncationExpandToggle", "handleTypographyTruncationExpandToggle"], [0, "icPageChange", "handlePageChange"], [0, "icItemsPerPageChange", "handleItemsPerPageChange"], [0, "icTableDensityUpdate", "handleDensityChange"], [8, "click", "clickListener"]], {
|
1334
|
+
"columnHeaderTruncation": ["headerTruncationChangeHandler"],
|
1060
1335
|
"loading": ["loadingHandler"],
|
1061
1336
|
"truncationPattern": ["truncationPatternHandler"],
|
1062
1337
|
"data": ["dataHandler"],
|