@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-list-item-primary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-primary-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-list-item-primary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-primary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,sBAAsB;4BAJlC,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,4BAA4B;YAClC,QAAQ,EAAE,8EAA8E;SACzF,CAAC;;;;;;;;YACF,qLAAuC;;;YAA1B,+DAAsB;;;;;AAAtB,wDAAsB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, primary text for the list item\r\n * @selector mdc-list-item-primary-text\r\n */\r\n@customElement({\r\n name: 'mdc-list-item-primary-text',\r\n template: '<template class=\"mdc-list-item__primary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcListItemPrimaryText { }\r\n"]}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcListItemSecondaryText = 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-list-item-secondary-text
|
|
6
9
|
*/
|
|
7
10
|
let MdcListItemSecondaryText = (() => {
|
|
8
|
-
let _classDecorators = [customElement({
|
|
11
|
+
let _classDecorators = [(0, aurelia_1.customElement)({
|
|
9
12
|
name: 'mdc-list-item-secondary-text',
|
|
10
13
|
template: '<template class="mdc-list-item__secondary-text"><au-slot></au-slot></template>'
|
|
11
14
|
})];
|
|
@@ -16,13 +19,13 @@ let MdcListItemSecondaryText = (() => {
|
|
|
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
|
MdcListItemSecondaryText = _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 MdcListItemSecondaryText = _classThis;
|
|
26
29
|
})();
|
|
27
|
-
|
|
30
|
+
exports.MdcListItemSecondaryText = MdcListItemSecondaryText;
|
|
28
31
|
//# sourceMappingURL=mdc-list-item-secondary-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-list-item-secondary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-secondary-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-list-item-secondary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-secondary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,wBAAwB;4BAJpC,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,8BAA8B;YACpC,QAAQ,EAAE,gFAAgF;SAC3F,CAAC;;;;;;;;YACF,qLAAyC;;;YAA5B,+DAAwB;;;;;AAAxB,4DAAwB","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-list-item-secondary-text\r\n */\r\n@customElement({\r\n name: 'mdc-list-item-secondary-text',\r\n template: '<template class=\"mdc-list-item__secondary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcListItemSecondaryText { }\r\n"]}
|
package/dist/list/mdc-list.html
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<template class="${cssClasses.ROOT}" keydown.trigger="handleKeydownEvent_($event)"
|
|
2
|
-
click.trigger="handleClickEvent_($event)" focusin.trigger="handleFocusInEvent_($event)"
|
|
3
|
-
focusout.trigger="handleFocusOutEvent_($event)" aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
|
|
4
|
-
<au-slot></au-slot>
|
|
5
|
-
</template>
|
|
1
|
+
<template class="${cssClasses.ROOT}" keydown.trigger="handleKeydownEvent_($event)"
|
|
2
|
+
click.trigger="handleClickEvent_($event)" focusin.trigger="handleFocusInEvent_($event)"
|
|
3
|
+
focusout.trigger="handleFocusOutEvent_($event)" aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
|
|
4
|
+
<au-slot></au-slot>
|
|
5
|
+
</template>
|
package/dist/list/mdc-list.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcList = 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_list_html_raw_1 = tslib_1.__importDefault(require("./mdc-list.html?raw"));
|
|
10
|
+
list_1.strings.ACTION_EVENT = list_1.strings.ACTION_EVENT.toLowerCase();
|
|
11
|
+
list_1.strings.SELECTION_CHANGE_EVENT = list_1.strings.SELECTION_CHANGE_EVENT.toLowerCase();
|
|
12
|
+
exports.mdcListStrings = {
|
|
10
13
|
ITEMS_CHANGED: 'mdclist:itemschanged'
|
|
11
14
|
};
|
|
12
15
|
/**
|
|
@@ -15,11 +18,11 @@ export const mdcListStrings = {
|
|
|
15
18
|
* @emits mdclist:itemschanged | Indicates that the list of items has changed
|
|
16
19
|
*/
|
|
17
20
|
let MdcList = (() => {
|
|
18
|
-
let _classDecorators = [inject(Element), customElement({ name: 'mdc-list', template })];
|
|
21
|
+
let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-list', template: mdc_list_html_raw_1.default })];
|
|
19
22
|
let _classDescriptor;
|
|
20
23
|
let _classExtraInitializers = [];
|
|
21
24
|
let _classThis;
|
|
22
|
-
let _classSuper = MdcComponent;
|
|
25
|
+
let _classSuper = base_1.MdcComponent;
|
|
23
26
|
let _singleSelection_decorators;
|
|
24
27
|
let _singleSelection_initializers = [];
|
|
25
28
|
let _singleSelection_extraInitializers = [];
|
|
@@ -42,49 +45,49 @@ let MdcList = (() => {
|
|
|
42
45
|
static { _classThis = this; }
|
|
43
46
|
static {
|
|
44
47
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
45
|
-
_singleSelection_decorators = [bindable({ set: booleanAttr })];
|
|
46
|
-
_activated_decorators = [bindable({ set: booleanAttr })];
|
|
47
|
-
_itemElements_decorators = [slotted({ query: 'mdc-list-item' })];
|
|
48
|
-
_typeahead_decorators = [bindable({ set: booleanAttr })];
|
|
49
|
-
_nonInteractive_decorators = [bindable({ set: booleanAttr })];
|
|
50
|
-
_wrapFocus_decorators = [bindable({ set: booleanAttr })];
|
|
51
|
-
__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);
|
|
52
|
-
__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);
|
|
53
|
-
__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);
|
|
54
|
-
__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);
|
|
55
|
-
__esDecorate(null, null, _nonInteractive_decorators, { kind: "field", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
|
|
56
|
-
__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);
|
|
57
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
48
|
+
_singleSelection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
49
|
+
_activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
50
|
+
_itemElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-list-item' })];
|
|
51
|
+
_typeahead_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
52
|
+
_nonInteractive_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
53
|
+
_wrapFocus_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
|
|
54
|
+
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);
|
|
55
|
+
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);
|
|
56
|
+
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);
|
|
57
|
+
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);
|
|
58
|
+
tslib_1.__esDecorate(null, null, _nonInteractive_decorators, { kind: "field", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
|
|
59
|
+
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);
|
|
60
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
58
61
|
MdcList = _classThis = _classDescriptor.value;
|
|
59
62
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
60
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
63
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
61
64
|
}
|
|
62
|
-
cssClasses = cssClasses;
|
|
65
|
+
cssClasses = list_1.cssClasses;
|
|
63
66
|
/** 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 */
|
|
64
|
-
singleSelection = __runInitializers(this, _singleSelection_initializers, void 0);
|
|
67
|
+
singleSelection = tslib_1.__runInitializers(this, _singleSelection_initializers, void 0);
|
|
65
68
|
singleSelectionChanged() {
|
|
66
69
|
this.foundation?.setSingleSelection(this.singleSelection);
|
|
67
70
|
}
|
|
68
71
|
/** Sets the selection logic to apply/remove the mdc-list-item--activated class */
|
|
69
|
-
activated = (__runInitializers(this, _singleSelection_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
|
|
72
|
+
activated = (tslib_1.__runInitializers(this, _singleSelection_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
|
|
70
73
|
activatedChanged() {
|
|
71
74
|
this.foundation?.setUseActivatedClass(this.activated);
|
|
72
75
|
}
|
|
73
|
-
itemElements = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _itemElements_initializers, void 0));
|
|
76
|
+
itemElements = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _itemElements_initializers, void 0));
|
|
74
77
|
itemsChanged() {
|
|
75
|
-
this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
|
|
78
|
+
this.emit(exports.mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
|
|
76
79
|
}
|
|
77
80
|
get items() {
|
|
78
|
-
return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
|
|
81
|
+
return (this.itemElements ?? []).map(x => aurelia_1.CustomElement.for(x).viewModel);
|
|
79
82
|
}
|
|
80
|
-
typeahead = (__runInitializers(this, _itemElements_extraInitializers), __runInitializers(this, _typeahead_initializers, void 0));
|
|
83
|
+
typeahead = (tslib_1.__runInitializers(this, _itemElements_extraInitializers), tslib_1.__runInitializers(this, _typeahead_initializers, void 0));
|
|
81
84
|
typeaheadChanged(hasTypeahead) {
|
|
82
85
|
this.foundation?.setHasTypeahead(hasTypeahead);
|
|
83
86
|
}
|
|
84
87
|
/** Prevent list items receive styles for hover, focus, and press states (including the ripple) */
|
|
85
|
-
nonInteractive = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _nonInteractive_initializers, void 0));
|
|
88
|
+
nonInteractive = (tslib_1.__runInitializers(this, _typeahead_extraInitializers), tslib_1.__runInitializers(this, _nonInteractive_initializers, void 0));
|
|
86
89
|
/** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */
|
|
87
|
-
wrapFocus = (__runInitializers(this, _nonInteractive_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
|
|
90
|
+
wrapFocus = (tslib_1.__runInitializers(this, _nonInteractive_extraInitializers), tslib_1.__runInitializers(this, _wrapFocus_initializers, void 0));
|
|
88
91
|
wrapFocusChanged() {
|
|
89
92
|
this.foundation?.setWrapFocus(this.wrapFocus);
|
|
90
93
|
}
|
|
@@ -97,7 +100,7 @@ let MdcList = (() => {
|
|
|
97
100
|
this.initializeListType();
|
|
98
101
|
}
|
|
99
102
|
get listElements() {
|
|
100
|
-
return Array.from(this.root.querySelectorAll(`.${cssClasses.LIST_ITEM_CLASS}`));
|
|
103
|
+
return Array.from(this.root.querySelectorAll(`.${list_1.cssClasses.LIST_ITEM_CLASS}`));
|
|
101
104
|
}
|
|
102
105
|
/**
|
|
103
106
|
* Extracts the primary text from a list item.
|
|
@@ -105,11 +108,11 @@ let MdcList = (() => {
|
|
|
105
108
|
* @return The primary text in the element.
|
|
106
109
|
*/
|
|
107
110
|
getPrimaryText(item) {
|
|
108
|
-
const primaryText = item.querySelector(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);
|
|
111
|
+
const primaryText = item.querySelector(`.${list_1.cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);
|
|
109
112
|
if (primaryText) {
|
|
110
113
|
return primaryText.textContent ?? '';
|
|
111
114
|
}
|
|
112
|
-
const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);
|
|
115
|
+
const singleLineText = item.querySelector(`.${list_1.cssClasses.LIST_ITEM_TEXT_CLASS}`);
|
|
113
116
|
return singleLineText?.textContent ?? '';
|
|
114
117
|
}
|
|
115
118
|
getDefaultFoundation() {
|
|
@@ -134,15 +137,15 @@ let MdcList = (() => {
|
|
|
134
137
|
getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
|
|
135
138
|
hasCheckboxAtIndex: (index) => {
|
|
136
139
|
const listItem = this.listElements[index];
|
|
137
|
-
return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
140
|
+
return !!listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
|
|
138
141
|
},
|
|
139
142
|
hasRadioAtIndex: (index) => {
|
|
140
143
|
const listItem = this.listElements[index];
|
|
141
|
-
return !!listItem.querySelector(strings.RADIO_SELECTOR);
|
|
144
|
+
return !!listItem.querySelector(list_1.strings.RADIO_SELECTOR);
|
|
142
145
|
},
|
|
143
146
|
isCheckboxCheckedAtIndex: (index) => {
|
|
144
147
|
const listItem = this.listElements[index];
|
|
145
|
-
const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
|
|
148
|
+
const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
|
|
146
149
|
return toggleEl.checked;
|
|
147
150
|
},
|
|
148
151
|
isFocusInsideList: () => {
|
|
@@ -153,12 +156,12 @@ let MdcList = (() => {
|
|
|
153
156
|
notifyAction: (index) => {
|
|
154
157
|
const listItem = this.listElements[index];
|
|
155
158
|
if (!listItem.hasAttribute('no-list-action')) {
|
|
156
|
-
const data = CustomElement.for(listItem).viewModel.value;
|
|
157
|
-
this.emit(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
|
|
159
|
+
const data = aurelia_1.CustomElement.for(listItem).viewModel.value;
|
|
160
|
+
this.emit(list_1.strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
|
|
158
161
|
}
|
|
159
162
|
},
|
|
160
163
|
notifySelectionChange: (changedIndices) => {
|
|
161
|
-
this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
|
|
164
|
+
this.emit(list_1.strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
|
|
162
165
|
},
|
|
163
166
|
removeClassForElementIndex: (index, className) => {
|
|
164
167
|
const element = this.listElements[index];
|
|
@@ -174,7 +177,7 @@ let MdcList = (() => {
|
|
|
174
177
|
},
|
|
175
178
|
setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
|
|
176
179
|
const listItem = this.listElements[index];
|
|
177
|
-
const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
|
|
180
|
+
const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_RADIO_SELECTOR);
|
|
178
181
|
if (toggleEl?.disabled) {
|
|
179
182
|
return;
|
|
180
183
|
}
|
|
@@ -185,11 +188,11 @@ let MdcList = (() => {
|
|
|
185
188
|
},
|
|
186
189
|
setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
|
|
187
190
|
const element = this.listElements[listItemIndex];
|
|
188
|
-
const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
191
|
+
const listItemChildren = [].slice.call(element.querySelectorAll(list_1.strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
189
192
|
listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
|
|
190
193
|
},
|
|
191
194
|
};
|
|
192
|
-
return new MDCListFoundation(adapter);
|
|
195
|
+
return new list_1.MDCListFoundation(adapter);
|
|
193
196
|
}
|
|
194
197
|
/**
|
|
195
198
|
* @hidden
|
|
@@ -198,9 +201,9 @@ let MdcList = (() => {
|
|
|
198
201
|
*/
|
|
199
202
|
getListItemIndex_(evt) {
|
|
200
203
|
const eventTarget = evt.target;
|
|
201
|
-
const nearestParent = closest(eventTarget, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);
|
|
204
|
+
const nearestParent = (0, ponyfill_1.closest)(eventTarget, `.${list_1.cssClasses.LIST_ITEM_CLASS}, .${list_1.cssClasses.ROOT}`);
|
|
202
205
|
// Get the index of the element if it is a list item.
|
|
203
|
-
if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {
|
|
206
|
+
if (nearestParent && (0, ponyfill_1.matches)(nearestParent, `.${list_1.cssClasses.LIST_ITEM_CLASS}`)) {
|
|
204
207
|
return this.listElements.indexOf(nearestParent);
|
|
205
208
|
}
|
|
206
209
|
return -1;
|
|
@@ -230,7 +233,7 @@ let MdcList = (() => {
|
|
|
230
233
|
const index = this.getListItemIndex_(evt);
|
|
231
234
|
const target = evt.target;
|
|
232
235
|
if (!target.hasAttribute('not-selectable')) {
|
|
233
|
-
this.foundation?.handleKeydown(evt, target.classList.contains(cssClasses.LIST_ITEM_CLASS), index);
|
|
236
|
+
this.foundation?.handleKeydown(evt, target.classList.contains(list_1.cssClasses.LIST_ITEM_CLASS), index);
|
|
234
237
|
}
|
|
235
238
|
return true;
|
|
236
239
|
}
|
|
@@ -242,7 +245,7 @@ let MdcList = (() => {
|
|
|
242
245
|
const index = this.getListItemIndex_(evt);
|
|
243
246
|
const target = evt.target;
|
|
244
247
|
// Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.
|
|
245
|
-
const isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);
|
|
248
|
+
const isCheckboxAlreadyUpdatedInAdapter = (0, ponyfill_1.matches)(target, list_1.strings.CHECKBOX_RADIO_SELECTOR);
|
|
246
249
|
this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);
|
|
247
250
|
return true;
|
|
248
251
|
}
|
|
@@ -281,10 +284,10 @@ let MdcList = (() => {
|
|
|
281
284
|
* Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
|
|
282
285
|
*/
|
|
283
286
|
initializeListType() {
|
|
284
|
-
const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);
|
|
285
|
-
const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);
|
|
287
|
+
const checkboxListItems = this.root.querySelectorAll(list_1.strings.ARIA_ROLE_CHECKBOX_SELECTOR);
|
|
288
|
+
const radioSelectedListItem = this.root.querySelector(list_1.strings.ARIA_CHECKED_RADIO_SELECTOR);
|
|
286
289
|
if (checkboxListItems.length) {
|
|
287
|
-
const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
|
|
290
|
+
const preselectedItems = this.root.querySelectorAll(list_1.strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
|
|
288
291
|
this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
|
|
289
292
|
}
|
|
290
293
|
else if (radioSelectedListItem) {
|
|
@@ -293,10 +296,10 @@ let MdcList = (() => {
|
|
|
293
296
|
}
|
|
294
297
|
constructor() {
|
|
295
298
|
super(...arguments);
|
|
296
|
-
__runInitializers(this, _wrapFocus_extraInitializers);
|
|
299
|
+
tslib_1.__runInitializers(this, _wrapFocus_extraInitializers);
|
|
297
300
|
}
|
|
298
301
|
};
|
|
299
302
|
return MdcList = _classThis;
|
|
300
303
|
})();
|
|
301
|
-
|
|
304
|
+
exports.MdcList = MdcList;
|
|
302
305
|
//# sourceMappingURL=mdc-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-list.js","sourceRoot":"","sources":["../../src/list/mdc-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\nimport { MDCListFoundation, MDCListAdapter, strings, cssClasses, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\nimport { closest, matches } from '@material/dom/ponyfill';\nimport { MdcListItem, IMdcListActionEventDetail } from './mdc-list-item/mdc-list-item';\nimport { customElement, bindable, inject, CustomElement, slotted } from 'aurelia';\nimport template from './mdc-list.html?raw';\n\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\nstrings.SELECTION_CHANGE_EVENT = strings.SELECTION_CHANGE_EVENT.toLowerCase();\n\nexport const mdcListStrings = {\n ITEMS_CHANGED: 'mdclist:itemschanged'\n};\n\n/**\n * @selector mdc-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-list', template })\nexport class MdcList extends MdcComponent<MDCListFoundation> {\n\n cssClasses = cssClasses;\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 singleSelectionChanged() {\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 activatedChanged() {\n this.foundation?.setUseActivatedClass(this.activated);\n }\n\n @slotted({ query: 'mdc-list-item' })\n itemElements: HTMLElement[];\n itemsChanged() {\n this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\n }\n\n get items(): MdcListItem[] {\n return (this.itemElements ?? []).map(x => CustomElement.for<MdcListItem>(x).viewModel);\n }\n\n @bindable({ set: booleanAttr })\n typeahead: boolean;\n typeaheadChanged(hasTypeahead: boolean) {\n this.foundation?.setHasTypeahead(hasTypeahead);\n }\n\n /** Prevent list items receive styles for hover, focus, and press states (including the ripple) */\n @bindable({ set: booleanAttr })\n nonInteractive: boolean;\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 wrapFocusChanged() {\n this.foundation?.setWrapFocus(this.wrapFocus);\n }\n\n initialSyncWithDOM() {\n this.singleSelectionChanged();\n this.activatedChanged();\n this.typeaheadChanged(this.typeahead);\n this.wrapFocusChanged();\n this.layout();\n this.initializeListType();\n }\n\n get listElements(): Element[] {\n return Array.from(this.root.querySelectorAll(`.${cssClasses.LIST_ITEM_CLASS}`));\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(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);\n if (primaryText) {\n return primaryText.textContent ?? '';\n }\n\n const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);\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<MdcListItem>(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, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);\n\n // Get the index of the element if it is a list item.\n if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {\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(cssClasses.LIST_ITEM_CLASS), 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 isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);\n this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);\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 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 IMdcListElement extends HTMLElement {\n $au: {\n 'au:resource:custom-element': {\n viewModel: MdcList;\n };\n };\n}\n\n"]}
|
|
1
|
+
{"version":3,"file":"mdc-list.js","sourceRoot":"","sources":["../../src/list/mdc-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCListFoundation, MDCListAdapter, strings, cssClasses, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\r\nimport { closest, matches } from '@material/dom/ponyfill';\r\nimport { MdcListItem, IMdcListActionEventDetail } from './mdc-list-item/mdc-list-item';\r\nimport { customElement, bindable, inject, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-list.html?raw';\r\n\r\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\r\nstrings.SELECTION_CHANGE_EVENT = strings.SELECTION_CHANGE_EVENT.toLowerCase();\r\n\r\nexport const mdcListStrings = {\r\n ITEMS_CHANGED: 'mdclist:itemschanged'\r\n};\r\n\r\n/**\r\n * @selector mdc-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-list', template })\r\nexport class MdcList extends MdcComponent<MDCListFoundation> {\r\n\r\n cssClasses = cssClasses;\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 singleSelectionChanged() {\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 activatedChanged() {\r\n this.foundation?.setUseActivatedClass(this.activated);\r\n }\r\n\r\n @slotted({ query: 'mdc-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(): MdcListItem[] {\r\n return (this.itemElements ?? []).map(x => CustomElement.for<MdcListItem>(x).viewModel);\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n typeahead: boolean;\r\n typeaheadChanged(hasTypeahead: boolean) {\r\n this.foundation?.setHasTypeahead(hasTypeahead);\r\n }\r\n\r\n /** Prevent list items receive styles for hover, focus, and press states (including the ripple) */\r\n @bindable({ set: booleanAttr })\r\n nonInteractive: boolean;\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 wrapFocusChanged() {\r\n this.foundation?.setWrapFocus(this.wrapFocus);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.singleSelectionChanged();\r\n this.activatedChanged();\r\n this.typeaheadChanged(this.typeahead);\r\n this.wrapFocusChanged();\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(`.${cssClasses.LIST_ITEM_CLASS}`));\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(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);\r\n if (primaryText) {\r\n return primaryText.textContent ?? '';\r\n }\r\n\r\n const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);\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<MdcListItem>(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, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);\r\n\r\n // Get the index of the element if it is a list item.\r\n if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {\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(cssClasses.LIST_ITEM_CLASS), 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 isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);\r\n this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);\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 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 IMdcListElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcList;\r\n };\r\n };\r\n}\r\n\r\n"]}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DiscardablePromise = void 0;
|
|
1
4
|
/**
|
|
2
5
|
* A wrapper-promise which rejects when discarded
|
|
3
6
|
*/
|
|
4
|
-
|
|
7
|
+
class DiscardablePromise {
|
|
5
8
|
promise;
|
|
6
9
|
constructor(promise) {
|
|
7
10
|
this.promise = promise;
|
|
@@ -22,4 +25,5 @@ export class DiscardablePromise {
|
|
|
22
25
|
this.isDiscarded = true;
|
|
23
26
|
}
|
|
24
27
|
}
|
|
28
|
+
exports.DiscardablePromise = DiscardablePromise;
|
|
25
29
|
//# sourceMappingURL=discardable-promise.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"discardable-promise.js","sourceRoot":"","sources":["../../src/lookup/discardable-promise.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"discardable-promise.js","sourceRoot":"","sources":["../../src/lookup/discardable-promise.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,MAAa,kBAAkB;IACT;IAApB,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;IAAI,CAAC;IAE5C,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAEvC,WAAW,CAAU;IAErB,IAAI,CAAiC,WAA4D,EAAE,UAAkE;QACnK,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAC,CAAC,EAAC,EAAE;YACjC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,OAAO,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;;AAnBH,gDAoBC","sourcesContent":["/**\r\n * A wrapper-promise which rejects when discarded\r\n */\r\nexport class DiscardablePromise<T> implements PromiseLike<T> {\r\n constructor(private promise: Promise<T>) { }\r\n\r\n static discarded = Symbol('discarded');\r\n\r\n isDiscarded: boolean;\r\n\r\n then<TResult1 = T, TResult2 = never>(onfulfilled?: (value: T) => TResult1 | PromiseLike<TResult1>, onrejected?: (reason: unknown) => TResult2 | PromiseLike<TResult2>): PromiseLike<TResult1 | TResult2> {\r\n return this.promise.then(async x => {\r\n if (this.isDiscarded) {\r\n return Promise.reject(DiscardablePromise.discarded);\r\n } else {\r\n return Promise.resolve(x);\r\n }\r\n }).then(onfulfilled, onrejected);\r\n }\r\n\r\n discard() {\r\n this.isDiscarded = true;\r\n }\r\n}\r\n"]}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MdcDefaultLookupConfiguration = void 0;
|
|
1
4
|
/** Configuration object */
|
|
2
|
-
|
|
5
|
+
class MdcDefaultLookupConfiguration {
|
|
3
6
|
/** Default debounce time in milliseconds */
|
|
4
7
|
debounce = 850;
|
|
5
8
|
/** Default message displayed while async options function is being executed */
|
|
@@ -7,4 +10,5 @@ export class MdcDefaultLookupConfiguration {
|
|
|
7
10
|
/** Default message displayed when options are not found */
|
|
8
11
|
notFoundMessage = 'Not found';
|
|
9
12
|
}
|
|
13
|
+
exports.MdcDefaultLookupConfiguration = MdcDefaultLookupConfiguration;
|
|
10
14
|
//# sourceMappingURL=mdc-lookup-configuration.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-lookup-configuration.js","sourceRoot":"","sources":["../../src/lookup/mdc-lookup-configuration.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,
|
|
1
|
+
{"version":3,"file":"mdc-lookup-configuration.js","sourceRoot":"","sources":["../../src/lookup/mdc-lookup-configuration.ts"],"names":[],"mappings":";;;AAAA,2BAA2B;AAC3B,MAAa,6BAA6B;IACxC,4CAA4C;IACrC,QAAQ,GAAW,GAAG,CAAC;IAE9B,+EAA+E;IACxE,gBAAgB,GAAW,cAAc,CAAC;IAEjD,2DAA2D;IACpD,eAAe,GAAW,WAAW,CAAC;CAC9C;AATD,sEASC","sourcesContent":["/** Configuration object */\r\nexport class MdcDefaultLookupConfiguration {\r\n /** Default debounce time in milliseconds */\r\n public debounce: number = 850;\r\n\r\n /** Default message displayed while async options function is being executed */\r\n public searchingMessage: string = 'Searching...';\r\n\r\n /** Default message displayed when options are not found */\r\n public notFoundMessage: string = 'Not found';\r\n}\r\n"]}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
<template class="mdc-lookup">
|
|
2
|
-
<mdc-menu component.ref="menu" mdcmenu:selected.trigger="handleMenuItemAction($event)" anchor-corner="BOTTOM_LEFT"
|
|
3
|
-
anchor.bind="input" hoist-to-body.bind="hoistToBody" class="${menuClass}" select-on-tab.bind="selectOnTab" stay-open
|
|
4
|
-
mdc-menu-surface.ref="menuSurface" keydown.trigger="handleMenuKeydown($event)">
|
|
5
|
-
<mdc-list role="menu" wrap-focus>
|
|
6
|
-
|
|
7
|
-
<au-slot if.bind="searching" name="searching">
|
|
8
|
-
<mdc-list-item two-line.bind="twoLine">${defaultConfiguration.searchingMessage}</mdc-list-item>
|
|
9
|
-
</au-slot>
|
|
10
|
-
|
|
11
|
-
<au-slot if.bind="errorMessage" name="error">
|
|
12
|
-
<mdc-list-item two-line.bind="twoLine">${errorMessage}</mdc-list-item>
|
|
13
|
-
</au-slot>
|
|
14
|
-
|
|
15
|
-
<au-slot if.bind="optionsArray && !optionsArray.length" name="not-found">
|
|
16
|
-
<mdc-list-item two-line.bind="twoLine">
|
|
17
|
-
${defaultConfiguration.notFoundMessage}
|
|
18
|
-
</mdc-list-item>
|
|
19
|
-
</au-slot>
|
|
20
|
-
|
|
21
|
-
<mdc-list-item role="menuitem" repeat.for="option of optionsArray" value.bind="option" tabindex="-1"
|
|
22
|
-
two-line.bind="twoLine">
|
|
23
|
-
<au-slot name="option">${getDisplay(option)}</au-slot>
|
|
24
|
-
</mdc-list-item>
|
|
25
|
-
</mdc-list>
|
|
26
|
-
</mdc-menu>
|
|
27
|
-
</template>
|
|
1
|
+
<template class="mdc-lookup">
|
|
2
|
+
<mdc-menu component.ref="menu" mdcmenu:selected.trigger="handleMenuItemAction($event)" anchor-corner="BOTTOM_LEFT"
|
|
3
|
+
anchor.bind="input" hoist-to-body.bind="hoistToBody" class="${menuClass}" select-on-tab.bind="selectOnTab" stay-open
|
|
4
|
+
mdc-menu-surface.ref="menuSurface" keydown.trigger="handleMenuKeydown($event)">
|
|
5
|
+
<mdc-list role="menu" wrap-focus>
|
|
6
|
+
|
|
7
|
+
<au-slot if.bind="searching" name="searching">
|
|
8
|
+
<mdc-list-item two-line.bind="twoLine">${defaultConfiguration.searchingMessage}</mdc-list-item>
|
|
9
|
+
</au-slot>
|
|
10
|
+
|
|
11
|
+
<au-slot if.bind="errorMessage" name="error">
|
|
12
|
+
<mdc-list-item two-line.bind="twoLine">${errorMessage}</mdc-list-item>
|
|
13
|
+
</au-slot>
|
|
14
|
+
|
|
15
|
+
<au-slot if.bind="optionsArray && !optionsArray.length" name="not-found">
|
|
16
|
+
<mdc-list-item two-line.bind="twoLine">
|
|
17
|
+
${defaultConfiguration.notFoundMessage}
|
|
18
|
+
</mdc-list-item>
|
|
19
|
+
</au-slot>
|
|
20
|
+
|
|
21
|
+
<mdc-list-item role="menuitem" repeat.for="option of optionsArray" value.bind="option" tabindex="-1"
|
|
22
|
+
two-line.bind="twoLine">
|
|
23
|
+
<au-slot name="option">${getDisplay(option)}</au-slot>
|
|
24
|
+
</mdc-list-item>
|
|
25
|
+
</mdc-list>
|
|
26
|
+
</mdc-menu>
|
|
27
|
+
</template>
|