@aurelia-mdc-web/all 9.3.1-au2 → 9.3.3-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 +15 -0
- package/dist/alert/alert-configuration.js.map +1 -0
- package/dist/alert/alert-modal/alert-modal.html +27 -0
- package/dist/alert/alert-modal/alert-modal.js +30 -0
- package/dist/alert/alert-modal/alert-modal.js.map +1 -0
- package/dist/alert/alert-modal/i-alert-modal-payload.js +14 -0
- package/dist/alert/alert-modal/i-alert-modal-payload.js.map +1 -0
- package/dist/alert/alert-service.js +106 -0
- package/dist/alert/alert-service.js.map +1 -0
- package/dist/alert/decorators/confirm-action.js +17 -0
- package/dist/alert/decorators/confirm-action.js.map +1 -0
- package/dist/alert/decorators/using-progress.js +27 -0
- package/dist/alert/decorators/using-progress.js.map +1 -0
- package/dist/alert/exceptions-tracker.js +8 -0
- package/dist/alert/exceptions-tracker.js.map +1 -0
- package/dist/alert/global-progress/global-progress.html +9 -0
- package/dist/alert/global-progress/global-progress.js +64 -0
- package/dist/alert/global-progress/global-progress.js.map +1 -0
- package/dist/alert/prompt-dialog/prompt-dialog.html +15 -0
- package/dist/alert/prompt-dialog/prompt-dialog.js +44 -0
- package/dist/alert/prompt-dialog/prompt-dialog.js.map +1 -0
- package/dist/banner/mdc-banner.html +21 -21
- package/dist/banner/mdc-banner.js +45 -42
- package/dist/banner/mdc-banner.js.map +1 -1
- package/dist/base/attributes/mdc-focus-trap.js +25 -22
- package/dist/base/attributes/mdc-focus-trap.js.map +1 -1
- package/dist/base/elements/i-validated-element.js +2 -1
- package/dist/base/elements/i-validated-element.js.map +1 -1
- package/dist/base/elements/mdc-promisify-reference.js +16 -13
- package/dist/base/elements/mdc-promisify-reference.js.map +1 -1
- package/dist/base/index.js +21 -9
- package/dist/base/index.js.map +1 -1
- package/dist/base/interceptors.js +12 -5
- package/dist/base/interceptors.js.map +1 -1
- package/dist/base/material-palette.js +4 -1
- package/dist/base/material-palette.js.map +1 -1
- package/dist/base/mdc-component.js +5 -1
- package/dist/base/mdc-component.js.map +1 -1
- package/dist/base/next-element.js +4 -1
- package/dist/base/next-element.js.map +1 -1
- package/dist/button/enhance-mdc-button.js +9 -6
- package/dist/button/enhance-mdc-button.js.map +1 -1
- package/dist/button/mdc-button-label.js +9 -6
- package/dist/button/mdc-button-label.js.map +1 -1
- package/dist/button/mdc-button.html +12 -12
- package/dist/button/mdc-button.js +30 -27
- package/dist/button/mdc-button.js.map +1 -1
- package/dist/card/mdc-card-action-buttons.js +9 -6
- package/dist/card/mdc-card-action-buttons.js.map +1 -1
- package/dist/card/mdc-card-action-icons.js +9 -6
- package/dist/card/mdc-card-action-icons.js.map +1 -1
- package/dist/card/mdc-card-actions/mdc-card-actions.html +3 -3
- package/dist/card/mdc-card-actions/mdc-card-actions.js +15 -12
- package/dist/card/mdc-card-actions/mdc-card-actions.js.map +1 -1
- package/dist/card/mdc-card-media/mdc-card-media.html +5 -5
- package/dist/card/mdc-card-media/mdc-card-media.js +18 -15
- package/dist/card/mdc-card-media/mdc-card-media.js.map +1 -1
- package/dist/card/mdc-card-primary-action.html +5 -5
- package/dist/card/mdc-card-primary-action.js +15 -12
- package/dist/card/mdc-card-primary-action.js.map +1 -1
- package/dist/card/mdc-card.html +3 -3
- package/dist/card/mdc-card.js +15 -12
- package/dist/card/mdc-card.js.map +1 -1
- package/dist/checkbox/mdc-checkbox.html +12 -12
- package/dist/checkbox/mdc-checkbox.js +38 -35
- package/dist/checkbox/mdc-checkbox.js.map +1 -1
- package/dist/chips/mdc-chip/mdc-chip.html +24 -24
- package/dist/chips/mdc-chip/mdc-chip.js +37 -34
- package/dist/chips/mdc-chip/mdc-chip.js.map +1 -1
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js +9 -6
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-action/mdc-chip-action.html +25 -25
- package/dist/chips/mdc-chip-action/mdc-chip-action.js +40 -37
- package/dist/chips/mdc-chip-action/mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-set/mdc-chip-set.html +10 -10
- package/dist/chips/mdc-chip-set/mdc-chip-set.js +27 -24
- package/dist/chips/mdc-chip-set/mdc-chip-set.js.map +1 -1
- package/dist/circular-progress/mdc-circular-progress.html +38 -38
- package/dist/circular-progress/mdc-circular-progress.js +25 -22
- package/dist/circular-progress/mdc-circular-progress.js.map +1 -1
- package/dist/data-table/mdc-data-table-row.js +13 -10
- package/dist/data-table/mdc-data-table-row.js.map +1 -1
- package/dist/data-table/mdc-data-table.html +50 -49
- package/dist/data-table/mdc-data-table.js +183 -91
- package/dist/data-table/mdc-data-table.js.map +1 -1
- package/dist/dialog/mdc-dialog-actions.js +13 -10
- package/dist/dialog/mdc-dialog-actions.js.map +1 -1
- package/dist/dialog/mdc-dialog-content.js +9 -6
- package/dist/dialog/mdc-dialog-content.js.map +1 -1
- package/dist/dialog/mdc-dialog-service.js +20 -13
- package/dist/dialog/mdc-dialog-service.js.map +1 -1
- package/dist/dialog/mdc-dialog-title.js +9 -6
- package/dist/dialog/mdc-dialog-title.js.map +1 -1
- package/dist/dialog/mdc-dialog.html +14 -14
- package/dist/dialog/mdc-dialog.js +49 -46
- package/dist/dialog/mdc-dialog.js.map +1 -1
- package/dist/drawer/mdc-drawer-app-content.js +9 -6
- package/dist/drawer/mdc-drawer-app-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-content.js +9 -6
- package/dist/drawer/mdc-drawer-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.html +5 -5
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js +17 -14
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js.map +1 -1
- package/dist/drawer/mdc-drawer.html +6 -6
- package/dist/drawer/mdc-drawer.js +24 -21
- package/dist/drawer/mdc-drawer.js.map +1 -1
- package/dist/elevation/mdc-elevation.js +9 -6
- package/dist/elevation/mdc-elevation.js.map +1 -1
- package/dist/expandable/mdc-expandable.html +28 -28
- package/dist/expandable/mdc-expandable.js +20 -17
- package/dist/expandable/mdc-expandable.js.map +1 -1
- package/dist/fab/enhance-mdc-fab.js +9 -6
- package/dist/fab/enhance-mdc-fab.js.map +1 -1
- package/dist/fab/mdc-fab-icon.js +9 -6
- package/dist/fab/mdc-fab-icon.js.map +1 -1
- package/dist/fab/mdc-fab.html +13 -13
- package/dist/fab/mdc-fab.js +33 -30
- package/dist/fab/mdc-fab.js.map +1 -1
- package/dist/floating-label/mdc-floating-label.html +1 -1
- package/dist/floating-label/mdc-floating-label.js +16 -13
- package/dist/floating-label/mdc-floating-label.js.map +1 -1
- package/dist/form-field/mdc-form-field.html +6 -6
- package/dist/form-field/mdc-form-field.js +27 -24
- package/dist/form-field/mdc-form-field.js.map +1 -1
- package/dist/icon/mdc-icon.html +3 -3
- package/dist/icon/mdc-icon.js +10 -7
- package/dist/icon/mdc-icon.js.map +1 -1
- package/dist/icon-button/enhance-mdc-icon-button.js +9 -6
- package/dist/icon-button/enhance-mdc-icon-button.js.map +1 -1
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.html +4 -4
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js +18 -15
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js.map +1 -1
- package/dist/icon-button/mdc-icon-button.html +11 -11
- package/dist/icon-button/mdc-icon-button.js +28 -25
- package/dist/icon-button/mdc-icon-button.js.map +1 -1
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.html +9 -9
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js +22 -19
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js.map +1 -1
- package/dist/image-list/mdc-image-list.html +7 -7
- package/dist/image-list/mdc-image-list.js +35 -32
- package/dist/image-list/mdc-image-list.js.map +1 -1
- package/dist/index.js +297 -139
- package/dist/index.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.html +12 -12
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js +36 -33
- 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 +9 -6
- package/dist/layout-grid/mdc-layout-grid-inner.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid.html +8 -8
- package/dist/layout-grid/mdc-layout-grid.js +33 -30
- package/dist/layout-grid/mdc-layout-grid.js.map +1 -1
- package/dist/line-ripple/mdc-line-ripple.js +13 -10
- package/dist/line-ripple/mdc-line-ripple.js.map +1 -1
- package/dist/linear-progress/mdc-linear-progress.html +12 -12
- package/dist/linear-progress/mdc-linear-progress.js +26 -23
- 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.html +4 -4
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js +18 -15
- 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 +17 -14
- 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 +9 -6
- 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 +9 -6
- 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 +9 -6
- 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.html +8 -8
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js +28 -25
- 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 +9 -6
- 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 +9 -6
- 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.html +15 -15
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js +78 -75
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js.map +1 -1
- package/dist/list/mdc-list-divider/mdc-list-divider.html +7 -7
- package/dist/list/mdc-list-divider/mdc-list-divider.js +21 -18
- package/dist/list/mdc-list-divider/mdc-list-divider.js.map +1 -1
- package/dist/list/mdc-list-group.js +17 -14
- package/dist/list/mdc-list-group.js.map +1 -1
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js +9 -6
- 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 +9 -6
- 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 +9 -6
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item.html +13 -13
- package/dist/list/mdc-list-item/mdc-list-item.js +40 -37
- package/dist/list/mdc-list-item/mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item-overline-text.js +9 -6
- package/dist/list/mdc-list-item-overline-text.js.map +1 -1
- package/dist/list/mdc-list-item-primary-text.js +9 -6
- package/dist/list/mdc-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-list-item-secondary-text.js +9 -6
- package/dist/list/mdc-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-list.html +5 -5
- package/dist/list/mdc-list.js +58 -55
- package/dist/list/mdc-list.js.map +1 -1
- package/dist/lookup/discardable-promise.js +5 -1
- package/dist/lookup/discardable-promise.js.map +1 -1
- package/dist/lookup/mdc-lookup-configuration.js +5 -1
- package/dist/lookup/mdc-lookup-configuration.js.map +1 -1
- package/dist/lookup/mdc-lookup.html +27 -27
- package/dist/lookup/mdc-lookup.js +74 -71
- package/dist/lookup/mdc-lookup.js.map +1 -1
- package/dist/mdc-configuration.js +15 -9
- package/dist/mdc-configuration.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group-icon.js +9 -6
- package/dist/menu/mdc-menu-selection-group-icon.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group.js +9 -6
- package/dist/menu/mdc-menu-selection-group.js.map +1 -1
- package/dist/menu/mdc-menu.html +6 -6
- package/dist/menu/mdc-menu.js +71 -68
- package/dist/menu/mdc-menu.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface-anchor.js +11 -8
- package/dist/menu-surface/mdc-menu-surface-anchor.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface.js +61 -58
- package/dist/menu-surface/mdc-menu-surface.js.map +1 -1
- package/dist/notched-outline/mdc-notched-outline.html +7 -7
- package/dist/notched-outline/mdc-notched-outline.js +20 -17
- package/dist/notched-outline/mdc-notched-outline.js.map +1 -1
- package/dist/radio/mdc-radio.html +9 -9
- package/dist/radio/mdc-radio.js +27 -24
- package/dist/radio/mdc-radio.js.map +1 -1
- package/dist/ripple/mdc-ripple.js +51 -48
- package/dist/ripple/mdc-ripple.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js +9 -6
- 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.html +11 -11
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js +27 -24
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button.html +3 -3
- package/dist/segmented-button/mdc-segmented-button.js +24 -21
- package/dist/segmented-button/mdc-segmented-button.js.map +1 -1
- package/dist/select/mdc-default-select-configuration.js +5 -1
- package/dist/select/mdc-default-select-configuration.js.map +1 -1
- package/dist/select/mdc-select-adapter-aurelia.js +2 -1
- package/dist/select/mdc-select-adapter-aurelia.js.map +1 -1
- package/dist/select/mdc-select-foundation-aurelia.js +47 -43
- package/dist/select/mdc-select-foundation-aurelia.js.map +1 -1
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.html +7 -7
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js +27 -24
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js.map +1 -1
- package/dist/select/mdc-select-icon.js +16 -13
- package/dist/select/mdc-select-icon.js.map +1 -1
- package/dist/select/mdc-select-value-observer.js +16 -12
- package/dist/select/mdc-select-value-observer.js.map +1 -1
- package/dist/select/mdc-select.html +38 -38
- package/dist/select/mdc-select.js +71 -68
- package/dist/select/mdc-select.js.map +1 -1
- package/dist/slider/mdc-slider-foundation-aurelia.js +6 -2
- package/dist/slider/mdc-slider-foundation-aurelia.js.map +1 -1
- package/dist/slider/mdc-slider.html +36 -36
- package/dist/slider/mdc-slider.js +79 -76
- package/dist/slider/mdc-slider.js.map +1 -1
- package/dist/snackbar/mdc-snackbar-service.js +8 -4
- package/dist/snackbar/mdc-snackbar-service.js.map +1 -1
- package/dist/snackbar/mdc-snackbar.html +14 -14
- package/dist/snackbar/mdc-snackbar.js +55 -52
- package/dist/snackbar/mdc-snackbar.js.map +1 -1
- package/dist/switch/enhance-mdc-switch.js +9 -6
- package/dist/switch/enhance-mdc-switch.js.map +1 -1
- package/dist/switch/mdc-switch.html +21 -21
- package/dist/switch/mdc-switch.js +16 -13
- package/dist/switch/mdc-switch.js.map +1 -1
- package/dist/tab-bar/indicator/mdc-tab-indicator.html +9 -9
- package/dist/tab-bar/indicator/mdc-tab-indicator.js +26 -23
- package/dist/tab-bar/indicator/mdc-tab-indicator.js.map +1 -1
- package/dist/tab-bar/mdc-tab-bar.html +6 -6
- package/dist/tab-bar/mdc-tab-bar.js +29 -26
- package/dist/tab-bar/mdc-tab-bar.js.map +1 -1
- package/dist/tab-bar/scroller/mdc-tab-scroller.html +11 -11
- package/dist/tab-bar/scroller/mdc-tab-scroller.js +25 -22
- package/dist/tab-bar/scroller/mdc-tab-scroller.js.map +1 -1
- package/dist/tab-bar/tab/mdc-tab.html +20 -20
- package/dist/tab-bar/tab/mdc-tab.js +44 -41
- package/dist/tab-bar/tab/mdc-tab.js.map +1 -1
- package/dist/text-field/enhance-mdc-text-field.js +9 -6
- package/dist/text-field/enhance-mdc-text-field.js.map +1 -1
- package/dist/text-field/mdc-default-text-field-configuration.js +5 -1
- package/dist/text-field/mdc-default-text-field-configuration.js.map +1 -1
- package/dist/text-field/mdc-inputmask.js +76 -0
- package/dist/text-field/mdc-inputmask.js.map +1 -0
- package/dist/text-field/mdc-text-field-character-counter.js +13 -10
- 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.html +7 -7
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js +14 -11
- 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.html +6 -6
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js +22 -19
- 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 +22 -19
- package/dist/text-field/mdc-text-field-icon.js.map +1 -1
- package/dist/text-field/mdc-text-field.html +29 -29
- package/dist/text-field/mdc-text-field.js +116 -113
- package/dist/text-field/mdc-text-field.js.map +1 -1
- package/dist/tooltip/mdc-default-tooltip-configuration.js +5 -1
- package/dist/tooltip/mdc-default-tooltip-configuration.js.map +1 -1
- package/dist/tooltip/mdc-tooltip-attribute.js +39 -36
- package/dist/tooltip/mdc-tooltip-attribute.js.map +1 -1
- package/dist/tooltip/mdc-tooltip.html +7 -7
- package/dist/tooltip/mdc-tooltip.js +66 -63
- package/dist/tooltip/mdc-tooltip.js.map +1 -1
- package/dist/top-app-bar/enhance-top-app-bar-actions.js +9 -6
- 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 +9 -6
- 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 +9 -6
- 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 +9 -6
- 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 +9 -6
- 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.html +3 -3
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js +15 -12
- 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 +9 -6
- package/dist/top-app-bar/mdc-top-app-bar-title.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar.html +9 -9
- package/dist/top-app-bar/mdc-top-app-bar.js +43 -40
- package/dist/top-app-bar/mdc-top-app-bar.js.map +1 -1
- package/dist/tree-view/i-tree-node.js +2 -1
- package/dist/tree-view/i-tree-node.js.map +1 -1
- package/dist/tree-view/mdc-tree-node-meta.js +9 -6
- package/dist/tree-view/mdc-tree-node-meta.js.map +1 -1
- package/dist/tree-view/mdc-tree-node.js +9 -6
- package/dist/tree-view/mdc-tree-node.js.map +1 -1
- package/dist/tree-view/mdc-tree-view.js +29 -25
- package/dist/tree-view/mdc-tree-view.js.map +1 -1
- package/dist/tree-view/node-filter.js +9 -6
- package/dist/tree-view/node-filter.js.map +1 -1
- package/dist/types/alert/alert-configuration.d.ts +8 -0
- package/dist/types/alert/alert-modal/alert-modal.d.ts +6 -0
- package/dist/types/alert/alert-modal/i-alert-modal-payload.d.ts +9 -0
- package/dist/types/alert/alert-service.d.ts +27 -0
- package/dist/types/alert/decorators/confirm-action.d.ts +3 -0
- package/dist/types/alert/decorators/using-progress.d.ts +6 -0
- package/dist/types/alert/exceptions-tracker.d.ts +3 -0
- package/dist/types/alert/global-progress/global-progress.d.ts +11 -0
- package/dist/types/alert/prompt-dialog/prompt-dialog.d.ts +21 -0
- package/dist/types/data-table/mdc-data-table.d.ts +16 -4
- package/dist/types/index.d.ts +11 -1
- package/dist/types/lookup/mdc-lookup.d.ts +3 -3
- package/dist/types/mdc-configuration.d.ts +2 -0
- package/dist/types/select/mdc-select.d.ts +3 -3
- package/dist/types/text-field/mdc-inputmask.d.ts +11 -0
- package/dist/types/text-field/mdc-text-field.d.ts +3 -3
- package/dist/types/tooltip/mdc-tooltip.d.ts +3 -3
- package/dist/types/validation/validate.d.ts +10 -0
- package/dist/typography/mdc-typography.js +60 -57
- package/dist/typography/mdc-typography.js.map +1 -1
- package/dist/validation/mdc-validation-controller-factory.js +10 -6
- package/dist/validation/mdc-validation-controller-factory.js.map +1 -1
- package/dist/validation/mdc-validation-result-presenter.js +5 -1
- package/dist/validation/mdc-validation-result-presenter.js.map +1 -1
- package/dist/validation/validate.js +27 -0
- package/dist/validation/validate.js.map +1 -0
- package/package.json +4 -2
- package/src/alert/alert-configuration.ts +11 -0
- package/src/alert/alert-modal/alert-modal.html +27 -0
- package/src/alert/alert-modal/alert-modal.scss +10 -0
- package/src/alert/alert-modal/alert-modal.ts +13 -0
- package/src/alert/alert-modal/i-alert-modal-payload.ts +9 -0
- package/src/alert/alert-service.ts +113 -0
- package/src/alert/decorators/confirm-action.ts +18 -0
- package/src/alert/decorators/using-progress.ts +30 -0
- package/src/alert/exceptions-tracker.ts +3 -0
- package/src/alert/global-progress/global-progress.html +9 -0
- package/src/alert/global-progress/global-progress.scss +38 -0
- package/src/alert/global-progress/global-progress.ts +27 -0
- package/src/alert/prompt-dialog/prompt-dialog.html +15 -0
- package/src/alert/prompt-dialog/prompt-dialog.ts +35 -0
- package/src/banner/mdc-banner.html +21 -21
- package/src/banner/mdc-banner.ts +116 -116
- package/src/base/attributes/mdc-focus-trap.ts +42 -42
- package/src/base/elements/i-validated-element.ts +12 -12
- package/src/base/elements/mdc-promisify-reference.ts +21 -21
- package/src/base/interceptors.ts +25 -25
- package/src/base/material-palette.md +7 -7
- package/src/base/material-palette.ts +22 -22
- package/src/base/mdc-component.ts +69 -69
- package/src/base/next-element.ts +39 -39
- package/src/button/enhance-mdc-button.ts +8 -8
- package/src/button/mdc-button-label.ts +15 -15
- package/src/button/mdc-button.html +12 -12
- package/src/button/mdc-button.ts +62 -62
- package/src/card/mdc-card-action-buttons.ts +19 -19
- package/src/card/mdc-card-action-icons.ts +19 -19
- package/src/card/mdc-card-actions/mdc-card-actions.html +3 -3
- package/src/card/mdc-card-actions/mdc-card-actions.ts +15 -15
- package/src/card/mdc-card-media/mdc-card-media.html +5 -5
- package/src/card/mdc-card-media/mdc-card-media.ts +21 -21
- package/src/card/mdc-card-primary-action.html +5 -5
- package/src/card/mdc-card-primary-action.ts +16 -16
- package/src/card/mdc-card.html +3 -3
- package/src/card/mdc-card.ts +16 -16
- package/src/checkbox/mdc-checkbox.html +12 -12
- package/src/checkbox/mdc-checkbox.ts +217 -217
- package/src/chips/mdc-chip/mdc-chip.html +24 -24
- package/src/chips/mdc-chip-action/enhance-mdc-chip-action.ts +8 -8
- package/src/chips/mdc-chip-action/mdc-chip-action.html +25 -25
- package/src/chips/mdc-chip-action/mdc-chip-action.ts +143 -143
- package/src/chips/mdc-chip-set/mdc-chip-set.html +10 -10
- package/src/chips/mdc-chip-set/mdc-chip-set.ts +117 -117
- package/src/circular-progress/mdc-circular-progress.html +38 -38
- package/src/circular-progress/mdc-circular-progress.ts +91 -91
- package/src/circular-progress/styles/_index.scss +1 -1
- package/src/circular-progress/styles/mdc-circular-progress.import.scss +1 -1
- package/src/circular-progress/styles/mdc-circular-progress.scss +14 -14
- package/src/data-table/mdc-data-table-row.ts +24 -24
- package/src/data-table/mdc-data-table.html +50 -49
- package/src/data-table/mdc-data-table.ts +111 -13
- package/src/data-table/styles/_index.scss +1 -0
- package/src/data-table/styles/mdc-data-table.import.scss +1 -0
- package/src/data-table/styles/mdc-data-table.scss +64 -0
- package/src/dialog/mdc-dialog-actions.ts +23 -23
- package/src/dialog/mdc-dialog-content.ts +11 -11
- package/src/dialog/mdc-dialog-service.ts +83 -80
- package/src/dialog/mdc-dialog-title.ts +8 -8
- package/src/dialog/mdc-dialog.html +14 -14
- package/src/dialog/mdc-dialog.ts +224 -224
- package/src/drawer/mdc-drawer-app-content.ts +11 -11
- package/src/drawer/mdc-drawer-content.ts +11 -11
- package/src/drawer/mdc-drawer-header/mdc-drawer-header.html +5 -5
- package/src/drawer/mdc-drawer-header/mdc-drawer-header.ts +18 -18
- package/src/drawer/mdc-drawer.html +6 -6
- package/src/drawer/mdc-drawer.ts +125 -125
- package/src/elevation/mdc-elevation.ts +23 -23
- package/src/expandable/mdc-expandable.html +28 -28
- package/src/expandable/styles/_icon-variables.scss +3 -3
- package/src/expandable/styles/_index.scss +1 -1
- package/src/expandable/styles/_mixins.scss +287 -287
- package/src/expandable/styles/_variables.scss +17 -17
- package/src/expandable/styles/mdc-expandable.import.scss +1 -1
- package/src/expandable/styles/mdc-expandable.scss +3 -3
- package/src/fab/enhance-mdc-fab.ts +8 -8
- package/src/fab/mdc-fab-icon.ts +15 -15
- package/src/fab/mdc-fab.html +13 -13
- package/src/fab/mdc-fab.ts +50 -50
- package/src/floating-label/mdc-floating-label.html +1 -1
- package/src/floating-label/mdc-floating-label.ts +44 -44
- package/src/form-field/mdc-form-field.html +6 -6
- package/src/icon/mdc-icon.html +3 -3
- package/src/icon/mdc-icon.ts +11 -11
- package/src/icon-button/enhance-mdc-icon-button.ts +8 -8
- package/src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.html +4 -4
- package/src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.ts +29 -29
- package/src/icon-button/mdc-icon-button.html +11 -11
- package/src/icon-button/mdc-icon-button.ts +69 -69
- package/src/image-list/mdc-image-list-item/mdc-image-list-item.html +9 -9
- package/src/image-list/mdc-image-list-item/mdc-image-list-item.ts +31 -31
- package/src/image-list/mdc-image-list.html +7 -7
- package/src/image-list/mdc-image-list.ts +73 -73
- package/src/image-list/styles/_index.scss +1 -1
- package/src/image-list/styles/mdc-image-list.import.scss +1 -1
- package/src/image-list/styles/mdc-image-list.scss +7 -7
- package/src/index.ts +17 -3
- package/src/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.html +12 -12
- package/src/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.ts +49 -49
- package/src/layout-grid/mdc-layout-grid-inner.ts +8 -8
- package/src/layout-grid/mdc-layout-grid.html +8 -8
- package/src/layout-grid/mdc-layout-grid.ts +67 -67
- package/src/layout-grid/styles/_index.scss +1 -1
- package/src/layout-grid/styles/mdc-layout-grid.import.scss +1 -1
- package/src/layout-grid/styles/mdc-layout-grid.scss +11 -11
- package/src/line-ripple/mdc-line-ripple.ts +41 -41
- package/src/linear-progress/mdc-linear-progress.html +12 -12
- package/src/linear-progress/mdc-linear-progress.ts +103 -103
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.html +4 -4
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.ts +18 -18
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-group.ts +27 -27
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.ts +8 -8
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.ts +15 -15
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.ts +15 -15
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.html +8 -8
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.ts +11 -11
- package/src/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.ts +11 -11
- package/src/list/mdc-deprecated-list/mdc-deprecated-list.html +15 -15
- package/src/list/mdc-deprecated-list/mdc-deprecated-list.ts +331 -331
- package/src/list/mdc-list-divider/mdc-list-divider.html +7 -7
- package/src/list/mdc-list-divider/mdc-list-divider.ts +24 -24
- package/src/list/mdc-list-group.ts +27 -27
- package/src/list/mdc-list-item/enhance-mdc-list-item.ts +8 -8
- package/src/list/mdc-list-item/mdc-list-item-leading.ts +34 -34
- package/src/list/mdc-list-item/mdc-list-item-trailing.ts +36 -36
- package/src/list/mdc-list-item/mdc-list-item.html +13 -13
- package/src/list/mdc-list-item-overline-text.ts +8 -8
- package/src/list/mdc-list-item-primary-text.ts +11 -11
- package/src/list/mdc-list-item-secondary-text.ts +11 -11
- package/src/list/mdc-list.html +5 -5
- package/src/list/mdc-list.ts +300 -300
- package/src/lookup/discardable-promise.ts +24 -24
- package/src/lookup/mdc-lookup-configuration.ts +11 -11
- package/src/lookup/mdc-lookup.html +27 -27
- package/src/lookup/mdc-lookup.ts +5 -5
- package/src/mdc-configuration.ts +2 -0
- package/src/menu/mdc-menu-selection-group-icon.ts +11 -11
- package/src/menu/mdc-menu-selection-group.ts +4 -4
- package/src/menu/mdc-menu.html +6 -6
- package/src/menu-surface/mdc-menu-surface-anchor.ts +12 -12
- package/src/menu-surface/mdc-menu-surface.ts +275 -275
- package/src/notched-outline/mdc-notched-outline.html +7 -7
- package/src/notched-outline/mdc-notched-outline.ts +60 -60
- package/src/radio/mdc-radio.html +9 -9
- package/src/radio/mdc-radio.ts +162 -162
- package/src/resource.d.ts +22 -22
- package/src/ripple/mdc-ripple.ts +114 -114
- package/src/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.ts +8 -8
- package/src/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.html +11 -11
- package/src/segmented-button/mdc-segmented-button.html +3 -3
- package/src/segmented-button/mdc-segmented-button.ts +89 -89
- package/src/select/mdc-default-select-configuration.ts +3 -3
- package/src/select/mdc-select-adapter-aurelia.ts +213 -213
- package/src/select/mdc-select-foundation-aurelia.ts +484 -484
- package/src/select/mdc-select-helper-text/mdc-select-helper-text.html +7 -7
- package/src/select/mdc-select-helper-text/mdc-select-helper-text.ts +55 -55
- package/src/select/mdc-select-icon.ts +41 -41
- package/src/select/mdc-select-value-observer.ts +347 -346
- package/src/select/mdc-select.html +38 -38
- package/src/select/mdc-select.ts +480 -480
- package/src/slider/mdc-slider-foundation-aurelia.ts +13 -13
- package/src/slider/mdc-slider.html +36 -36
- package/src/slider/mdc-slider.ts +409 -409
- package/src/slider/styles/_index.scss +1 -1
- package/src/slider/styles/mdc-slider.import.scss +1 -1
- package/src/slider/styles/mdc-slider.scss +8 -8
- package/src/snackbar/mdc-snackbar-service.ts +48 -48
- package/src/snackbar/mdc-snackbar.html +14 -14
- package/src/snackbar/mdc-snackbar.ts +109 -109
- package/src/switch/enhance-mdc-switch.ts +8 -8
- package/src/switch/mdc-switch.html +21 -21
- package/src/switch/mdc-switch.ts +86 -86
- package/src/tab-bar/indicator/mdc-tab-indicator.html +9 -9
- package/src/tab-bar/indicator/mdc-tab-indicator.ts +51 -51
- package/src/tab-bar/mdc-tab-bar.html +6 -6
- package/src/tab-bar/mdc-tab-bar.ts +119 -119
- package/src/tab-bar/scroller/mdc-tab-scroller.html +11 -11
- package/src/tab-bar/scroller/mdc-tab-scroller.ts +85 -85
- package/src/tab-bar/tab/mdc-tab.html +20 -20
- package/src/tab-bar/tab/mdc-tab.ts +118 -118
- package/src/text-field/enhance-mdc-text-field.ts +12 -12
- package/src/text-field/mdc-default-text-field-configuration.ts +3 -3
- package/src/text-field/mdc-inputmask.ts +45 -0
- package/src/text-field/mdc-text-field-character-counter.ts +32 -32
- package/src/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.html +7 -7
- package/src/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.ts +37 -37
- package/src/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.html +6 -6
- package/src/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.ts +47 -47
- package/src/text-field/mdc-text-field-icon.ts +59 -59
- package/src/text-field/mdc-text-field.html +29 -29
- package/src/text-field/mdc-text-field.ts +535 -535
- package/src/tooltip/mdc-default-tooltip-configuration.ts +5 -5
- package/src/tooltip/mdc-tooltip-attribute.ts +118 -118
- package/src/tooltip/mdc-tooltip.html +7 -7
- package/src/tooltip/mdc-tooltip.ts +6 -6
- package/src/top-app-bar/enhance-top-app-bar-actions.ts +9 -9
- package/src/top-app-bar/mdc-top-app-bar-action-item.ts +12 -12
- package/src/top-app-bar/mdc-top-app-bar-fixed-adjust.ts +13 -13
- package/src/top-app-bar/mdc-top-app-bar-nav-icon.ts +12 -12
- package/src/top-app-bar/mdc-top-app-bar-row.ts +7 -7
- package/src/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.html +3 -3
- package/src/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.ts +9 -9
- package/src/top-app-bar/mdc-top-app-bar-title.ts +7 -7
- package/src/top-app-bar/mdc-top-app-bar.html +9 -9
- package/src/top-app-bar/mdc-top-app-bar.ts +93 -93
- package/src/tree-view/i-tree-node.ts +8 -8
- package/src/tree-view/mdc-tree-node-meta.ts +11 -11
- package/src/tree-view/mdc-tree-node.ts +4 -4
- package/src/tree-view/node-filter.ts +12 -12
- package/src/tree-view/styles/_index.scss +1 -1
- package/src/tree-view/styles/_mixins.scss +145 -145
- package/src/tree-view/styles/_variables.scss +8 -8
- package/src/tree-view/styles/mdc-tree-view.import.scss +1 -1
- package/src/tree-view/styles/mdc-tree-view.scss +3 -3
- package/src/typography/mdc-typography.ts +130 -130
- package/src/validation/mdc-validation-controller-factory.ts +20 -20
- package/src/validation/mdc-validation-result-presenter.ts +36 -36
- package/src/validation/validate.ts +32 -0
- package/styles/mdc-all.scss +53 -52
- package/src/banner/doc/api.json +0 -1106
- package/src/base/doc/api.json +0 -1408
- package/src/button/doc/api.json +0 -621
- package/src/card/doc/api.json +0 -214
- package/src/checkbox/doc/api.json +0 -1320
- package/src/chips/doc/api.json +0 -2533
- package/src/circular-progress/doc/api.json +0 -1085
- package/src/data-table/doc/api.json +0 -2064
- package/src/dialog/doc/api.json +0 -1667
- package/src/drawer/doc/api.json +0 -1416
- package/src/elevation/doc/api.json +0 -317
- package/src/expandable/doc/api.json +0 -677
- package/src/fab/doc/api.json +0 -396
- package/src/floating-label/doc/api.json +0 -914
- package/src/form-field/doc/api.json +0 -948
- package/src/icon/doc/api.json +0 -224
- package/src/icon-button/doc/api.json +0 -1109
- package/src/image-list/doc/api.json +0 -438
- package/src/layout-grid/doc/api.json +0 -600
- package/src/line-ripple/doc/api.json +0 -857
- package/src/linear-progress/doc/api.json +0 -949
- package/src/list/doc/api.json +0 -5725
- package/src/lookup/doc/api.json +0 -2370
- package/src/menu/doc/api.json +0 -2246
- package/src/menu-surface/doc/api.json +0 -1800
- package/src/notched-outline/doc/api.json +0 -943
- package/src/radio/doc/api.json +0 -1159
- package/src/ripple/doc/api.json +0 -1212
- package/src/segmented-button/doc/api.json +0 -1937
- package/src/select/doc/api.json +0 -4247
- package/src/slider/doc/api.json +0 -1954
- package/src/snackbar/doc/api.json +0 -1699
- package/src/switch/doc/api.json +0 -899
- package/src/tab-bar/doc/api.json +0 -4253
- package/src/text-field/doc/api.json +0 -3179
- package/src/tooltip/doc/api.json +0 -2531
- package/src/top-app-bar/doc/api.json +0 -1752
- package/src/tree-view/doc/api.json +0 -1710
- package/src/typography/doc/api.json +0 -3058
- package/src/validation/doc/api.json +0 -371
package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-deprecated-list-item.js","sourceRoot":"","sources":["../../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-deprecated-list-item.js","sourceRoot":"","sources":["../../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { cssClasses, strings } from '@material/list';\r\nimport { customElement, bindable, inject, INode } from 'aurelia';\r\nimport { booleanAttr } from '../../../base';\r\nimport { processContent } from '@aurelia/runtime-html';\r\nimport template from './mdc-deprecated-list-item.html?raw';\r\n\r\n// let listItemId = 0;\r\n\r\nconst ENTER = 13;\r\nconst SPACE = 32;\r\nconst LIST_ITEM_ACTION = 'mdclistitem:action';\r\nlet id = 0;\r\n\r\n/**\r\n * @selector mdc-deprecated-list-item\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-deprecated-list-item', template })\r\n@processContent(function processContent(node: INode) {\r\n const element = node as HTMLElement;\r\n const graphic = element.querySelector('mdc-checkbox:not([mdc-deprecated-list-item-meta]),[mdc-deprecated-list-item-graphic]');\r\n if (graphic) {\r\n element.removeChild(graphic);\r\n }\r\n const meta = element.querySelector('[mdc-deprecated-list-item-meta]');\r\n if (meta) {\r\n element.removeChild(meta);\r\n }\r\n const itemText = document.createElement('span');\r\n itemText.classList.add('mdc-deprecated-list-item__text');\r\n const children = [].slice.call(element.childNodes) as ChildNode[];\r\n for (let i = 0; i < children.length; ++i) {\r\n itemText.appendChild(children[i]);\r\n }\r\n if (graphic) {\r\n element.appendChild(graphic);\r\n }\r\n element.appendChild(itemText);\r\n if (meta) {\r\n element.appendChild(meta);\r\n }\r\n}\r\n)\r\nexport class MdcDeprecatedListItem {\r\n constructor(public root: HTMLElement) {\r\n this.root.id = `mdc-deprecated-list-item-${this.id}`;\r\n }\r\n\r\n cssClasses = cssClasses;\r\n\r\n id = `mdc-deprecated-list-item-${++id}`;\r\n\r\n /** Disables the list item */\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n\r\n /** Styles the row in an activated state */\r\n @bindable({ set: booleanAttr })\r\n activated: boolean;\r\n\r\n /** Random data associated with the list item. Passed in events payload. */\r\n @bindable()\r\n value: unknown;\r\n\r\n /** Disables ripple effect */\r\n @bindable({ set: booleanAttr })\r\n disableRipple: boolean;\r\n\r\n attached() {\r\n // Child button/a elements are not tabbable until the list item is focused.\r\n Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))\r\n .forEach(el => el.setAttribute('tabindex', '-1'));\r\n }\r\n\r\n onKeydown(evt: KeyboardEvent) {\r\n if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {\r\n this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n }\r\n return true;\r\n }\r\n\r\n onClick() {\r\n if (!this.disabled) {\r\n this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n }\r\n return true;\r\n }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListItemElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcDeprecatedListItem;\r\n };\r\n };\r\n}\r\n\r\nexport interface IMdcListActionEventDetail {\r\n index: number;\r\n data: unknown;\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListActionEvent extends Event {\r\n detail: IMdcListActionEventDetail;\r\n}\r\n"]}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcDeprecatedListItemPrimaryText = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const aurelia_1 = require("aurelia");
|
|
3
6
|
/**
|
|
4
7
|
* Optional, primary text for the list item
|
|
5
8
|
* @selector mdc-deprecated-list-item-primary-text
|
|
6
9
|
*/
|
|
7
10
|
let MdcDeprecatedListItemPrimaryText = (() => {
|
|
8
|
-
let _classDecorators = [customElement({
|
|
11
|
+
let _classDecorators = [(0, aurelia_1.customElement)({
|
|
9
12
|
name: 'mdc-deprecated-list-item-primary-text',
|
|
10
13
|
template: '<template class="mdc-deprecated-list-item__primary-text"><au-slot></au-slot></template>'
|
|
11
14
|
})];
|
|
@@ -16,13 +19,13 @@ let MdcDeprecatedListItemPrimaryText = (() => {
|
|
|
16
19
|
static { _classThis = this; }
|
|
17
20
|
static {
|
|
18
21
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
19
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
22
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
20
23
|
MdcDeprecatedListItemPrimaryText = _classThis = _classDescriptor.value;
|
|
21
24
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
22
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
25
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
23
26
|
}
|
|
24
27
|
};
|
|
25
28
|
return MdcDeprecatedListItemPrimaryText = _classThis;
|
|
26
29
|
})();
|
|
27
|
-
|
|
30
|
+
exports.MdcDeprecatedListItemPrimaryText = MdcDeprecatedListItemPrimaryText;
|
|
28
31
|
//# 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,qCAAwC;AAExC;;;GAGG;IAKU,gCAAgC;4BAJ5C,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,uCAAuC;YAC7C,QAAQ,EAAE,yFAAyF;SACpG,CAAC;;;;;;;;YACF,qLAAiD;;;YAApC,+DAAgC;;;;;AAAhC,4EAAgC","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,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcDeprecatedListItemSecondaryText = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const aurelia_1 = require("aurelia");
|
|
3
6
|
/**
|
|
4
7
|
* Optional, secondary text for the list item. Displayed below the primary text.
|
|
5
8
|
* @selector mdc-deprecated-list-item-secondary-text
|
|
6
9
|
*/
|
|
7
10
|
let MdcDeprecatedListItemSecondaryText = (() => {
|
|
8
|
-
let _classDecorators = [customElement({
|
|
11
|
+
let _classDecorators = [(0, aurelia_1.customElement)({
|
|
9
12
|
name: 'mdc-deprecated-list-item-secondary-text',
|
|
10
13
|
template: '<template class="mdc-deprecated-list-item__secondary-text"><au-slot></au-slot></template>'
|
|
11
14
|
})];
|
|
@@ -16,13 +19,13 @@ let MdcDeprecatedListItemSecondaryText = (() => {
|
|
|
16
19
|
static { _classThis = this; }
|
|
17
20
|
static {
|
|
18
21
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
19
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
22
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
20
23
|
MdcDeprecatedListItemSecondaryText = _classThis = _classDescriptor.value;
|
|
21
24
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
22
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
25
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
23
26
|
}
|
|
24
27
|
};
|
|
25
28
|
return MdcDeprecatedListItemSecondaryText = _classThis;
|
|
26
29
|
})();
|
|
27
|
-
|
|
30
|
+
exports.MdcDeprecatedListItemSecondaryText = MdcDeprecatedListItemSecondaryText;
|
|
28
31
|
//# 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,qCAAwC;AAExC;;;GAGG;IAKU,kCAAkC;4BAJ9C,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,yCAAyC;YAC/C,QAAQ,EAAE,2FAA2F;SACtG,CAAC;;;;;;;;YACF,qLAAmD;;;YAAtC,+DAAkC;;;;;AAAlC,gFAAkC","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,15 +1,15 @@
|
|
|
1
|
-
<template class="
|
|
2
|
-
mdc-deprecated-list
|
|
3
|
-
${twoLine ? 'mdc-deprecated-list--two-line' : ''}
|
|
4
|
-
${dense ? 'mdc-deprecated-list--dense' : ''}
|
|
5
|
-
${textual ? 'mdc-deprecated-list--textual-list' : ''}
|
|
6
|
-
${avatar ? 'mdc-deprecated-list--avatar-list' : ''}
|
|
7
|
-
${icon ? 'mdc-deprecated-list--icon-list' : ''}
|
|
8
|
-
${image ? 'mdc-deprecated-list--image-list' : ''}
|
|
9
|
-
${thumbnail ? 'mdc-deprecated-list--thumbnail-list' : ''}
|
|
10
|
-
${video ? 'mdc-deprecated-list--video-list' : ''}
|
|
11
|
-
" keydown.trigger="handleKeydownEvent_($event)" click.trigger="handleClickEvent_($event)"
|
|
12
|
-
focusin.trigger="handleFocusInEvent_($event)" focusout.trigger="handleFocusOutEvent_($event)"
|
|
13
|
-
aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
|
|
14
|
-
<au-slot></au-slot>
|
|
15
|
-
</template>
|
|
1
|
+
<template class="
|
|
2
|
+
mdc-deprecated-list
|
|
3
|
+
${twoLine ? 'mdc-deprecated-list--two-line' : ''}
|
|
4
|
+
${dense ? 'mdc-deprecated-list--dense' : ''}
|
|
5
|
+
${textual ? 'mdc-deprecated-list--textual-list' : ''}
|
|
6
|
+
${avatar ? 'mdc-deprecated-list--avatar-list' : ''}
|
|
7
|
+
${icon ? 'mdc-deprecated-list--icon-list' : ''}
|
|
8
|
+
${image ? 'mdc-deprecated-list--image-list' : ''}
|
|
9
|
+
${thumbnail ? 'mdc-deprecated-list--thumbnail-list' : ''}
|
|
10
|
+
${video ? 'mdc-deprecated-list--video-list' : ''}
|
|
11
|
+
" keydown.trigger="handleKeydownEvent_($event)" click.trigger="handleClickEvent_($event)"
|
|
12
|
+
focusin.trigger="handleFocusInEvent_($event)" focusout.trigger="handleFocusOutEvent_($event)"
|
|
13
|
+
aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
|
|
14
|
+
<au-slot></au-slot>
|
|
15
|
+
</template>
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcDeprecatedList = exports.mdcListStrings = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const base_1 = require("../../base");
|
|
6
|
+
const list_1 = require("@material/list");
|
|
7
|
+
const ponyfill_1 = require("@material/dom/ponyfill");
|
|
8
|
+
const aurelia_1 = require("aurelia");
|
|
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 = {
|
|
9
12
|
ITEMS_CHANGED: 'mdclist:itemschanged'
|
|
10
13
|
};
|
|
11
14
|
/**
|
|
@@ -14,11 +17,11 @@ export const mdcListStrings = {
|
|
|
14
17
|
* @emits mdclist:itemschanged | Indicates that the list of items has changed
|
|
15
18
|
*/
|
|
16
19
|
let MdcDeprecatedList = (() => {
|
|
17
|
-
let _classDecorators = [inject(Element), customElement({ name: 'mdc-deprecated-list', template })];
|
|
20
|
+
let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-deprecated-list', template: mdc_deprecated_list_html_raw_1.default })];
|
|
18
21
|
let _classDescriptor;
|
|
19
22
|
let _classExtraInitializers = [];
|
|
20
23
|
let _classThis;
|
|
21
|
-
let _classSuper = MdcComponent;
|
|
24
|
+
let _classSuper = base_1.MdcComponent;
|
|
22
25
|
let _twoLine_decorators;
|
|
23
26
|
let _twoLine_initializers = [];
|
|
24
27
|
let _twoLine_extraInitializers = [];
|
|
@@ -65,83 +68,83 @@ let MdcDeprecatedList = (() => {
|
|
|
65
68
|
static { _classThis = this; }
|
|
66
69
|
static {
|
|
67
70
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
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);
|
|
71
|
+
_twoLine_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
72
|
+
_singleSelection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
73
|
+
_activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
74
|
+
_vertical_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
75
|
+
_dense_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
76
|
+
_textual_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
77
|
+
_avatar_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
78
|
+
_icon_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
79
|
+
_image_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
80
|
+
_thumbnail_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
81
|
+
_video_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
82
|
+
_itemElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-deprecated-list-item' })];
|
|
83
|
+
_typeahead_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
84
|
+
_wrapFocus_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
85
|
+
tslib_1.__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);
|
|
86
|
+
tslib_1.__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);
|
|
87
|
+
tslib_1.__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);
|
|
88
|
+
tslib_1.__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);
|
|
89
|
+
tslib_1.__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);
|
|
90
|
+
tslib_1.__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);
|
|
91
|
+
tslib_1.__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);
|
|
92
|
+
tslib_1.__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);
|
|
93
|
+
tslib_1.__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);
|
|
94
|
+
tslib_1.__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);
|
|
95
|
+
tslib_1.__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);
|
|
96
|
+
tslib_1.__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);
|
|
97
|
+
tslib_1.__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);
|
|
98
|
+
tslib_1.__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);
|
|
99
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
97
100
|
MdcDeprecatedList = _classThis = _classDescriptor.value;
|
|
98
101
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
99
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
102
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
100
103
|
}
|
|
101
104
|
/** Increases the height of the row to give it greater visual separation from adjacent rows */
|
|
102
|
-
twoLine = __runInitializers(this, _twoLine_initializers, void 0);
|
|
105
|
+
twoLine = tslib_1.__runInitializers(this, _twoLine_initializers, void 0);
|
|
103
106
|
/** 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 */
|
|
104
|
-
singleSelection = (__runInitializers(this, _twoLine_extraInitializers), __runInitializers(this, _singleSelection_initializers, void 0));
|
|
107
|
+
singleSelection = (tslib_1.__runInitializers(this, _twoLine_extraInitializers), tslib_1.__runInitializers(this, _singleSelection_initializers, void 0));
|
|
105
108
|
async singleSelectionChanged() {
|
|
106
109
|
await this.initialised;
|
|
107
110
|
this.foundation?.setSingleSelection(this.singleSelection);
|
|
108
111
|
}
|
|
109
112
|
/** Sets the selection logic to apply/remove the mdc-list-item--activated class */
|
|
110
|
-
activated = (__runInitializers(this, _singleSelection_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
|
|
113
|
+
activated = (tslib_1.__runInitializers(this, _singleSelection_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
|
|
111
114
|
async activatedChanged() {
|
|
112
115
|
await this.initialised;
|
|
113
116
|
this.foundation?.setUseActivatedClass(this.activated);
|
|
114
117
|
}
|
|
115
118
|
/** 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. */
|
|
116
|
-
vertical = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _vertical_initializers, true));
|
|
119
|
+
vertical = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _vertical_initializers, true));
|
|
117
120
|
/** Increases the density of the list, making it appear more compact */
|
|
118
|
-
dense = (__runInitializers(this, _vertical_extraInitializers), __runInitializers(this, _dense_initializers, void 0));
|
|
121
|
+
dense = (tslib_1.__runInitializers(this, _vertical_extraInitializers), tslib_1.__runInitializers(this, _dense_initializers, void 0));
|
|
119
122
|
/** Optional, configures lists that start with text */
|
|
120
|
-
textual = (__runInitializers(this, _dense_extraInitializers), __runInitializers(this, _textual_initializers, void 0));
|
|
123
|
+
textual = (tslib_1.__runInitializers(this, _dense_extraInitializers), tslib_1.__runInitializers(this, _textual_initializers, void 0));
|
|
121
124
|
/** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */
|
|
122
|
-
avatar = (__runInitializers(this, _textual_extraInitializers), __runInitializers(this, _avatar_initializers, void 0));
|
|
125
|
+
avatar = (tslib_1.__runInitializers(this, _textual_extraInitializers), tslib_1.__runInitializers(this, _avatar_initializers, void 0));
|
|
123
126
|
/** Optional, configures the leading tile of each row to display icons */
|
|
124
|
-
icon = (__runInitializers(this, _avatar_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
|
|
127
|
+
icon = (tslib_1.__runInitializers(this, _avatar_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
|
|
125
128
|
/** Optional, configures the leading tile of each row to display images */
|
|
126
|
-
image = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _image_initializers, void 0));
|
|
129
|
+
image = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _image_initializers, void 0));
|
|
127
130
|
/** 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) */
|
|
128
|
-
thumbnail = (__runInitializers(this, _image_extraInitializers), __runInitializers(this, _thumbnail_initializers, void 0));
|
|
131
|
+
thumbnail = (tslib_1.__runInitializers(this, _image_extraInitializers), tslib_1.__runInitializers(this, _thumbnail_initializers, void 0));
|
|
129
132
|
/** Optional, configures the leading tile of each row to display videos */
|
|
130
|
-
video = (__runInitializers(this, _thumbnail_extraInitializers), __runInitializers(this, _video_initializers, void 0));
|
|
131
|
-
itemElements = (__runInitializers(this, _video_extraInitializers), __runInitializers(this, _itemElements_initializers, void 0));
|
|
133
|
+
video = (tslib_1.__runInitializers(this, _thumbnail_extraInitializers), tslib_1.__runInitializers(this, _video_initializers, void 0));
|
|
134
|
+
itemElements = (tslib_1.__runInitializers(this, _video_extraInitializers), tslib_1.__runInitializers(this, _itemElements_initializers, void 0));
|
|
132
135
|
itemsChanged() {
|
|
133
|
-
this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
|
|
136
|
+
this.emit(exports.mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
|
|
134
137
|
}
|
|
135
138
|
get items() {
|
|
136
|
-
return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
|
|
139
|
+
return (this.itemElements ?? []).map(x => aurelia_1.CustomElement.for(x).viewModel);
|
|
137
140
|
}
|
|
138
|
-
typeahead = (__runInitializers(this, _itemElements_extraInitializers), __runInitializers(this, _typeahead_initializers, void 0));
|
|
141
|
+
typeahead = (tslib_1.__runInitializers(this, _itemElements_extraInitializers), tslib_1.__runInitializers(this, _typeahead_initializers, void 0));
|
|
139
142
|
async typeaheadChanged(hasTypeahead) {
|
|
140
143
|
await this.initialised;
|
|
141
144
|
this.foundation?.setHasTypeahead(hasTypeahead);
|
|
142
145
|
}
|
|
143
146
|
/** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */
|
|
144
|
-
wrapFocus = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
|
|
147
|
+
wrapFocus = (tslib_1.__runInitializers(this, _typeahead_extraInitializers), tslib_1.__runInitializers(this, _wrapFocus_initializers, void 0));
|
|
145
148
|
async wrapFocusChanged() {
|
|
146
149
|
await this.initialised;
|
|
147
150
|
this.foundation?.setWrapFocus(this.wrapFocus);
|
|
@@ -188,15 +191,15 @@ let MdcDeprecatedList = (() => {
|
|
|
188
191
|
getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
|
|
189
192
|
hasCheckboxAtIndex: (index) => {
|
|
190
193
|
const listItem = this.listElements[index];
|
|
191
|
-
return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
194
|
+
return !!listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
|
|
192
195
|
},
|
|
193
196
|
hasRadioAtIndex: (index) => {
|
|
194
197
|
const listItem = this.listElements[index];
|
|
195
|
-
return !!listItem.querySelector(strings.RADIO_SELECTOR);
|
|
198
|
+
return !!listItem.querySelector(list_1.strings.RADIO_SELECTOR);
|
|
196
199
|
},
|
|
197
200
|
isCheckboxCheckedAtIndex: (index) => {
|
|
198
201
|
const listItem = this.listElements[index];
|
|
199
|
-
const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
202
|
+
const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
|
|
200
203
|
return toggleEl.checked;
|
|
201
204
|
},
|
|
202
205
|
isFocusInsideList: () => {
|
|
@@ -207,12 +210,12 @@ let MdcDeprecatedList = (() => {
|
|
|
207
210
|
notifyAction: (index) => {
|
|
208
211
|
const listItem = this.listElements[index];
|
|
209
212
|
if (!listItem.hasAttribute('no-list-action')) {
|
|
210
|
-
const data = CustomElement.for(listItem).viewModel.value;
|
|
211
|
-
this.emit(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
|
|
213
|
+
const data = aurelia_1.CustomElement.for(listItem).viewModel.value;
|
|
214
|
+
this.emit(list_1.strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
|
|
212
215
|
}
|
|
213
216
|
},
|
|
214
217
|
notifySelectionChange: (changedIndices) => {
|
|
215
|
-
this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
|
|
218
|
+
this.emit(list_1.strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
|
|
216
219
|
},
|
|
217
220
|
removeClassForElementIndex: (index, className) => {
|
|
218
221
|
const element = this.listElements[index];
|
|
@@ -228,7 +231,7 @@ let MdcDeprecatedList = (() => {
|
|
|
228
231
|
},
|
|
229
232
|
setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
|
|
230
233
|
const listItem = this.listElements[index];
|
|
231
|
-
const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
|
|
234
|
+
const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_RADIO_SELECTOR);
|
|
232
235
|
if (toggleEl?.disabled) {
|
|
233
236
|
return;
|
|
234
237
|
}
|
|
@@ -239,11 +242,11 @@ let MdcDeprecatedList = (() => {
|
|
|
239
242
|
},
|
|
240
243
|
setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
|
|
241
244
|
const element = this.listElements[listItemIndex];
|
|
242
|
-
const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
245
|
+
const listItemChildren = [].slice.call(element.querySelectorAll(list_1.strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
243
246
|
listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
|
|
244
247
|
},
|
|
245
248
|
};
|
|
246
|
-
return new MDCListFoundation(adapter);
|
|
249
|
+
return new list_1.MDCListFoundation(adapter);
|
|
247
250
|
}
|
|
248
251
|
/**
|
|
249
252
|
* @hidden
|
|
@@ -252,9 +255,9 @@ let MdcDeprecatedList = (() => {
|
|
|
252
255
|
*/
|
|
253
256
|
getListItemIndex_(evt) {
|
|
254
257
|
const eventTarget = evt.target;
|
|
255
|
-
const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');
|
|
258
|
+
const nearestParent = (0, ponyfill_1.closest)(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');
|
|
256
259
|
// Get the index of the element if it is a list item.
|
|
257
|
-
if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {
|
|
260
|
+
if (nearestParent && (0, ponyfill_1.matches)(nearestParent, '.mdc-deprecated-list-item')) {
|
|
258
261
|
return this.listElements.indexOf(nearestParent);
|
|
259
262
|
}
|
|
260
263
|
return -1;
|
|
@@ -296,7 +299,7 @@ let MdcDeprecatedList = (() => {
|
|
|
296
299
|
const index = this.getListItemIndex_(evt);
|
|
297
300
|
const target = evt.target;
|
|
298
301
|
// Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.
|
|
299
|
-
const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);
|
|
302
|
+
const toggleCheckbox = !(0, ponyfill_1.matches)(target, list_1.strings.CHECKBOX_RADIO_SELECTOR);
|
|
300
303
|
this.foundation?.handleClick(index, toggleCheckbox);
|
|
301
304
|
return true;
|
|
302
305
|
}
|
|
@@ -322,8 +325,8 @@ let MdcDeprecatedList = (() => {
|
|
|
322
325
|
return this.foundation.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);
|
|
323
326
|
}
|
|
324
327
|
layout() {
|
|
325
|
-
const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);
|
|
326
|
-
this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;
|
|
328
|
+
const direction = this.root.getAttribute(list_1.strings.ARIA_ORIENTATION);
|
|
329
|
+
this.vertical = direction !== list_1.strings.ARIA_ORIENTATION_HORIZONTAL;
|
|
327
330
|
this.foundation?.layout();
|
|
328
331
|
}
|
|
329
332
|
get selectedIndex() {
|
|
@@ -337,10 +340,10 @@ let MdcDeprecatedList = (() => {
|
|
|
337
340
|
* Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
|
|
338
341
|
*/
|
|
339
342
|
initializeListType() {
|
|
340
|
-
const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);
|
|
341
|
-
const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);
|
|
343
|
+
const checkboxListItems = this.root.querySelectorAll(list_1.strings.ARIA_ROLE_CHECKBOX_SELECTOR);
|
|
344
|
+
const radioSelectedListItem = this.root.querySelector(list_1.strings.ARIA_CHECKED_RADIO_SELECTOR);
|
|
342
345
|
if (checkboxListItems.length) {
|
|
343
|
-
const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
|
|
346
|
+
const preselectedItems = this.root.querySelectorAll(list_1.strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
|
|
344
347
|
this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
|
|
345
348
|
}
|
|
346
349
|
else if (radioSelectedListItem) {
|
|
@@ -349,10 +352,10 @@ let MdcDeprecatedList = (() => {
|
|
|
349
352
|
}
|
|
350
353
|
constructor() {
|
|
351
354
|
super(...arguments);
|
|
352
|
-
__runInitializers(this, _wrapFocus_extraInitializers);
|
|
355
|
+
tslib_1.__runInitializers(this, _wrapFocus_extraInitializers);
|
|
353
356
|
}
|
|
354
357
|
};
|
|
355
358
|
return MdcDeprecatedList = _classThis;
|
|
356
359
|
})();
|
|
357
|
-
|
|
360
|
+
exports.MdcDeprecatedList = MdcDeprecatedList;
|
|
358
361
|
//# 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';\nimport { MDCListFoundation, MDCListAdapter, strings, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\nimport { closest, matches } from '@material/dom/ponyfill';\nimport { MdcDeprecatedListItem, IMdcListActionEventDetail } from './mdc-deprecated-list-item/mdc-deprecated-list-item';\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\nimport template from './mdc-deprecated-list.html?raw';\n\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\n\nexport const mdcListStrings = {\n ITEMS_CHANGED: 'mdclist:itemschanged'\n};\n\n/**\n * @selector mdc-deprecated-list\n * @emits mdclist:action | Indicates that a list item with the specified index has been activated\n * @emits mdclist:itemschanged | Indicates that the list of items has changed\n */\n@inject(Element)\n@customElement({ name: 'mdc-deprecated-list', template })\nexport class MdcDeprecatedList extends MdcComponent<MDCListFoundation>{\n\n /** Increases the height of the row to give it greater visual separation from adjacent rows */\n @bindable({ set: booleanAttr })\n twoLine: boolean;\n\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 */\n @bindable({ set: booleanAttr })\n singleSelection: boolean;\n async singleSelectionChanged() {\n await this.initialised;\n this.foundation?.setSingleSelection(this.singleSelection);\n }\n\n /** Sets the selection logic to apply/remove the mdc-list-item--activated class */\n @bindable({ set: booleanAttr })\n activated: boolean;\n async activatedChanged() {\n await this.initialised;\n this.foundation?.setUseActivatedClass(this.activated);\n }\n\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. */\n @bindable({ set: booleanAttr })\n vertical: boolean = true;\n\n /** Increases the density of the list, making it appear more compact */\n @bindable({ set: booleanAttr })\n dense: boolean;\n\n /** Optional, configures lists that start with text */\n @bindable({ set: booleanAttr })\n textual: boolean;\n\n /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */\n @bindable({ set: booleanAttr })\n avatar: boolean;\n\n /** Optional, configures the leading tile of each row to display icons */\n @bindable({ set: booleanAttr })\n icon: boolean;\n\n /** Optional, configures the leading tile of each row to display images */\n @bindable({ set: booleanAttr })\n image: boolean;\n\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) */\n @bindable({ set: booleanAttr })\n thumbnail: boolean;\n\n /** Optional, configures the leading tile of each row to display videos */\n @bindable({ set: booleanAttr })\n video: boolean;\n\n @slotted({ query: 'mdc-deprecated-list-item' })\n itemElements: HTMLElement[];\n itemsChanged() {\n this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\n }\n\n get items(): MdcDeprecatedListItem[] {\n return (this.itemElements ?? []).map(x => CustomElement.for<MdcDeprecatedListItem>(x).viewModel);\n }\n\n @bindable({ set: booleanAttr })\n typeahead: boolean;\n async typeaheadChanged(hasTypeahead: boolean) {\n await this.initialised;\n this.foundation?.setHasTypeahead(hasTypeahead);\n }\n\n /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */\n @bindable({ set: booleanAttr })\n wrapFocus: boolean;\n async wrapFocusChanged() {\n await this.initialised;\n this.foundation?.setWrapFocus(this.wrapFocus);\n }\n\n initialSyncWithDOM() {\n this.layout();\n this.initializeListType();\n }\n\n get listElements(): Element[] {\n return Array.from(this.root.querySelectorAll('.mdc-deprecated-list-item'));\n }\n\n /**\n * Extracts the primary text from a list item.\n * @param item The list item element.\n * @return The primary text in the element.\n */\n getPrimaryText(item: Element): string {\n const primaryText = item.querySelector('.mdc-deprecated-list-item__primary-text');\n if (primaryText) {\n return primaryText.textContent ?? '';\n }\n\n const singleLineText = item.querySelector('.mdc-deprecated-list-item__text');\n return singleLineText?.textContent ?? '';\n }\n\n getDefaultFoundation() {\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n const adapter: MDCListAdapter = {\n addClassForElementIndex: (index, className) => {\n const element = this.listElements[index];\n if (element) {\n element.classList.add(className);\n }\n },\n focusItemAtIndex: (index) => {\n const element = this.listElements[index] as HTMLElement | undefined;\n if (element) {\n element.focus();\n }\n },\n getAttributeForElementIndex: (index, attr) => this.listElements[index].getAttribute(attr),\n getFocusedElementIndex: () => this.listElements.indexOf(document.activeElement!),\n getListItemCount: () => this.listElements.length,\n getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),\n hasCheckboxAtIndex: (index) => {\n const listItem = this.listElements[index];\n return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);\n },\n hasRadioAtIndex: (index) => {\n const listItem = this.listElements[index];\n return !!listItem.querySelector(strings.RADIO_SELECTOR);\n },\n isCheckboxCheckedAtIndex: (index) => {\n const listItem = this.listElements[index];\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_SELECTOR);\n return toggleEl!.checked;\n },\n isFocusInsideList: () => {\n return this.root !== document.activeElement && this.root.contains(document.activeElement);\n },\n isRootFocused: () => document.activeElement === this.root,\n listItemAtIndexHasClass: (index, className) => this.listElements[index].classList.contains(className),\n notifyAction: (index) => {\n const listItem = this.listElements[index];\n if (!listItem.hasAttribute('no-list-action')) {\n const data = CustomElement.for<MdcDeprecatedListItem>(listItem).viewModel.value;\n this.emit<IMdcListActionEventDetail>(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);\n }\n },\n notifySelectionChange: (changedIndices: number[]) => {\n this.emit<MDCListSelectionChangeDetail>(strings.SELECTION_CHANGE_EVENT,\n { changedIndices }, /** shouldBubble */ true);\n },\n removeClassForElementIndex: (index, className) => {\n const element = this.listElements[index];\n if (element) {\n element.classList.remove(className);\n }\n },\n setAttributeForElementIndex: (index, attr, value) => {\n const element = this.listElements[index];\n if (element) {\n element.setAttribute(attr, value);\n }\n },\n setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {\n const listItem = this.listElements[index];\n const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_RADIO_SELECTOR);\n if (toggleEl?.disabled) {\n return;\n }\n toggleEl!.checked = isChecked;\n\n const event = document.createEvent('Event');\n event.initEvent('change', true, true);\n toggleEl!.dispatchEvent(event);\n },\n setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {\n const element = this.listElements[listItemIndex];\n const listItemChildren: Element[] =\n [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));\n listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));\n },\n };\n return new MDCListFoundation(adapter);\n }\n\n /**\n * @hidden\n * Used to figure out which list item this event is targetting. Or returns -1 if\n * there is no list item\n */\n private getListItemIndex_(evt: Event) {\n const eventTarget = evt.target as Element;\n const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');\n\n // Get the index of the element if it is a list item.\n if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {\n return this.listElements.indexOf(nearestParent);\n }\n\n return -1;\n }\n\n /**\n * @hidden\n * Used to figure out which element was clicked before sending the event to the foundation.\n */\n handleFocusInEvent_(evt: FocusEvent) {\n const index = this.getListItemIndex_(evt);\n this.foundation?.handleFocusIn(index);\n }\n\n /**\n * @hidden\n * Used to figure out which element was clicked before sending the event to the foundation.\n */\n handleFocusOutEvent_(evt: FocusEvent) {\n const index = this.getListItemIndex_(evt);\n this.foundation?.handleFocusOut(index);\n }\n\n /**\n * @hidden\n * Used to figure out which element was focused when keydown event occurred before sending the event to the\n * foundation.\n */\n handleKeydownEvent_(evt: KeyboardEvent) {\n const index = this.getListItemIndex_(evt);\n const target = evt.target as Element;\n if (!target.hasAttribute('not-selectable')) {\n this.foundation?.handleKeydown(evt, target.classList.contains('mdc-deprecated-list-item'), index);\n }\n return true;\n }\n\n /**\n * @hidden\n * Used to figure out which element was clicked before sending the event to the foundation.\n */\n handleClickEvent_(evt: MouseEvent) {\n const index = this.getListItemIndex_(evt);\n const target = evt.target as Element;\n // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.\n const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);\n this.foundation?.handleClick(index, toggleCheckbox);\n return true;\n }\n\n /**\n * @hidden\n * @return Whether typeahead is currently matching a user-specified prefix.\n */\n get typeaheadInProgress(): boolean {\n return this.foundation!.isTypeaheadInProgress();\n }\n\n /**\n * @hidden\n * Given the next desired character from the user, adds it to the typeahead\n * buffer. Then, attempts to find the next option matching the buffer. Wraps\n * around if at the end of options.\n *\n * @param nextChar The next character to add to the prefix buffer.\n * @param startingIndex The index from which to start matching. Defaults to\n * the currently focused index.\n * @return The index of the matched item.\n */\n typeaheadMatchItem(nextChar: string, startingIndex?: number): number {\n return this.foundation!.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);\n }\n\n layout() {\n const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);\n this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;\n this.foundation?.layout();\n }\n\n get selectedIndex(): MDCListIndex {\n return this.foundation!.getSelectedIndex();\n }\n\n set selectedIndex(index: MDCListIndex) {\n this.foundation?.setSelectedIndex(index);\n }\n\n /**\n * @hidden\n * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.\n */\n initializeListType() {\n const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);\n const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);\n\n if (checkboxListItems.length) {\n const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);\n this.selectedIndex = [].map.call(preselectedItems, (listItem: Element) => this.listElements.indexOf(listItem)) as number[];\n } else if (radioSelectedListItem) {\n this.selectedIndex = this.listElements.indexOf(radioSelectedListItem);\n }\n }\n}\n\n/** @hidden */\nexport interface IMdcDeprecatedListElement extends HTMLElement {\n au: {\n controller: {\n viewModel: MdcDeprecatedList;\n };\n };\n}\n\n"]}
|
|
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,7 +1,7 @@
|
|
|
1
|
-
<template role="separator" class="
|
|
2
|
-
mdc-list-divider
|
|
3
|
-
${leadingType ? 'mdc-list-divider--with-leading-inset mdc-list-divider--with-leading-' + leadingType : ''}
|
|
4
|
-
${trailingType ? 'mdc-list-divider--with-trailing-inset mdc-list-divider--with-trailing-' + trailingType : ''}
|
|
5
|
-
${padded ? 'mdc-list-divider--with-leading-padding' : ''}
|
|
6
|
-
">
|
|
7
|
-
</template>
|
|
1
|
+
<template role="separator" class="
|
|
2
|
+
mdc-list-divider
|
|
3
|
+
${leadingType ? 'mdc-list-divider--with-leading-inset mdc-list-divider--with-leading-' + leadingType : ''}
|
|
4
|
+
${trailingType ? 'mdc-list-divider--with-trailing-inset mdc-list-divider--with-trailing-' + trailingType : ''}
|
|
5
|
+
${padded ? 'mdc-list-divider--with-leading-padding' : ''}
|
|
6
|
+
">
|
|
7
|
+
</template>
|