@aurelia-mdc-web/all 9.3.3-au2 → 9.3.4-au2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert/alert-configuration.js +5 -9
- package/dist/alert/alert-configuration.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.js +8 -11
- package/dist/alert/alert-modal/alert-modal.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.scss +10 -0
- package/dist/alert/alert-modal/i-alert-modal-payload.js +1 -5
- package/dist/alert/alert-modal/i-alert-modal-payload.js.map +1 -1
- package/dist/alert/alert-service.js +23 -27
- package/dist/alert/alert-service.js.map +1 -1
- package/dist/alert/decorators/confirm-action.js +1 -4
- package/dist/alert/decorators/confirm-action.js.map +1 -1
- package/dist/alert/decorators/using-progress.js +1 -4
- package/dist/alert/decorators/using-progress.js.map +1 -1
- package/dist/alert/exceptions-tracker.js +1 -5
- package/dist/alert/exceptions-tracker.js.map +1 -1
- package/dist/alert/global-progress/global-progress.js +24 -27
- package/dist/alert/global-progress/global-progress.js.map +1 -1
- package/dist/alert/global-progress/global-progress.scss +38 -0
- package/dist/alert/prompt-dialog/prompt-dialog.js +9 -12
- package/dist/alert/prompt-dialog/prompt-dialog.js.map +1 -1
- package/dist/banner/mdc-banner.js +42 -45
- package/dist/banner/mdc-banner.js.map +1 -1
- package/dist/base/attributes/mdc-focus-trap.js +22 -25
- package/dist/base/attributes/mdc-focus-trap.js.map +1 -1
- package/dist/base/elements/i-validated-element.js +1 -2
- package/dist/base/elements/mdc-promisify-reference.js +13 -16
- package/dist/base/elements/mdc-promisify-reference.js.map +1 -1
- package/dist/base/index.js +9 -21
- package/dist/base/index.js.map +1 -1
- package/dist/base/interceptors.js +5 -12
- package/dist/base/interceptors.js.map +1 -1
- package/dist/base/material-palette.js +1 -4
- package/dist/base/material-palette.js.map +1 -1
- package/dist/base/mdc-component.js +1 -5
- package/dist/base/mdc-component.js.map +1 -1
- package/dist/base/next-element.js +1 -4
- package/dist/base/next-element.js.map +1 -1
- package/dist/button/enhance-mdc-button.js +6 -9
- package/dist/button/enhance-mdc-button.js.map +1 -1
- package/dist/button/mdc-button-label.js +6 -9
- package/dist/button/mdc-button-label.js.map +1 -1
- package/dist/button/mdc-button.js +27 -30
- package/dist/button/mdc-button.js.map +1 -1
- package/dist/card/mdc-card-action-buttons.js +6 -9
- package/dist/card/mdc-card-action-buttons.js.map +1 -1
- package/dist/card/mdc-card-action-icons.js +6 -9
- package/dist/card/mdc-card-action-icons.js.map +1 -1
- package/dist/card/mdc-card-actions/mdc-card-actions.js +12 -15
- package/dist/card/mdc-card-actions/mdc-card-actions.js.map +1 -1
- package/dist/card/mdc-card-media/mdc-card-media.js +15 -18
- package/dist/card/mdc-card-media/mdc-card-media.js.map +1 -1
- package/dist/card/mdc-card-primary-action.js +12 -15
- package/dist/card/mdc-card-primary-action.js.map +1 -1
- package/dist/card/mdc-card.js +12 -15
- package/dist/card/mdc-card.js.map +1 -1
- package/dist/checkbox/mdc-checkbox.js +35 -38
- package/dist/checkbox/mdc-checkbox.js.map +1 -1
- package/dist/chips/mdc-chip/mdc-chip.js +34 -37
- package/dist/chips/mdc-chip/mdc-chip.js.map +1 -1
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js +6 -9
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-action/mdc-chip-action.js +37 -40
- package/dist/chips/mdc-chip-action/mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-set/mdc-chip-set.js +24 -27
- package/dist/chips/mdc-chip-set/mdc-chip-set.js.map +1 -1
- package/dist/chips/styles/_index.scss +1 -0
- package/dist/chips/styles/mdc-chips.import.scss +1 -0
- package/dist/chips/styles/mdc-chips.scss +11 -0
- package/dist/circular-progress/mdc-circular-progress.js +22 -25
- package/dist/circular-progress/mdc-circular-progress.js.map +1 -1
- package/dist/circular-progress/styles/_index.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.import.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.scss +14 -0
- package/dist/data-table/mdc-data-table-row.js +10 -13
- package/dist/data-table/mdc-data-table-row.js.map +1 -1
- package/dist/data-table/mdc-data-table.js +88 -91
- package/dist/data-table/mdc-data-table.js.map +1 -1
- package/dist/data-table/styles/_index.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.import.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.scss +64 -0
- package/dist/dialog/mdc-dialog-actions.js +10 -13
- package/dist/dialog/mdc-dialog-actions.js.map +1 -1
- package/dist/dialog/mdc-dialog-content.js +6 -9
- package/dist/dialog/mdc-dialog-content.js.map +1 -1
- package/dist/dialog/mdc-dialog-service.js +13 -17
- package/dist/dialog/mdc-dialog-service.js.map +1 -1
- package/dist/dialog/mdc-dialog-title.js +6 -9
- package/dist/dialog/mdc-dialog-title.js.map +1 -1
- package/dist/dialog/mdc-dialog.js +46 -49
- package/dist/dialog/mdc-dialog.js.map +1 -1
- package/dist/drawer/mdc-drawer-app-content.js +6 -9
- package/dist/drawer/mdc-drawer-app-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-content.js +6 -9
- package/dist/drawer/mdc-drawer-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js +14 -17
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js.map +1 -1
- package/dist/drawer/mdc-drawer.js +21 -24
- package/dist/drawer/mdc-drawer.js.map +1 -1
- package/dist/drawer/styles/_index.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.import.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.scss +0 -0
- package/dist/elevation/mdc-elevation.js +6 -9
- package/dist/elevation/mdc-elevation.js.map +1 -1
- package/dist/expandable/mdc-expandable.js +17 -20
- package/dist/expandable/mdc-expandable.js.map +1 -1
- package/dist/expandable/styles/_icon-variables.scss +3 -0
- package/dist/expandable/styles/_index.scss +1 -0
- package/dist/expandable/styles/_mixins.scss +287 -0
- package/dist/expandable/styles/_variables.scss +17 -0
- package/dist/expandable/styles/mdc-expandable.import.scss +1 -0
- package/dist/expandable/styles/mdc-expandable.scss +3 -0
- package/dist/fab/enhance-mdc-fab.js +6 -9
- package/dist/fab/enhance-mdc-fab.js.map +1 -1
- package/dist/fab/mdc-fab-icon.js +6 -9
- package/dist/fab/mdc-fab-icon.js.map +1 -1
- package/dist/fab/mdc-fab.js +30 -33
- package/dist/fab/mdc-fab.js.map +1 -1
- package/dist/floating-label/mdc-floating-label.js +13 -16
- package/dist/floating-label/mdc-floating-label.js.map +1 -1
- package/dist/form-field/mdc-form-field.js +24 -27
- package/dist/form-field/mdc-form-field.js.map +1 -1
- package/dist/icon/mdc-icon.js +7 -10
- package/dist/icon/mdc-icon.js.map +1 -1
- package/dist/icon-button/enhance-mdc-icon-button.js +6 -9
- package/dist/icon-button/enhance-mdc-icon-button.js.map +1 -1
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js +15 -18
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js.map +1 -1
- package/dist/icon-button/mdc-icon-button.js +25 -28
- package/dist/icon-button/mdc-icon-button.js.map +1 -1
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js +19 -22
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js.map +1 -1
- package/dist/image-list/mdc-image-list.js +18 -21
- package/dist/image-list/mdc-image-list.js.map +1 -1
- package/dist/image-list/styles/_index.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.import.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.scss +7 -0
- package/dist/index.js +151 -297
- package/dist/index.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js +33 -36
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-inner.js +6 -9
- package/dist/layout-grid/mdc-layout-grid-inner.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid.js +30 -33
- package/dist/layout-grid/mdc-layout-grid.js.map +1 -1
- package/dist/layout-grid/styles/_index.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.import.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.scss +11 -0
- package/dist/line-ripple/mdc-line-ripple.js +10 -13
- package/dist/line-ripple/mdc-line-ripple.js.map +1 -1
- package/dist/linear-progress/mdc-linear-progress.js +23 -26
- package/dist/linear-progress/mdc-linear-progress.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js +15 -18
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js +14 -17
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js +25 -28
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js +75 -78
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js.map +1 -1
- package/dist/list/mdc-list-divider/mdc-list-divider.js +18 -21
- package/dist/list/mdc-list-divider/mdc-list-divider.js.map +1 -1
- package/dist/list/mdc-list-group.js +14 -17
- package/dist/list/mdc-list-group.js.map +1 -1
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js +6 -9
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-leading.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-leading.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item.js +37 -40
- package/dist/list/mdc-list-item/mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item-overline-text.js +6 -9
- package/dist/list/mdc-list-item-overline-text.js.map +1 -1
- package/dist/list/mdc-list-item-primary-text.js +6 -9
- package/dist/list/mdc-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-list.js +55 -58
- package/dist/list/mdc-list.js.map +1 -1
- package/dist/list/styles/_index.scss +1 -0
- package/dist/list/styles/mdc-list.import.scss +1 -0
- package/dist/list/styles/mdc-list.scss +6 -0
- package/dist/lookup/discardable-promise.js +1 -5
- package/dist/lookup/discardable-promise.js.map +1 -1
- package/dist/lookup/mdc-lookup-configuration.js +1 -5
- package/dist/lookup/mdc-lookup-configuration.js.map +1 -1
- package/dist/lookup/mdc-lookup.js +66 -69
- package/dist/lookup/mdc-lookup.js.map +1 -1
- package/dist/mdc-configuration.js +11 -15
- package/dist/mdc-configuration.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group-icon.js +6 -9
- package/dist/menu/mdc-menu-selection-group-icon.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group.js +6 -9
- package/dist/menu/mdc-menu-selection-group.js.map +1 -1
- package/dist/menu/mdc-menu.js +68 -71
- package/dist/menu/mdc-menu.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface-anchor.js +8 -11
- package/dist/menu-surface/mdc-menu-surface-anchor.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface.js +58 -61
- package/dist/menu-surface/mdc-menu-surface.js.map +1 -1
- package/dist/notched-outline/mdc-notched-outline.js +17 -20
- package/dist/notched-outline/mdc-notched-outline.js.map +1 -1
- package/dist/radio/mdc-radio.js +24 -27
- package/dist/radio/mdc-radio.js.map +1 -1
- package/dist/ripple/mdc-ripple.js +48 -51
- package/dist/ripple/mdc-ripple.js.map +1 -1
- package/dist/ripple/styles/_index.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.import.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.scss +10 -0
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js +6 -9
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js +24 -27
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button.js +21 -24
- package/dist/segmented-button/mdc-segmented-button.js.map +1 -1
- package/dist/select/mdc-default-select-configuration.js +1 -5
- package/dist/select/mdc-default-select-configuration.js.map +1 -1
- package/dist/select/mdc-select-adapter-aurelia.js +1 -2
- package/dist/select/mdc-select-adapter-aurelia.js.map +1 -1
- package/dist/select/mdc-select-foundation-aurelia.js +43 -47
- package/dist/select/mdc-select-foundation-aurelia.js.map +1 -1
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js +24 -27
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js.map +1 -1
- package/dist/select/mdc-select-icon.js +13 -16
- package/dist/select/mdc-select-icon.js.map +1 -1
- package/dist/select/mdc-select-value-observer.js +11 -14
- package/dist/select/mdc-select-value-observer.js.map +1 -1
- package/dist/select/mdc-select.js +64 -67
- package/dist/select/mdc-select.js.map +1 -1
- package/dist/slider/mdc-slider-foundation-aurelia.js +2 -6
- package/dist/slider/mdc-slider-foundation-aurelia.js.map +1 -1
- package/dist/slider/mdc-slider.js +76 -79
- package/dist/slider/mdc-slider.js.map +1 -1
- package/dist/slider/styles/_index.scss +1 -0
- package/dist/slider/styles/mdc-slider.import.scss +1 -0
- package/dist/slider/styles/mdc-slider.scss +8 -0
- package/dist/snackbar/mdc-snackbar-service.js +4 -8
- package/dist/snackbar/mdc-snackbar-service.js.map +1 -1
- package/dist/snackbar/mdc-snackbar.js +52 -55
- package/dist/snackbar/mdc-snackbar.js.map +1 -1
- package/dist/switch/enhance-mdc-switch.js +6 -9
- package/dist/switch/enhance-mdc-switch.js.map +1 -1
- package/dist/switch/mdc-switch.js +13 -16
- package/dist/switch/mdc-switch.js.map +1 -1
- package/dist/tab-bar/indicator/mdc-tab-indicator.js +23 -26
- package/dist/tab-bar/indicator/mdc-tab-indicator.js.map +1 -1
- package/dist/tab-bar/mdc-tab-bar.js +26 -29
- package/dist/tab-bar/mdc-tab-bar.js.map +1 -1
- package/dist/tab-bar/scroller/mdc-tab-scroller.js +22 -25
- package/dist/tab-bar/scroller/mdc-tab-scroller.js.map +1 -1
- package/dist/tab-bar/tab/mdc-tab.js +41 -44
- package/dist/tab-bar/tab/mdc-tab.js.map +1 -1
- package/dist/text-field/enhance-mdc-text-field.js +6 -9
- package/dist/text-field/enhance-mdc-text-field.js.map +1 -1
- package/dist/text-field/mdc-default-text-field-configuration.js +1 -5
- package/dist/text-field/mdc-default-text-field-configuration.js.map +1 -1
- package/dist/text-field/mdc-inputmask.js +12 -15
- package/dist/text-field/mdc-inputmask.js.map +1 -1
- package/dist/text-field/mdc-text-field-character-counter.js +10 -13
- package/dist/text-field/mdc-text-field-character-counter.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js +11 -14
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js +19 -22
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js.map +1 -1
- package/dist/text-field/mdc-text-field-icon.js +19 -22
- package/dist/text-field/mdc-text-field-icon.js.map +1 -1
- package/dist/text-field/mdc-text-field.js +109 -112
- package/dist/text-field/mdc-text-field.js.map +1 -1
- package/dist/text-field/styles/_index.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.import.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.scss +8 -0
- package/dist/tooltip/mdc-default-tooltip-configuration.js +1 -5
- package/dist/tooltip/mdc-default-tooltip-configuration.js.map +1 -1
- package/dist/tooltip/mdc-tooltip-attribute.js +36 -39
- package/dist/tooltip/mdc-tooltip-attribute.js.map +1 -1
- package/dist/tooltip/mdc-tooltip.js +57 -60
- package/dist/tooltip/mdc-tooltip.js.map +1 -1
- package/dist/top-app-bar/enhance-top-app-bar-actions.js +6 -9
- package/dist/top-app-bar/enhance-top-app-bar-actions.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-row.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-row.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js +12 -15
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-title.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-title.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar.js +40 -43
- package/dist/top-app-bar/mdc-top-app-bar.js.map +1 -1
- package/dist/tree-view/i-tree-node.js +1 -2
- package/dist/tree-view/mdc-tree-node-meta.js +6 -9
- package/dist/tree-view/mdc-tree-node-meta.js.map +1 -1
- package/dist/tree-view/mdc-tree-node.js +6 -9
- package/dist/tree-view/mdc-tree-node.js.map +1 -1
- package/dist/tree-view/mdc-tree-view.js +25 -29
- package/dist/tree-view/mdc-tree-view.js.map +1 -1
- package/dist/tree-view/node-filter.js +6 -9
- package/dist/tree-view/node-filter.js.map +1 -1
- package/dist/tree-view/styles/_index.scss +1 -0
- package/dist/tree-view/styles/_mixins.scss +145 -0
- package/dist/tree-view/styles/_variables.scss +8 -0
- package/dist/tree-view/styles/mdc-tree-view.import.scss +1 -0
- package/dist/tree-view/styles/mdc-tree-view.scss +3 -0
- package/dist/typography/mdc-typography.js +57 -60
- package/dist/typography/mdc-typography.js.map +1 -1
- package/dist/validation/mdc-validation-controller-factory.js +6 -10
- package/dist/validation/mdc-validation-controller-factory.js.map +1 -1
- package/dist/validation/mdc-validation-result-presenter.js +1 -5
- package/dist/validation/mdc-validation-result-presenter.js.map +1 -1
- package/dist/validation/validate.js +1 -4
- package/dist/validation/validate.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MdcDataTable = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
5
2
|
/* eslint-disable no-template-curly-in-string */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
3
|
+
import { MdcComponent, booleanAttr, number } from '../base';
|
|
4
|
+
import { MDCDataTableFoundation, selectors, events, cssClasses, dataAttributes, SortValue, messages } from '@material/data-table';
|
|
5
|
+
import { closest } from '@material/dom/ponyfill';
|
|
6
|
+
import { inject, customElement, bindable, BindingMode } from 'aurelia';
|
|
7
|
+
import { processContent, CustomElement } from '@aurelia/runtime-html';
|
|
8
|
+
import template from './mdc-data-table.html?raw';
|
|
9
|
+
events.ROW_CLICK = events.ROW_CLICK.toLowerCase();
|
|
10
|
+
events.ROW_SELECTION_CHANGED = events.ROW_SELECTION_CHANGED.toLowerCase();
|
|
11
|
+
events.SELECTED_ALL = events.SELECTED_ALL.toLowerCase();
|
|
12
|
+
events.SORTED = events.SORTED.toLowerCase();
|
|
13
|
+
events.UNSELECTED_ALL = events.UNSELECTED_ALL.toLowerCase();
|
|
17
14
|
const NAVIGATION_EVENT = 'mdcdatatable:navigation';
|
|
18
15
|
/**
|
|
19
16
|
* Use `pagination-total` replaceable part to customise pagination total label.
|
|
@@ -25,7 +22,7 @@ const NAVIGATION_EVENT = 'mdcdatatable:navigation';
|
|
|
25
22
|
* @emits mdcdatatable:rowclick | Emitted when a row is clicked
|
|
26
23
|
*/
|
|
27
24
|
let MdcDataTable = (() => {
|
|
28
|
-
let _classDecorators = [
|
|
25
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-data-table', template }), processContent(function processContent(node) {
|
|
29
26
|
const element = node;
|
|
30
27
|
const table = element.querySelector('table');
|
|
31
28
|
if (!table) {
|
|
@@ -37,11 +34,11 @@ let MdcDataTable = (() => {
|
|
|
37
34
|
if (!headerRow) {
|
|
38
35
|
throw new Error('Have you forgotten the <thead><tr> tags in you data table markup?');
|
|
39
36
|
}
|
|
40
|
-
headerRow.classList.add(
|
|
37
|
+
headerRow.classList.add(cssClasses.HEADER_ROW);
|
|
41
38
|
headerRow.setAttribute('ref', 'headerRow');
|
|
42
39
|
const headerCells = headerRow.querySelectorAll('th');
|
|
43
40
|
for (const th of Array.from(headerCells)) {
|
|
44
|
-
th.classList.add(
|
|
41
|
+
th.classList.add(cssClasses.HEADER_CELL);
|
|
45
42
|
th.classList.toggle('mdc-data-table__header-cell--numeric', th.hasAttribute('numeric'));
|
|
46
43
|
th.setAttribute('role', 'columnheader');
|
|
47
44
|
th.setAttribute('scope', 'col');
|
|
@@ -50,7 +47,7 @@ let MdcDataTable = (() => {
|
|
|
50
47
|
if (!tbody) {
|
|
51
48
|
throw new Error('Have you forgotten the <tbody> tag in you data table markup?');
|
|
52
49
|
}
|
|
53
|
-
tbody.classList.add(
|
|
50
|
+
tbody.classList.add(cssClasses.CONTENT);
|
|
54
51
|
tbody.setAttribute('ref', 'content');
|
|
55
52
|
const paginationTotalSlot = element.querySelector('[au-slot="pagination-total"]');
|
|
56
53
|
paginationTotalSlot?.remove();
|
|
@@ -61,7 +58,7 @@ let MdcDataTable = (() => {
|
|
|
61
58
|
let _classDescriptor;
|
|
62
59
|
let _classExtraInitializers = [];
|
|
63
60
|
let _classThis;
|
|
64
|
-
let _classSuper =
|
|
61
|
+
let _classSuper = MdcComponent;
|
|
65
62
|
let _pagination_decorators;
|
|
66
63
|
let _pagination_initializers = [];
|
|
67
64
|
let _pagination_extraInitializers = [];
|
|
@@ -99,52 +96,52 @@ let MdcDataTable = (() => {
|
|
|
99
96
|
static { _classThis = this; }
|
|
100
97
|
static {
|
|
101
98
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
102
|
-
_pagination_decorators = [
|
|
103
|
-
_rowsPerPageLabel_decorators = [
|
|
104
|
-
_pageSizes_decorators = [
|
|
105
|
-
_pageSize_decorators = [
|
|
106
|
-
_stickyHeader_decorators = [
|
|
107
|
-
_manualCheckboxHandling_decorators = [
|
|
108
|
-
_saveColumnWidths_decorators = [
|
|
109
|
-
_recordsCount_decorators = [
|
|
110
|
-
_activePage_decorators = [
|
|
111
|
-
_busy_decorators = [
|
|
112
|
-
_hoistPageSelectToBody_decorators = [
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
99
|
+
_pagination_decorators = [bindable({ set: booleanAttr })];
|
|
100
|
+
_rowsPerPageLabel_decorators = [bindable()];
|
|
101
|
+
_pageSizes_decorators = [bindable()];
|
|
102
|
+
_pageSize_decorators = [bindable({ mode: BindingMode.twoWay })];
|
|
103
|
+
_stickyHeader_decorators = [bindable({ set: booleanAttr })];
|
|
104
|
+
_manualCheckboxHandling_decorators = [bindable({ set: booleanAttr })];
|
|
105
|
+
_saveColumnWidths_decorators = [bindable({ set: booleanAttr })];
|
|
106
|
+
_recordsCount_decorators = [bindable({ set: number })];
|
|
107
|
+
_activePage_decorators = [bindable({ set: number })];
|
|
108
|
+
_busy_decorators = [bindable({ set: booleanAttr })];
|
|
109
|
+
_hoistPageSelectToBody_decorators = [bindable({ set: booleanAttr })];
|
|
110
|
+
__esDecorate(null, null, _pagination_decorators, { kind: "field", name: "pagination", static: false, private: false, access: { has: obj => "pagination" in obj, get: obj => obj.pagination, set: (obj, value) => { obj.pagination = value; } }, metadata: _metadata }, _pagination_initializers, _pagination_extraInitializers);
|
|
111
|
+
__esDecorate(null, null, _rowsPerPageLabel_decorators, { kind: "field", name: "rowsPerPageLabel", static: false, private: false, access: { has: obj => "rowsPerPageLabel" in obj, get: obj => obj.rowsPerPageLabel, set: (obj, value) => { obj.rowsPerPageLabel = value; } }, metadata: _metadata }, _rowsPerPageLabel_initializers, _rowsPerPageLabel_extraInitializers);
|
|
112
|
+
__esDecorate(null, null, _pageSizes_decorators, { kind: "field", name: "pageSizes", static: false, private: false, access: { has: obj => "pageSizes" in obj, get: obj => obj.pageSizes, set: (obj, value) => { obj.pageSizes = value; } }, metadata: _metadata }, _pageSizes_initializers, _pageSizes_extraInitializers);
|
|
113
|
+
__esDecorate(null, null, _pageSize_decorators, { kind: "field", name: "pageSize", static: false, private: false, access: { has: obj => "pageSize" in obj, get: obj => obj.pageSize, set: (obj, value) => { obj.pageSize = value; } }, metadata: _metadata }, _pageSize_initializers, _pageSize_extraInitializers);
|
|
114
|
+
__esDecorate(null, null, _stickyHeader_decorators, { kind: "field", name: "stickyHeader", static: false, private: false, access: { has: obj => "stickyHeader" in obj, get: obj => obj.stickyHeader, set: (obj, value) => { obj.stickyHeader = value; } }, metadata: _metadata }, _stickyHeader_initializers, _stickyHeader_extraInitializers);
|
|
115
|
+
__esDecorate(null, null, _manualCheckboxHandling_decorators, { kind: "field", name: "manualCheckboxHandling", static: false, private: false, access: { has: obj => "manualCheckboxHandling" in obj, get: obj => obj.manualCheckboxHandling, set: (obj, value) => { obj.manualCheckboxHandling = value; } }, metadata: _metadata }, _manualCheckboxHandling_initializers, _manualCheckboxHandling_extraInitializers);
|
|
116
|
+
__esDecorate(null, null, _saveColumnWidths_decorators, { kind: "field", name: "saveColumnWidths", static: false, private: false, access: { has: obj => "saveColumnWidths" in obj, get: obj => obj.saveColumnWidths, set: (obj, value) => { obj.saveColumnWidths = value; } }, metadata: _metadata }, _saveColumnWidths_initializers, _saveColumnWidths_extraInitializers);
|
|
117
|
+
__esDecorate(null, null, _recordsCount_decorators, { kind: "field", name: "recordsCount", static: false, private: false, access: { has: obj => "recordsCount" in obj, get: obj => obj.recordsCount, set: (obj, value) => { obj.recordsCount = value; } }, metadata: _metadata }, _recordsCount_initializers, _recordsCount_extraInitializers);
|
|
118
|
+
__esDecorate(null, null, _activePage_decorators, { kind: "field", name: "activePage", static: false, private: false, access: { has: obj => "activePage" in obj, get: obj => obj.activePage, set: (obj, value) => { obj.activePage = value; } }, metadata: _metadata }, _activePage_initializers, _activePage_extraInitializers);
|
|
119
|
+
__esDecorate(null, null, _busy_decorators, { kind: "field", name: "busy", static: false, private: false, access: { has: obj => "busy" in obj, get: obj => obj.busy, set: (obj, value) => { obj.busy = value; } }, metadata: _metadata }, _busy_initializers, _busy_extraInitializers);
|
|
120
|
+
__esDecorate(null, null, _hoistPageSelectToBody_decorators, { kind: "field", name: "hoistPageSelectToBody", static: false, private: false, access: { has: obj => "hoistPageSelectToBody" in obj, get: obj => obj.hoistPageSelectToBody, set: (obj, value) => { obj.hoistPageSelectToBody = value; } }, metadata: _metadata }, _hoistPageSelectToBody_initializers, _hoistPageSelectToBody_extraInitializers);
|
|
121
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
125
122
|
MdcDataTable = _classThis = _classDescriptor.value;
|
|
126
123
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
127
|
-
|
|
124
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
128
125
|
}
|
|
129
126
|
header;
|
|
130
127
|
content;
|
|
131
128
|
columnResized;
|
|
132
129
|
mutationObserver;
|
|
133
130
|
/** Shows pagination footer */
|
|
134
|
-
pagination =
|
|
131
|
+
pagination = __runInitializers(this, _pagination_initializers, void 0);
|
|
135
132
|
/** Caption for the page size selector */
|
|
136
|
-
rowsPerPageLabel = (
|
|
133
|
+
rowsPerPageLabel = (__runInitializers(this, _pagination_extraInitializers), __runInitializers(this, _rowsPerPageLabel_initializers, 'Rows per page'));
|
|
137
134
|
/** Page sizes available for selection, e.g. [10, 25, 100, 'All'] */
|
|
138
|
-
pageSizes = (
|
|
135
|
+
pageSizes = (__runInitializers(this, _rowsPerPageLabel_extraInitializers), __runInitializers(this, _pageSizes_initializers, [10, 25, 100]));
|
|
139
136
|
/** Selected page size */
|
|
140
|
-
pageSize = (
|
|
137
|
+
pageSize = (__runInitializers(this, _pageSizes_extraInitializers), __runInitializers(this, _pageSize_initializers, 10));
|
|
141
138
|
/** Makes header row sticky (fixed) on vertical scroll.
|
|
142
139
|
* (Note: Sticky header feature is not compatible with IE11 browsers.) */
|
|
143
|
-
stickyHeader = (
|
|
140
|
+
stickyHeader = (__runInitializers(this, _pageSize_extraInitializers), __runInitializers(this, _stickyHeader_initializers, void 0));
|
|
144
141
|
/** Turns off checkbox handling by the MDC framework */
|
|
145
|
-
manualCheckboxHandling = (
|
|
142
|
+
manualCheckboxHandling = (__runInitializers(this, _stickyHeader_extraInitializers), __runInitializers(this, _manualCheckboxHandling_initializers, void 0));
|
|
146
143
|
/** Turns on automatic column widths saving to localStorage */
|
|
147
|
-
saveColumnWidths = (
|
|
144
|
+
saveColumnWidths = (__runInitializers(this, _manualCheckboxHandling_extraInitializers), __runInitializers(this, _saveColumnWidths_initializers, void 0));
|
|
148
145
|
get paginationPosition() {
|
|
149
146
|
if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {
|
|
150
147
|
return undefined;
|
|
@@ -155,9 +152,9 @@ let MdcDataTable = (() => {
|
|
|
155
152
|
: (this.activePage === pagesCount ? 'last' : 'between');
|
|
156
153
|
}
|
|
157
154
|
/** Sets total number of records. Used in navigation row. */
|
|
158
|
-
recordsCount = (
|
|
155
|
+
recordsCount = (__runInitializers(this, _saveColumnWidths_extraInitializers), __runInitializers(this, _recordsCount_initializers, void 0));
|
|
159
156
|
/** Sets the active page number. Used in navigation row. */
|
|
160
|
-
activePage = (
|
|
157
|
+
activePage = (__runInitializers(this, _recordsCount_extraInitializers), __runInitializers(this, _activePage_initializers, void 0));
|
|
161
158
|
get paginationTotal() {
|
|
162
159
|
if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {
|
|
163
160
|
return undefined;
|
|
@@ -167,7 +164,7 @@ let MdcDataTable = (() => {
|
|
|
167
164
|
return `${firstRecord}-${lastRecord} of ${this.recordsCount}`;
|
|
168
165
|
}
|
|
169
166
|
/** Turns on a linear progress indicator at the top of the table */
|
|
170
|
-
busy = (
|
|
167
|
+
busy = (__runInitializers(this, _activePage_extraInitializers), __runInitializers(this, _busy_initializers, void 0));
|
|
171
168
|
busyChanged() {
|
|
172
169
|
if (this.busy) {
|
|
173
170
|
this.foundation?.showProgress();
|
|
@@ -176,14 +173,14 @@ let MdcDataTable = (() => {
|
|
|
176
173
|
this.foundation?.hideProgress();
|
|
177
174
|
}
|
|
178
175
|
}
|
|
179
|
-
hoistPageSelectToBody = (
|
|
176
|
+
hoistPageSelectToBody = (__runInitializers(this, _busy_extraInitializers), __runInitializers(this, _hoistPageSelectToBody_initializers, void 0));
|
|
180
177
|
get rowCheckboxList() {
|
|
181
|
-
return Array.from(this.root.querySelectorAll(`.${
|
|
182
|
-
.map(x =>
|
|
178
|
+
return Array.from(this.root.querySelectorAll(`.${cssClasses.ROW} .mdc-checkbox`))
|
|
179
|
+
.map(x => CustomElement.for(x).viewModel);
|
|
183
180
|
}
|
|
184
181
|
get headerRowCheckbox() {
|
|
185
|
-
const el = this.root.querySelector(`.${
|
|
186
|
-
return el ?
|
|
182
|
+
const el = this.root.querySelector(`.${cssClasses.HEADER_ROW} .mdc-checkbox`);
|
|
183
|
+
return el ? CustomElement.for(el).viewModel : undefined;
|
|
187
184
|
}
|
|
188
185
|
handleHeaderRowCheckboxChange() {
|
|
189
186
|
this.foundation?.handleHeaderRowCheckboxChange();
|
|
@@ -200,7 +197,7 @@ let MdcDataTable = (() => {
|
|
|
200
197
|
this.emit(NAVIGATION_EVENT, { type }, true);
|
|
201
198
|
}
|
|
202
199
|
handleContentClick(event) {
|
|
203
|
-
const dataRowEl =
|
|
200
|
+
const dataRowEl = closest(event.target, selectors.ROW);
|
|
204
201
|
if (!dataRowEl) {
|
|
205
202
|
return;
|
|
206
203
|
}
|
|
@@ -219,7 +216,7 @@ let MdcDataTable = (() => {
|
|
|
219
216
|
* Returns array of header row cell elements.
|
|
220
217
|
*/
|
|
221
218
|
getHeaderCells() {
|
|
222
|
-
return [].slice.call(this.root.querySelectorAll(
|
|
219
|
+
return [].slice.call(this.root.querySelectorAll(selectors.HEADER_CELL));
|
|
223
220
|
}
|
|
224
221
|
/**
|
|
225
222
|
* Returns array of row elements.
|
|
@@ -262,8 +259,8 @@ let MdcDataTable = (() => {
|
|
|
262
259
|
}
|
|
263
260
|
}
|
|
264
261
|
beforeFoundationCreated() {
|
|
265
|
-
this.header = this.root.querySelector(`.${
|
|
266
|
-
this.content = this.root.querySelector(`.${
|
|
262
|
+
this.header = this.root.querySelector(`.${cssClasses.HEADER_ROW}`);
|
|
263
|
+
this.content = this.root.querySelector(`.${cssClasses.CONTENT}`);
|
|
267
264
|
this.header.addEventListener('click', this);
|
|
268
265
|
this.header.querySelectorAll('th[resizeable]').forEach(x => {
|
|
269
266
|
const resizeHandle = document.createElement('div');
|
|
@@ -281,9 +278,9 @@ let MdcDataTable = (() => {
|
|
|
281
278
|
this.content.addEventListener('change', this);
|
|
282
279
|
}
|
|
283
280
|
const rowCheckboxList = this.rowCheckboxList;
|
|
284
|
-
this.rowCheckboxList.forEach(x => x.root.classList.add(
|
|
281
|
+
this.rowCheckboxList.forEach(x => x.root.classList.add(cssClasses.ROW_CHECKBOX));
|
|
285
282
|
if (this.headerRowCheckbox) {
|
|
286
|
-
this.headerRowCheckbox.root.classList.add(
|
|
283
|
+
this.headerRowCheckbox.root.classList.add(cssClasses.HEADER_ROW_CHECKBOX);
|
|
287
284
|
rowCheckboxList.push(this.headerRowCheckbox);
|
|
288
285
|
}
|
|
289
286
|
}
|
|
@@ -299,7 +296,7 @@ let MdcDataTable = (() => {
|
|
|
299
296
|
const rowCheckboxList = this.rowCheckboxList;
|
|
300
297
|
for (let i = 0; i < rowCheckboxList.length; ++i) {
|
|
301
298
|
if (rowCheckboxList[i].checked) {
|
|
302
|
-
this.getRowByIndex(i).classList.add(
|
|
299
|
+
this.getRowByIndex(i).classList.add(cssClasses.ROW_SELECTED);
|
|
303
300
|
}
|
|
304
301
|
}
|
|
305
302
|
}
|
|
@@ -381,10 +378,10 @@ let MdcDataTable = (() => {
|
|
|
381
378
|
this.getHeaderCells()[index].classList.remove(className);
|
|
382
379
|
},
|
|
383
380
|
notifySortAction: (data) => {
|
|
384
|
-
this.emit(
|
|
381
|
+
this.emit(events.SORTED, data, /** shouldBubble */ true);
|
|
385
382
|
},
|
|
386
383
|
getTableContainerHeight: () => {
|
|
387
|
-
const tableContainer = this.root.querySelector(`.${
|
|
384
|
+
const tableContainer = this.root.querySelector(`.${cssClasses.TABLE_CONTAINER}`);
|
|
388
385
|
if (!tableContainer) {
|
|
389
386
|
throw new Error('MDCDataTable: Table container element not found.');
|
|
390
387
|
}
|
|
@@ -392,14 +389,14 @@ let MdcDataTable = (() => {
|
|
|
392
389
|
return tableContainer.getBoundingClientRect().height;
|
|
393
390
|
},
|
|
394
391
|
getTableHeaderHeight: () => {
|
|
395
|
-
const tableHeader = this.root.querySelector(
|
|
392
|
+
const tableHeader = this.root.querySelector(selectors.HEADER_ROW);
|
|
396
393
|
if (!tableHeader) {
|
|
397
394
|
throw new Error('MDCDataTable: Table header element not found.');
|
|
398
395
|
}
|
|
399
396
|
return tableHeader.getBoundingClientRect().height;
|
|
400
397
|
},
|
|
401
398
|
setProgressIndicatorStyles: (styles) => {
|
|
402
|
-
const progressIndicator = this.root.querySelector(
|
|
399
|
+
const progressIndicator = this.root.querySelector(selectors.PROGRESS_INDICATOR);
|
|
403
400
|
if (!progressIndicator) {
|
|
404
401
|
throw new Error('MDCDataTable: Progress indicator element not found.');
|
|
405
402
|
}
|
|
@@ -409,15 +406,15 @@ let MdcDataTable = (() => {
|
|
|
409
406
|
this.getRows()[rowIndex].classList.add(className);
|
|
410
407
|
},
|
|
411
408
|
getRowCount: () => this.getRows().length,
|
|
412
|
-
getRowElements: () => [].slice.call(this.root.querySelectorAll(
|
|
413
|
-
getRowIdAtIndex: (rowIndex) => this.getRows()[rowIndex].getAttribute(
|
|
414
|
-
getRowIndexByChildElement: (el) => this.getRows().indexOf(
|
|
415
|
-
getSelectedRowCount: () => this.root.querySelectorAll(
|
|
409
|
+
getRowElements: () => [].slice.call(this.root.querySelectorAll(selectors.ROW)),
|
|
410
|
+
getRowIdAtIndex: (rowIndex) => this.getRows()[rowIndex].getAttribute(dataAttributes.ROW_ID),
|
|
411
|
+
getRowIndexByChildElement: (el) => this.getRows().indexOf(closest(el, selectors.ROW)),
|
|
412
|
+
getSelectedRowCount: () => this.root.querySelectorAll(selectors.ROW_SELECTED).length,
|
|
416
413
|
isCheckboxAtRowIndexChecked: (rowIndex) => this.rowCheckboxList[rowIndex].checked,
|
|
417
414
|
isHeaderRowCheckboxChecked: () => this.headerRowCheckbox?.checked ?? false,
|
|
418
|
-
isRowsSelectable: () => !!this.root.querySelector(
|
|
415
|
+
isRowsSelectable: () => !!this.root.querySelector(selectors.ROW_CHECKBOX),
|
|
419
416
|
notifyRowSelectionChanged: (data) => {
|
|
420
|
-
this.emit(
|
|
417
|
+
this.emit(events.ROW_SELECTION_CHANGED, {
|
|
421
418
|
row: this.getRowByIndex(data.rowIndex),
|
|
422
419
|
rowId: this.getRowIdByIndex(data.rowIndex),
|
|
423
420
|
rowIndex: data.rowIndex,
|
|
@@ -425,13 +422,13 @@ let MdcDataTable = (() => {
|
|
|
425
422
|
}, /** shouldBubble */ true);
|
|
426
423
|
},
|
|
427
424
|
notifySelectedAll: () => {
|
|
428
|
-
this.emit(
|
|
425
|
+
this.emit(events.SELECTED_ALL, {}, /** shouldBubble */ true);
|
|
429
426
|
},
|
|
430
427
|
notifyUnselectedAll: () => {
|
|
431
|
-
this.emit(
|
|
428
|
+
this.emit(events.UNSELECTED_ALL, {}, /** shouldBubble */ true);
|
|
432
429
|
},
|
|
433
430
|
notifyRowClick: (data) => {
|
|
434
|
-
this.emit(
|
|
431
|
+
this.emit(events.ROW_CLICK, data, /** shouldBubble */ true);
|
|
435
432
|
},
|
|
436
433
|
registerHeaderRowCheckbox: () => {
|
|
437
434
|
// const checkboxEl = this.root.querySelector<IMdcCheckboxElement>(selectors.HEADER_ROW_CHECKBOX);
|
|
@@ -467,7 +464,7 @@ let MdcDataTable = (() => {
|
|
|
467
464
|
},
|
|
468
465
|
setSortStatusLabelByHeaderCellIndex: (columnIndex, sortValue) => {
|
|
469
466
|
const headerCell = this.getHeaderCells()[columnIndex];
|
|
470
|
-
const sortStatusLabel = headerCell.querySelector(
|
|
467
|
+
const sortStatusLabel = headerCell.querySelector(selectors.SORT_STATUS_LABEL);
|
|
471
468
|
if (!sortStatusLabel) {
|
|
472
469
|
return;
|
|
473
470
|
}
|
|
@@ -475,20 +472,20 @@ let MdcDataTable = (() => {
|
|
|
475
472
|
this.getSortStatusMessageBySortValue(sortValue);
|
|
476
473
|
}
|
|
477
474
|
};
|
|
478
|
-
return new
|
|
475
|
+
return new MDCDataTableFoundation(adapter);
|
|
479
476
|
}
|
|
480
477
|
getRowByIndex(index) {
|
|
481
478
|
return this.getRows()[index];
|
|
482
479
|
}
|
|
483
480
|
getRowIdByIndex(index) {
|
|
484
|
-
return this.getRowByIndex(index).getAttribute(
|
|
481
|
+
return this.getRowByIndex(index).getAttribute(dataAttributes.ROW_ID);
|
|
485
482
|
}
|
|
486
483
|
handleHeaderRowClick(event) {
|
|
487
|
-
const headerCell =
|
|
484
|
+
const headerCell = closest(event.target, selectors.HEADER_CELL_WITH_SORT);
|
|
488
485
|
if (!headerCell) {
|
|
489
486
|
return;
|
|
490
487
|
}
|
|
491
|
-
const columnId = headerCell.getAttribute(
|
|
488
|
+
const columnId = headerCell.getAttribute(dataAttributes.COLUMN_ID);
|
|
492
489
|
const columnIndex = this.getHeaderCells().indexOf(headerCell);
|
|
493
490
|
if (columnIndex === -1) {
|
|
494
491
|
return;
|
|
@@ -497,23 +494,23 @@ let MdcDataTable = (() => {
|
|
|
497
494
|
}
|
|
498
495
|
getSortStatusMessageBySortValue(sortValue) {
|
|
499
496
|
switch (sortValue) {
|
|
500
|
-
case
|
|
501
|
-
return
|
|
502
|
-
case
|
|
503
|
-
return
|
|
497
|
+
case SortValue.ASCENDING:
|
|
498
|
+
return messages.SORTED_IN_ASCENDING;
|
|
499
|
+
case SortValue.DESCENDING:
|
|
500
|
+
return messages.SORTED_IN_DESCENDING;
|
|
504
501
|
default:
|
|
505
502
|
return '';
|
|
506
503
|
}
|
|
507
504
|
}
|
|
508
505
|
getRowIdByRowElement(rowElement) {
|
|
509
|
-
return rowElement.getAttribute(
|
|
506
|
+
return rowElement.getAttribute(dataAttributes.ROW_ID);
|
|
510
507
|
}
|
|
511
508
|
constructor() {
|
|
512
509
|
super(...arguments);
|
|
513
|
-
|
|
510
|
+
__runInitializers(this, _hoistPageSelectToBody_extraInitializers);
|
|
514
511
|
}
|
|
515
512
|
};
|
|
516
513
|
return MdcDataTable = _classThis;
|
|
517
514
|
})();
|
|
518
|
-
|
|
515
|
+
export { MdcDataTable };
|
|
519
516
|
//# sourceMappingURL=mdc-data-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-data-table.js","sourceRoot":"","sources":["../../src/data-table/mdc-data-table.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-template-curly-in-string */\r\nimport { MdcComponent, booleanAttr, number } from '../base';\r\nimport {\r\n MDCDataTableFoundation, selectors, MDCDataTableAdapter, events, cssClasses, RowClickEventData,\r\n dataAttributes, MDCDataTableRowSelectionChangedEventDetail, SortValue, messages\r\n} from '@material/data-table';\r\nimport { closest } from '@material/dom/ponyfill';\r\nimport { inject, customElement, INode, bindable, BindingMode } from 'aurelia';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport template from './mdc-data-table.html?raw';\r\nimport { MdcCheckbox } from '../checkbox/mdc-checkbox';\r\n\r\nevents.ROW_CLICK = events.ROW_CLICK.toLowerCase();\r\nevents.ROW_SELECTION_CHANGED = events.ROW_SELECTION_CHANGED.toLowerCase();\r\nevents.SELECTED_ALL = events.SELECTED_ALL.toLowerCase();\r\nevents.SORTED = events.SORTED.toLowerCase();\r\nevents.UNSELECTED_ALL = events.UNSELECTED_ALL.toLowerCase();\r\nconst NAVIGATION_EVENT = 'mdcdatatable:navigation';\r\n\r\nexport interface MDCDataTableColumnsResizedEventDetail {\r\n widths: string[];\r\n}\r\n\r\n/**\r\n * Use `pagination-total` replaceable part to customise pagination total label.\r\n * @selector mdc-data-table\r\n * @emits mdcdatatable:rowselectionchanged | Emitted when row checkbox is checked or unchecked\r\n * @emits mdcdatatable:selectedall | Emitted when header row checkbox is checked\r\n * @emits mdcdatatable:unselectedall | Emitted when header row checkbox is unchecked\r\n * @emits mdcdatatable:sorted | Emitted when clicked on sortable header cell\r\n * @emits mdcdatatable:rowclick | Emitted when a row is clicked\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-data-table', template })\r\n@processContent(function processContent(node: INode) {\r\n const element = node as HTMLElement;\r\n const table = element.querySelector('table');\r\n if (!table) {\r\n throw new Error('Have you forgotten the <table> tag in you data table markup?');\r\n }\r\n table.classList.add('mdc-data-table__table');\r\n table.setAttribute('aria-label', '${ariaLabel}');\r\n\r\n const headerRow = element.querySelector('thead>tr');\r\n if (!headerRow) {\r\n throw new Error('Have you forgotten the <thead><tr> tags in you data table markup?');\r\n }\r\n headerRow.classList.add(cssClasses.HEADER_ROW);\r\n headerRow.setAttribute('ref', 'headerRow');\r\n const headerCells = headerRow.querySelectorAll<HTMLElement>('th');\r\n for (const th of Array.from(headerCells)) {\r\n th.classList.add(cssClasses.HEADER_CELL);\r\n th.classList.toggle('mdc-data-table__header-cell--numeric', th.hasAttribute('numeric'));\r\n th.setAttribute('role', 'columnheader');\r\n th.setAttribute('scope', 'col');\r\n }\r\n\r\n const tbody = element.querySelector('tbody');\r\n if (!tbody) {\r\n throw new Error('Have you forgotten the <tbody> tag in you data table markup?');\r\n }\r\n tbody.classList.add(cssClasses.CONTENT);\r\n tbody.setAttribute('ref', 'content');\r\n\r\n const paginationTotalSlot = element.querySelector('[au-slot=\"pagination-total\"]');\r\n paginationTotalSlot?.remove();\r\n\r\n if (paginationTotalSlot) {\r\n element.appendChild(paginationTotalSlot);\r\n }\r\n}\r\n)\r\nexport class MdcDataTable extends MdcComponent<MDCDataTableFoundation> implements EventListenerObject {\r\n header: HTMLElement;\r\n content: HTMLElement;\r\n columnResized: boolean;\r\n private mutationObserver: MutationObserver;\r\n\r\n /** Shows pagination footer */\r\n @bindable({ set: booleanAttr })\r\n pagination: boolean;\r\n\r\n /** Caption for the page size selector */\r\n @bindable()\r\n rowsPerPageLabel: string = 'Rows per page';\r\n\r\n /** Page sizes available for selection, e.g. [10, 25, 100, 'All'] */\r\n @bindable()\r\n pageSizes: unknown[] = [10, 25, 100];\r\n\r\n /** Selected page size */\r\n @bindable({ mode: BindingMode.twoWay })\r\n pageSize: unknown = 10;\r\n\r\n /** Makes header row sticky (fixed) on vertical scroll.\r\n * (Note: Sticky header feature is not compatible with IE11 browsers.) */\r\n @bindable({ set: booleanAttr })\r\n stickyHeader: boolean;\r\n\r\n /** Turns off checkbox handling by the MDC framework */\r\n @bindable({ set: booleanAttr })\r\n manualCheckboxHandling: boolean;\r\n\r\n /** Turns on automatic column widths saving to localStorage */\r\n @bindable({ set: booleanAttr })\r\n saveColumnWidths: boolean;\r\n\r\n get paginationPosition(): 'first' | 'between' | 'last' | undefined {\r\n if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {\r\n return undefined;\r\n }\r\n const pagesCount = Math.ceil(this.recordsCount / this.pageSize);\r\n return this.activePage === 1\r\n ? (pagesCount === 1 ? undefined : 'first')\r\n : (this.activePage === pagesCount ? 'last' : 'between');\r\n }\r\n\r\n /** Sets total number of records. Used in navigation row. */\r\n @bindable({ set: number })\r\n recordsCount: number;\r\n\r\n /** Sets the active page number. Used in navigation row. */\r\n @bindable({ set: number })\r\n activePage: number;\r\n\r\n get paginationTotal(): string | undefined {\r\n if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {\r\n return undefined;\r\n }\r\n const firstRecord = this.pageSize * (this.activePage - 1) + 1;\r\n const lastRecord = Math.min(this.pageSize * this.activePage, this.recordsCount);\r\n return `${firstRecord}-${lastRecord} of ${this.recordsCount}`;\r\n }\r\n\r\n /** Turns on a linear progress indicator at the top of the table */\r\n @bindable({ set: booleanAttr })\r\n busy: boolean;\r\n busyChanged() {\r\n if (this.busy) {\r\n this.foundation?.showProgress();\r\n } else {\r\n this.foundation?.hideProgress();\r\n }\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n hoistPageSelectToBody: boolean;\r\n\r\n get rowCheckboxList(): MdcCheckbox[] {\r\n return Array.from(this.root.querySelectorAll(`.${cssClasses.ROW} .mdc-checkbox`))\r\n .map(x => CustomElement.for<MdcCheckbox>(x).viewModel);\r\n }\r\n\r\n get headerRowCheckbox(): MdcCheckbox | undefined {\r\n const el = this.root.querySelector(`.${cssClasses.HEADER_ROW} .mdc-checkbox`);\r\n return el ? CustomElement.for<MdcCheckbox>(el).viewModel : undefined;\r\n }\r\n\r\n handleHeaderRowCheckboxChange() {\r\n this.foundation?.handleHeaderRowCheckboxChange();\r\n }\r\n\r\n handleRowCheckboxChange(event: Event) {\r\n if ((event.target as HTMLInputElement).type === 'checkbox') {\r\n this.foundation?.handleRowCheckboxChange(event);\r\n }\r\n }\r\n\r\n headerRowClickListener(event: Event) {\r\n this.handleHeaderRowClick(event);\r\n }\r\n\r\n handleNavigationClick(type: 'first' | 'prev' | 'next' | 'last') {\r\n this.emit(NAVIGATION_EVENT, { type }, true);\r\n }\r\n\r\n handleContentClick(event: Event) {\r\n const dataRowEl = closest(event.target as Element, selectors.ROW) as HTMLElement;\r\n if (!dataRowEl) {\r\n return;\r\n }\r\n\r\n this.foundation?.handleRowClick({\r\n rowId: this.getRowIdByRowElement(dataRowEl),\r\n row: dataRowEl,\r\n });\r\n }\r\n\r\n /**\r\n * Re-initializes header row checkbox and row checkboxes when selectable rows are added or removed from table.\r\n */\r\n layout() {\r\n this.foundation?.layout();\r\n }\r\n\r\n /**\r\n * Returns array of header row cell elements.\r\n */\r\n getHeaderCells(): HTMLElement[] {\r\n return [].slice.call(this.root.querySelectorAll(selectors.HEADER_CELL)) as HTMLElement[];\r\n }\r\n\r\n /**\r\n * Returns array of row elements.\r\n */\r\n getRows(): Element[] {\r\n return this.foundation!.getRows();\r\n }\r\n\r\n /**\r\n * Returns array of selected row ids.\r\n */\r\n getSelectedRowIds(): (string | null)[] {\r\n return this.foundation!.getSelectedRowIds();\r\n }\r\n\r\n /**\r\n * Sets selected row ids. Overwrites previously selected rows.\r\n * @param rowIds Array of row ids that needs to be selected.\r\n */\r\n setSelectedRowIds(rowIds: string[]) {\r\n this.foundation?.setSelectedRowIds(rowIds);\r\n }\r\n\r\n handleEvent(evt: Event): void {\r\n switch (evt.currentTarget) {\r\n case this.header:\r\n switch (evt.type) {\r\n case 'change': this.handleHeaderRowCheckboxChange(); break;\r\n case 'click': this.handleHeaderRowClick(evt); break;\r\n }\r\n break;\r\n case this.content:\r\n switch (evt.type) {\r\n case 'change': this.handleRowCheckboxChange(evt); break;\r\n }\r\n break;\r\n }\r\n }\r\n\r\n beforeFoundationCreated() {\r\n this.header = this.root.querySelector<HTMLElement>(`.${cssClasses.HEADER_ROW}`)!;\r\n this.content = this.root.querySelector<HTMLElement>(`.${cssClasses.CONTENT}`)!;\r\n this.header.addEventListener('click', this);\r\n this.header.querySelectorAll('th[resizeable]').forEach(x => {\r\n const resizeHandle = document.createElement('div');\r\n resizeHandle.addEventListener('mousedown', (event) => this.startColumnResize(event, x as HTMLElement));\r\n x.insertBefore(document.createElement('div'), x.firstChild).classList.add('mdc-data-table__header-cell__hover-indicator');\r\n x.appendChild(resizeHandle).classList.add('mdc-data-table__header-cell__resize-handle');\r\n });\r\n if (this.saveColumnWidths) {\r\n this.restoreColumnWidths();\r\n this.mutationObserver = new MutationObserver(() => this.restoreColumnWidths());\r\n this.mutationObserver.observe(this.content, { childList: true, subtree: false });\r\n }\r\n\r\n if (!this.manualCheckboxHandling) {\r\n this.header.addEventListener('change', this);\r\n this.content.addEventListener('change', this);\r\n }\r\n\r\n const rowCheckboxList = this.rowCheckboxList;\r\n this.rowCheckboxList.forEach(x => x.root.classList.add(cssClasses.ROW_CHECKBOX));\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.root.classList.add(cssClasses.HEADER_ROW_CHECKBOX);\r\n rowCheckboxList.push(this.headerRowCheckbox);\r\n }\r\n }\r\n\r\n public restoreColumnWidths() {\r\n const widths = JSON.parse(localStorage.getItem(`mdc-data-table-${this.root.id}-column-widths`) ?? '[]');\r\n this.setColumnWidths(widths);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n if (this.busy !== undefined) {\r\n this.busyChanged();\r\n }\r\n if (!this.manualCheckboxHandling) {\r\n const rowCheckboxList = this.rowCheckboxList;\r\n for (let i = 0; i < rowCheckboxList.length; ++i) {\r\n if (rowCheckboxList[i].checked) {\r\n this.getRowByIndex(i).classList.add(cssClasses.ROW_SELECTED);\r\n }\r\n }\r\n }\r\n this.foundation?.layout();\r\n }\r\n\r\n private startColumnResize(event: MouseEvent, headerCell: HTMLElement): void {\r\n this.columnResized = true;\r\n const startX = event.clientX;\r\n const resizeHandle = event.target as HTMLElement;\r\n const initialHandlePosition = resizeHandle.offsetLeft;\r\n\r\n // Create a visual indicator for the resize handle\r\n const handleIndicator = document.createElement('div');\r\n handleIndicator.classList.add('mdc-data-table__header-cell__resize-handle-indicator');\r\n handleIndicator.style.left = `${initialHandlePosition}px`;\r\n handleIndicator.style.height = `${headerCell.offsetHeight}px`;\r\n document.body.style.cursor = 'col-resize';\r\n headerCell.classList.add('mdc-data-table__header-cell--resizing');\r\n headerCell.appendChild(handleIndicator);\r\n\r\n const onMouseMove = (moveEvent: MouseEvent) => {\r\n const deltaX = moveEvent.clientX - startX;\r\n handleIndicator.style.left = `${Math.max(initialHandlePosition + deltaX, headerCell.clientLeft)}px`;\r\n };\r\n\r\n const onMouseUp = () => {\r\n const finalDeltaX = parseInt(handleIndicator.style.left, 10) - initialHandlePosition;\r\n const newWidth = Math.max(5, headerCell.offsetWidth + finalDeltaX); // Minimum width of 5px\r\n\r\n // Apply the new width to the column\r\n headerCell.style.minWidth = headerCell.style.maxWidth = `${newWidth}px`;\r\n this.content.querySelectorAll(`tr td:nth-child(${Array.from(headerCell.parentElement!.children).indexOf(headerCell) + 1})`)\r\n .forEach((cell: HTMLElement) => {\r\n cell.style.minWidth = cell.style.maxWidth = `${newWidth}px`;\r\n });\r\n\r\n // Clean up\r\n handleIndicator.remove();\r\n this.columnResized = false;\r\n document.body.style.cursor = '';\r\n headerCell.classList.remove('mdc-data-table__header-cell--resizing');\r\n document.removeEventListener('mousemove', onMouseMove);\r\n document.removeEventListener('mouseup', onMouseUp);\r\n\r\n // Save the new widths if required\r\n const widths = this.getHeaderCells().map(x => x.style.minWidth);\r\n if (this.saveColumnWidths) {\r\n localStorage.setItem(`mdc-data-table-${this.root.id}-column-widths`, JSON.stringify(widths));\r\n }\r\n\r\n this.emit<MDCDataTableColumnsResizedEventDetail>('mdcdatatable:columnsresized', { widths }, true);\r\n };\r\n\r\n document.addEventListener('mousemove', onMouseMove);\r\n document.addEventListener('mouseup', onMouseUp);\r\n }\r\n\r\n destroy() {\r\n this.header.removeEventListener('change', this);\r\n this.header.removeEventListener('click', this);\r\n this.content.removeEventListener('change', this);\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n public setColumnWidths(widths: string[]) {\r\n if (!widths || widths.length === 0) {\r\n return;\r\n }\r\n this.getHeaderCells().forEach((x, i) => {\r\n x.style.minWidth = x.style.maxWidth = widths[i];\r\n this.content.querySelectorAll(`tr td:nth-child(${i + 1})`).forEach((cell: HTMLElement) => {\r\n cell.style.minWidth = cell.style.maxWidth = widths[i];\r\n });\r\n });\r\n }\r\n\r\n getDefaultFoundation() {\r\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\r\n const adapter: MDCDataTableAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n removeClass: (className) => this.root.classList.remove(className),\r\n getHeaderCellElements: () => this.getHeaderCells(),\r\n getHeaderCellCount: () => this.getHeaderCells().length,\r\n getAttributeByHeaderCellIndex: (index, attribute) => this.getHeaderCells()[index].getAttribute(attribute),\r\n setAttributeByHeaderCellIndex: (index, attribute, value) => this.getHeaderCells()[index].setAttribute(attribute, value),\r\n setClassNameByHeaderCellIndex: (index, className) => this.getHeaderCells()[index].classList.add(className),\r\n removeClassNameByHeaderCellIndex: (index, className) => {\r\n this.getHeaderCells()[index].classList.remove(className);\r\n },\r\n notifySortAction: (data) => {\r\n this.emit(events.SORTED, data, /** shouldBubble */ true);\r\n },\r\n getTableContainerHeight: () => {\r\n const tableContainer =\r\n this.root.querySelector<HTMLElement>(`.${cssClasses.TABLE_CONTAINER}`);\r\n\r\n if (!tableContainer) {\r\n throw new Error('MDCDataTable: Table container element not found.');\r\n }\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return tableContainer.getBoundingClientRect().height as any;\r\n },\r\n getTableHeaderHeight: () => {\r\n const tableHeader =\r\n this.root.querySelector<HTMLElement>(selectors.HEADER_ROW);\r\n\r\n if (!tableHeader) {\r\n throw new Error('MDCDataTable: Table header element not found.');\r\n }\r\n\r\n return tableHeader.getBoundingClientRect().height;\r\n },\r\n setProgressIndicatorStyles: (styles) => {\r\n const progressIndicator = this.root.querySelector<HTMLElement>(selectors.PROGRESS_INDICATOR);\r\n\r\n if (!progressIndicator) {\r\n throw new Error('MDCDataTable: Progress indicator element not found.');\r\n }\r\n\r\n Object.assign(progressIndicator.style, styles);\r\n },\r\n addClassAtRowIndex: (rowIndex: number, className: string) => {\r\n this.getRows()[rowIndex].classList.add(className);\r\n },\r\n getRowCount: () => this.getRows().length,\r\n getRowElements: () => [].slice.call(this.root.querySelectorAll(selectors.ROW)) as Element[],\r\n getRowIdAtIndex: (rowIndex: number) =>\r\n this.getRows()[rowIndex].getAttribute(dataAttributes.ROW_ID),\r\n getRowIndexByChildElement: (el: Element) => this.getRows().indexOf((closest(el, selectors.ROW) as HTMLElement)),\r\n getSelectedRowCount: () => this.root.querySelectorAll(selectors.ROW_SELECTED).length,\r\n isCheckboxAtRowIndexChecked: (rowIndex: number) => this.rowCheckboxList[rowIndex].checked,\r\n isHeaderRowCheckboxChecked: () => this.headerRowCheckbox?.checked ?? false,\r\n isRowsSelectable: () => !!this.root.querySelector(selectors.ROW_CHECKBOX),\r\n notifyRowSelectionChanged:\r\n (data: MDCDataTableRowSelectionChangedEventDetail) => {\r\n this.emit(\r\n events.ROW_SELECTION_CHANGED, {\r\n row: this.getRowByIndex(data.rowIndex),\r\n rowId: this.getRowIdByIndex(data.rowIndex),\r\n rowIndex: data.rowIndex,\r\n selected: data.selected,\r\n }, /** shouldBubble */ true);\r\n },\r\n notifySelectedAll: () => {\r\n this.emit(events.SELECTED_ALL, {}, /** shouldBubble */ true);\r\n },\r\n notifyUnselectedAll: () => {\r\n this.emit(events.UNSELECTED_ALL, {}, /** shouldBubble */ true);\r\n },\r\n notifyRowClick: (data: RowClickEventData) => {\r\n this.emit(events.ROW_CLICK, data, /** shouldBubble */ true);\r\n },\r\n registerHeaderRowCheckbox: () => {\r\n // const checkboxEl = this.root.querySelector<IMdcCheckboxElement>(selectors.HEADER_ROW_CHECKBOX);\r\n // this.headerRowCheckbox = checkboxEl?.au?.controller.viewModel;\r\n },\r\n registerRowCheckboxes: () => {\r\n // this.rowCheckboxList = [];\r\n // this.getRows().forEach((rowEl) => {\r\n // const checkbox = rowEl.querySelector<IMdcCheckboxElement>(selectors.ROW_CHECKBOX)?.au?.controller.viewModel;\r\n // if (checkbox) {\r\n // this.rowCheckboxList.push(checkbox);\r\n // }\r\n // });\r\n },\r\n removeClassAtRowIndex: (rowIndex: number, className: string) => {\r\n this.getRows()[rowIndex].classList.remove(className);\r\n },\r\n setAttributeAtRowIndex:\r\n (rowIndex: number, attr: string, value: string) => {\r\n this.getRows()[rowIndex].setAttribute(attr, value);\r\n },\r\n setHeaderRowCheckboxChecked: (checked: boolean) => {\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.checked = checked;\r\n }\r\n },\r\n setHeaderRowCheckboxIndeterminate: (indeterminate: boolean) => {\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.indeterminate = indeterminate;\r\n }\r\n },\r\n setRowCheckboxCheckedAtIndex: (rowIndex: number, checked: boolean) => {\r\n this.rowCheckboxList[rowIndex].checked = checked;\r\n },\r\n setSortStatusLabelByHeaderCellIndex: (\r\n columnIndex: number, sortValue: SortValue) => {\r\n const headerCell = this.getHeaderCells()[columnIndex];\r\n const sortStatusLabel =\r\n headerCell.querySelector<HTMLElement>(selectors.SORT_STATUS_LABEL);\r\n\r\n if (!sortStatusLabel) {\r\n return;\r\n }\r\n\r\n sortStatusLabel.textContent =\r\n this.getSortStatusMessageBySortValue(sortValue);\r\n }\r\n };\r\n return new MDCDataTableFoundation(adapter);\r\n }\r\n\r\n private getRowByIndex(index: number): Element {\r\n return this.getRows()[index];\r\n }\r\n\r\n private getRowIdByIndex(index: number): string | null {\r\n return this.getRowByIndex(index).getAttribute(dataAttributes.ROW_ID);\r\n }\r\n\r\n private handleHeaderRowClick(event: Event): void {\r\n const headerCell =\r\n closest(event.target as Element, selectors.HEADER_CELL_WITH_SORT) as\r\n HTMLElement;\r\n\r\n if (!headerCell) {\r\n return;\r\n }\r\n\r\n const columnId = headerCell.getAttribute(dataAttributes.COLUMN_ID);\r\n const columnIndex = this.getHeaderCells().indexOf(headerCell);\r\n if (columnIndex === -1) {\r\n return;\r\n }\r\n\r\n this.foundation?.handleSortAction({ columnId, columnIndex, headerCell });\r\n }\r\n\r\n private getSortStatusMessageBySortValue(sortValue: SortValue): string {\r\n switch (sortValue) {\r\n case SortValue.ASCENDING:\r\n return messages.SORTED_IN_ASCENDING;\r\n case SortValue.DESCENDING:\r\n return messages.SORTED_IN_DESCENDING;\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private getRowIdByRowElement(rowElement: HTMLElement): string | null {\r\n return rowElement.getAttribute(dataAttributes.ROW_ID);\r\n }\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"mdc-data-table.js","sourceRoot":"","sources":["../../src/data-table/mdc-data-table.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-template-curly-in-string */\r\nimport { MdcComponent, booleanAttr, number } from '../base';\r\nimport {\r\n MDCDataTableFoundation, selectors, MDCDataTableAdapter, events, cssClasses, RowClickEventData,\r\n dataAttributes, MDCDataTableRowSelectionChangedEventDetail, SortValue, messages\r\n} from '@material/data-table';\r\nimport { closest } from '@material/dom/ponyfill';\r\nimport { inject, customElement, INode, bindable, BindingMode } from 'aurelia';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport template from './mdc-data-table.html?raw';\r\nimport { MdcCheckbox } from '../checkbox/mdc-checkbox';\r\n\r\nevents.ROW_CLICK = events.ROW_CLICK.toLowerCase();\r\nevents.ROW_SELECTION_CHANGED = events.ROW_SELECTION_CHANGED.toLowerCase();\r\nevents.SELECTED_ALL = events.SELECTED_ALL.toLowerCase();\r\nevents.SORTED = events.SORTED.toLowerCase();\r\nevents.UNSELECTED_ALL = events.UNSELECTED_ALL.toLowerCase();\r\nconst NAVIGATION_EVENT = 'mdcdatatable:navigation';\r\n\r\nexport interface MDCDataTableColumnsResizedEventDetail {\r\n widths: string[];\r\n}\r\n\r\n/**\r\n * Use `pagination-total` replaceable part to customise pagination total label.\r\n * @selector mdc-data-table\r\n * @emits mdcdatatable:rowselectionchanged | Emitted when row checkbox is checked or unchecked\r\n * @emits mdcdatatable:selectedall | Emitted when header row checkbox is checked\r\n * @emits mdcdatatable:unselectedall | Emitted when header row checkbox is unchecked\r\n * @emits mdcdatatable:sorted | Emitted when clicked on sortable header cell\r\n * @emits mdcdatatable:rowclick | Emitted when a row is clicked\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-data-table', template })\r\n@processContent(function processContent(node: INode) {\r\n const element = node as HTMLElement;\r\n const table = element.querySelector('table');\r\n if (!table) {\r\n throw new Error('Have you forgotten the <table> tag in you data table markup?');\r\n }\r\n table.classList.add('mdc-data-table__table');\r\n table.setAttribute('aria-label', '${ariaLabel}');\r\n\r\n const headerRow = element.querySelector('thead>tr');\r\n if (!headerRow) {\r\n throw new Error('Have you forgotten the <thead><tr> tags in you data table markup?');\r\n }\r\n headerRow.classList.add(cssClasses.HEADER_ROW);\r\n headerRow.setAttribute('ref', 'headerRow');\r\n const headerCells = headerRow.querySelectorAll<HTMLElement>('th');\r\n for (const th of Array.from(headerCells)) {\r\n th.classList.add(cssClasses.HEADER_CELL);\r\n th.classList.toggle('mdc-data-table__header-cell--numeric', th.hasAttribute('numeric'));\r\n th.setAttribute('role', 'columnheader');\r\n th.setAttribute('scope', 'col');\r\n }\r\n\r\n const tbody = element.querySelector('tbody');\r\n if (!tbody) {\r\n throw new Error('Have you forgotten the <tbody> tag in you data table markup?');\r\n }\r\n tbody.classList.add(cssClasses.CONTENT);\r\n tbody.setAttribute('ref', 'content');\r\n\r\n const paginationTotalSlot = element.querySelector('[au-slot=\"pagination-total\"]');\r\n paginationTotalSlot?.remove();\r\n\r\n if (paginationTotalSlot) {\r\n element.appendChild(paginationTotalSlot);\r\n }\r\n}\r\n)\r\nexport class MdcDataTable extends MdcComponent<MDCDataTableFoundation> implements EventListenerObject {\r\n header: HTMLElement;\r\n content: HTMLElement;\r\n columnResized: boolean;\r\n private mutationObserver: MutationObserver;\r\n\r\n /** Shows pagination footer */\r\n @bindable({ set: booleanAttr })\r\n pagination: boolean;\r\n\r\n /** Caption for the page size selector */\r\n @bindable()\r\n rowsPerPageLabel: string = 'Rows per page';\r\n\r\n /** Page sizes available for selection, e.g. [10, 25, 100, 'All'] */\r\n @bindable()\r\n pageSizes: unknown[] = [10, 25, 100];\r\n\r\n /** Selected page size */\r\n @bindable({ mode: BindingMode.twoWay })\r\n pageSize: unknown = 10;\r\n\r\n /** Makes header row sticky (fixed) on vertical scroll.\r\n * (Note: Sticky header feature is not compatible with IE11 browsers.) */\r\n @bindable({ set: booleanAttr })\r\n stickyHeader: boolean;\r\n\r\n /** Turns off checkbox handling by the MDC framework */\r\n @bindable({ set: booleanAttr })\r\n manualCheckboxHandling: boolean;\r\n\r\n /** Turns on automatic column widths saving to localStorage */\r\n @bindable({ set: booleanAttr })\r\n saveColumnWidths: boolean;\r\n\r\n get paginationPosition(): 'first' | 'between' | 'last' | undefined {\r\n if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {\r\n return undefined;\r\n }\r\n const pagesCount = Math.ceil(this.recordsCount / this.pageSize);\r\n return this.activePage === 1\r\n ? (pagesCount === 1 ? undefined : 'first')\r\n : (this.activePage === pagesCount ? 'last' : 'between');\r\n }\r\n\r\n /** Sets total number of records. Used in navigation row. */\r\n @bindable({ set: number })\r\n recordsCount: number;\r\n\r\n /** Sets the active page number. Used in navigation row. */\r\n @bindable({ set: number })\r\n activePage: number;\r\n\r\n get paginationTotal(): string | undefined {\r\n if (typeof this.pageSize !== 'number' || this.pageSize === undefined || isNaN(this.activePage) || isNaN(this.recordsCount)) {\r\n return undefined;\r\n }\r\n const firstRecord = this.pageSize * (this.activePage - 1) + 1;\r\n const lastRecord = Math.min(this.pageSize * this.activePage, this.recordsCount);\r\n return `${firstRecord}-${lastRecord} of ${this.recordsCount}`;\r\n }\r\n\r\n /** Turns on a linear progress indicator at the top of the table */\r\n @bindable({ set: booleanAttr })\r\n busy: boolean;\r\n busyChanged() {\r\n if (this.busy) {\r\n this.foundation?.showProgress();\r\n } else {\r\n this.foundation?.hideProgress();\r\n }\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n hoistPageSelectToBody: boolean;\r\n\r\n get rowCheckboxList(): MdcCheckbox[] {\r\n return Array.from(this.root.querySelectorAll(`.${cssClasses.ROW} .mdc-checkbox`))\r\n .map(x => CustomElement.for<MdcCheckbox>(x).viewModel);\r\n }\r\n\r\n get headerRowCheckbox(): MdcCheckbox | undefined {\r\n const el = this.root.querySelector(`.${cssClasses.HEADER_ROW} .mdc-checkbox`);\r\n return el ? CustomElement.for<MdcCheckbox>(el).viewModel : undefined;\r\n }\r\n\r\n handleHeaderRowCheckboxChange() {\r\n this.foundation?.handleHeaderRowCheckboxChange();\r\n }\r\n\r\n handleRowCheckboxChange(event: Event) {\r\n if ((event.target as HTMLInputElement).type === 'checkbox') {\r\n this.foundation?.handleRowCheckboxChange(event);\r\n }\r\n }\r\n\r\n headerRowClickListener(event: Event) {\r\n this.handleHeaderRowClick(event);\r\n }\r\n\r\n handleNavigationClick(type: 'first' | 'prev' | 'next' | 'last') {\r\n this.emit(NAVIGATION_EVENT, { type }, true);\r\n }\r\n\r\n handleContentClick(event: Event) {\r\n const dataRowEl = closest(event.target as Element, selectors.ROW) as HTMLElement;\r\n if (!dataRowEl) {\r\n return;\r\n }\r\n\r\n this.foundation?.handleRowClick({\r\n rowId: this.getRowIdByRowElement(dataRowEl),\r\n row: dataRowEl,\r\n });\r\n }\r\n\r\n /**\r\n * Re-initializes header row checkbox and row checkboxes when selectable rows are added or removed from table.\r\n */\r\n layout() {\r\n this.foundation?.layout();\r\n }\r\n\r\n /**\r\n * Returns array of header row cell elements.\r\n */\r\n getHeaderCells(): HTMLElement[] {\r\n return [].slice.call(this.root.querySelectorAll(selectors.HEADER_CELL)) as HTMLElement[];\r\n }\r\n\r\n /**\r\n * Returns array of row elements.\r\n */\r\n getRows(): Element[] {\r\n return this.foundation!.getRows();\r\n }\r\n\r\n /**\r\n * Returns array of selected row ids.\r\n */\r\n getSelectedRowIds(): (string | null)[] {\r\n return this.foundation!.getSelectedRowIds();\r\n }\r\n\r\n /**\r\n * Sets selected row ids. Overwrites previously selected rows.\r\n * @param rowIds Array of row ids that needs to be selected.\r\n */\r\n setSelectedRowIds(rowIds: string[]) {\r\n this.foundation?.setSelectedRowIds(rowIds);\r\n }\r\n\r\n handleEvent(evt: Event): void {\r\n switch (evt.currentTarget) {\r\n case this.header:\r\n switch (evt.type) {\r\n case 'change': this.handleHeaderRowCheckboxChange(); break;\r\n case 'click': this.handleHeaderRowClick(evt); break;\r\n }\r\n break;\r\n case this.content:\r\n switch (evt.type) {\r\n case 'change': this.handleRowCheckboxChange(evt); break;\r\n }\r\n break;\r\n }\r\n }\r\n\r\n beforeFoundationCreated() {\r\n this.header = this.root.querySelector<HTMLElement>(`.${cssClasses.HEADER_ROW}`)!;\r\n this.content = this.root.querySelector<HTMLElement>(`.${cssClasses.CONTENT}`)!;\r\n this.header.addEventListener('click', this);\r\n this.header.querySelectorAll('th[resizeable]').forEach(x => {\r\n const resizeHandle = document.createElement('div');\r\n resizeHandle.addEventListener('mousedown', (event) => this.startColumnResize(event, x as HTMLElement));\r\n x.insertBefore(document.createElement('div'), x.firstChild).classList.add('mdc-data-table__header-cell__hover-indicator');\r\n x.appendChild(resizeHandle).classList.add('mdc-data-table__header-cell__resize-handle');\r\n });\r\n if (this.saveColumnWidths) {\r\n this.restoreColumnWidths();\r\n this.mutationObserver = new MutationObserver(() => this.restoreColumnWidths());\r\n this.mutationObserver.observe(this.content, { childList: true, subtree: false });\r\n }\r\n\r\n if (!this.manualCheckboxHandling) {\r\n this.header.addEventListener('change', this);\r\n this.content.addEventListener('change', this);\r\n }\r\n\r\n const rowCheckboxList = this.rowCheckboxList;\r\n this.rowCheckboxList.forEach(x => x.root.classList.add(cssClasses.ROW_CHECKBOX));\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.root.classList.add(cssClasses.HEADER_ROW_CHECKBOX);\r\n rowCheckboxList.push(this.headerRowCheckbox);\r\n }\r\n }\r\n\r\n public restoreColumnWidths() {\r\n const widths = JSON.parse(localStorage.getItem(`mdc-data-table-${this.root.id}-column-widths`) ?? '[]');\r\n this.setColumnWidths(widths);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n if (this.busy !== undefined) {\r\n this.busyChanged();\r\n }\r\n if (!this.manualCheckboxHandling) {\r\n const rowCheckboxList = this.rowCheckboxList;\r\n for (let i = 0; i < rowCheckboxList.length; ++i) {\r\n if (rowCheckboxList[i].checked) {\r\n this.getRowByIndex(i).classList.add(cssClasses.ROW_SELECTED);\r\n }\r\n }\r\n }\r\n this.foundation?.layout();\r\n }\r\n\r\n private startColumnResize(event: MouseEvent, headerCell: HTMLElement): void {\r\n this.columnResized = true;\r\n const startX = event.clientX;\r\n const resizeHandle = event.target as HTMLElement;\r\n const initialHandlePosition = resizeHandle.offsetLeft;\r\n\r\n // Create a visual indicator for the resize handle\r\n const handleIndicator = document.createElement('div');\r\n handleIndicator.classList.add('mdc-data-table__header-cell__resize-handle-indicator');\r\n handleIndicator.style.left = `${initialHandlePosition}px`;\r\n handleIndicator.style.height = `${headerCell.offsetHeight}px`;\r\n document.body.style.cursor = 'col-resize';\r\n headerCell.classList.add('mdc-data-table__header-cell--resizing');\r\n headerCell.appendChild(handleIndicator);\r\n\r\n const onMouseMove = (moveEvent: MouseEvent) => {\r\n const deltaX = moveEvent.clientX - startX;\r\n handleIndicator.style.left = `${Math.max(initialHandlePosition + deltaX, headerCell.clientLeft)}px`;\r\n };\r\n\r\n const onMouseUp = () => {\r\n const finalDeltaX = parseInt(handleIndicator.style.left, 10) - initialHandlePosition;\r\n const newWidth = Math.max(5, headerCell.offsetWidth + finalDeltaX); // Minimum width of 5px\r\n\r\n // Apply the new width to the column\r\n headerCell.style.minWidth = headerCell.style.maxWidth = `${newWidth}px`;\r\n this.content.querySelectorAll(`tr td:nth-child(${Array.from(headerCell.parentElement!.children).indexOf(headerCell) + 1})`)\r\n .forEach((cell: HTMLElement) => {\r\n cell.style.minWidth = cell.style.maxWidth = `${newWidth}px`;\r\n });\r\n\r\n // Clean up\r\n handleIndicator.remove();\r\n this.columnResized = false;\r\n document.body.style.cursor = '';\r\n headerCell.classList.remove('mdc-data-table__header-cell--resizing');\r\n document.removeEventListener('mousemove', onMouseMove);\r\n document.removeEventListener('mouseup', onMouseUp);\r\n\r\n // Save the new widths if required\r\n const widths = this.getHeaderCells().map(x => x.style.minWidth);\r\n if (this.saveColumnWidths) {\r\n localStorage.setItem(`mdc-data-table-${this.root.id}-column-widths`, JSON.stringify(widths));\r\n }\r\n\r\n this.emit<MDCDataTableColumnsResizedEventDetail>('mdcdatatable:columnsresized', { widths }, true);\r\n };\r\n\r\n document.addEventListener('mousemove', onMouseMove);\r\n document.addEventListener('mouseup', onMouseUp);\r\n }\r\n\r\n destroy() {\r\n this.header.removeEventListener('change', this);\r\n this.header.removeEventListener('click', this);\r\n this.content.removeEventListener('change', this);\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n public setColumnWidths(widths: string[]) {\r\n if (!widths || widths.length === 0) {\r\n return;\r\n }\r\n this.getHeaderCells().forEach((x, i) => {\r\n x.style.minWidth = x.style.maxWidth = widths[i];\r\n this.content.querySelectorAll(`tr td:nth-child(${i + 1})`).forEach((cell: HTMLElement) => {\r\n cell.style.minWidth = cell.style.maxWidth = widths[i];\r\n });\r\n });\r\n }\r\n\r\n getDefaultFoundation() {\r\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\r\n const adapter: MDCDataTableAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n removeClass: (className) => this.root.classList.remove(className),\r\n getHeaderCellElements: () => this.getHeaderCells(),\r\n getHeaderCellCount: () => this.getHeaderCells().length,\r\n getAttributeByHeaderCellIndex: (index, attribute) => this.getHeaderCells()[index].getAttribute(attribute),\r\n setAttributeByHeaderCellIndex: (index, attribute, value) => this.getHeaderCells()[index].setAttribute(attribute, value),\r\n setClassNameByHeaderCellIndex: (index, className) => this.getHeaderCells()[index].classList.add(className),\r\n removeClassNameByHeaderCellIndex: (index, className) => {\r\n this.getHeaderCells()[index].classList.remove(className);\r\n },\r\n notifySortAction: (data) => {\r\n this.emit(events.SORTED, data, /** shouldBubble */ true);\r\n },\r\n getTableContainerHeight: () => {\r\n const tableContainer =\r\n this.root.querySelector<HTMLElement>(`.${cssClasses.TABLE_CONTAINER}`);\r\n\r\n if (!tableContainer) {\r\n throw new Error('MDCDataTable: Table container element not found.');\r\n }\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return tableContainer.getBoundingClientRect().height as any;\r\n },\r\n getTableHeaderHeight: () => {\r\n const tableHeader =\r\n this.root.querySelector<HTMLElement>(selectors.HEADER_ROW);\r\n\r\n if (!tableHeader) {\r\n throw new Error('MDCDataTable: Table header element not found.');\r\n }\r\n\r\n return tableHeader.getBoundingClientRect().height;\r\n },\r\n setProgressIndicatorStyles: (styles) => {\r\n const progressIndicator = this.root.querySelector<HTMLElement>(selectors.PROGRESS_INDICATOR);\r\n\r\n if (!progressIndicator) {\r\n throw new Error('MDCDataTable: Progress indicator element not found.');\r\n }\r\n\r\n Object.assign(progressIndicator.style, styles);\r\n },\r\n addClassAtRowIndex: (rowIndex: number, className: string) => {\r\n this.getRows()[rowIndex].classList.add(className);\r\n },\r\n getRowCount: () => this.getRows().length,\r\n getRowElements: () => [].slice.call(this.root.querySelectorAll(selectors.ROW)) as Element[],\r\n getRowIdAtIndex: (rowIndex: number) =>\r\n this.getRows()[rowIndex].getAttribute(dataAttributes.ROW_ID),\r\n getRowIndexByChildElement: (el: Element) => this.getRows().indexOf((closest(el, selectors.ROW) as HTMLElement)),\r\n getSelectedRowCount: () => this.root.querySelectorAll(selectors.ROW_SELECTED).length,\r\n isCheckboxAtRowIndexChecked: (rowIndex: number) => this.rowCheckboxList[rowIndex].checked,\r\n isHeaderRowCheckboxChecked: () => this.headerRowCheckbox?.checked ?? false,\r\n isRowsSelectable: () => !!this.root.querySelector(selectors.ROW_CHECKBOX),\r\n notifyRowSelectionChanged:\r\n (data: MDCDataTableRowSelectionChangedEventDetail) => {\r\n this.emit(\r\n events.ROW_SELECTION_CHANGED, {\r\n row: this.getRowByIndex(data.rowIndex),\r\n rowId: this.getRowIdByIndex(data.rowIndex),\r\n rowIndex: data.rowIndex,\r\n selected: data.selected,\r\n }, /** shouldBubble */ true);\r\n },\r\n notifySelectedAll: () => {\r\n this.emit(events.SELECTED_ALL, {}, /** shouldBubble */ true);\r\n },\r\n notifyUnselectedAll: () => {\r\n this.emit(events.UNSELECTED_ALL, {}, /** shouldBubble */ true);\r\n },\r\n notifyRowClick: (data: RowClickEventData) => {\r\n this.emit(events.ROW_CLICK, data, /** shouldBubble */ true);\r\n },\r\n registerHeaderRowCheckbox: () => {\r\n // const checkboxEl = this.root.querySelector<IMdcCheckboxElement>(selectors.HEADER_ROW_CHECKBOX);\r\n // this.headerRowCheckbox = checkboxEl?.au?.controller.viewModel;\r\n },\r\n registerRowCheckboxes: () => {\r\n // this.rowCheckboxList = [];\r\n // this.getRows().forEach((rowEl) => {\r\n // const checkbox = rowEl.querySelector<IMdcCheckboxElement>(selectors.ROW_CHECKBOX)?.au?.controller.viewModel;\r\n // if (checkbox) {\r\n // this.rowCheckboxList.push(checkbox);\r\n // }\r\n // });\r\n },\r\n removeClassAtRowIndex: (rowIndex: number, className: string) => {\r\n this.getRows()[rowIndex].classList.remove(className);\r\n },\r\n setAttributeAtRowIndex:\r\n (rowIndex: number, attr: string, value: string) => {\r\n this.getRows()[rowIndex].setAttribute(attr, value);\r\n },\r\n setHeaderRowCheckboxChecked: (checked: boolean) => {\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.checked = checked;\r\n }\r\n },\r\n setHeaderRowCheckboxIndeterminate: (indeterminate: boolean) => {\r\n if (this.headerRowCheckbox) {\r\n this.headerRowCheckbox.indeterminate = indeterminate;\r\n }\r\n },\r\n setRowCheckboxCheckedAtIndex: (rowIndex: number, checked: boolean) => {\r\n this.rowCheckboxList[rowIndex].checked = checked;\r\n },\r\n setSortStatusLabelByHeaderCellIndex: (\r\n columnIndex: number, sortValue: SortValue) => {\r\n const headerCell = this.getHeaderCells()[columnIndex];\r\n const sortStatusLabel =\r\n headerCell.querySelector<HTMLElement>(selectors.SORT_STATUS_LABEL);\r\n\r\n if (!sortStatusLabel) {\r\n return;\r\n }\r\n\r\n sortStatusLabel.textContent =\r\n this.getSortStatusMessageBySortValue(sortValue);\r\n }\r\n };\r\n return new MDCDataTableFoundation(adapter);\r\n }\r\n\r\n private getRowByIndex(index: number): Element {\r\n return this.getRows()[index];\r\n }\r\n\r\n private getRowIdByIndex(index: number): string | null {\r\n return this.getRowByIndex(index).getAttribute(dataAttributes.ROW_ID);\r\n }\r\n\r\n private handleHeaderRowClick(event: Event): void {\r\n const headerCell =\r\n closest(event.target as Element, selectors.HEADER_CELL_WITH_SORT) as\r\n HTMLElement;\r\n\r\n if (!headerCell) {\r\n return;\r\n }\r\n\r\n const columnId = headerCell.getAttribute(dataAttributes.COLUMN_ID);\r\n const columnIndex = this.getHeaderCells().indexOf(headerCell);\r\n if (columnIndex === -1) {\r\n return;\r\n }\r\n\r\n this.foundation?.handleSortAction({ columnId, columnIndex, headerCell });\r\n }\r\n\r\n private getSortStatusMessageBySortValue(sortValue: SortValue): string {\r\n switch (sortValue) {\r\n case SortValue.ASCENDING:\r\n return messages.SORTED_IN_ASCENDING;\r\n case SortValue.DESCENDING:\r\n return messages.SORTED_IN_DESCENDING;\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private getRowIdByRowElement(rowElement: HTMLElement): string | null {\r\n return rowElement.getAttribute(dataAttributes.ROW_ID);\r\n }\r\n}\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward './mdc-data-table.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward './mdc-data-table.scss';
|