@aurelia-mdc-web/all 9.3.3-au2 → 9.3.5-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 +8 -7
- package/dist/alert/alert-modal/i-alert-modal-payload.js.map +1 -1
- package/dist/alert/alert-service.js +52 -37
- 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/types/alert/alert-modal/i-alert-modal-payload.d.ts +7 -2
- package/dist/types/index.d.ts +1 -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
- package/src/alert/alert-modal/i-alert-modal-payload.ts +14 -9
- package/src/alert/alert-service.ts +29 -10
- package/src/index.ts +1 -0
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.MdcDeprecatedListItemPrimaryText = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const aurelia_1 = require("aurelia");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { customElement } from 'aurelia';
|
|
6
3
|
/**
|
|
7
4
|
* Optional, primary text for the list item
|
|
8
5
|
* @selector mdc-deprecated-list-item-primary-text
|
|
9
6
|
*/
|
|
10
7
|
let MdcDeprecatedListItemPrimaryText = (() => {
|
|
11
|
-
let _classDecorators = [
|
|
8
|
+
let _classDecorators = [customElement({
|
|
12
9
|
name: 'mdc-deprecated-list-item-primary-text',
|
|
13
10
|
template: '<template class="mdc-deprecated-list-item__primary-text"><au-slot></au-slot></template>'
|
|
14
11
|
})];
|
|
@@ -19,13 +16,13 @@ let MdcDeprecatedListItemPrimaryText = (() => {
|
|
|
19
16
|
static { _classThis = this; }
|
|
20
17
|
static {
|
|
21
18
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
22
|
-
|
|
19
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
23
20
|
MdcDeprecatedListItemPrimaryText = _classThis = _classDescriptor.value;
|
|
24
21
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
25
|
-
|
|
22
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
26
23
|
}
|
|
27
24
|
};
|
|
28
25
|
return MdcDeprecatedListItemPrimaryText = _classThis;
|
|
29
26
|
})();
|
|
30
|
-
|
|
27
|
+
export { MdcDeprecatedListItemPrimaryText };
|
|
31
28
|
//# sourceMappingURL=mdc-deprecated-list-item-primary-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-deprecated-list-item-primary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-deprecated-list-item-primary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,gCAAgC;4BAJ5C,aAAa,CAAC;YACb,IAAI,EAAE,uCAAuC;YAC7C,QAAQ,EAAE,yFAAyF;SACpG,CAAC;;;;;;;;YACF,6KAAiD;;;YAApC,uDAAgC;;;;;SAAhC,gCAAgC","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, primary text for the list item\r\n * @selector mdc-deprecated-list-item-primary-text\r\n */\r\n@customElement({\r\n name: 'mdc-deprecated-list-item-primary-text',\r\n template: '<template class=\"mdc-deprecated-list-item__primary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDeprecatedListItemPrimaryText { }\r\n"]}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.MdcDeprecatedListItemSecondaryText = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const aurelia_1 = require("aurelia");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { customElement } from 'aurelia';
|
|
6
3
|
/**
|
|
7
4
|
* Optional, secondary text for the list item. Displayed below the primary text.
|
|
8
5
|
* @selector mdc-deprecated-list-item-secondary-text
|
|
9
6
|
*/
|
|
10
7
|
let MdcDeprecatedListItemSecondaryText = (() => {
|
|
11
|
-
let _classDecorators = [
|
|
8
|
+
let _classDecorators = [customElement({
|
|
12
9
|
name: 'mdc-deprecated-list-item-secondary-text',
|
|
13
10
|
template: '<template class="mdc-deprecated-list-item__secondary-text"><au-slot></au-slot></template>'
|
|
14
11
|
})];
|
|
@@ -19,13 +16,13 @@ let MdcDeprecatedListItemSecondaryText = (() => {
|
|
|
19
16
|
static { _classThis = this; }
|
|
20
17
|
static {
|
|
21
18
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
22
|
-
|
|
19
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
23
20
|
MdcDeprecatedListItemSecondaryText = _classThis = _classDescriptor.value;
|
|
24
21
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
25
|
-
|
|
22
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
26
23
|
}
|
|
27
24
|
};
|
|
28
25
|
return MdcDeprecatedListItemSecondaryText = _classThis;
|
|
29
26
|
})();
|
|
30
|
-
|
|
27
|
+
export { MdcDeprecatedListItemSecondaryText };
|
|
31
28
|
//# sourceMappingURL=mdc-deprecated-list-item-secondary-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-deprecated-list-item-secondary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-deprecated-list-item-secondary-text.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,kCAAkC;4BAJ9C,aAAa,CAAC;YACb,IAAI,EAAE,yCAAyC;YAC/C,QAAQ,EAAE,2FAA2F;SACtG,CAAC;;;;;;;;YACF,6KAAmD;;;YAAtC,uDAAkC;;;;;SAAlC,kCAAkC","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, secondary text for the list item. Displayed below the primary text.\r\n * @selector mdc-deprecated-list-item-secondary-text\r\n */\r\n@customElement({\r\n name: 'mdc-deprecated-list-item-secondary-text',\r\n template: '<template class=\"mdc-deprecated-list-item__secondary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDeprecatedListItemSecondaryText { }\r\n"]}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const mdc_deprecated_list_html_raw_1 = tslib_1.__importDefault(require("./mdc-deprecated-list.html?raw"));
|
|
10
|
-
list_1.strings.ACTION_EVENT = list_1.strings.ACTION_EVENT.toLowerCase();
|
|
11
|
-
exports.mdcListStrings = {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { booleanAttr, MdcComponent } from '../../base';
|
|
3
|
+
import { MDCListFoundation, strings } from '@material/list';
|
|
4
|
+
import { closest, matches } from '@material/dom/ponyfill';
|
|
5
|
+
import { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';
|
|
6
|
+
import template from './mdc-deprecated-list.html?raw';
|
|
7
|
+
strings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();
|
|
8
|
+
export const mdcListStrings = {
|
|
12
9
|
ITEMS_CHANGED: 'mdclist:itemschanged'
|
|
13
10
|
};
|
|
14
11
|
/**
|
|
@@ -17,11 +14,11 @@ exports.mdcListStrings = {
|
|
|
17
14
|
* @emits mdclist:itemschanged | Indicates that the list of items has changed
|
|
18
15
|
*/
|
|
19
16
|
let MdcDeprecatedList = (() => {
|
|
20
|
-
let _classDecorators = [
|
|
17
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-deprecated-list', template })];
|
|
21
18
|
let _classDescriptor;
|
|
22
19
|
let _classExtraInitializers = [];
|
|
23
20
|
let _classThis;
|
|
24
|
-
let _classSuper =
|
|
21
|
+
let _classSuper = MdcComponent;
|
|
25
22
|
let _twoLine_decorators;
|
|
26
23
|
let _twoLine_initializers = [];
|
|
27
24
|
let _twoLine_extraInitializers = [];
|
|
@@ -68,83 +65,83 @@ let MdcDeprecatedList = (() => {
|
|
|
68
65
|
static { _classThis = this; }
|
|
69
66
|
static {
|
|
70
67
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
71
|
-
_twoLine_decorators = [
|
|
72
|
-
_singleSelection_decorators = [
|
|
73
|
-
_activated_decorators = [
|
|
74
|
-
_vertical_decorators = [
|
|
75
|
-
_dense_decorators = [
|
|
76
|
-
_textual_decorators = [
|
|
77
|
-
_avatar_decorators = [
|
|
78
|
-
_icon_decorators = [
|
|
79
|
-
_image_decorators = [
|
|
80
|
-
_thumbnail_decorators = [
|
|
81
|
-
_video_decorators = [
|
|
82
|
-
_itemElements_decorators = [
|
|
83
|
-
_typeahead_decorators = [
|
|
84
|
-
_wrapFocus_decorators = [
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
68
|
+
_twoLine_decorators = [bindable({ set: booleanAttr })];
|
|
69
|
+
_singleSelection_decorators = [bindable({ set: booleanAttr })];
|
|
70
|
+
_activated_decorators = [bindable({ set: booleanAttr })];
|
|
71
|
+
_vertical_decorators = [bindable({ set: booleanAttr })];
|
|
72
|
+
_dense_decorators = [bindable({ set: booleanAttr })];
|
|
73
|
+
_textual_decorators = [bindable({ set: booleanAttr })];
|
|
74
|
+
_avatar_decorators = [bindable({ set: booleanAttr })];
|
|
75
|
+
_icon_decorators = [bindable({ set: booleanAttr })];
|
|
76
|
+
_image_decorators = [bindable({ set: booleanAttr })];
|
|
77
|
+
_thumbnail_decorators = [bindable({ set: booleanAttr })];
|
|
78
|
+
_video_decorators = [bindable({ set: booleanAttr })];
|
|
79
|
+
_itemElements_decorators = [slotted({ query: 'mdc-deprecated-list-item' })];
|
|
80
|
+
_typeahead_decorators = [bindable({ set: booleanAttr })];
|
|
81
|
+
_wrapFocus_decorators = [bindable({ set: booleanAttr })];
|
|
82
|
+
__esDecorate(null, null, _twoLine_decorators, { kind: "field", name: "twoLine", static: false, private: false, access: { has: obj => "twoLine" in obj, get: obj => obj.twoLine, set: (obj, value) => { obj.twoLine = value; } }, metadata: _metadata }, _twoLine_initializers, _twoLine_extraInitializers);
|
|
83
|
+
__esDecorate(null, null, _singleSelection_decorators, { kind: "field", name: "singleSelection", static: false, private: false, access: { has: obj => "singleSelection" in obj, get: obj => obj.singleSelection, set: (obj, value) => { obj.singleSelection = value; } }, metadata: _metadata }, _singleSelection_initializers, _singleSelection_extraInitializers);
|
|
84
|
+
__esDecorate(null, null, _activated_decorators, { kind: "field", name: "activated", static: false, private: false, access: { has: obj => "activated" in obj, get: obj => obj.activated, set: (obj, value) => { obj.activated = value; } }, metadata: _metadata }, _activated_initializers, _activated_extraInitializers);
|
|
85
|
+
__esDecorate(null, null, _vertical_decorators, { kind: "field", name: "vertical", static: false, private: false, access: { has: obj => "vertical" in obj, get: obj => obj.vertical, set: (obj, value) => { obj.vertical = value; } }, metadata: _metadata }, _vertical_initializers, _vertical_extraInitializers);
|
|
86
|
+
__esDecorate(null, null, _dense_decorators, { kind: "field", name: "dense", static: false, private: false, access: { has: obj => "dense" in obj, get: obj => obj.dense, set: (obj, value) => { obj.dense = value; } }, metadata: _metadata }, _dense_initializers, _dense_extraInitializers);
|
|
87
|
+
__esDecorate(null, null, _textual_decorators, { kind: "field", name: "textual", static: false, private: false, access: { has: obj => "textual" in obj, get: obj => obj.textual, set: (obj, value) => { obj.textual = value; } }, metadata: _metadata }, _textual_initializers, _textual_extraInitializers);
|
|
88
|
+
__esDecorate(null, null, _avatar_decorators, { kind: "field", name: "avatar", static: false, private: false, access: { has: obj => "avatar" in obj, get: obj => obj.avatar, set: (obj, value) => { obj.avatar = value; } }, metadata: _metadata }, _avatar_initializers, _avatar_extraInitializers);
|
|
89
|
+
__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
|
|
90
|
+
__esDecorate(null, null, _image_decorators, { kind: "field", name: "image", static: false, private: false, access: { has: obj => "image" in obj, get: obj => obj.image, set: (obj, value) => { obj.image = value; } }, metadata: _metadata }, _image_initializers, _image_extraInitializers);
|
|
91
|
+
__esDecorate(null, null, _thumbnail_decorators, { kind: "field", name: "thumbnail", static: false, private: false, access: { has: obj => "thumbnail" in obj, get: obj => obj.thumbnail, set: (obj, value) => { obj.thumbnail = value; } }, metadata: _metadata }, _thumbnail_initializers, _thumbnail_extraInitializers);
|
|
92
|
+
__esDecorate(null, null, _video_decorators, { kind: "field", name: "video", static: false, private: false, access: { has: obj => "video" in obj, get: obj => obj.video, set: (obj, value) => { obj.video = value; } }, metadata: _metadata }, _video_initializers, _video_extraInitializers);
|
|
93
|
+
__esDecorate(null, null, _itemElements_decorators, { kind: "field", name: "itemElements", static: false, private: false, access: { has: obj => "itemElements" in obj, get: obj => obj.itemElements, set: (obj, value) => { obj.itemElements = value; } }, metadata: _metadata }, _itemElements_initializers, _itemElements_extraInitializers);
|
|
94
|
+
__esDecorate(null, null, _typeahead_decorators, { kind: "field", name: "typeahead", static: false, private: false, access: { has: obj => "typeahead" in obj, get: obj => obj.typeahead, set: (obj, value) => { obj.typeahead = value; } }, metadata: _metadata }, _typeahead_initializers, _typeahead_extraInitializers);
|
|
95
|
+
__esDecorate(null, null, _wrapFocus_decorators, { kind: "field", name: "wrapFocus", static: false, private: false, access: { has: obj => "wrapFocus" in obj, get: obj => obj.wrapFocus, set: (obj, value) => { obj.wrapFocus = value; } }, metadata: _metadata }, _wrapFocus_initializers, _wrapFocus_extraInitializers);
|
|
96
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
100
97
|
MdcDeprecatedList = _classThis = _classDescriptor.value;
|
|
101
98
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
102
|
-
|
|
99
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
103
100
|
}
|
|
104
101
|
/** Increases the height of the row to give it greater visual separation from adjacent rows */
|
|
105
|
-
twoLine =
|
|
102
|
+
twoLine = __runInitializers(this, _twoLine_initializers, void 0);
|
|
106
103
|
/** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */
|
|
107
|
-
singleSelection = (
|
|
104
|
+
singleSelection = (__runInitializers(this, _twoLine_extraInitializers), __runInitializers(this, _singleSelection_initializers, void 0));
|
|
108
105
|
async singleSelectionChanged() {
|
|
109
106
|
await this.initialised;
|
|
110
107
|
this.foundation?.setSingleSelection(this.singleSelection);
|
|
111
108
|
}
|
|
112
109
|
/** Sets the selection logic to apply/remove the mdc-list-item--activated class */
|
|
113
|
-
activated = (
|
|
110
|
+
activated = (__runInitializers(this, _singleSelection_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
|
|
114
111
|
async activatedChanged() {
|
|
115
112
|
await this.initialised;
|
|
116
113
|
this.foundation?.setUseActivatedClass(this.activated);
|
|
117
114
|
}
|
|
118
115
|
/** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */
|
|
119
|
-
vertical = (
|
|
116
|
+
vertical = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _vertical_initializers, true));
|
|
120
117
|
/** Increases the density of the list, making it appear more compact */
|
|
121
|
-
dense = (
|
|
118
|
+
dense = (__runInitializers(this, _vertical_extraInitializers), __runInitializers(this, _dense_initializers, void 0));
|
|
122
119
|
/** Optional, configures lists that start with text */
|
|
123
|
-
textual = (
|
|
120
|
+
textual = (__runInitializers(this, _dense_extraInitializers), __runInitializers(this, _textual_initializers, void 0));
|
|
124
121
|
/** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */
|
|
125
|
-
avatar = (
|
|
122
|
+
avatar = (__runInitializers(this, _textual_extraInitializers), __runInitializers(this, _avatar_initializers, void 0));
|
|
126
123
|
/** Optional, configures the leading tile of each row to display icons */
|
|
127
|
-
icon = (
|
|
124
|
+
icon = (__runInitializers(this, _avatar_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
|
|
128
125
|
/** Optional, configures the leading tile of each row to display images */
|
|
129
|
-
image = (
|
|
126
|
+
image = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _image_initializers, void 0));
|
|
130
127
|
/** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will not be rounded) */
|
|
131
|
-
thumbnail = (
|
|
128
|
+
thumbnail = (__runInitializers(this, _image_extraInitializers), __runInitializers(this, _thumbnail_initializers, void 0));
|
|
132
129
|
/** Optional, configures the leading tile of each row to display videos */
|
|
133
|
-
video = (
|
|
134
|
-
itemElements = (
|
|
130
|
+
video = (__runInitializers(this, _thumbnail_extraInitializers), __runInitializers(this, _video_initializers, void 0));
|
|
131
|
+
itemElements = (__runInitializers(this, _video_extraInitializers), __runInitializers(this, _itemElements_initializers, void 0));
|
|
135
132
|
itemsChanged() {
|
|
136
|
-
this.emit(
|
|
133
|
+
this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
|
|
137
134
|
}
|
|
138
135
|
get items() {
|
|
139
|
-
return (this.itemElements ?? []).map(x =>
|
|
136
|
+
return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
|
|
140
137
|
}
|
|
141
|
-
typeahead = (
|
|
138
|
+
typeahead = (__runInitializers(this, _itemElements_extraInitializers), __runInitializers(this, _typeahead_initializers, void 0));
|
|
142
139
|
async typeaheadChanged(hasTypeahead) {
|
|
143
140
|
await this.initialised;
|
|
144
141
|
this.foundation?.setHasTypeahead(hasTypeahead);
|
|
145
142
|
}
|
|
146
143
|
/** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */
|
|
147
|
-
wrapFocus = (
|
|
144
|
+
wrapFocus = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
|
|
148
145
|
async wrapFocusChanged() {
|
|
149
146
|
await this.initialised;
|
|
150
147
|
this.foundation?.setWrapFocus(this.wrapFocus);
|
|
@@ -191,15 +188,15 @@ let MdcDeprecatedList = (() => {
|
|
|
191
188
|
getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
|
|
192
189
|
hasCheckboxAtIndex: (index) => {
|
|
193
190
|
const listItem = this.listElements[index];
|
|
194
|
-
return !!listItem.querySelector(
|
|
191
|
+
return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
195
192
|
},
|
|
196
193
|
hasRadioAtIndex: (index) => {
|
|
197
194
|
const listItem = this.listElements[index];
|
|
198
|
-
return !!listItem.querySelector(
|
|
195
|
+
return !!listItem.querySelector(strings.RADIO_SELECTOR);
|
|
199
196
|
},
|
|
200
197
|
isCheckboxCheckedAtIndex: (index) => {
|
|
201
198
|
const listItem = this.listElements[index];
|
|
202
|
-
const toggleEl = listItem.querySelector(
|
|
199
|
+
const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
203
200
|
return toggleEl.checked;
|
|
204
201
|
},
|
|
205
202
|
isFocusInsideList: () => {
|
|
@@ -210,12 +207,12 @@ let MdcDeprecatedList = (() => {
|
|
|
210
207
|
notifyAction: (index) => {
|
|
211
208
|
const listItem = this.listElements[index];
|
|
212
209
|
if (!listItem.hasAttribute('no-list-action')) {
|
|
213
|
-
const data =
|
|
214
|
-
this.emit(
|
|
210
|
+
const data = CustomElement.for(listItem).viewModel.value;
|
|
211
|
+
this.emit(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
|
|
215
212
|
}
|
|
216
213
|
},
|
|
217
214
|
notifySelectionChange: (changedIndices) => {
|
|
218
|
-
this.emit(
|
|
215
|
+
this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
|
|
219
216
|
},
|
|
220
217
|
removeClassForElementIndex: (index, className) => {
|
|
221
218
|
const element = this.listElements[index];
|
|
@@ -231,7 +228,7 @@ let MdcDeprecatedList = (() => {
|
|
|
231
228
|
},
|
|
232
229
|
setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
|
|
233
230
|
const listItem = this.listElements[index];
|
|
234
|
-
const toggleEl = listItem.querySelector(
|
|
231
|
+
const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
|
|
235
232
|
if (toggleEl?.disabled) {
|
|
236
233
|
return;
|
|
237
234
|
}
|
|
@@ -242,11 +239,11 @@ let MdcDeprecatedList = (() => {
|
|
|
242
239
|
},
|
|
243
240
|
setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
|
|
244
241
|
const element = this.listElements[listItemIndex];
|
|
245
|
-
const listItemChildren = [].slice.call(element.querySelectorAll(
|
|
242
|
+
const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
246
243
|
listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
|
|
247
244
|
},
|
|
248
245
|
};
|
|
249
|
-
return new
|
|
246
|
+
return new MDCListFoundation(adapter);
|
|
250
247
|
}
|
|
251
248
|
/**
|
|
252
249
|
* @hidden
|
|
@@ -255,9 +252,9 @@ let MdcDeprecatedList = (() => {
|
|
|
255
252
|
*/
|
|
256
253
|
getListItemIndex_(evt) {
|
|
257
254
|
const eventTarget = evt.target;
|
|
258
|
-
const nearestParent =
|
|
255
|
+
const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');
|
|
259
256
|
// Get the index of the element if it is a list item.
|
|
260
|
-
if (nearestParent &&
|
|
257
|
+
if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {
|
|
261
258
|
return this.listElements.indexOf(nearestParent);
|
|
262
259
|
}
|
|
263
260
|
return -1;
|
|
@@ -299,7 +296,7 @@ let MdcDeprecatedList = (() => {
|
|
|
299
296
|
const index = this.getListItemIndex_(evt);
|
|
300
297
|
const target = evt.target;
|
|
301
298
|
// Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.
|
|
302
|
-
const toggleCheckbox = !
|
|
299
|
+
const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);
|
|
303
300
|
this.foundation?.handleClick(index, toggleCheckbox);
|
|
304
301
|
return true;
|
|
305
302
|
}
|
|
@@ -325,8 +322,8 @@ let MdcDeprecatedList = (() => {
|
|
|
325
322
|
return this.foundation.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);
|
|
326
323
|
}
|
|
327
324
|
layout() {
|
|
328
|
-
const direction = this.root.getAttribute(
|
|
329
|
-
this.vertical = direction !==
|
|
325
|
+
const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);
|
|
326
|
+
this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;
|
|
330
327
|
this.foundation?.layout();
|
|
331
328
|
}
|
|
332
329
|
get selectedIndex() {
|
|
@@ -340,10 +337,10 @@ let MdcDeprecatedList = (() => {
|
|
|
340
337
|
* Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
|
|
341
338
|
*/
|
|
342
339
|
initializeListType() {
|
|
343
|
-
const checkboxListItems = this.root.querySelectorAll(
|
|
344
|
-
const radioSelectedListItem = this.root.querySelector(
|
|
340
|
+
const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);
|
|
341
|
+
const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);
|
|
345
342
|
if (checkboxListItems.length) {
|
|
346
|
-
const preselectedItems = this.root.querySelectorAll(
|
|
343
|
+
const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
|
|
347
344
|
this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
|
|
348
345
|
}
|
|
349
346
|
else if (radioSelectedListItem) {
|
|
@@ -352,10 +349,10 @@ let MdcDeprecatedList = (() => {
|
|
|
352
349
|
}
|
|
353
350
|
constructor() {
|
|
354
351
|
super(...arguments);
|
|
355
|
-
|
|
352
|
+
__runInitializers(this, _wrapFocus_extraInitializers);
|
|
356
353
|
}
|
|
357
354
|
};
|
|
358
355
|
return MdcDeprecatedList = _classThis;
|
|
359
356
|
})();
|
|
360
|
-
|
|
357
|
+
export { MdcDeprecatedList };
|
|
361
358
|
//# sourceMappingURL=mdc-deprecated-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-deprecated-list.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { MDCListFoundation, MDCListAdapter, strings, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\r\nimport { closest, matches } from '@material/dom/ponyfill';\r\nimport { MdcDeprecatedListItem, IMdcListActionEventDetail } from './mdc-deprecated-list-item/mdc-deprecated-list-item';\r\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-deprecated-list.html?raw';\r\n\r\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\r\n\r\nexport const mdcListStrings = {\r\n ITEMS_CHANGED: 'mdclist:itemschanged'\r\n};\r\n\r\n/**\r\n * @selector mdc-deprecated-list\r\n * @emits mdclist:action | Indicates that a list item with the specified index has been activated\r\n * @emits mdclist:itemschanged | Indicates that the list of items has changed\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-deprecated-list', template })\r\nexport class MdcDeprecatedList extends MdcComponent<MDCListFoundation>{\r\n\r\n /** Increases the height of the row to give it greater visual separation from adjacent rows */\r\n @bindable({ set: booleanAttr })\r\n twoLine: boolean;\r\n\r\n /** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */\r\n @bindable({ set: booleanAttr })\r\n singleSelection: boolean;\r\n async singleSelectionChanged() {\r\n await this.initialised;\r\n this.foundation?.setSingleSelection(this.singleSelection);\r\n }\r\n\r\n /** Sets the selection logic to apply/remove the mdc-list-item--activated class */\r\n @bindable({ set: booleanAttr })\r\n activated: boolean;\r\n async activatedChanged() {\r\n await this.initialised;\r\n this.foundation?.setUseActivatedClass(this.activated);\r\n }\r\n\r\n /** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */\r\n @bindable({ set: booleanAttr })\r\n vertical: boolean = true;\r\n\r\n /** Increases the density of the list, making it appear more compact */\r\n @bindable({ set: booleanAttr })\r\n dense: boolean;\r\n\r\n /** Optional, configures lists that start with text */\r\n @bindable({ set: booleanAttr })\r\n textual: boolean;\r\n\r\n /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */\r\n @bindable({ set: booleanAttr })\r\n avatar: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display icons */\r\n @bindable({ set: booleanAttr })\r\n icon: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display images */\r\n @bindable({ set: booleanAttr })\r\n image: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will\tnot be rounded) */\r\n @bindable({ set: booleanAttr })\r\n thumbnail: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display videos */\r\n @bindable({ set: booleanAttr })\r\n video: boolean;\r\n\r\n @slotted({ query: 'mdc-deprecated-list-item' })\r\n itemElements: HTMLElement[];\r\n itemsChanged() {\r\n this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\r\n }\r\n\r\n get items(): MdcDeprecatedListItem[] {\r\n return (this.itemElements ?? []).map(x => CustomElement.for<MdcDeprecatedListItem>(x).viewModel);\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n typeahead: boolean;\r\n async typeaheadChanged(hasTypeahead: boolean) {\r\n await this.initialised;\r\n this.foundation?.setHasTypeahead(hasTypeahead);\r\n }\r\n\r\n /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */\r\n @bindable({ set: booleanAttr })\r\n wrapFocus: boolean;\r\n async wrapFocusChanged() {\r\n await this.initialised;\r\n this.foundation?.setWrapFocus(this.wrapFocus);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.layout();\r\n this.initializeListType();\r\n }\r\n\r\n get listElements(): Element[] {\r\n return Array.from(this.root.querySelectorAll('.mdc-deprecated-list-item'));\r\n }\r\n\r\n /**\r\n * Extracts the primary text from a list item.\r\n * @param item The list item element.\r\n * @return The primary text in the element.\r\n */\r\n getPrimaryText(item: Element): string {\r\n const primaryText = item.querySelector('.mdc-deprecated-list-item__primary-text');\r\n if (primaryText) {\r\n return primaryText.textContent ?? '';\r\n }\r\n\r\n const singleLineText = item.querySelector('.mdc-deprecated-list-item__text');\r\n return singleLineText?.textContent ?? '';\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 const adapter: MDCListAdapter = {\r\n addClassForElementIndex: (index, className) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.classList.add(className);\r\n }\r\n },\r\n focusItemAtIndex: (index) => {\r\n const element = this.listElements[index] as HTMLElement | undefined;\r\n if (element) {\r\n element.focus();\r\n }\r\n },\r\n getAttributeForElementIndex: (index, attr) => this.listElements[index].getAttribute(attr),\r\n getFocusedElementIndex: () => this.listElements.indexOf(document.activeElement!),\r\n getListItemCount: () => this.listElements.length,\r\n getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),\r\n hasCheckboxAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);\r\n },\r\n hasRadioAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n return !!listItem.querySelector(strings.RADIO_SELECTOR);\r\n },\r\n isCheckboxCheckedAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_SELECTOR);\r\n return toggleEl!.checked;\r\n },\r\n isFocusInsideList: () => {\r\n return this.root !== document.activeElement && this.root.contains(document.activeElement);\r\n },\r\n isRootFocused: () => document.activeElement === this.root,\r\n listItemAtIndexHasClass: (index, className) => this.listElements[index].classList.contains(className),\r\n notifyAction: (index) => {\r\n const listItem = this.listElements[index];\r\n if (!listItem.hasAttribute('no-list-action')) {\r\n const data = CustomElement.for<MdcDeprecatedListItem>(listItem).viewModel.value;\r\n this.emit<IMdcListActionEventDetail>(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);\r\n }\r\n },\r\n notifySelectionChange: (changedIndices: number[]) => {\r\n this.emit<MDCListSelectionChangeDetail>(strings.SELECTION_CHANGE_EVENT,\r\n { changedIndices }, /** shouldBubble */ true);\r\n },\r\n removeClassForElementIndex: (index, className) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.classList.remove(className);\r\n }\r\n },\r\n setAttributeForElementIndex: (index, attr, value) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.setAttribute(attr, value);\r\n }\r\n },\r\n setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {\r\n const listItem = this.listElements[index];\r\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_RADIO_SELECTOR);\r\n if (toggleEl?.disabled) {\r\n return;\r\n }\r\n toggleEl!.checked = isChecked;\r\n\r\n const event = document.createEvent('Event');\r\n event.initEvent('change', true, true);\r\n toggleEl!.dispatchEvent(event);\r\n },\r\n setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {\r\n const element = this.listElements[listItemIndex];\r\n const listItemChildren: Element[] =\r\n [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));\r\n listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));\r\n },\r\n };\r\n return new MDCListFoundation(adapter);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which list item this event is targetting. Or returns -1 if\r\n * there is no list item\r\n */\r\n private getListItemIndex_(evt: Event) {\r\n const eventTarget = evt.target as Element;\r\n const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');\r\n\r\n // Get the index of the element if it is a list item.\r\n if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {\r\n return this.listElements.indexOf(nearestParent);\r\n }\r\n\r\n return -1;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleFocusInEvent_(evt: FocusEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n this.foundation?.handleFocusIn(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleFocusOutEvent_(evt: FocusEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n this.foundation?.handleFocusOut(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was focused when keydown event occurred before sending the event to the\r\n * foundation.\r\n */\r\n handleKeydownEvent_(evt: KeyboardEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n const target = evt.target as Element;\r\n if (!target.hasAttribute('not-selectable')) {\r\n this.foundation?.handleKeydown(evt, target.classList.contains('mdc-deprecated-list-item'), index);\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleClickEvent_(evt: MouseEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n const target = evt.target as Element;\r\n // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.\r\n const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);\r\n this.foundation?.handleClick(index, toggleCheckbox);\r\n return true;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * @return Whether typeahead is currently matching a user-specified prefix.\r\n */\r\n get typeaheadInProgress(): boolean {\r\n return this.foundation!.isTypeaheadInProgress();\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Given the next desired character from the user, adds it to the typeahead\r\n * buffer. Then, attempts to find the next option matching the buffer. Wraps\r\n * around if at the end of options.\r\n *\r\n * @param nextChar The next character to add to the prefix buffer.\r\n * @param startingIndex The index from which to start matching. Defaults to\r\n * the currently focused index.\r\n * @return The index of the matched item.\r\n */\r\n typeaheadMatchItem(nextChar: string, startingIndex?: number): number {\r\n return this.foundation!.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);\r\n }\r\n\r\n layout() {\r\n const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);\r\n this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;\r\n this.foundation?.layout();\r\n }\r\n\r\n get selectedIndex(): MDCListIndex {\r\n return this.foundation!.getSelectedIndex();\r\n }\r\n\r\n set selectedIndex(index: MDCListIndex) {\r\n this.foundation?.setSelectedIndex(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.\r\n */\r\n initializeListType() {\r\n const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);\r\n const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);\r\n\r\n if (checkboxListItems.length) {\r\n const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);\r\n this.selectedIndex = [].map.call(preselectedItems, (listItem: Element) => this.listElements.indexOf(listItem)) as number[];\r\n } else if (radioSelectedListItem) {\r\n this.selectedIndex = this.listElements.indexOf(radioSelectedListItem);\r\n }\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcDeprecatedListElement extends HTMLElement {\r\n au: {\r\n controller: {\r\n viewModel: MdcDeprecatedList;\r\n };\r\n };\r\n}\r\n\r\n"]}
|
|
1
|
+
{"version":3,"file":"mdc-deprecated-list.js","sourceRoot":"","sources":["../../../src/list/mdc-deprecated-list/mdc-deprecated-list.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAkB,OAAO,EAA8C,MAAM,gBAAgB,CAAC;AACxH,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClF,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,sBAAsB;CACtC,CAAC;AAEF;;;;GAIG;IAGU,iBAAiB;4BAF7B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAApB,SAAQ,WAA+B;;;;mCAGnE,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;2CAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAQ9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAQ9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;mCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAG9B,OAAO,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC;qCAU9C,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAQ9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YApE/B,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YAIjB,+LAAA,eAAe,6BAAf,eAAe,yGAAU;YAQzB,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAQnB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAiB;YAIzB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YAIjB,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAInB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAGf,sLAAA,YAAY,6BAAZ,YAAY,mGAAgB;YAU5B,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAQnB,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAzErB,6KA4SC;;;YA5SY,uDAAiB;;QAE5B,8FAA8F;QAE9F,OAAO,0DAAU;QAEjB,+KAA+K;QAE/K,eAAe,yHAAU;QACzB,KAAK,CAAC,sBAAsB;YAC1B,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC;QAED,kFAAkF;QAElF,SAAS,2HAAU;QACnB,KAAK,CAAC,gBAAgB;YACpB,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxD,CAAC;QAED,uLAAuL;QAEvL,QAAQ,2GAAY,IAAI,GAAC;QAEzB,uEAAuE;QAEvE,KAAK,gHAAU;QAEf,sDAAsD;QAEtD,OAAO,+GAAU;QAEjB,yIAAyI;QAEzI,MAAM,gHAAU;QAEhB,yEAAyE;QAEzE,IAAI,6GAAU;QAEd,0EAA0E;QAE1E,KAAK,4GAAU;QAEf,0JAA0J;QAE1J,SAAS,iHAAU;QAEnB,0EAA0E;QAE1E,KAAK,iHAAU;QAGf,YAAY,oHAAgB;QAC5B,YAAY;YACV,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC;QAC9E,CAAC;QAED,IAAI,KAAK;YACP,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACnG,CAAC;QAGD,SAAS,wHAAU;QACnB,KAAK,CAAC,gBAAgB,CAAC,YAAqB;YAC1C,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;QACjD,CAAC;QAED,oHAAoH;QAEpH,SAAS,qHAAU;QACnB,KAAK,CAAC,gBAAgB;YACpB,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;QAED,kBAAkB;YAChB,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,YAAY;YACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,CAAC;QAC7E,CAAC;QAED;;;;WAIG;QACH,cAAc,CAAC,IAAa;YAC1B,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,CAAC,CAAC;YAClF,IAAI,WAAW,EAAE,CAAC;gBAChB,OAAO,WAAW,CAAC,WAAW,IAAI,EAAE,CAAC;YACvC,CAAC;YAED,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;YAC7E,OAAO,cAAc,EAAE,WAAW,IAAI,EAAE,CAAC;QAC3C,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAmB;gBAC9B,uBAAuB,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;oBAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBACzC,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;oBACnC,CAAC;gBACH,CAAC;gBACD,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAA4B,CAAC;oBACpE,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,KAAK,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC;gBACD,2BAA2B,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;gBACzF,sBAAsB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAc,CAAC;gBAChF,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM;gBAChD,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/E,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC1C,OAAO,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;gBAC7D,CAAC;gBACD,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC1C,OAAO,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gBAC1D,CAAC;gBACD,wBAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAmB,OAAO,CAAC,iBAAiB,CAAC,CAAC;oBACrF,OAAO,QAAS,CAAC,OAAO,CAAC;gBAC3B,CAAC;gBACD,iBAAiB,EAAE,GAAG,EAAE;oBACtB,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAC5F,CAAC;gBACD,aAAa,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,IAAI;gBACzD,uBAAuB,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACrG,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC1C,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;wBAC7C,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,CAAwB,QAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;wBAChF,IAAI,CAAC,IAAI,CAA4B,OAAO,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;oBACxG,CAAC;gBACH,CAAC;gBACD,qBAAqB,EAAE,CAAC,cAAwB,EAAE,EAAE;oBAClD,IAAI,CAAC,IAAI,CAA+B,OAAO,CAAC,sBAAsB,EACpE,EAAE,cAAc,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAClD,CAAC;gBACD,0BAA0B,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;oBAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBACzC,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBACtC,CAAC;gBACH,CAAC;gBACD,2BAA2B,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;oBAClD,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBACzC,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;gBACD,gCAAgC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;oBACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAmB,OAAO,CAAC,uBAAuB,CAAC,CAAC;oBAC3F,IAAI,QAAQ,EAAE,QAAQ,EAAE,CAAC;wBACvB,OAAO;oBACT,CAAC;oBACD,QAAS,CAAC,OAAO,GAAG,SAAS,CAAC;oBAE9B,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBAC5C,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;oBACtC,QAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACjC,CAAC;gBACD,8BAA8B,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE;oBAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;oBACjD,MAAM,gBAAgB,GACpB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC,CAAC;oBACrF,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;gBAC/E,CAAC;aACF,CAAC;YACF,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED;;;;WAIG;QACK,iBAAiB,CAAC,GAAU;YAClC,MAAM,WAAW,GAAG,GAAG,CAAC,MAAiB,CAAC;YAC1C,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,EAAE,iDAAiD,CAAC,CAAC;YAE9F,qDAAqD;YACrD,IAAI,aAAa,IAAI,OAAO,CAAC,aAAa,EAAE,2BAA2B,CAAC,EAAE,CAAC;gBACzE,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAClD,CAAC;YAED,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED;;;WAGG;QACH,mBAAmB,CAAC,GAAe;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QAED;;;WAGG;QACH,oBAAoB,CAAC,GAAe;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;QAED;;;;WAIG;QACH,mBAAmB,CAAC,GAAkB;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAC1C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAiB,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBAC3C,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE,KAAK,CAAC,CAAC;YACpG,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED;;;WAGG;QACH,iBAAiB,CAAC,GAAe;YAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAC1C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAiB,CAAC;YACrC,2GAA2G;YAC3G,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;YACzE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;YACpD,OAAO,IAAI,CAAC;QACd,CAAC;QAED;;;WAGG;QACH,IAAI,mBAAmB;YACrB,OAAO,IAAI,CAAC,UAAW,CAAC,qBAAqB,EAAE,CAAC;QAClD,CAAC;QAED;;;;;;;;;;WAUG;QACH,kBAAkB,CAAC,QAAgB,EAAE,aAAsB;YACzD,OAAO,IAAI,CAAC,UAAW,CAAC,kBAAkB,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC7F,CAAC;QAED,MAAM;YACJ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;YACnE,IAAI,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,CAAC,2BAA2B,CAAC;YAClE,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,aAAa;YACf,OAAO,IAAI,CAAC,UAAW,CAAC,gBAAgB,EAAE,CAAC;QAC7C,CAAC;QAED,IAAI,aAAa,CAAC,KAAmB;YACnC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED;;;WAGG;QACH,kBAAkB;YAChB,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YAC1F,MAAM,qBAAqB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;YAE3F,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;gBAC5F,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAa,CAAC;YAC7H,CAAC;iBAAM,IAAI,qBAAqB,EAAE,CAAC;gBACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;;;;;;;;SA3SU,iBAAiB","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { MDCListFoundation, MDCListAdapter, strings, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\r\nimport { closest, matches } from '@material/dom/ponyfill';\r\nimport { MdcDeprecatedListItem, IMdcListActionEventDetail } from './mdc-deprecated-list-item/mdc-deprecated-list-item';\r\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-deprecated-list.html?raw';\r\n\r\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\r\n\r\nexport const mdcListStrings = {\r\n ITEMS_CHANGED: 'mdclist:itemschanged'\r\n};\r\n\r\n/**\r\n * @selector mdc-deprecated-list\r\n * @emits mdclist:action | Indicates that a list item with the specified index has been activated\r\n * @emits mdclist:itemschanged | Indicates that the list of items has changed\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-deprecated-list', template })\r\nexport class MdcDeprecatedList extends MdcComponent<MDCListFoundation>{\r\n\r\n /** Increases the height of the row to give it greater visual separation from adjacent rows */\r\n @bindable({ set: booleanAttr })\r\n twoLine: boolean;\r\n\r\n /** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */\r\n @bindable({ set: booleanAttr })\r\n singleSelection: boolean;\r\n async singleSelectionChanged() {\r\n await this.initialised;\r\n this.foundation?.setSingleSelection(this.singleSelection);\r\n }\r\n\r\n /** Sets the selection logic to apply/remove the mdc-list-item--activated class */\r\n @bindable({ set: booleanAttr })\r\n activated: boolean;\r\n async activatedChanged() {\r\n await this.initialised;\r\n this.foundation?.setUseActivatedClass(this.activated);\r\n }\r\n\r\n /** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */\r\n @bindable({ set: booleanAttr })\r\n vertical: boolean = true;\r\n\r\n /** Increases the density of the list, making it appear more compact */\r\n @bindable({ set: booleanAttr })\r\n dense: boolean;\r\n\r\n /** Optional, configures lists that start with text */\r\n @bindable({ set: booleanAttr })\r\n textual: boolean;\r\n\r\n /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */\r\n @bindable({ set: booleanAttr })\r\n avatar: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display icons */\r\n @bindable({ set: booleanAttr })\r\n icon: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display images */\r\n @bindable({ set: booleanAttr })\r\n image: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will\tnot be rounded) */\r\n @bindable({ set: booleanAttr })\r\n thumbnail: boolean;\r\n\r\n /** Optional, configures the leading tile of each row to display videos */\r\n @bindable({ set: booleanAttr })\r\n video: boolean;\r\n\r\n @slotted({ query: 'mdc-deprecated-list-item' })\r\n itemElements: HTMLElement[];\r\n itemsChanged() {\r\n this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\r\n }\r\n\r\n get items(): MdcDeprecatedListItem[] {\r\n return (this.itemElements ?? []).map(x => CustomElement.for<MdcDeprecatedListItem>(x).viewModel);\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n typeahead: boolean;\r\n async typeaheadChanged(hasTypeahead: boolean) {\r\n await this.initialised;\r\n this.foundation?.setHasTypeahead(hasTypeahead);\r\n }\r\n\r\n /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */\r\n @bindable({ set: booleanAttr })\r\n wrapFocus: boolean;\r\n async wrapFocusChanged() {\r\n await this.initialised;\r\n this.foundation?.setWrapFocus(this.wrapFocus);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.layout();\r\n this.initializeListType();\r\n }\r\n\r\n get listElements(): Element[] {\r\n return Array.from(this.root.querySelectorAll('.mdc-deprecated-list-item'));\r\n }\r\n\r\n /**\r\n * Extracts the primary text from a list item.\r\n * @param item The list item element.\r\n * @return The primary text in the element.\r\n */\r\n getPrimaryText(item: Element): string {\r\n const primaryText = item.querySelector('.mdc-deprecated-list-item__primary-text');\r\n if (primaryText) {\r\n return primaryText.textContent ?? '';\r\n }\r\n\r\n const singleLineText = item.querySelector('.mdc-deprecated-list-item__text');\r\n return singleLineText?.textContent ?? '';\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 const adapter: MDCListAdapter = {\r\n addClassForElementIndex: (index, className) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.classList.add(className);\r\n }\r\n },\r\n focusItemAtIndex: (index) => {\r\n const element = this.listElements[index] as HTMLElement | undefined;\r\n if (element) {\r\n element.focus();\r\n }\r\n },\r\n getAttributeForElementIndex: (index, attr) => this.listElements[index].getAttribute(attr),\r\n getFocusedElementIndex: () => this.listElements.indexOf(document.activeElement!),\r\n getListItemCount: () => this.listElements.length,\r\n getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),\r\n hasCheckboxAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);\r\n },\r\n hasRadioAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n return !!listItem.querySelector(strings.RADIO_SELECTOR);\r\n },\r\n isCheckboxCheckedAtIndex: (index) => {\r\n const listItem = this.listElements[index];\r\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_SELECTOR);\r\n return toggleEl!.checked;\r\n },\r\n isFocusInsideList: () => {\r\n return this.root !== document.activeElement && this.root.contains(document.activeElement);\r\n },\r\n isRootFocused: () => document.activeElement === this.root,\r\n listItemAtIndexHasClass: (index, className) => this.listElements[index].classList.contains(className),\r\n notifyAction: (index) => {\r\n const listItem = this.listElements[index];\r\n if (!listItem.hasAttribute('no-list-action')) {\r\n const data = CustomElement.for<MdcDeprecatedListItem>(listItem).viewModel.value;\r\n this.emit<IMdcListActionEventDetail>(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);\r\n }\r\n },\r\n notifySelectionChange: (changedIndices: number[]) => {\r\n this.emit<MDCListSelectionChangeDetail>(strings.SELECTION_CHANGE_EVENT,\r\n { changedIndices }, /** shouldBubble */ true);\r\n },\r\n removeClassForElementIndex: (index, className) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.classList.remove(className);\r\n }\r\n },\r\n setAttributeForElementIndex: (index, attr, value) => {\r\n const element = this.listElements[index];\r\n if (element) {\r\n element.setAttribute(attr, value);\r\n }\r\n },\r\n setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {\r\n const listItem = this.listElements[index];\r\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_RADIO_SELECTOR);\r\n if (toggleEl?.disabled) {\r\n return;\r\n }\r\n toggleEl!.checked = isChecked;\r\n\r\n const event = document.createEvent('Event');\r\n event.initEvent('change', true, true);\r\n toggleEl!.dispatchEvent(event);\r\n },\r\n setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {\r\n const element = this.listElements[listItemIndex];\r\n const listItemChildren: Element[] =\r\n [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));\r\n listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));\r\n },\r\n };\r\n return new MDCListFoundation(adapter);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which list item this event is targetting. Or returns -1 if\r\n * there is no list item\r\n */\r\n private getListItemIndex_(evt: Event) {\r\n const eventTarget = evt.target as Element;\r\n const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');\r\n\r\n // Get the index of the element if it is a list item.\r\n if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {\r\n return this.listElements.indexOf(nearestParent);\r\n }\r\n\r\n return -1;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleFocusInEvent_(evt: FocusEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n this.foundation?.handleFocusIn(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleFocusOutEvent_(evt: FocusEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n this.foundation?.handleFocusOut(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was focused when keydown event occurred before sending the event to the\r\n * foundation.\r\n */\r\n handleKeydownEvent_(evt: KeyboardEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n const target = evt.target as Element;\r\n if (!target.hasAttribute('not-selectable')) {\r\n this.foundation?.handleKeydown(evt, target.classList.contains('mdc-deprecated-list-item'), index);\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Used to figure out which element was clicked before sending the event to the foundation.\r\n */\r\n handleClickEvent_(evt: MouseEvent) {\r\n const index = this.getListItemIndex_(evt);\r\n const target = evt.target as Element;\r\n // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.\r\n const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);\r\n this.foundation?.handleClick(index, toggleCheckbox);\r\n return true;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * @return Whether typeahead is currently matching a user-specified prefix.\r\n */\r\n get typeaheadInProgress(): boolean {\r\n return this.foundation!.isTypeaheadInProgress();\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Given the next desired character from the user, adds it to the typeahead\r\n * buffer. Then, attempts to find the next option matching the buffer. Wraps\r\n * around if at the end of options.\r\n *\r\n * @param nextChar The next character to add to the prefix buffer.\r\n * @param startingIndex The index from which to start matching. Defaults to\r\n * the currently focused index.\r\n * @return The index of the matched item.\r\n */\r\n typeaheadMatchItem(nextChar: string, startingIndex?: number): number {\r\n return this.foundation!.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);\r\n }\r\n\r\n layout() {\r\n const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);\r\n this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;\r\n this.foundation?.layout();\r\n }\r\n\r\n get selectedIndex(): MDCListIndex {\r\n return this.foundation!.getSelectedIndex();\r\n }\r\n\r\n set selectedIndex(index: MDCListIndex) {\r\n this.foundation?.setSelectedIndex(index);\r\n }\r\n\r\n /**\r\n * @hidden\r\n * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.\r\n */\r\n initializeListType() {\r\n const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);\r\n const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);\r\n\r\n if (checkboxListItems.length) {\r\n const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);\r\n this.selectedIndex = [].map.call(preselectedItems, (listItem: Element) => this.listElements.indexOf(listItem)) as number[];\r\n } else if (radioSelectedListItem) {\r\n this.selectedIndex = this.listElements.indexOf(radioSelectedListItem);\r\n }\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcDeprecatedListElement extends HTMLElement {\r\n au: {\r\n controller: {\r\n viewModel: MdcDeprecatedList;\r\n };\r\n };\r\n}\r\n\r\n"]}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const base_1 = require("../../base");
|
|
6
|
-
const aurelia_1 = require("aurelia");
|
|
7
|
-
const mdc_list_divider_html_raw_1 = tslib_1.__importDefault(require("./mdc-list-divider.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { booleanAttr } from '../../base';
|
|
3
|
+
import { customElement, bindable } from 'aurelia';
|
|
4
|
+
import template from './mdc-list-divider.html?raw';
|
|
8
5
|
/**
|
|
9
6
|
* Optional, for list divider element
|
|
10
7
|
* @selector mdc-list-divider
|
|
11
8
|
*/
|
|
12
9
|
let MdcListDivider = (() => {
|
|
13
|
-
let _classDecorators = [
|
|
10
|
+
let _classDecorators = [customElement({ name: 'mdc-list-divider', template })];
|
|
14
11
|
let _classDescriptor;
|
|
15
12
|
let _classExtraInitializers = [];
|
|
16
13
|
let _classThis;
|
|
@@ -27,28 +24,28 @@ let MdcListDivider = (() => {
|
|
|
27
24
|
static { _classThis = this; }
|
|
28
25
|
static {
|
|
29
26
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
30
|
-
_padded_decorators = [
|
|
31
|
-
_leadingType_decorators = [
|
|
32
|
-
_trailingType_decorators = [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
_padded_decorators = [bindable({ set: booleanAttr })];
|
|
28
|
+
_leadingType_decorators = [bindable()];
|
|
29
|
+
_trailingType_decorators = [bindable()];
|
|
30
|
+
__esDecorate(null, null, _padded_decorators, { kind: "field", name: "padded", static: false, private: false, access: { has: obj => "padded" in obj, get: obj => obj.padded, set: (obj, value) => { obj.padded = value; } }, metadata: _metadata }, _padded_initializers, _padded_extraInitializers);
|
|
31
|
+
__esDecorate(null, null, _leadingType_decorators, { kind: "field", name: "leadingType", static: false, private: false, access: { has: obj => "leadingType" in obj, get: obj => obj.leadingType, set: (obj, value) => { obj.leadingType = value; } }, metadata: _metadata }, _leadingType_initializers, _leadingType_extraInitializers);
|
|
32
|
+
__esDecorate(null, null, _trailingType_decorators, { kind: "field", name: "trailingType", static: false, private: false, access: { has: obj => "trailingType" in obj, get: obj => obj.trailingType, set: (obj, value) => { obj.trailingType = value; } }, metadata: _metadata }, _trailingType_initializers, _trailingType_extraInitializers);
|
|
33
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
37
34
|
MdcListDivider = _classThis = _classDescriptor.value;
|
|
38
35
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
39
|
-
|
|
36
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
40
37
|
}
|
|
41
38
|
/** To make a divider match the padding of list items */
|
|
42
|
-
padded =
|
|
39
|
+
padded = __runInitializers(this, _padded_initializers, void 0);
|
|
43
40
|
/** Aligns the divider’s leading edge with the item’s content block */
|
|
44
|
-
leadingType = (
|
|
41
|
+
leadingType = (__runInitializers(this, _padded_extraInitializers), __runInitializers(this, _leadingType_initializers, void 0));
|
|
45
42
|
/** Aligns the divider’s leading edge with the item’s trailing padding */
|
|
46
|
-
trailingType = (
|
|
43
|
+
trailingType = (__runInitializers(this, _leadingType_extraInitializers), __runInitializers(this, _trailingType_initializers, void 0));
|
|
47
44
|
constructor() {
|
|
48
|
-
|
|
45
|
+
__runInitializers(this, _trailingType_extraInitializers);
|
|
49
46
|
}
|
|
50
47
|
};
|
|
51
48
|
return MdcListDivider = _classThis;
|
|
52
49
|
})();
|
|
53
|
-
|
|
50
|
+
export { MdcListDivider };
|
|
54
51
|
//# sourceMappingURL=mdc-list-divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-list-divider.js","sourceRoot":"","sources":["../../../src/list/mdc-list-divider/mdc-list-divider.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-list-divider.js","sourceRoot":"","sources":["../../../src/list/mdc-list-divider/mdc-list-divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGlD,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD;;;GAGG;IAEU,cAAc;4BAD1B,aAAa,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;kCAGnD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;uCAI9B,QAAQ,EAAE;wCAIV,QAAQ,EAAE;YAPX,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,mLAAA,WAAW,6BAAX,WAAW,iGAA8B;YAIzC,sLAAA,YAAY,6BAAZ,YAAY,mGAA+B;YAX7C,6KAYC;;;YAZY,uDAAc;;QACzB,wDAAwD;QAExD,MAAM,yDAAU;QAEhB,sEAAsE;QAEtE,WAAW,oHAA8B;QAEzC,yEAAyE;QAEzE,YAAY,0HAA+B;;;;;;;SAXhC,cAAc","sourcesContent":["import { booleanAttr } from '../../base';\r\nimport { customElement, bindable } from 'aurelia';\r\nimport { MdcListItemLeading } from '../mdc-list-item/mdc-list-item-leading';\r\nimport { MdcListItemTrailing } from '../mdc-list-item/mdc-list-item-trailing';\r\nimport template from './mdc-list-divider.html?raw';\r\n\r\n/**\r\n * Optional, for list divider element\r\n * @selector mdc-list-divider\r\n */\r\n@customElement({ name: 'mdc-list-divider', template })\r\nexport class MdcListDivider {\r\n /** To make a divider match the padding of list items */\r\n @bindable({ set: booleanAttr })\r\n padded: boolean;\r\n\r\n /** Aligns the divider’s leading edge with the item’s content block */\r\n @bindable()\r\n leadingType: MdcListItemLeading['value'];\r\n\r\n /** Aligns the divider’s leading edge with the item’s trailing padding */\r\n @bindable()\r\n trailingType: MdcListItemTrailing['value'];\r\n}\r\n"]}
|